/*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:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}



*{ line-height:30px; text-align:justify; font-size:14px; color:#666;}
a{ color:#666; display:block;}
a:focus{outline:none;}
table *{ text-align: center!important;}


.cur{ background-color: #00b346;}
.cur li{}
.cur a{ color: #fff!important;}
.cur ul li a{ color: #fff!important;}





#head{ width: 100%;}

.ttop{ width: 100%; background-color: #00b246;}
.ttop_content{ width: 1200px; margin: 0 auto; height: 32px;}
.ttop_left{ float: left; line-height: 32px; color: #fff;}
.ttop_right{ float: right;}
.ttop_right a{ float: left; color: #fff; line-height: 32px; font-size: 12px;}

.top{ width: 1200px; height: 150px; margin: 0 auto; overflow: hidden;}
#logo{ float: left; margin-top: 36px;}
.top_fn{ float: right; margin-top: 34px;}
.top_fn p{ padding-left: 24px; background: url(../images/1.png) no-repeat 0 center; font-size: 12px; color: #666;}
.search_box{ overflow: hidden;}
.search_box input{ width: 190px; height: 20px; float: left; line-height: 20px; border: solid 1px #cbcbcb; font-size: 12px; color: #666; text-indent: 8px; border-right: none; border-top-left-radius:10px; border-bottom-left-radius:10px;}
#btn1{ height: 20px; width: 30px; float: left; border: solid 1px #cbcbcb; border-left: none; border-bottom-right-radius:10px; border-top-right-radius:10px; background: url(../images/2.png) no-repeat center center;}


.nav_container{ width: 100%; position: relative; height: 52px;}
#nav{ width: 1200px; margin: 0 auto; height: 52px; position: absolute; z-index: 199; left: 110px;}
#nav li{ float: left; width: 160px;}
#nav li a{ text-align: center; line-height: 52px; color: #000; font-size: 14px;}
#nav li a:hover{ background-color: #00b346; color: #fff;}
#nav li ul{ height: 0; overflow: hidden; background-color: rgba(77,172,180,0.8);}
#nav li ul li a{ color: #fff;}


#footer{ width:100%; background-color:#3f3e3e; margin-top:45px;}
.base_box{ width: 1200px; margin: 0 auto; padding: 20px 0; position: relative;}
#nav_b{ overflow: hidden; position: absolute; left: 386px;}
#nav_b li{ float: left; margin-right: 4px;}
#nav_b li a{ color: #fff; font-size: 12px;}
.base_box p{ text-align: center; line-height: 24px; font-size: 12px; margin-top: 40px; color: #fff;}
.beian{ width: 100%; text-align: center; line-height: 32px; background-color: #eff2f2; font-size: 12px;}
.beian a{ display: inline-block; color: #666; font-size: 12px;}
.beian a:hover{ color: #e95353;}
.beian span{ margin-left: 42px; color: #666; font-size: 12px;}


.bx-controls{ display:none;}

#indexbanner{ height:440px; overflow:hidden; border-top: solid 2px #c5c5c5; border-bottom: solid 1px #c5c5c5;}




.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 .mt{ background-color: #5c677c;}
#sidenav .mt h2{ line-height:60px; font-size:18px; color:#fff; font-weight:normal; text-indent:30px;}
#sidenav .mt h2 span{ color: #fff; font-size: 14px;}

#sidenav .mc .mtree li{ height: 50px; border-bottom: solid 1px #dfdfdf;}
#sidenav .mc .mtree li.normal{ background: url(../images/5.png) no-repeat 180px center;}
#sidenav .mc .mtree li.active{}
#sidenav .mc .mtree li a{ text-indent: 50px; line-height: 50px; color: #666; font-size: 14px;}
#sidenav .mc .mtree li a:hover{ color: #1577ba;}


#sidecontentus .mc .line li{ background-color:#297aad; margin-top:5px;}
#sidecontentus .mc .line li h3{ line-height:30px; color:#fff; display:block; text-indent:20px;}

#sidecontentus{ margin-top:20px;}
#sidecontentus .mt h2{ background-color:#206590; line-height:52px; color:#fff; font-size:18px; text-align:center;}



.col2{ float:right; width:900px;}
.col2 .cap_b a{ color:#666; font-size:12px; display:inline-block;}
.col2 .cap_c{ color: #666; font-size: 18px; line-height: 54px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.col2 .colproduct ul{ zoom:1;}
.col2 .colproduct ul:after{ content:""; display:block; clear:both;}
.col2 .colproduct ul li{ float:left; margin-right:20px; width:210px; margin-bottom:16px;}
.col2 .colproduct ul li:hover{ opacity:0.8; filter:alpha(opacity=80);}
.col2 .colproduct ul li a{ display: block; height:160px; border: solid 1px #c5c5c5; overflow:hidden;}
.col2 .colproduct ul li a img{ display:block; height:100%; width: 100%; margin: 0 auto!important;}
.col2 .colproduct ul li p{ line-height:40px; font-size: 12px; width:100%; height: 40px; overflow:hidden; word-break: break-all; color:#666; text-align:center; }


.col2 .colproduct2 ul{ zoom:1;}
.col2 .colproduct2 ul:after{ content:""; display:block; clear:both;}
.col2 .colproduct2 ul li{ float:left; margin-right:20px; width:210px; margin-bottom:16px;}
.col2 .colproduct2 ul li:hover{ opacity:0.8; filter:alpha(opacity=80);}
.col2 .colproduct2 ul li a{ position: relative; display: block; height:160px; border: solid 1px #c5c5c5; overflow:hidden;}
.col2 .colproduct2 ul li a img{ display:block; position: absolute; left: 0; top: 0; max-width: 100%; max-height: 100%;}
.col2 .colproduct2 ul li p{ line-height:40px; font-size: 12px; width:100%; height: 40px; overflow:hidden; word-break: break-all; color:#666; text-align:center; }


.content_top_section{ overflow: hidden; padding-bottom: 30px; border-bottom: dashed 1px #666;}
.content_top_section .content_top_section_left{ float: left; width: 400px;}
.content_top_section .content_top_section_left img{ display: block; max-width: 400px;}
.content_top_section .content_top_section_right{ float: right; width: 480px;}
.content_top_section .content_top_section_right h4{ line-height: 50px; border-bottom: dashed 1px #ccc;}
.content_top_section .content_top_section_right p{ color: #2e2e2e; font-size: 20px; margin-top: 30px;}
.content_top_section .content_top_section_right p span{ color: #e80202; font-size: 20px;}
#pop_a{ width: 90px; line-height: 30px; background-color: orange; color: #fff; text-align: center; margin-top: 150px; border-radius: 8px;}


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

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

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

.num,.current,.prev,.next{ display:inline-block!important; padding:0 10px; height:30px; border:solid 2px #007ed5; margin:0 5px; text-align:center; line-height:30px; font-size:14px; color:#007ed5;}
.current{ color:#fff; background-color:#007ed5;}
.mypage{ overflow:hidden; margin-top:30px; text-align:center;}
.mypage div{ display:inline-block;}

.orientation{ overflow:hidden; margin-top:30px;}
.previous1{ float:left;}
.next1{ float:right;}


#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:30px; border-bottom: dashed 1px #ccc;}
#news_list li:after{ content:""; display:block; clear:both;}
#news_list li:hover a{ text-decoration: underline; color: #1577ba!important;}


.son_productview_title{text-align:center; font-size:14px; color:#333; font-weight:bold; line-height:36px; margin-bottom:20px;}
.son_productview_time{ color:#666; text-align:center;}
.back a{ color:#666;}




.News_column{ width:1200px; margin:0 auto; margin-bottom:20px;}
#News_ul{ zoom:1;}
#News_ul:after{ content:""; display:block; clear:both;}
#News_ul li{ float:left; width:520px; height:120px; padding-left:30px; margin-bottom:30px; margin-right:100px; background:url(../images/img9.png) no-repeat 0 center; background-color:#f5f5f5;}
#News_ul li h3{ font-size:14px; color:#666; line-height:30px; margin-top:14px;}
#News_ul li p{ font-size:14px; color:#666; line-height:18px;}



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



.td_box{ width: 100%; background-color: #eff2f2;}
.kstd{ width:1200px; margin:0 auto; overflow: hidden;}
.kstd li{ float:left; margin-right: 10px; line-height: 46px;}
.kstd li a{ line-height: 46px;}
.kstd li a:hover{ text-decoration: underline;}


article{ width: 100%; margin-top: 45px;}

.product_index_column{ width: 1200px; margin: 0 auto;}
.cap_i{ width: 1200px; margin: 0 auto;}
.cap_i h3{ color: #666; font-size: 20px; line-height: 56px; text-align: center; background: url(../images/13.png) no-repeat center bottom;}
.cap_i p{ font-size: 14px; color: #666; text-align: center; line-height: 50px;}

#products_index_list{ overflow: hidden; margin-top: 16px;}
#products_index_list li{ float: left; width: 276px; margin-right: 32px;}
#products_index_list li a{ height: 200px; overflow: hidden; border: solid 1px #ccc;}
#products_index_list li a img{ display: block; height: 100%; margin: 0 auto;}
#products_index_list li p{ color: #666; font-size: 12px; line-height: 40px; text-align: center;}
#products_index_list li:hover{ opacity: 0.7; filter:alpha(opacity=70);}

.Engineering_case{ width: 100%; margin: 0 auto; margin-top: 40px; background: url(../images/15.jpg) no-repeat 0 0; padding-bottom: 20px; background-size: 100% 100%;}

#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:220px; margin:0 10px;}
#cptp ul li div a{ height:160px; overflow:hidden; border:solid 1px #ccc;}
#cptp ul li div a img{ height:100%; display:block; margin:0 auto;}
#cptp ul li div a p{ line-height:60px; font-size:14px; color:#666; text-align:center;}
.levelone{ width:1200px; margin:24px auto 0;}



#case_index_list{ zoom: 1; width: 1200px; margin: 0 auto;}
#case_index_list:after{ content: ""; display: block; clear: both;}
#case_index_list li{ width: 300px; float: left; margin: 0 50px;}
#case_index_list li:hover{ opacity: 0.8; filter: alpha(opacity=80);}
#case_index_list li a{ display: block; height: 230px; overflow: hidden; border: solid 4px #e5e5e5;}
#case_index_list li a img{ display: block; height: 100%; margin: 0 auto;}
#case_index_list li p{ line-height: 30px; text-align: center;}


.an_column{ width:1200px; margin:60px auto 0;}
.an_ul{ overflow:hidden;}
.an_ul .about_column{ float:left; width:500px;}
.an_ul .about_column div{ height: 260px; overflow: hidden; color: #666; font-size: 12px;}
.lr_cap{ height: 45px; line-height:45px; color:#666; font-size:24px; margin-bottom:20px; font-weight:normal; border-bottom:solid 1px #c5c5c5; overflow: hidden;}
.lr_cap span{ font-size:14px;}
.lr_cap a{ float:right; font-size:14px; color:#f00; line-height:60px;}
.an_ul .about_column div{}
.an_ul .about_column div img{ width:100%;}
.an_ul .about_column p{ font-size:12px; color:#666; line-height:24px; text-indent:24px;}

.an_ul .news_column{ float:right; width:650px;}


.index_news_list ul ul{ zoom:1;}
.index_news_list ul ul:after{ content:""; display:block; clear:both;}
.news_index_li{}
.news_index_li:hover{ opacity:0.7; filter:alpha(opacity=70);}
.index_news_list ul li{ background-color:#f0f0f0;}
.index_news_list ul .news_index_date{ float:left; width:90px; background-color:#e5e5e5; padding:12px 0;}
.index_news_list ul .news_index_text{ float:right; width:540px;}
.index_news_list ul .news_index_text a h3{ font-size:12px; color:#666; margin-top:14px;}
.index_news_list ul .news_index_text a p{ font-size:12px; color:#999;}


#zhezhao{ width: 100%; position: fixed; background-color: rgba(0,0,0,0.5); z-index:9999; left: 0; top: 0; padding-top: 200px; display: none;}
#form_column{ width: 660px; background: url(../images/opac.png) repeat-x 0 0 white; padding-bottom: 40px; margin: 0 auto; opacity:0; filter:alpha(opacity=0);}
#form_column .submit{ width: 580px; text-align: center; height: 40px; background-color: #2a95d8; color: #fff; line-height: 40px; border: none; margin-top: 10px;}
#form_column textarea{ background-color: rgba(0,0,0,0); border: solid 1px #666;}
#form_column input{ background-color: rgba(0,0,0,0); border: solid 1px #666; border-top: none; border-right: none; border-left: none;}

#pop{ position: fixed; right: 0; top: 200px; z-index: 9998;}


.lineheight{ margin-top: 20px;}
.lineheight a{ display:inline-block;}


.firends_links_column{ width: 100%; margin-top: 45px;}
.firends_links_column ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.firends_links_column ul li{ float: left; width: 240px; margin: 10px 30px; border-radius: 5px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);}
.firends_links_column ul li:hover{ background-color: #49b74b;}
.firends_links_column ul li:hover a{ color: #fff;}
.firends_links_column ul li a{ height: 50px; line-height: 50px; text-indent: 60px;}