/*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;
}


body{ background: url(../images/8.png);}


*{ 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%; overflow: hidden;}
.header{ width: 1200px; margin: 0 auto; height: 130px;}
.logo{ float: left; margin-top: 10px;}
#nav{ float: right; margin-top: 56px;}
#nav li{ float: left; width: 80px; margin: 0 10px;}
#nav li ul{ display: none;}
#nav li a{ font-size: 14px; color: #666; display: block; text-align: center; transition: 0.3s;}
#nav li a:hover{ font-size: 16px; color: #999;}


.banner_container{ width: 100%;height:500px; overflow: hidden;}
#banner_list{ width: 1920px;}
#banner_list li{ width: 100%; position: relative; }
#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:0; top: 40%;}
.banner_container .bx-controls{display:none;}


#footer{ width: 100%; margin-top: 60px; background-color: #dbdbdb; overflow: hidden;}
.footer_content{ width: 1200px; height: 200px; margin: 0 auto; background: url(../images/6.png) no-repeat 0 center;}
.base_mess{ float: left; margin-left: 360px; margin-top: 30px; font-size: 12px; letter-spacing: 1px;}
.wechat{ float: right; margin-right: 69px; margin-top: 36px;}
.wechat p{ line-height: 30px; text-align: center; color: #666; font-size: 12px;}


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


.inset .col2 .gs{ font-size: 12px; color: #666;}
.inset .col2 .gs *{ font-size: 12px; color: #666;}


#sidenav{}
#sidenav .mt{}
#sidenav .mt div{ height: 120px; line-height: 120px; background-color: #c0c0c0; color: #fff; font-size: 28px; text-align: center;}
#sidenav .mc{}
#sidenav .mc ul{ position: relative;}
#sidenav .mc ul li{ height: 60px;}
#sidenav .mc ul li.curr{}
#sidenav .mc ul li:hover a{ color: #999;}
#sidenav .mc ul .curr a{ color: #999;}
#mark{ position: absolute; width: 100%; height: 0!important; left: 0; top: 0; border-bottom: solid 1px #999;}
#sidenav .mc ul li a{ display: block; line-height: 60px; font-size: 16px; color: #434343; text-indent: 36px; transition: 0.5s;}

#sidecontentus{ background-color: #008824; padding-bottom: 4px; margin-top: 20px; margin-bottom: 20px;}
#sidecontentus .mt{ height: 45px; background: url(../images/4.png) repeat-x 0 bottom #008824;}
#sidecontentus .mt div{ line-height: 45px; color: #fff; font-size: 16px; text-align: center; background: url(../images/5.png) no-repeat 30px center;}
#sidecontentus .mc{ width: 200px; background-color: #fff; font-size: 12px; margin: 10px auto 0; padding: 15px;}


.num,.current,.prev,.next{ display:inline-block!important; padding:0 10px; height:30px; border:solid 1px #ccc; margin:0 5px; text-align:center; line-height:30px; font-size:14px; color:#ccc;}
.current{ color:#fff; background-color:#999;}
.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{ overflow: hidden; border-bottom: solid 1px #d5d5d5;}
.col2 .cap_b h3{ float: left; color: #434343; line-height: 36px; font-size: 18px; font-weight: normal;}
.col2 .cap_b h4{ float: right;}
.col2 .cap_b h4 span{ line-height: 36px;}
.col2 .cap_b h4 span a{ line-height: 36px; font-size: 14px; color: #434343;}


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

.col2 .colproduct ul li a:hover img{ width: 360px; height: 460px; left: -30px; top: -30px;}
/*产品列表页*/


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

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


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

.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;}
/*新闻内容页*/


/*新闻列表页*/
#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: 750px; 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;}


article{ width: 100%; overflow: hidden; padding-top: 70px;}
.index_products{ width: 1200px; margin: 0 auto;}
.index_cap{ width: 600px; margin: 0 auto; border-top: solid 1px #666;}
.index_cap h4{ width: 250px; margin: -30px auto 0; line-height: 60px; font-size: 38px; color: #666; text-align: center; font-weight: lighter!important; background: url(../images/8.png);}
.index_cap p{ color: #999; font-size: 14px; text-align: center; background: url(../images/19.png) no-repeat center top;}

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


#index_pro_list{ overflow: hidden; margin-top: 40px; position: relative;}
#index_pro_list li div{ margin-top: 45px; display:none;}
#index_pro_list li .zhezhao{ background-color: #000; margin: 0!important; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60); display: block!important; position: absolute; left: 0; top: 0;}
#index_pro_list li div p{ color: #fff; text-align: center; line-height: 45px;}
#index_pro_list li div a{ display: block; width: 100px; margin: 0 auto; color: #fff; text-align: center; background-color: #ba1f0a;}
#index_pro_list .ind_pro_li{ float: left; width: 298px; margin: 1px; height: 180px; position: relative; z-index: 99;}
#mark2{ position: absolute!important; left: 0; top: 0; width: 298px; height: 180px; background-color: rgba(0,0,0,0.2); z-index: 100; display: none;}
#mark2 div{ display:block!important;}
#index_pro_list .ind_pro_li div p{ color: #fff;}
#index_pro_list .ind_pro_li_more{ background: url(../images/18.png) no-repeat center center #000;}


/*产品特殊内页*/
.details_container{ width: 100%; margin: 0 auto; padding-bottom: 30px; border-bottom: solid 1px #c6c6c6; padding-top: 20px;}
.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: 380px; 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: 80px; position: relative; overflow: hidden;}

#details_ctrl_left{ width: 10px; height: 28px; background:url(../images/14.png) no-repeat center center; position: absolute; left: 0px; top: 26px; z-index: 99; border: none;}
#details_ctrl_right{ width: 10px; height: 28px; background:url(../images/15.png) no-repeat center center; position: absolute; right: 0px; top: 26px; z-index: 100; border: none;}
#details_list{ overflow: hidden; height: 80px; position: absolute; left: 0;}
#details_list li{ float: left; width: 76px; height: 76px; 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: 460px!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: 600px; height: 600px;}
/*产品特殊内页*/