.apple-banner {
	width: 100%;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}
.apple-banner .swiper-container {
	margin-top: -40px;
	width: 100%;
	height: 60vh;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
	background: #f3f3f3 url(../img/slide.png) no-repeat 50% 10%;
	background-size: auto 100%;
}

.slide1 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.slide2 {
	background: #f3f3f3 url(../img/slide.png) no-repeat center 50%;
	background-size: auto 100%;
}

.slide2 .title {
	padding-top: 100px;
	text-align: center;
}

.slide2 h2 {
	bottom: 100px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
}

.slide3 {
	background: #fff url(../img/slide.png) no-repeat center 110%;
}

.slide3 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 40px;
	font-weight: normal;
}

/* common */
a.more{ display: block; padding: 0.8em 3.5em; border: 1px solid #999; width: 2em; margin:2em auto; }
a.more:hover{ color:#666}
h2,h3{text-align: center;}
h2{ font-size:24px; color: #333; font-weight: normal; padding-top: 3em;}
h3{font-size: 18px;color:#666; font-weight: normal; padding-top: 0.5em; }
.ta-left{text-align: left;} 
.ta-right{text-align: right;}
.row ul li a{display: block;}
a>h3{color:#333}
a>p{color:#666;}
a:hover>h3{ color:#666}
a:hover>p{color:#999}


/*index*/
.header{
	padding-top: 18px; background: rgba(0,0,0,0.5);
}
.header a{ color:#fff;}
.header .wrapper{
	position: relative;
}
.logo{
	float: left;
}
.nav{
	float: left;
}

.nav ul:after{
	content: '';display: block;clear: both;
}
.nav li{
	float: left;padding: 0 20px;height: 70px;line-height: 80px;
font-size:15px;
color:rgba(102,102,102,1);position: relative;
}
.nav li:last-child{
	margin-right: 0;
}
.search{
	float: left;border-right: 1px solid rgba(102,102,102,1);padding-right: 20px;
	height: 20px;line-height: 25px;
}
.search input[type="submit"]{
	width: 14px;height: 14px;background: url(../images/s.png) no-repeat;
	background-color: transparent;border: none;background-position: center;
	margin-top: 2px;position: relative;z-index: 8888;
}
.search:hover input[type="text"]{
	display: inline-block;
}
.search input[type="text"]{
	border: 1px solid rgba(0,0,0,0.1);
	height: 25px;padding-left: 10px;width: 200px;font-size: 13px;display: none;
	position: relative;right: -25px;top: -4px;
}
.search input:hover{
	cursor: pointer;
}
.lang{
	float: left;padding-left: 17px;font-size: 14px;color:rgba(102,102,102,1);
	height: 20px;line-height: 20px;
	display: none;
}
.topnav{
	right: 0;top: 18px;
}
.topnav:after{
	clear: both;display: block;content: '';
}

/* nav */
.gh{
	display: none;
}
.gt{
	position: absolute;z-index: 999999;top: 73px;background-color: rgba(0,0,0,0.5);
	width: 120px;padding: 10px 5px;text-align: center;left: 50%;margin-left: -60px;
	display: none;line-height: 2;padding-top: 10px;
}
.gt dd{
	font-size: 15px;
}
.gt a{
	display: block;width: 100%;height: 100%;
}
.gt a:hover{
	font-weight: bold;
}
.nav li:hover .gt{
	display: block;
}

/* current */
.current{background: url(../img/fy07.png) no-repeat;}

/* header */
body{position: relative;}
.header {position: fixed;left: 0 ;right: 0;z-index: 999;}


.banner{background: url(../img/pagebanner.jpg) no-repeat; background-size: cover; height:40em;}
/* items */
.svcitems{padding: 2em;}
.svcitems h2,.svcitems h3{
	text-align: center;
}
.svcitems dl{ padding: 2em;}
.svcitems dl dt{ text-align: center; height:72px;}
.svcitems dl dd h3{border-bottom: 1px solid #ccc; padding-bottom: 0.8em;}
.svcitems dl dd p{ padding-top: 1.2em; color: #999; font-size:16px; line-height:1.8}



/* about */
.about{margin-top: 5em;}
.about .w img{width:425px; height: 310px;}
.about dl dt,.about dl dd{float: left;}
.about h2,.about h3{ text-align: center;}
.about h3{padding:0.5em 0 1em 0; }
.about p{ line-height: 1.8; font-size: 16px; color:#999 ; padding-left:15px}

/* news */
.news li{padding-top: 2em;}
.news li img{ width: 160px;height: 100px;}
.news li dl.row{ margin-left: 0;}
.news li dl.row dt{ overflow:hidden}
.news li dl.row dd a{display: block; padding:0 1em;}
.news a h4{font-size: 18px; font-weight: normal; color: #666;}
.news a p{ font-size:16px; color: #999; line-height: 1.8em;}
.news a:hover h4{color:#333}
.news a:hover p{color:#666}

/*feature*/
.features {background: url(../img/back.jpg) no-repeat; background-size: cover; margin-top:3em; height:50em;}
.fitem{ padding-top:4em; text-align:center}
.features h2{color:#fff; border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom:1em; text-align:left; text-indent: 2em;}
.features p{color:#fff; font-size:24px; line-height:1.8;}

/* case */
.case h3{ padding-bottom: 2em;}
.case .row a img { width:95%;height:230px;}
.case row a{display:block; padding:0 0.5em; text-align:center;}

/*cert*/
.cert{background: url(../img/qback.jpg) no-repeat; background-size: cover; margin-top:3em; height:40em;}
.cert h2{color:#fff; padding-bottom:3em;}
.cert ul li{text-align:center}

/* clogo */
.clogo h3{padding:0.5em 0 1em 0; }
.clogo ul li img{display: block; margin:1em; width: 90%;}

/* footer */
footer{margin-top: 4em;}
.copyrigt .img,.copyright .txt{ float: left;}
footer .logo-bottom img{ border-right: 1px solid #ccc; display: block; padding-right: 2em; float: right; }
.lines{ padding:0 1.5em;}
.lines p{line-height: 1.8em; font-size:14px;}


/* aboutpage */
.side{    
	width: 244px;
    background: #417505;
    height: 545px;
    padding-left: 47px;
    padding-top: 25px;
    float: left;}
.side>h2{
	font-size: 28px;
    color: rgba(255,255,255,1);
    letter-spacing: 2px;
}
.side ul{
	background-color: #fff;height: 480px;width:210px;margin-left: 4px;
	border:1px solid rgba(204,204,204,1);margin-top: 25px;padding-top: 44px;
	padding-left: 47px;
}
.side li{
	font-size:18px;line-height: 1.38;
	color:rgba(102,102,102,1);margin-bottom: 20px;
	letter-spacing:1px;position: relative;
}
.side li:after{
	display: block;content: '';width:4px;
	height:0px;transition: 0.5s;
	background:rgba(38,123,191,1);
	position: absolute;top:50%;left:-20px;
}
.side li.active:after,
.side li:hover:after
{	height:20px;top: 1px;
}

.main{
	float: left;
    width: 70%;
    margin-left: 55px;
}

body .pages{margin-top: 2em; min-height: 800px;}

.current ul{
	overflow: hidden;padding-left: 28px;
}
.current li{
	float: left;margin-right: 6px;
font-size:14px;
color:rgba(102,102,102,1);
letter-spacing:1px;line-height: 1.42;
}
.g-head{
	font-size:28px;
	color:rgba(38,123,191,1);
	line-height:1.42;
	letter-spacing:2px;text-align: center;border-bottom:1px solid #979797;margin-top: 20px;
	padding-bottom: 15px;
	}
	.about{
		padding-left: 18px;
	}
	.about .detail{
	margin-top: 28px;
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:1.78;text-align: justify;
	}

	/* newslist */
	.list ul li{ padding: 1em;}
	.list dl dt,.list dl dd{ float: left;}
	.list dl dt{width:180px;}
	.list dl dt img{width:100%;}
	.list dl::after{clear: both;display: block;content: '';}
	.list dl dd{width:70%; padding-left:2em;}
	.list dl dd h3{ text-align: left; line-height: 2;}
	.list dl dd p{ line-height: 1.8; }

	/* case */
	.gallery ul li a img{width: 90%;height: auto;}
	.gallery ul li {padding-top: 1.6em;}


/* .caret{
	width:0;
    height:0;
    overflow:hidden;
    font-size: 0;    
    line-height: 0;  
    border-width:6px;
    border-style:solid;  
	border-color:#f30 transparent transparent transparent;
} */

   /*news detail*/
   .meta {
    font-size: 14px;
    color: rgba(153,153,153,1);
    line-height: 1.42;
    text-align: center;
    margin-top: 22px;
   }
 .meta span{
	margin: 0 10px;
  }
 .content{
	margin-top: 33px;
	font-size:14px;
	color:rgba(153,153,153,1);
	line-height:1.71;
	padding: 0 20px;
	text-indent: 2em;text-align: justify;
}

input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #ccc; 
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #ccc;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #ccc;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #ccc;
}

.form-group{ margin-top:2em;}
#post-form input[type=text]{border:1px solid #ccc; height:1.4em; width:90%; padding:0.5em; color:#666; }
#post-form textarea{width:90%; border:1px solid #ccc;padding:0.5em; color:#666}
#post-form button { padding:0.8em 3em; background-color:#417505;color:#fff; border:none; margin-right:2em;}

.about .detail .baguetteBox{text-align:center;}
.co{float:left; padding:5px;}