body{background:#fff}

/* 页首 */		
#header{
	position:relative;
	background-image:-webkit-linear-gradient(90deg,#00a8a6,#00a5df);
	background-image:linear-gradient(90deg,#00a8a6,#00a5df);
	background-image:-o-linear-gradient(90deg,#00a8a6,#00a5df);
	background-image:-ms-linear-gradient(90deg,#00a8a6,#00a5df);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00a8a6, endColorstr=#00a5df);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#00a8a6, endColorstr=#00a5df)";
}
	#header .bg{position:absolute;z-index:1;width:100%;height:100%;padding-top:70px;overflow:hidden;opacity:0;filter:alpha(opacity=0);}
	#header .cur{z-index:2;opacity:1;filter:alpha(opacity=100);}
		#header .row{padding:65px 0}
			.bannertxt h1{font-size:48px;font-weight:200;margin:0 0 15px}
			.bannertxt h2{font-size:24px;font-weight:100;margin-bottom:15px}
			.bannertxt p{margin-bottom:30px;}
			#header .lbtn{width:300px;text-align:center}
  		
  		#bgnav{position:absolute;z-index:3;width:100%;text-align:center;bottom:20px;}
			#bgnav span{cursor:pointer;display:inline-block;margin:0 3px;height:7px;width:7px;overflow:hidden;background:#b2e5e9;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
			#bgnav span.cur{width:40px}	
  		
/* 内容 */
#ourproduct{background:#262e38;padding:30px 0 50px;text-align:center;color:#fff}
	#ourproduct .col-sm-3{opacity:0;filter:alpha(opacity=0);}
		#ourproduct .title{font-size:36px;font-weight:200;padding-bottom:40px;margin-bottom:0}
		#ourproduct h3{font-size:18px;font-weight:300}
		#ourproduct .detail{color:#a5a5a5}

#productdetail{}
	.work-cell .row{padding:60px 0;border-bottom:solid 1px #e8ebed}
	.work-cell .noborder{border:none}
	.work-cell h2{font-size:36px;font-weight:200;margin-bottom:30px;color:#00a8a6}
	.work-cell div{color:#666;font-size:18px;margin-bottom:10px}
	.work-cell p{color:#666;line-height:1.8;font-size:14px; text-indent: 2em}
  	.work-cell .imgbox{text-align:center}
  		.work-cell img{max-width:100%}

#client{padding:30px 0 50px} 
	#client h2{font-size:36px;font-weight:200;margin-bottom:30px;color:#202020;text-align:center}
	#client a{display:inline-block;height:100px;background-position:center top;background-repeat:no-repeat}
	#client a:hover{background-position:center bottom;}
	#client .client1{background-image:url(../imgs/client_logo1.jpg)}
	#client .client2{background-image:url(../imgs/client_logo2.jpg)}
	#client .client3{background-image:url(../imgs/client_logo3.jpg)}
	#client .client4{background-image:url(../imgs/client_logo4.jpg)}
	#client .client5{background-image:url(../imgs/client_logo5.jpg)}
	#client .client6{background-image:url(../imgs/client_logo6.jpg)}
	#client .client7{background-image:url(../imgs/client_logo7.jpg)}
	#client .client8{background-image:url(../imgs/client_logo8.jpg)}
	#client .client9{background-image:url(../imgs/client_logo10.jpg)}
	#client .client10{background-image:url(../imgs/client_logocfh.png)}
	#client .client11{background-image:url(../imgs/client_logolmx.png)}

.banner {
  position: relative;
}
.banner .business-info{
  position: absolute;
  bottom: 30px;
  color: #fff;
  opacity: 0.9;
  font-weight: 300;
  right: 20px;
  left: 20px;
}

@media (max-width:767px){
	#header{padding-bottom:20px;text-align:center;height: 604px;}
    #header .container{margin-top: 50px;}
    #header h2{margin-bottom: 40px;}
		.bannertxt h1{font-size:40px}
		.bannertxt h2{font-size:18px}
		#header .visible-xs{margin-bottom:30px;}
			#header .visible-xs img{max-width:200px}
	
	#ourproduct .title{padding-bottom:0px;}
	#ourproduct .col-sm-3{margin-top:40px;}
	
	#productdetail{text-align:center}
	#productdetail p{text-align: left; text-indent: 2em}
	
	#ourproduct .detail{font-size:12px;}
	
	#client a{width:100%;}	
	#client .odd{padding-right:0;}
	#client .even{padding-left:0;}	
	#client .client1,#client .client3,#client .client5,#client .client7,#client .client9{border-right:dashed 1px #eaeaea}
	#client .client1,#client .client2,#client .client3,#client .client4,#client .client5,#client .client6,#client .client7,#client .client8{border-bottom:dashed 1px #eaeaea}
	#client .client9,#client .client10,#client .client11{border-bottom:dashed 1px #fff}
}

 
@media (min-width:768px){
	#header{height:578px}
	
	.bannertxt{padding-top:20px}
	
	#client .row{margin:0 auto;}	
		#client a{float:left;width:220px;}	
}
  	
@media (min-width:768px) and (max-width:991px){
	.bannertxt h1{font-size:44px}
	.bannertxt h2{font-size:20px}
	
	#productdetail h2{margin-top:0}
	
	#ourproduct .detail{font-size:12px;}
	
	#client .row{width:662px;}
	#client .client1,#client .client2,#client .client4,#client .client5,#client .client7,#client .client8,#client .client10,#client .client11{border-right:dashed 1px #eaeaea}
	#client .client1,#client .client2,#client .client3,#client .client4,#client .client5,#client .client6,#client .client7,#client .client8,#client .client9{border-bottom:dashed 1px #eaeaea}
	#client .client10,#client .client11{border-bottom:dashed 1px #fff}
}

@media (min-width:992px) and (max-width:1199px){
	#client .row{width:883px;}
	#client .client1,#client .client2,#client .client3,#client .client5,#client .client6,#client .client7,#client .client9,#client .client10,#client .client11{border-right:dashed 1px #eaeaea}
	#client .client1,#client .client2,#client .client3,#client .client4,#client .client5,#client .client6,#client .client7,#client .client8{border-bottom:dashed 1px #eaeaea}
	#client .client9,#client .client10,#client .client11{border-bottom:dashed 1px #fff}
}

@media (min-width:1200px){
	#client .row{width:1104px;}
	#client .client1,#client .client2,#client .client3,#client .client4,#client .client6,#client .client7,#client .client8,#client .client9,#client .client11{border-right:dashed 1px #eaeaea}
	#client .client1,#client .client2,#client .client3,#client .client4,#client .client5,#client .client6,#client .client7,#client .client8,#client .client9,#client .client10{border-bottom:dashed 1px #eaeaea}
	#client .client11{border-bottom:dashed 1px #fff}
}