/*Make from Mr.shine*/
/*2016-03-01 16:20*/
/*www.zjhz.cn*/

/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;

.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}
/*container*/
.container{
	width:1080px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}



*{ font-weight:normal; line-height:30px; text-align:justify;}
a{ color:#666; text-decoration:none;}
img,a{ display:block;}
strong{ font-weight:bold;}
a:focus{outline:none;}
hr{ height:1px; background:#666;}

#header{ width:100%;}
.top{ zoom:1; width:1200px; margin:0 auto; height:140px;}
.top:after{ content:""; display:block; clear:both;}
.top .logo{ float:left; margin-top:28px;}
.top .collection_container{ float:right; width:186px; height:57px; background:url(../images/img2.png) no-repeat 0 0; margin-top:30px;}
.collection{ float:left; margin-left:16px;}
.contact{ float:left; margin-left:10px; font-size:14px; color:#fff;}
.collection a{ font-size:14px; color:#fff;}
.contact_num{ clear:both; color:#fff; font-size:16px; font-weight:bold; text-indent:16px;}

.nav_container{ width:100%; background-color:#06508e;}
#nav{ width:1200px; margin:0 auto; zoom:1; height:60px;}
#nav:after{ content:""; display:block; clear:both;}
#nav li{ float:left; padding:10px 35px;position:relative;z-index:9999;}
#nav li:hover{ background-color:#ff6f22;}
#nav li a{ color:#fff;}
#nav li a p{ line-height:20px; text-align:center; font-size:14px; color:#fff;}
#nav li dl{position: absolute;     width: 100%;     left: 0;     top: 60px;display:none;}
#nav li dl dd{display:block;width:96%;padding:0 2%;background:#ff6f22;border-bottom:1px solid #06508e;text-align:center;}
#nav li dl dd a{text-align: center;line-height:40px;}
#nav li:hover dl{
	display:block;
}
#nav li dl dd:hover{    background-color: #06508e;}
#footer{ width:100%; background-color:#06508e; margin-top:30px; padding:30px 0;}
#footer .nav_b_container{ width:1200px; margin:0 auto; zoom:1;}
#footer .nav_b_container:after{ content:""; display:block; clear:both;}
#nav_b{ float:left;}
#nav_b li{ float:left; padding:0 10px; background:url(../images/img5.png) no-repeat right center;}
#nav_b li a{ color:#fff; font-size:12px;}

#footer .contact_b{ width:1200px; margin:0 auto; text-align:center; color:#fff; font-size:12px;}
#footer .copyright{ width:1200px; margin:0 auto; text-align:center; color:#fff; font-size:12px;}
#footer .copyright a{
	display:inline-block
}

#nav_b{ margin-left: 340px;}



.bx-controls{ display:none;}

#indexbanner{ height:500px; overflow:hidden;}




.inset{ width:100%; overflow:hidden;}
.container{ width:1200px; margin:0 auto; zoom:1;}
.container:after{ content:""; display:block; clear:both;}
.col1{ float:left; width:250px;}

#sidenav .mc .line li{ background-color:#1066ae; border-bottom:dashed 1px #fff;}
#sidenav .mc .line li:hover{ background-color:#ff6f22;}
#sidenav .mc .line li a{ line-height:50px; color:#fff; display:block; text-indent:70px;}
#sidecontentus .mc .line li{ background-color:#1066ae; margin-top:5px;}
#sidecontentus .mc .line li h3{ line-height:30px; color:#fff; display:block; text-indent:20px;}

#sidenav .mt h2{ background-color:#06508e; line-height:52px; color:#fff; font-size:18px; text-indent:60px;}


#sidecontentus{ margin-top:20px;display:none;}
#sidecontentus .mt h2{ background-color:#06508e; line-height:52px; color:#fff; font-size:18px; text-align:center;}
#sidecontentus .mc{ padding:10px; background-color:#1066ae;}
#sidecontentus .mc p span{ color:#fff;}


.col2{ float:right; width:900px;}
.col2 .cap_b a{ color:#666; font-size:12px; display:inline-block;}
.col2 .colproduct ul{ zoom:1;}
.col2 .colproduct ul:after{ content:""; display:block; clear:both;}
.col2 .colproduct ul li{ float:left; margin-right:30px; width:280px; margin-bottom:12px;}
.col2 .colproduct ul li a{display:block; height:180px;}
.col2 .colproduct ul li a img{ margin:0 auto; height:100%; display:block;}
.col2 .colproduct ul li p{ line-height:24px; overflow:hidden; color:#666; text-align:center; }


.col2 .gs{ color:#666; text-align: justify; font-size:14px; line-height:30px;}

.col2 .gs .tbf_son_con .lineheight strong{  display: block; text-align: center;}

.col2 .gs img{ margin:0 auto;}



.tson_main_con_right_con_news_time{ font-size:14px; color:#666;}

.last{ margin-right:0!important;}

.num,.current,.prev,.next{ display:inline-block; padding:0 10px; height:30px; border:solid 1px #ccc; margin-left:4px; text-align:center; line-height:30px; font-size:14px; margin-top:10px;}
.current{ color:#96201e;}
.mypage{ overflow:hidden; margin-top:30px;}
.mypage div{ float:right;}


.orientation{ overflow:hidden;}
.orientation .previous1{ float:left;}
.orientation .next1{ float:right;}
.orientation a{ color:#666;}




.lineheight td p{ text-align:center;}


#product{ overflow:hidden; margin-top:36px;}
#product .bx_wrap{ position:relative;}
#product .bx_wrap .prev{ position:absolute; top:50%; left:30px; z-index:99; background:url(../images/pro_left.png) no-repeat center center; border:none; padding:12px; width:50px;}
#product .bx_wrap .next{ position:absolute; top:50%; right:30px; z-index:99; background:url(../images/pro_right.png) no-repeat center center; border:none; padding:12px; width:50px;}
#product .product li{ float:left; width:360px; margin:20px;}
#product .product li a{ height:420px; display:block; overflow:hidden;}
#product .product li a img{ width:100%; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; }
#product .product li p{ line-height:42px; text-align:center; color:#000; font-size:14px; background-color:rgba(220,160,16,0.5); -webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; }


#news_list{ overflow:hidden;}
#news_list li{ zoom:1; margin-bottom:20px;}
#news_list li:after{ content:""; display:block; clear:both;}


#news_list2{ width:100%;}
#news_list2 li{ zoom:1; margin-bottom:15px;}
#news_list2 li:hover{ opacity:0.8; filter:alpha(opacity=80);}
#news_list2 li:after{ content:""; display:block; clear:both;}


.down_list a{ display:block; margin-bottom:20px;}
.down_list a dd{ overflow:hidden;}
.down_list a dd h3{ color:#666;}
.down_list a dd span{ color:#666;}


.son_productview_title{text-align:center; font-size:18px; color:#333; font-weight:bold; line-height:36px;}
.son_productview_time{ color:#666; text-align:center;}
.son_productview_time img{ margin:0 auto;}
.back a{ color:#666; margin:10px; display:inline-block;}
.back a:hover{ color:#ff6f22;}
.back{ overflow:hidden; text-align:center;}




.last{ margin-right:0!important;}



.news_list{min-height:350px;}
.news_list li a{display:block;width:100%;height:30px;}
.news_list li p{float:left;width:80%;font-size:16px;color:#333;}
.news_list li span{float:right;}





article{ width:100%; margin-top:38px;}
.index_news_column{ width:1200px; margin:0 auto; zoom:1; background-color:#f5f5f5;}
.index_news_column:after{ content:""; display:block; clear:both;}
.information_column{ float:left; width:760px;}
.information_column_cap{ float:left; width:180px; background-color:#06508e; padding:30px 0 30px 60px;}
.information_column_cap h3{ font-size:34px; color:#fff;}
.information_column_cap p{ font-size:14px; color:#fff; margin-top:14px;}
.information_column_cap h4{ font-size:16px; color:#fff; margin-top:22px;}
.information_column_cap a{ width:90px; border:solid 1px #81a3cd; line-height:30px; border-radius:6px; font-size:12px; color:#81a3cd; text-align:center; margin-top:50px;}
.information_column_cap a:hover{ background-color:#81a3cd; color:#fff;}
.information_column_list{ float:right; width: 465px;     border-right: 18px solid #fff;     padding-left: 20px;     padding-right: 17px;}



#sbdz{ width:100%;}


#sbdz .behind{ overflow:hidden;}
#sbdz .behind a{ float:left;}
#sbdz .behind span{ float:right;}
#sbdz .before dl{ overflow:hidden;}



.calculate_column{ float:left; padding:0 20px; width:400px;background:#e4f3ff}
.calculate_column li{ margin-top:9px; overflow:hidden;}
.calculate_column li a p{ font-size:12px; color:#666;}
.calculate_column_cap h3{ color:#06508e; font-size:20px;}
.calculate_column_cap p{ border-bottom:solid 1px #9b9b9b; color:#06508e; font-size:24px;}



.project_display_container{ width:100%; margin-top:40px; background:url(../images/img6.png) no-repeat 0 0;}
.project_display{ width:1200px; margin:0 auto; padding-bottom:50px; padding-top:40px;}
.project_display_cap{ margin-bottom:24px;}
.project_display_cap h3{ font-size:24px; color:#06508e; line-height:45px; background:url(../images/img7.png) no-repeat center bottom; text-align:center;}
.project_display_cap h4{ font-size:24px; color:#999; line-height:40px; text-align:center;}
.project_display_cap p{ font-size:14px; color:#666; text-align:center; line-height:24px;}



.num,.current,.prev,.next{ display:inline-block; padding:0 10px; height:30px; border:solid 1px #ccc; margin-left:4px; text-align:center; line-height:30px; font-size:14px; margin-top:10px;}
.current{ color:#96201e;}
.mypage{ overflow:hidden; margin-top:30px;}
.mypage div{ float:right;}




#cptp{
	width:1200px;
	overflow:hidden;
}

#cptp ul{ zoom:1;}
#cptp ul:after{ content:""; display:block; clear:both;}

#cptp ul li {
	float:left;
	overflow:hidden;
	text-align:center;
}
#hzhb ul li div{ float:left;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#cptp ul li div{ float:left; overflow:hidden; width:280px; margin-right:20px;}
#cptp ul li div a{ position:relative; height:200px; overflow:hidden;}
#cptp ul li div a img{ width:100%; height:100%; display:block;}
#cptp ul li div a p{ display:none;line-height:40px; background-color:rgba(0,0,0,0.5); font-size:14px; color:#fff; text-align:center; position:absolute; bottom:0; left:0; width:100%;}
#cptp ul li div:hover a p{display:block;}

.levelone{ height: 200px; overflow: hidden;}

.lineheight img{ max-width: 800px; margin-bottom: 6px!important;}

#news_list3 li{
	float:left;
	margin:10px;
	width:280px;
}
#news_list3 li .ImgBox{
	height:200px;
	width:280px;
	overflow:hidden;
}
#news_list3 li p{
	width:100%;
	overflow:hidden;
	text-align:center;
}