html.fssopen, html.fssopen body{ /* class added to HTML element when full screen slider is open to hide potential body scrollbars */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  margin: 0;
	overflow: hidden;
}
@media (max-width:960px){
	html.fssopen, html.fssopen body{overflow:auto;}
	}

section.dd_fullscreenslider{
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    z-index: 2000;
	font-size: 16px; /* base font size */
	visibility: visible;
	overflow: hidden;
}

div.slidewrapper{ /* wrapper DIV that surrounds the ARTICLE elements inside .dd_fullscreenslider */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
	-moz-transition: -moz-transform 0.5s; /* actual duration controlled by script */
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

ul.fssnav{ /* UL list dynamically added by script for Slider navigation */
  list-style: none;
  padding: 0;
  margin: 0;
	position: fixed;
	top: 50%; /* vertically center menu */
	right: 70px; /* distance from right edge of screen */
	transform: translateY(-50%); /* vertically center menu */
}

ul.fssnav li{
  margin-bottom: 15px;
}

ul.fssnav li a{
  text-decoration: none;
  border: 4px solid white; /* border color of nav links */
  border-radius: 50%;
  width: 8px; /* dimensions of nav links */
  height: 8px;
  display: block;
	position: relative;
  text-indent: -500px;
	outline: none;
  overflow: hidden;
}

ul.fssnav li a::after{ /* create "fill" element inside A */
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  background: white; /* color of "fill" element */
  transition: top 0.5s; /* transition for "fill up" effect */
}

ul.fssnav li.selected a::after{
  top: 0; /* fill up selected A element from bottom to top */
}


section.dd_fullscreenslider article.slide{ /* CSS for each slide */
  width: 100%;
  height: 100%;
	display: block;
	font-family: 'Microsoft YaHei', sans-serif; /* Use google font */
	overflow: hidden;
  -webkit-box-sizing: border-box; /* include padding/ border as part of declared menu width */
  -moz-box-sizing: border-box;
	z-index: 1000;
	-webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
}
@media (max-width:960px){
	.section.dd_fullscreenslider article.slide{ position:inherit; z-index:auto;}
	}



section.dd_fullscreenslider article.slide .scrollable{ /* Assign this class to elements within a slide that should be scrollable */
	overflow: auto;
}



section.dd_fullscreenslider div.closex{ /* Large x close button inside Slider */
  width: 50px;
  height: 50px;
	overflow: hidden;
  display: block;
  position: fixed;
  cursor: pointer;
	text-indent: -1000px;
	opacity: 0.8;
  z-index: 1001;
  top: 5px;
  right: 3px;
}

section.dd_fullscreenslider div.closex::before, section.dd_fullscreenslider div.closex::after{ /* render large x inside close button */
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background: white; /* color of x button */
  top: 50%;
  margin-top: -3px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

section.dd_fullscreenslider div.closex::after{ /* render large cross inside close button */
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


section.dd_fullscreenslider article.slide:nth-of-type(1){background: url(../images/bg-01.jpg);}
section.dd_fullscreenslider article.slide:nth-of-type(1) .w1200 img{width:100%; display:block; max-width:100%;}
section.dd_fullscreenslider article.slide:nth-of-type(1) .w1200 .fl{margin-top:290px; max-width:660px;}
section.dd_fullscreenslider article.slide:nth-of-type(1) .w1200 .fr{margin-top:240px; max-width:535px; width:100%; overflow:hidden; height:auto;}

section.dd_fullscreenslider article.slide:nth-of-type(2){background:url(../images/bg-02.jpg);}
section.dd_fullscreenslider article.slide:nth-of-type(2) .w1200{padding-top:250PX;}
section.dd_fullscreenslider article.slide:nth-of-type(2) .w1200 .col5 p{color:#000; font-size:14px; padding:10px 30px 30px 6px; display:block; line-height:24px;}

/* pro start */
section.dd_fullscreenslider article.slide:nth-of-type(3) .w1200{padding-top:160px;}
.slide-tt h2{font-size:40px; color:#111;}
.slide-tt P{font-size:18px; color:#666; padding:10px 100px;}
.slide-tt span{display:block; font-size:18px;}

/* news start */
section.dd_fullscreenslider article.slide:nth-of-type(4){background:url(../images/bg-03.jpg);}
section.dd_fullscreenslider article.slide:nth-of-type(4) .w1200{padding-top:220px;}
.index-news{background:url(../images/index-news-bg.png) no-repeat; width:1140px; height:420px; padding:30px;}
.index-news ul li{border-bottom:#aeb0b5 1px solid; padding:20px; width:470px; height:auto; overflow:hidden; color:#000; font-size:14px;}
.index-news ul li .img{display:none;}
.index-news ul li .fr{width:400px;}
.index-news ul li p{display:block; width:70px; font-size:24px;}
.index-news ul li em{display:block; color:#999;}
.index-news ul li a{display:block; font-weight:; font-size:17px; line-height:25px;overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.index-news ul li:nth-child(2) a{color:#082b84;}
.index-news ul li span{display:block; color:#777;}

.index-news ul li:nth-child(1){float:left; width:540px; margin-right:20px; border:none;}
.index-news ul li:nth-child(1) .img{display:block; margin:25px 0 15px 0px;}
.index-news ul li:nth-child(1) .img img{width:490px; height:310px;
}
.index-news ul li:nth-child(1) .fl p{float:left; width:auto; padding-right:5px;}
.index-news ul li:nth-child(1) .fl em{float:left; line-height:24px;}
.index-news ul li:nth-child(1) .fr{float:left!important; padding-left:30px; width:360px;}
.index-news ul li:nth-child(1) span{display:none;}
.index-news .btn{float:right; clear:both; margin:-70px 30px 0 0;}

/* case start */
section.dd_fullscreenslider article.slide:nth-of-type(5){background:url(../images/bg-04.jpg);}
section.dd_fullscreenslider article.slide:nth-of-type(5) .w1200{padding-top:130px;}
section.dd_fullscreenslider article.slide:nth-of-type(5) .fl .clear img:nth-child(2){margin:98px 21px 0;} 
section.dd_fullscreenslider article.slide:nth-of-type(5) .fr{margin-top:100px;}
section.dd_fullscreenslider article.slide:nth-of-type(5) .btn{position:absolute; z-index:99999; bottom:20px; margin-left:27%;}

/* video start */
section.dd_fullscreenslider article.slide:nth-of-type(6){background:url(../images/bg-05.jpg);}
section.dd_fullscreenslider article.slide:nth-of-type(6) .w1200{padding-top:160px;}
section.dd_fullscreenslider article.slide:nth-of-type(6) .slide-tt span{color:#aaa; margin-bottom:40px;}
section.dd_fullscreenslider article.slide:nth-of-type(6) table{background:#fff; text-align:center;text-transform:uppercase; font-size:22px;}
section.dd_fullscreenslider article.slide:nth-of-type(6) table span{display:block; clear:both;}
section.dd_fullscreenslider article.slide:nth-of-type(6) table em{display:block; clear:both; font-size:12px; color:#aaa;}
section.dd_fullscreenslider article.slide:nth-of-type(6) table .btn{font-size:14px; margin-top:20px;}


/* contact start */
section.dd_fullscreenslider article.slide:nth-of-type(7){background:url(../images/bg-06.jpg);}
section.dd_fullscreenslider article.slide:nth-of-type(7) .w1200{padding-top:190px; text-align:center;}
section.dd_fullscreenslider article.slide:nth-of-type(7) .w1200 img{clear:both; margin:0 auto; display:block;}
section.dd_fullscreenslider article.slide:nth-of-type(7) .w1200 p{font-size:18px;}
section.dd_fullscreenslider article.slide:nth-of-type(7) .w1200 span{display:block; margin:20px 0;}
section.dd_fullscreenslider article.slide:nth-of-type(7) .w1200 em{display:block; position:absolute; z-index:99999; bottom:20px; color:#afafaf;margin-left:-380px; width:100%; font-size:12px;}



/*-------------公用部分在首页特殊显示的效果--------------*/

.topline {color:#fff;}
.topline a{color:#fff;}
.topline a:nth-child(1){color:#f3af20;}
.nav{ position:inherit; z-index:20001;}
.nav > ul > li > a { color:#fff; font-size:;}
.nav > ul > li:nth-child(1) > a {background: rgba(0,0,0,0.5); color:#f3af20;}
.nav > ul > li:nth-child(1) > a:hover {background: rgba(0,0,0,0.5);}
.nav > ul >  li:hover > a {background: rgba(0,0,0,0.5); color:#f3af20;}
@media (min-width:961px){
.top{position:relative; z-index:10000; background:rgba(0,0,0,0.3); border:none;}
.top .logo{ background:url(../images/logo.png) no-repeat;}
.top .logo img{display:none;}
}
.top a:hover{color:#f3af20;}
.w-service-fixed{margin-bottom:-110px;}
.service-item-top{display:none!important;}
.w-service-fixed{ margin-bottom:-90px!important;}
@media (max-width:960px){
	.topline{display:none;}
	.top{height:60px!important; background:#fff; position:inherit; z-index:auto;border-top:3px solid #163fa5;}
	.nav > ul >  li:hover > a:hover{color:#163fa5; background:#fff;}
     
	.slide-tt h2{font-size:2em; padding-top:30px;}
	.slide-tt p{font-size:1em; width:72%; display:block; float:none; margin:0 auto; padding:0 30px;}
	.slide-tt span{font-size:1em;}
	 
	.phone-show .w1200:nth-child(1){background: url(../images/phone-bg1.jpg) bottom center; background-size:100%;}
	.phone-show .w1200:nth-child(1) img:nth-child(1){display:block; width:73%; float:right; clear:both; margin:40px 4% 0 0;}
	.phone-show .w1200:nth-child(1) img:nth-child(2){display:block; width:80%; float:left; clear:both; margin:45px 0 30px 10%;}
	
	.phone-show .w1200:nth-child(2){background: url(../images/phone-bg2.jpg) bottom center no-repeat #eeeff1; padding-top:20px; background-size:100%;}
    .phone-show .w1200:nth-child(2) .col5{float:none; width:90%; margin:0 auto; padding:15px 0; text-align:center;}
	.phone-show .w1200:nth-child(2) .col5 p{text-align:left;}
	.phone-show .w1200:nth-child(2) .col5 img{display:block; margin:0 auto; width:100%;}
	.phone-show .w1200:nth-child(2) .col5:nth-child(2) .btn{margin:20px auto 30px;}
	
	.phone-show .w1200:nth-child(3) img{width:98%; margin:20px auto; display:block;}
	
	.phone-show .w1200:nth-child(4){background: url(../images/phone-bg3.jpg) bottom center #182752; background-size:100%; margin:30px 0 20px; padding:30px 0;}
	.phone-show .w1200:nth-child(4) h2 img{width:80%; display:block; margin:0 auto;}
	.index-news{background:none; background:rgba(255,255,255,.85); width:80%; margin:0 auto; height:auto; overflow:hidden; padding:0;}
	.index-news ul{position:inherit; width:90%; margin:0 auto; height:auto; overflow:hidden;}
	.index-news ul li{padding:20px 0; width:100%;}
	.index-news ul li .fr{width:86%;}
	.index-news ul li .fl{width:13%;}
	.index-news ul li p{font-size:1em; text-align:left; }
	.index-news ul li:nth-child(1){float:none; width:100%; margin-right:0; border-bottom:#aeb0b5 1px solid;}
	.index-news ul li:nth-child(1) .img{display:none;}
	.index-news ul li:nth-child(1) .fl p{float:none; padding-right:0;}
	.index-news ul li:nth-child(1) .fl em{float:none; line-height:auto;}
	.index-news ul li:nth-child(1) .fr{float:right!important; padding-left:0; width:86%;}
	.index-news ul li:nth-child(1) span{display:block;}
	.index-news ul li:nth-child(1) a {color: #082b84;}
	.index-news ul li:nth-child(2) a {color: #000;}
	.index-news .Fcenter{width:100%; text-align:center; margin:23px auto;}
	.index-news .btn{ float:none;}
	
    .phone-show .w1200:nth-child(5){background: url(../images/phone-bg4.jpg) bottom center; background-size:100%; margin:30px 0 0; padding:30px 0;}
	.phone-show .w1200:nth-child(5) hr{width:80%; margin:0 auto;}
	.phone-show .w1200:nth-child(5) img{display:block; width:50%; margin:0 auto;}
    .phone-show .w1200:nth-child(5) img.clear,
	.phone-show .w1200:nth-child(5) div.clear{display:block; width:80%; height:auto; margin:0 auto;}

	.phone-show .w1200:nth-child(6){background: url(../images/phone-bg5.jpg) top center #e6e6e6; background-size:100%; margin:0; padding:40px 0;}
	.phone-show .w1200:nth-child(6) .slide-tt img{width:55%; max-width:100%; display:block; margin:0 auto;}
	.phone-show .w1200:nth-child(6) table{width:80%!important; display:block; margin:20px auto; border-radius:10px 10px 0 0; text-align:center; background:#fff;}
	.phone-show .w1200:nth-child(6) table td{padding:5px;}
	.phone-show .w1200:nth-child(6) table td span{display:block; font-size:1.6em; text-transform:uppercase;}
	.phone-show .w1200:nth-child(6) table td em{display:block; font-size:1.3em; color:#999;}
	.phone-show .w1200:nth-child(6) table td a{margin-bottom:28px;}
	.phone-show .w1200:nth-child(6) table td img{display:block; width:100%; max-width:100%; border-radius:10px 10px 0 0;}
	
	.phone-show .w1200:nth-child(7){background: url(../images/phone-bg6.jpg) bottom center #618bb3 no-repeat; background-size:100%; margin:0; padding:50px 0;}
	.phone-show .w1200:nth-child(7) img{width:45%; display:block; margin:0 auto; max-width:100%;}
	.phone-show .w1200:nth-child(7) img:nth-child(1){width:20%;}
	.phone-show .w1200:nth-child(7) p{display:block; width:80%; margin:0 auto;}
	.phone-show .w1200:nth-child(7) span{display:block; width:80%; margin:0 auto 135px;}
	.phone-show .w1200:nth-child(7) em{display:block; width:80%; margin:20px auto 10px; color:#fff;}
}