@charset "utf-8";


/**********public**********/
*{margin:0;padding:0;}
body{font-family:"微软雅黑";font-size:14px;color:#333;}
ul, li {list-style:none;}
ul{padding:0;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#0A6FA9;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;zoom:1;height:0;}
img{border:none;max-width:100%;}
.clearfix {*zoom: 1;}


/**********header**********/
.top{background-color:#363636;height:40px;line-height:40px;color:#fff;}
.top_r a{color:#fff;padding:0 5px;}
.h_center{margin:30px auto;}
.tell img{padding-top:10px;}
.logo{width:60%;}
@media(max-width:766px){
	.container{padding-left:10px;padding-right:10px;}
	.tell{display:none;}
	.logo{width:80%;}
	.h_center{margin-top:20px;margin-bottom:20px;}
}

/**********nav**********/
.wcnav ul li{width:14.285%;float:left;padding-right:15px;height:42px;line-height:42px;}
.wcnav ul li a{color:#fff;background-color:#009DD9;text-align:center;display:block;width:100%;}
.wcnav ul li a:hover,.wcnav ul li .current{background-color:#0A6FA9;}
/****手机nav样式****/
@media(max-width:766px){
	.wcnav{ display:none;}
	.phone_nav{ display:block;background:#0A6FA9;padding: 6px 12px; Border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  float:right; margin-right:10px;margin-top:20px;}
	#pdnav{display:block;}
	.icon-bar{ display: block;width:22px;height:2px; background:#FFF; margin-top:5px; margin-bottom:5px; border-radius: 1px;}
	#tcnav{position: absolute;top:160px;left:0; width: 100%; height:auto; overflow:hidden; background: #393939;display:none;z-index:99999;}
	#tcnav li{font-size:1.2em; width:100%; display: block;text-align:center;line-height:300%; border-bottom:1px dashed #666; border-top:1px dashed #222;}
	#tcnav li a  {color:#fff; }
}
@media(max-width:540px){
.phone_nav{margin-top:10px;}
}

/**********banner**********/
#wrapper{margin-top:8px;}
.fullwidthbanner img{max-width:none;}

/**********main**********/
.main{background-color:#009DD9;}
.title{margin-top:30px;}
.title p{color:#fff;font-size:1.7em;}
.title span{font-size:60%;color:#6FBBE4;padding-left:5px;}
.main_t{padding-bottom:20px;}
.about,.honor{width:50%;float:left;}
.honor{padding-left:15px;}


/**********about**********/
.info-thumbnail { position: relative; padding: 0 0 1px 0; border: 0; color: inherit; margin-bottom: 0;background-color: transparent;}
.info-thumbnail .service { opacity: 0;position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6);text-align: center; color: #fff; -webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.info-thumbnail .service:before {content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.info-thumbnail .service .service-name {display: inline-block;text-align: center;vertical-align: middle;-webkit-transform: scale(0.5, 0.5);-ms-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;-o-transition: -o-transform 0.8s;transition: transform 0.8s;width: 90%;line-height:2;}
.service-name p{font-size:0.86em;}
.info-thumbnail .service .service-name .btn-service {background-color: transparent;border-color: #fff;color: #fff;}
.info-thumbnail .service .service-name .btn-service:hover {background-color: rgba(255, 255, 255, 0.3);}
.info-thumbnail-link:hover .info-thumbnail .service {opacity: 1;filter: alpha(opacity=100);}
.info-thumbnail-link:hover .info-thumbnail .service .service-name {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.main_t .col-md-6{padding-left:0;}
@media(max-width:600px){
	.mix{width:100%;}
}


/**********honor**********/
#pic-roll{overflow:hidden;width:100%;}
#pic-roll li{text-align:center;float:left;margin-right:15px;}
#pic-roll li p{background-color:#fff;width:100%;height:36px;line-height:36px;margin-top:2px;}
#roll-item{float:left;width:800%;}
#roll-item1{float: left;}
#roll-item2{float: left;}

/**********Innovation**********/
.main_c{background-color:#fff;}
.titles{margin-top:20px;margin-bottom:20px;}
.titles p{font-size:1.7em;}
.titles span{font-size:60%;color:#999;padding-left:5px;}
.Innovation{width:70%;float:left;}
.In_content{width:100%;padding-top:15px;}
.In_img{width:35.7%;float:left;padding-left:20px;padding-right:20px;}
.In_text{width:64.3%;float:right;line-height:2.1;padding-left:15px;}

/**********video**********/
.video{width:30%;float:left;padding-left:40px;}
.Vi_content p{background-color:#E0E0E0;height:36px;margin-top:2px;text-align:center;line-height:36px;font-size:1.2em;}
@media(max-width:1200px){
	.Innovation,.about,.honor{width:100%;}	
	.video{display:none;}
	.container{padding-left:0;padding-right:0;}
	.In_img{width:30%;}
	.honor{padding-left:0;}
	.main_t .col-md-6{padding-right:10px;padding-left:10px;}
}
@media(max-width:991px){
	.In_img{width:40%;}
	.In_text{width:60%;}
}
@media(max-width:766px){
	.container{padding-left:10px;padding-right:10px;}
	.In_img,.In_text{width:100%;text-align:center;}
	.In_text{margin-top:20px;}
}

/**********news**********/
.main_b{padding-bottom:20px;}
.news{width:60%;float:left;padding-right:15px;}
.newstu{width:20%;padding-right:10px;}
.newstu_zi{width:80%;}
.newstu img{border:1px solid #fff;}
.newstu_zi{color:#fff;}
.newstu_zi h3{font-size:1em;margin-top:0;}
.newstu_zi span{color:#96CCEA;}
.newstu_zi p{font-size:0.86em;margin-top:10px;line-height:1.8;}
.newslist{margin-bottom:15px;}
.title2{margin-bottom:20px;}
.newstu_zi a{color:#fff;}

/*焦点图*/
.cases{width:40%;float:left;padding-left:10px;}
.focus{ position:relative;background-color:#000;width:100%;}  
.focus img{ width: 100%;} 
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:46px; line-height:46px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{color:#fff; font-size:1.2em; overflow:hidden; margin-left:10px;}  
.focus .fbg{bottom:10px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 3px;color:#B0B0B0;text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#009DD9;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;}    
@media(max-width:1200px){
	.cases,.news{width:100%;}
	.cases{padding-left:0;}

}

/**********footer**********/
.footer{background-color:#363636;line-height:60px;color:#fff;font-size:0.86em;}
.footer a{color:#fff;}
.footer p{margin-bottom:0;}
.pinpai{text-align:center;padding:10px 0 15px;}
.pinpai a{border:1px solid #fff;padding:8px 20px;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}

@media(min-width:777px){
	.pinpai{display:none;}
}
@media(max-width:776px){
	.pinpai{display:black;}
	.footer{line-height:35px;}
}
@media(max-width:680px){
	.footer{padding:15px 0;}
	.copyright,.Support{clear:both;width:100%;text-align:center;line-height:28px;}
	
}

/**********内页about**********/
.n_main{margin-bottom:50px;}
.n_title{margin-top:30px;margin-bottom:10px;}
.n_title_l h3{margin-bottom:5px;font-weight:bold;margin-top:0;}
.n_title_l span{color:#0b6fa9;font-size:0.86em;font-weight:bold;padding-bottom:5px;display:block;}
.n_title_l p{font-size:0.86em;color:#666;}
.n_tell{text-align:right;font-size:1.2em;}
.n_tell strong{color:#0b6fa9;font-size:1.4em;}
.nav2{background-color:#F7F7F7;height:54px;line-height:52px;border-bottom:2px solid #F7F7F7;}
.nav2 ul li{background:url(../images/line.png) no-repeat right center;width:12%;text-align:center;float:left;}
.nav2 ul li a:hover,.nav2 ul li .n_current{background-color:#009DD9;color:#fff;display:block;border-bottom:2px solid #0A6FA9;}
.n_about{line-height:2.4;padding:40px 0 0;}


/**********内页news**********/
.n_news{margin-top:50px;}
.n_news ul li{margin-bottom:40px;}
.n_news_img{width:18%;padding-right:15px;}
.n_news_img img{padding:1px;border:1px solid #E2E2E2;}
.n_news_tl_r{width:82%;line-height:1.8;}
.n_news_tl_r h3{font-size:1.2em;margin-top:0;}
.n_news_tl_r .timer{color:#999;font-size:0.9em;display:block;padding-bottom:5px;}
.n_news_tl_r .detail{background-color:#009DD9;color:#fff;width:100px;height:30px;line-height:30px;display:block;text-align:center;font-size:0.86em;}
.n_news_tl_r .detail:hover{background-color:#0A6FA9;}
.page{text-align:center;height:30px;margin-top:50px;}
.page a,.page span{border:1px solid #0A6FA9;padding:5px 10px;margin:0 2px;}
.page a:hover,.page_current{background:#0A6FA9;color:#fff;}
@media(max-width:1200px){
	.n_news_img{width:26%;}
	.n_news_tl_r{width:74%;}

}
@media(max-width:766px){
	.nav2 ul li{width:18%;}
	.n_news_img{width:36%;}
	.n_news_tl_r{width:64%;}
}
@media(max-width:640px){
	.nav2{background:none;height:auto;border-bottom:none;}
	.nav2 ul li{width:100px;margin-bottom:10px;background:#F7F7F7;height:44px;line-height:44px;text-align:center;margin-right:10px;}
}
@media(max-width:460px){
	.n_tell{display:none;}
	.nav2 ul li{width:22%;}
}

/**********内页products**********/
.n_products{margin-top:50px;}
.n_products ul li{text-align:center;margin-bottom:20px;}
.n_products ul li p{padding-top:10px;}
@media(max-width:600px){
	.n_products ul li{height:240px;}
}

/*********************详情********************/
.n_content{margin:50px 0 30px;}
.view-title{font-size:1.6em;text-align:center;font-weight:bold;}
.view-element{text-align:center;border-bottom:1px dashed #E0E0E0;padding:15px 0 20px;}
.view-element a{color:#333;}
.n_content_c{line-height:2.4;padding-top:20px;border-bottom:1px dashed #E0E0E0;}
.content_bottom p{margin:30px 0 10px;}
.content_bottom p a{color:#666666;}
.content_bottom p a:hover{color:#000;}

/**********媒体查询**********/
@media(min-width:1200px){
	.container{width:1200px;padding-left:0;padding-right:0;}
}

.dhzixun{ display:none; }
@media screen and (max-width: 768px) {
	.header{ padding-top:50px; }
	.top{ position:fixed; width:100%; top:0; left:0; z-index:9999; height:50px; line-height:50px; }
	.top_r{ display:none; }
	.dhzixun{ display:block; position:absolute; width:auto; right:10px; top:7px; background-color:#ff3300; color:#ffffff; border-radius:5px; padding:5px 20px;line-height: normal; font-size:18px; }
	.dhzixun:hover,
	.dhzixun:active{ color:#ffffff; }
}