/*Make from Mr.shine*/
/*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;

body{
	font: 14px/1 Tahoma, Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
}
.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;
}
.wrap{
	width: 100%;
	overflow: hidden;
	margin-top: 45px;
}





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


#head{ width: 100%;}
.top{ width: 100%; background-color: #f5f5f5;}
.top div{ width: 1200px; margin: 0 auto; height: 30px;}
.top div h3{ float: left; font-weight: normal; color: #666; font-size: 12px; line-height: 30px;}
.top div ul{ float: right;}
.top div ul li{ float: left; background: url(../images/2.png) no-repeat right center; margin-left: 10px; padding-right: 10px; line-height: 30px; color: #666;}
.top div ul li span{ color: #f75555; font-size: 12px; line-height: 30px; font-weight: bold; margin-left: ;}
.top div ul li a{ color: #666; display: block; line-height: 30px; font-size: 12px;}
.top div ul li .eng{ width: 80px; height: 25px; line-height: 25px; color: #fff; background: url(../images/5.png) repeat-x 0 0; border-radius: 3px; text-align: center; margin-top: 2px;}

.top2{ width: 1200px; margin: 0 auto; height: 130px; position: relative;}
.top2 .logo{ float: left; margin-top: 40px;}
.top2 .nav_container{ float: right; position: absolute; right: 0; top: 45px; z-index: 9999999;}


/* 导航 */
.phone {display: none;}


#nav{ zoom: 1;}
#nav:after{ content: ""; display: block; clear: both;}
#nav li{ float: left; margin-left: 27px; position: relative;}
#nav li .close{ background: url(../images/19.png) no-repeat right 12px;}
#nav li .open{ background: url(../images/18.png) no-repeat right 12px;}
#nav li a{ display: block; line-height: 30px; color: #666; font-size: 14px;}
#nav li a:hover{ color: #15a430;}
#nav li.cur .close{ color: #15a430;}
#nav li.cur .open{ color: #15a430;}
#nav li ul{ height: 0; overflow: hidden; background-color: #fff; width: 100px; position: absolute; left: 0; top: 30px;}
#nav li ul li{ float: none; margin-left: 0; width: 100px;}
#nav li ul li a{ text-indent: 6px;} 


#indexbanner{ height: 500px; overflow: hidden; position: relative;}
.bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 99999; width: 100%; color: rgba(0,0,0,0);}
.bx-controls .bx-pager{ text-align: center;}
.bx-controls .bx-pager div{ display: inline-block; margin: 0 5px;}
.bx-controls .bx-pager div a{ display: block; width: 40px; height: 8px; overflow: hidden; line-height: 50px; background-color: rgba(0,0,0,0.3);}
.bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
.bx-controls .bx-controls-direction{ display: none;}
.banner_container{ width: 100%; overflow: hidden;}
#banner_list{ width: 1920px;}
#banner_list li{ width: 100%; position: relative; display: none; opacity: 0; filter: alpha(opacity=0);}
#banner_list li div{ width: 1200px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -600px; overflow: hidden;}
#banner_list li div img{ position: absolute; left: -530px; top: 40%;}


#foot{ background-color: #383838; padding-bottom: 20px;}
.base_ul{ width: 1200px; margin: 0 auto; height: 230px;}
.base_ul .base_l{ float: left; margin-top: 90px;}
.base_ul .base_r{ float: left; margin-top: 50px; margin-left: 80px; color: #b3b3b3; font-size: 14px;}


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


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


#sidenav{ width: 100%;}
#sidenav .mt{}
#sidenav .mt div{ height: 66px; line-height: 66px; background-color: #1d9b55; color: #fff; font-size: 18px; text-align: center; font-weight: normal;}
#sidenav .mc{ margin-top: 2px;}
#sidenav .mc ul{ position: relative;}
#sidenav .mc ul li{ margin-top: 2px;}
#sidenav .mc ul li a{ background-color: #3cc278; height: 50px; display: block; line-height: 50px; font-size: 16px; color: #fff; text-align: center;}

#sidecontentus{ width: 100%; margin-top: 4px;}
#sidecontentus .mt div{ height: 66px; background: url(../images/10.png) no-repeat 50px center #1d9b55; color: #fff; line-height: 66px; font-size: 18px; text-indent: 80px;}
#sidecontentus .mc{ border: solid 1px #dcdcdc; border-top: none; font-size: 12px; color: #7a8a9f; padding: 24px 10px; line-height: 30px;}
#sidecontentus .mc *{ color: #7a8a9f;}


.num,.current,.prev,.next{ display:inline-block!important; padding:0 10px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#999;}
.current{ color:#666;}
.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;}

.back a:hover{ color: #ccc;}


.col2 .cap_b{ border-bottom: solid 1px #cecece; margin-bottom: 20px;}
.col2 .cap_b h3{ color: #434343; line-height: 60px; font-size: 16px; font-weight: normal;}


/*产品列表页*/
.col2 .colproduct{ }
.colproduct img{max-width:100%;}
/* #product_page_list{ zoom: 1;}
#product_page_list:after{ content: ""; display: block; clear: both;}
#product_page_list li{ float: left; width: 218px; margin-right: 16px; margin-top: 16px;}
#product_page_list li a{ display: block; line-height: 36px; font-size: 12px; text-align: center; height: 36px; overflow: hidden; color: #b3b3b3;}
#product_page_list li a:hover{ color: #2668a6;}
#product_page_list li div{ display: block; height: 160px; overflow: hidden; position: relative;}
#product_page_list li div img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0;} */

#product_page_list{ zoom: 1;}
#product_page_list:after{ content: ""; display: block; clear: both;}
#product_page_list li{ float: left; width: 218px; margin-right: 16px; margin-top: 16px;}
#product_page_list li p{ line-height: 36px; font-size: 12px; text-align: center; height: 36px; overflow: hidden; color: #b3b3b3;}
#product_page_list li:hover p{ color: #2668a6;}
#product_page_list li a{ display: block; height: 160px; overflow: hidden; display: flex;align-items: center;justify-content: center;}
#product_page_list li a img{ display: block; max-width: 102%; max-height: 102%; }
#product_page_list li:nth-child(4n){margin-right: 0;}

#product_page_list_zizhi{ zoom: 1;}
#product_page_list_zizhi:after{ content: ""; display: block; clear: both;}
#product_page_list_zizhi li{ float: left; width: 218px; margin-right: 16px; margin-top: 16px;}
#product_page_list_zizhi li p{ line-height: 36px; font-size: 12px; text-align: center; height: 36px; overflow: hidden; color: #b3b3b3;}
#product_page_list_zizhi li:hover p{ color: #2668a6;}
#product_page_list_zizhi li a{ display: block; height: 160px; overflow: hidden; position: relative;}
#product_page_list_zizhi li a img{ display: block; max-width: 102%; max-height: 102%; position: absolute; left: 0; top: 0;}
/*产品列表页*/


/*产品列表页*/
.col2 .colproduct2{ }
.col2 .colproduct2 ul{ zoom: 1;}
.col2 .colproduct2 ul:after{ content: ""; display: block; clear: both;}
.col2 .colproduct2 ul li{ float: left; width: 218px; margin-right: 16px; margin-top: 16px;}
.col2 .colproduct2 ul li p{ line-height: 30px; text-align: center;}
.col2 .colproduct2 ul li a{ display: block; position: relative; height: 160px; overflow: hidden;}
.col2 .colproduct2 ul li a img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s;}

.col2 .colproduct2 ul li a:hover img{ width: 268px; height: 210px; left: -25px; top: -25px;}
/*产品列表页*/


/*产品内容页*/
.son_productview_title{ text-align:center; font-size:16px; color:#666; font-weight:bold; line-height:36px;}
.son_productview_date{ text-align: center; font-size: 14px; color: #999; line-height: 30px;}

.lineheight a{ display:inline-block;}
/*产品内容页*/



/*新闻内容页*/
.col2 .gs{ color:#4d4d4d; text-align: justify; font-size:12px; line-height:24px;}
.col2 .gs .son_productview_time{ text-align: center; color: #de1a1a;}
.inset .col2 .gs{ font-size: 14px; color: #666;}
/* .inset .col2 .gs *{ font-size: 14px; color: #666;} */
/*新闻内容页*/


/*新闻列表页*/
#news_list{ overflow:hidden; margin-top: 20px;}
#news_list li{ zoom:1; margin-bottom:24px; border-bottom: dashed 1px #ccc; padding-bottom: 4px;}
#news_list li:after{ content:""; display:block; clear:both;}
.tson_main_con_right_con_news_time{ font-size:12px; color:#4d4d4d;}
#news_list li:hover{ opacity: 0.8; filter: alpha(opacity=80);}
#news_list li div{ float: left; width: 150px; height: 120px; }
#news_list li div img{ display: block; width: 100%; height: 100%;}
#news_list li a{ width: 720px; float: right;}
#news_list li a h3{ font-size: 14px; color: #333; line-height: 30px; font-weight: normal;}
#news_list li a h4{ font-size: 12px; color: #666; font-weight: normal;}
#news_list li a p{ font-size: 12px; color: #666;}
/*新闻列表页*/


.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;}


#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;}

/* #wrap{ width: 100%;}
#wrap .items{ overflow: hidden;}
#wrap .items li{ float: left; width: 360px; margin: 20px;}
#wrap .items li a{ display: block; height: 270px; overflow: hidden; position: relative;}
#wrap .items li a img{ width: 100%; position: absolute; left: 0; top: 0; z-index: 998;}
#wrap .items li a h2{ position: absolute; left: 0; top: 0; z-index: 999; width: 100%; text-align: center; background: url(../images/20.png) no-repeat center center;}
#wrap .items li a h2 span{ display: block; text-align: center;} */

#form_big_box{ width: 100%; margin: 0 auto; overflow: hidden;}
#form_big_box .p5 {margin-top:30px;}
#form_big_box .p5 .mt{font-size:20px;color:#666; font-weight: bold;}
#form_big_box .p5 .mt{margin-bottom:25px;}
#form_big_box .p5 .mc{ overflow: hidden;}
#form_big_box .p5 .mc li{float:left;height:40px;line-height:40px;margin-bottom:20px;}
#form_big_box .p5 .mc li h4{float:left;width:80px;text-align:right;margin-top: 12px;margin-right: 10px;}
#form_big_box .p5 .mc li input{width:335px;height:40px;line-height:40px;}
#form_big_box .p5 .mc #f_name{width:500px;margin-right:20px;}
#form_big_box .p5 .mc #f_tel{width:500px;}
#form_big_box .p5 .mc #f_mail{width:500px;}
#form_big_box .p5 .mc #f_name input,#form_big_box .p5 .mc #f_tel input,#form_big_box .p5 .mc #f_mail input{border:0;padding: 0 10px;padding-right: 40px;width: 290px;height:40px;margin-bottom:10px;}
#form_big_box .p5 .mc #f_tel input{background:url(../images/p5_3.jpg) no-repeat 300px center #eeeef0;}
#form_big_box .p5 .mc #f_name input{background:url(../images/p5_1.jpg) no-repeat 300px center #eeeef0;}
#form_big_box .p5 .mc #f_mail input{background:url(../images/p5_4.jpg) no-repeat 300px center #eeeef0;}
#form_big_box .p5 .mc #f_buy{width:100%;    height: 120px;}
#form_big_box .p5 .mc #f_verify{width: 100%;margin-right:20px;}
#form_big_box .p5 .mc #f_verify input{width:270px;float: left;}
#form_big_box .p5 .mc #f_verify img{float:left;height: 40px;margin-left:20px;}
#form_big_box .p5 .mc .footReturn input{width:58px;height:25px;line-height:25px;text-align:center;color:#fff;border:0;background:#c4291e;border-radius:3px;}
#form_big_box .p5 .mc .footReturn #btnSubmit{margin-left:80px;}
#form_big_box .p5 .mc .footReturn #btnReset{margin-left:35px;}


.slideTxtBox_wrap{ width: 1200px; margin: 45px auto 0;}
.slideTxtBox{ text-align: center; position: relative; width: 1200px;}
.slideTxtBox .hd{ height: 45px; line-height: 45px; position: relative;}
.slideTxtBox .hd ul{ position: absolute; height: 45px; left: 29%;}
.slideTxtBox .hd ul li{ float: left; margin: 0 14px;}
.slideTxtBox .hd ul li.on{ background: url(../images/15.png) repeat-x 0 bottom;}
.slideTxtBox .hd ul li.on a{ color: #0baec5;}
.slideTxtBox .hd ul li a{ line-height: 45px; color: #919fb6; font-size: 14px;}
.slideTxtBox .bd{ position: relative; margin-top: 30px;}
.slideTxtBox .bd ul{ overflow: hidden;}
.slideTxtBox .bd li{ width: 280px; margin: 0 10px; float: left; border-bottom: solid 1px #919fb6;}
.slideTxtBox .bd li:hover{ border-bottom: solid 1px #0baec5;}
.slideTxtBox .bd li:hover p{ color: #fff;}
.slideTxtBox .bd li a{ display: block; height: 210px; overflow: hidden;}
.slideTxtBox .bd li a img{ display: block; width: 100%; height: 100%;}
.slideTxtBox .bd li p{ line-height: 45px; font-size: 14px; color: #919fb6; background: url(../images/12.png) no-repeat right center;}
.slideTxtBox .bd li .date{ float:right; color:#999;}
.slideTxtBox .bd ul li:hover img{
	opacity:0.7;
	transition: all 0.5s ease 0s;
}
.slideTxtBox .bd .watch a{
	font-size:14px;
	color:#0c5b95;
	position:absolute;
	padding:5px;
	border:2px solid #0c5b95;
	bottom:-70px;
	left:50%;
	margin-left:-50px;
}


.ind_main{}
.ind_ab_column{ width: 1200px; margin: 0 auto;}
.ind_ab_ul{ overflow: hidden;}
.ind_ab_ul_l{ float: left; width: 700px;}
.ind_ab_ul_r{ float: right; width: 470px;}
.ind_ab_ul_r img{ display: block; max-width: 440px; margin: 0 auto; border: solid 5px #e5e5e5;}
.ind_ab_ul_l .ind_ab_cap{ }
.ind_ab_ul_l .ind_ab_cap h4{ font-size: 14px; color: #666; line-height: 36px; font-weight: normal; background: url(../images/11.png) no-repeat center bottom; text-align: center;}
.ind_ab_ul_l .ind_ab_cap h3{ color: #666; font-size: 22px; text-align: center; line-height: 36px;}
.ind_ab_ul_l .ind_ab_text{ color: #666666; font-size: 12px; margin-top: 10px; text-align: center;}
.ind_ab_ul_l .ind_ab_display{ width: 220px;margin: auto; margin-top: 20px; overflow: hidden; position: relative;}
.ind_ab_ul_l .ind_ab_display li{float: left; width: 150px; height: 202px;}
.ind_ab_ul_l .ind_ab_display li a{ display: flex;align-items: center;justify-content: center; height: 202px; overflow: hidden;}
.ind_ab_ul_l .ind_ab_display li a img{ display: block; max-width: 100%;  max-height: 100%;}
.ind_ab_ul_l .ind_ab_display .l{position: absolute;top: calc(50% - 14px);left: 0; z-index: 100;display: block; width: 16px; height: 28px; background: url(../images/13.png) no-repeat 0 0;}
.ind_ab_ul_l .ind_ab_display .r{ position: absolute;top: calc(50% - 14px); right: 0;z-index: 100; display: block; width: 16px; height: 28px; background: url(../images/14.png) no-repeat 0 0;} 


.ind_cap{ width: 100%;}
.ind_cap h4{ font-size: 14px; color: #666; line-height: 36px; font-weight: normal; background: url(../images/11.png) no-repeat center bottom; text-align: center;}
.ind_cap h3{ color: #666; font-size: 22px; text-align: center; line-height: 36px;}
.ind_cap p{ color: #666; font-size: 12px; text-align: center; line-height: 30px;}

.ind_pro_cen_content{ position: relative; width: 100%; overflow: hidden; height: 232px; margin-top: 36px;}
.ind_pro_cen_content ul li a{ display: block; border: solid 1px #dcdcdc;}
.ind_pro_cen_content ul li img{max-width: 100%;}
.ind_pro_cen_content ul li p{text-align: center;line-height: 35px;}
.ind_pro_cen_content .l{position: absolute;top: calc(50% - 22px);left: 0; z-index: 100;display: block; width: 50px; height: 45px; background: url(../images/prev.png) no-repeat 0 0;}
.ind_pro_cen_content .r{position: absolute;top: calc(50% - 22px);right: 0; z-index: 100;display: block; width: 50px; height: 45px; background: url(../images/next.png) no-repeat 0 0;}

.ind_shebei_column{ margin-top: 60px;} 
.ind_shebei_content{ margin-top: 32px; width: 100%; position: relative; overflow: hidden; height: 212px;}
.ind_shebei_content ul li a{border: dashed 1px #dcdcdc;}
.ind_shebei_content ul li img{max-width: 100%;}
/* .ind_shebei_content .l{ position: absolute;top: calc(50% - 22px);left: 0; z-index: 100; display: block; width: 50px; height: 45px; background: url(../images/prev.png) no-repeat 0 0;}
.ind_shebei_content .r{ position: absolute;top: calc(50% - 22px);right: 0; z-index: 100; display: block; width: 50px; height: 45px; background: url(../images/next.png) no-repeat 0 0;} */

.ind_shebei_content .swiper-wrapper{
	-webkit-transition-timing-function: linear; /*之前是ease-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	margin: 0 auto;
}
/*详细资质*/
.details_container{ width: 100%; margin: 0 auto; padding-bottom: 30px; border-bottom: solid 1px #c6c6c6;}
.details_ul{ zoom: 1;}
.details_ul:after{ content: ""; display: block; clear: both;}

.details_container li:hover{ opacity: 1!important; filter: alpha(opacity=100)!important;}

.details_left{ float: left!important; width: 400px!important; margin: 0!important;}
#details_left_cap{ height: 560px; border: solid 2px #dedede; overflow: hidden; position: relative;}
#details_left_cap span{ position: absolute; display: block; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); width: 150px; height: 150px; left: 0; top: 0; display: none;}
#details_pic_big{ display: block; height: 100%; width: 100%;}

.details_left_content{ margin-top: 8px; width: 100%; height: 114px; position: relative; overflow: hidden;}

#details_ctrl_left{ display: block; width: 16px; height: 28px; background:url(../images/21.png) no-repeat center center; position: absolute; left: 0px; top: 45px; z-index: 99; border: none;}
#details_ctrl_right{ display: block; width: 16px; height: 28px; background:url(../images/20.png) no-repeat center center; position: absolute; right: 0px; top: 45px; z-index: 100; border: none;}
#details_list{ overflow: hidden; height: 114px; position: absolute; left: 0;}
#details_list li{ float: left; width: 76px; height: 110px; overflow: hidden; margin: 0 10px; overflow: hidden; cursor: pointer;}
#details_list li.normal{ border: solid 2px #bfbfbf;}
#details_list li.active{ border: solid 2px #ed6b3d;}
#details_list li img{ display: block; width: 100%; height: 100%;}

.details_right{ float: left!important; width: 300px!important; margin: 0 0 0 60px!important; position: relative;}
.details_right h3{ color: #0d3883; font-weight: bold; font-size: 16px;}
.details_right h4{ line-height: 32px; color: #666; font-size: 12px; border-top: solid 1px #b8b8b8; border-bottom: solid 1px #b8b8b8; background: url(../images/10.png) no-repeat right center;}
.details_right p{ color: #666; font-size: 12px; line-height: 40px; text-align: left!important;}

#fdj{ position: absolute; left: 0; top: 0; width: 400px; height: 400px; overflow: hidden; display: none;}
#fdj img{ position: absolute; display: block; left: 0; top: 0; width: 819px; height: 1158px;}
/*详细资质*/


#speccontainer:after{ display: block; content: ""; clear: both;}
#fdj2{ position: absolute; left: 0; top: 100px; overflow: hidden; width: 400px; height: 400px; display: none; z-index: 9999999; border: solid 5px #ccc;}
#fdj2 div{ position: absolute; width: 872px; height: 640px; left: 0; top: 0;}
#fdj2 div a{ display: block; width: 872px; height: 640px;}



.contact-form{margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}
.contact-form input,.contact-form textarea,.contact-form select{background:#fff;width:80%;float:left;background:transparent;border:1px solid #ddd; text-indent: 10px; padding: 10px 0px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
.contact-form textarea{height:150px;resize:none}
.contact-form input[type="submit"]{border:none;display:inline-block;background:#cc312f;color:#fff;padding:12px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width: 80%;clear:both;color:#fff;}
.contact-form input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
 #allmap{height: 600px;}