


/*产品二级分类*/
.wrapnav {position:relative;}
.wrapnav .backBtn{position:absolute;width:30px; height:27px; 
display:block;top:13px; left:20px; background:url(../images/backbtn.png) no-repeat center;z-index:3;font-size: 30px;}
.wrapnav .wraptit{background:#efefef; border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align:center; color:#000;padding:15px 65px;position:relative;text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.wrapnav .wraptit_tab:after{display:block;content:""; width:15px; height:15px;border-top:1px solid #222; border-right:1px solid #222;transform:rotate(135deg);-webkit-transform:rotate(135deg); position:absolute; top:10px; right:30px;}
.wrapnav .active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:30px;}
.wrap_content{display:none;}

.show{display:block;}
.productsub{padding:0px 0px;background:#efefef;}
.productsub a{color:#666;}
.productsub_box{border-bottom:1px solid #888;}
.productsub_box h4{font-size:15px;position:relative;color:#fff;padding:10px 35px ;background:#696969;}
.productsub_box h4:hover,.productsub_box.show h4{background:#0080CC;color:#fff;}
.productsub_box h4 i{display:block;width:10px; height:15px; background:url(/template/pc/zh/images/icon_h4.png) no-repeat center; position:absolute; left:20px; top:50%;margin-top:-9px;}
.productsub_box h4:hover i,.productsub_box.show h4 i{}
.productsub_list{display:none;}
.show .productsub_list{display:block;}
.productsub_list dl dt{padding:5px 5px 5px 45px ;font-size:15px;background:#dcdcdc; border-bottom:1px solid #ccc;}
.productsub_list dl dt:hover,.productsub_list dl.show  dt{color:#0080CC;}
.productsub_list dl dd{background:#fff;overflow:hidden;display:none;}
.productsub_list dl.show dd{display:block;}
.productsub_list dl dd p{ padding:0px 0px 5px 75px;font-size:1.3rem;margin: 5px auto 10px;border-bottom: 1px solid #eaeaea;
transition: background 0.3s,color 0.3s;}
.productsub_list dl dd p a{display:block;}
.productsub_list dl dd p a.cur{color:#0080CC;}

/*产品二级分类*/







.work_list {width: 100%;padding-top: 12px;margin-bottom: 20px;}
.work_list .tit {line-height: 60px;margin-bottom: 1px;background: #f5f5f5; width: 100%; float: left; position: relative;}
.work_list .tit a {display: block;line-height: 60px;color: #666;font-size: 14px;text-align: left; padding-left: 20px;font-weight: normal;position: relative; height: 60px;}
.work_list .tit.on a {color: #fff;background: #0080CC;z-index: 999;}
.work_list .tit:hover a {color: #fff;z-index: 999;}
.work_list .tit span { float: left; }
.work_list ul {display: none;float: left;width: 100%;}
.work_list li {display: block; border-bottom: 1px solid #f2f2f2; width: 100%; line-height: 40px;background-size: 5px;}
.work_list li a {display: block;color: #666; text-align: left;font-size: 14px;text-indent: 0;padding-left: 10px;}
.work_list li.on a {color: #0080CC;}
.work_list .tit a:before {content: '';position: absolute;height: 100%;background: #0080CC;left: 0;top: 0;width: 0;}
.work_list .tit:hover a:before {width: 100%;color: #fff; z-index: -1;}





@media (max-width: 750px){
.work_list {  overflow: hidden;margin-bottom: 0px;}	  
.work_list .tit {line-height: 36px;background: #f5f5f5;}
.work_list .tit a {line-height: 36px;}	
.work_list li { border-bottom: 1px solid #f2f2f2; line-height: 30px;background-size: 5px;}	

	
	
	
	
	
	
	
}