﻿
/*内页banner*/
.inside-con { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.inside-banner { position: relative; overflow: hidden; z-index: 0; }

.inside-banner img { display: block; position: relative; height: 150px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.inside-banner .inbanner-title { text-align: center; color: #fff; font-size: 26px; line-height: 40px; }
/*内页banner*/
@media (min-width: 1024px) {
 .inside-banner img { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; width: 100%; }
  .inside-banner .inbanner-title { font-size: 40px; }	
	
	}



/*搜索*/
.fw_sch{width:648px;height:56px;margin-bottom:20px; float: right; }
.fw_sch .img{display:inline-block;width:56px;height:54px;background:#dd3c13 url(../images/cpss.png) no-repeat center center;border:0;vertical-align:top;cursor:pointer; float: left;margin-top: 8px; }
.fw_sch input{display:inline-block;width:535px;height:54px;font-size:16px;color:#999;border:1px solid #d9d9d9;padding:0 16px;}
.fw_sch button{display:inline-block;width:56px;height:54px;background:#dd3c13 url(../images/sch_bt.png) no-repeat center center;border:0;vertical-align:top;cursor:pointer; margin-left: -4px; margin-top: 8px;}

@media screen and (max-width: 992px){
.fw_sch{width: 100%;  }	
.fw_sch .img{width: 15%;}
.fw_sch input{width:70%; float: left;margin-top: 8px;}
.fw_sch button{width:15%;float: left;}
	
}
/*搜索*/


.right {width: 21%;float: right;padding-left: 2%}
.right .yuiol{width: 100%; margin-bottom: 30px;}
.right .yuiol .text{font-size: 22px;color: #333;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 15px}
.right .yuiol ul{zoom: 1;} 
.right .yuiol ul li{height: 55px;line-height: 55px;background: #dedede url(../images/news04.png) no-repeat 80% center;font-size: 18px;padding: 0 0 0 21%;transition: background .3s, color .3s, padding .3s;margin-top: 20px}
.right .yuiol ul li a{color: #333;}
.right .yuiol ul li:hover {background: #0063e3 url(../images/news04.png) no-repeat 85% center;color: #fff;padding: 0 0 0 15%}
.right .yuiol ul li.link{background: #0063e3 url(../images/news04.png) no-repeat 85% center;color: #fff;padding: 0 0 0 15%}
.right .yuiol ul li:hover a{color: #fff;}
.right .yuiol ul li.link a{color: #fff;}


.right .zuixnews{width: 100%; overflow: hidden; position: relative;}
.right .zuixnews h2 {font-size: 22px;color: #333;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 15px}

.right .zuixnews a {display: block;width: 100%;font-size: 16px;color: #666;line-height: 26px;padding: 7px 0 7px 6%;background: url(../images/case23.png) no-repeat left 17px;transition: background .3s, color .3s;}
.right .zuixnews a:hover {color: #0063e3;background: url(../images/case23_h.png) no-repeat left 17px;} 




.left {width: 77%;background: #fff;float: left}




@media (max-width: 1200px){
	
.right {width: 24.8%}
.right .yuiol .text{font-size: 20px;line-height: 20px;padding-bottom: 15px;margin-bottom: 9px}
.right .yuiol ul li{ont-size: 16px}


.right .zuixnews h2{font-size: 20px;line-height: 20px;padding-bottom: 15px;margin-bottom: 9px}
.right .zuixnews a {font-size: 14px;line-height: 22px;padding: 4px 0 4px 8%;background: url(../images/case23.png) no-repeat left 12px}
.right .zuixnews a:hover { background: url(../images/case23_h.png) no-repeat left 12px;color: #0063e3}	

.left{width: 73%}
}


@media (max-width: 1024px){
.right {width: 30%}	
.right .zuixnews a:hover {background: url(../images/case23_h.png) no-repeat left 17px;color: #d9271b}
/*.right .yuiol ul li	{height: 35px;line-height: 35px;font-size: 14px}
.right .yuiol ul li.link {height: 35px;line-height: 35px;font-size: 14px}	*/
.left {padding: 0 2%;width: 70%}	
}

.news-nav .textr{float: left;}


@media (max-width: 768px){
.right .yuiol .text{display: none;}	
.right .yuiol{margin-top: 0px;}
 .right {width: 100%;padding: 0}
.right .yuiol ul li.link { width: 100%; padding: 0 0 0 11%}
.right .yuiol ul li:hover { width: 100%; padding: 0 0 0 11%}
.left {padding: 0;width: 100%}
.right .zuixnews a {padding: 4px 0 4px 5%;}
.right .zuixnews{display: none;}
}







/*产品专用*/
.fl{float:left;}
.cp_list .leftheader{display:block;width:210px;height:80px;background:url(../images/left_top_bg.jpg) no-repeat center center !important;position:relative;}
.cp_list .leftheader h3{position: absolute;left: 0;top: 0px;font-size: 22px;font-weight:700;color:#fff;width:100%;text-align:center;letter-spacing: 0;}
.cp_list .leftheader h5{position: absolute;left: 0;top: 44px;font-size: 14px;font-weight: 100;color: #fff;width:100%;text-align:center;letter-spacing: 0;}


.cp_list>span{display:block;width:210px;height:80px;background:url(../images/cp_tl.png) no-repeat center center;}
.cp_list ul{width:210px;background:#f1f1f1;overflow:hidden;}
.cp_list ul>li{width:210px;border-bottom:2px solid #f1f1f1;}
.cp_list ul>li.olblock{border-bottom:none;}
.cp_list ul li .list_btn{display:block;width:210px;height:50px;background:#fff;}
.cp_list ul li .list_btn a{display:inline-block;width:150px;height:50px;font-size:16px;color:#666;text-align:left;text-indent:34px;line-height:50px;vertical-align:top;}
.cp_list ul li .list_btn a:hover{color:#dd3c13;}
.cp_list ul li .list_btn span{display:inline-block;width:60px;height:50px;background:url(../images/cp_list_bg-black.png) no-repeat center center;transition:all 0.5s;}
.cp_list ul li.olblock .list_btn span,.cp_list ul li.nowyiji .list_btn span{background:url(../images/cp_list_bg.png) no-repeat center center;}
.cp_list ul li .list_btn span:hover,.cp_list ul li.olblock .list_btn span{transform:rotate(180deg);}
.cp_list ul li ol{display:none;}
.cp_list ul li ol li{width:100%;background:#a7a7a7;border-bottom:#d9d9d9 1px solid;background:#e8e8e8;}/**/
.cp_list ul li ol li:last-child{border-bottom:none;}
.cp_list ul li ol li a{display:block;padding:14px 42px 14px 50px;width:100%;box-sizing:border-box;line-height:22px;text-align:left;color:#fff;color:#3c3c3c;font-size:14px;}/**/
.cp_list ul li.olblock ol li.nowerji a,.cp_list ul li ol li a:hover{/*background:#dd3c13;*/color:#dd3c13;}
.cp_list ul li.nowyiji .list_btn a{color:#dd3c13;}
.cp_list ul li.olblock ol{display:block;}
.cp_list ul li ol.olblock{display:block;}


.leftNav-title{ 
	height:60px; line-height:60px; 
	 color:#0063e3; 
	font-size:18px; 
	 padding-top:0px;
border-bottom:3px solid #0063e3;
}

.exp_menu .exp_menu_one .titleName a div{height:50px;line-height:50px;background-image:url(../images/product_bg1.jpg); background-repeat:no-repeat; color:#000 ;}
.exp_menu .exp_menu_one .titleName a:hover div{color:#D61D16; height:50px; background-image:url(../images/product_bg2.jpg); background-repeat:no-repeat;}
.exp_menu .exp_menu_one_choose .titleName a div{color:#D61D16; height:50px;line-height:50px; background-image:url(../images/product_bg2.jpg); font-weight:bold;background-repeat:no-repeat;}
.exp_menu .exp_menu_one_choose .titleName a:hover div{color:#D61D16; height:50px; background-image:url(../images/product_bg2.jpg); background-repeat:no-repeat;}
.exp_menu .exp_menu_one .titleName , .exp_menu .exp_menu_one_choose .titleName{height:50px; line-height:50px; color: #666;}
.exp_menu .exp_menu_one .titleName div , .exp_menu .exp_menu_one_choose .titleName div{ text-indent:25px;}

.exp_menu .exp_menu_two{ margin:0px; padding:0px; list-style:none; line-height:20px; }
.exp_menu .exp_menu_two li{ padding:10px 5px;border-bottom:1px dotted #CCC;}

.exp_menu .exp_menu_two li a{ color:#999;}
.exp_menu .exp_menu_two li a:hover{ color:#D61D16;}
.exp_menu .exp_menu_two li.on a{ color:#D61D16;}
.exp_menu .exp_menu_two li.on a:hover{ color:#F60;}


.exp_menu .exp_menu_two2{ margin:0px; padding:0px; list-style:none; line-height:20px; }
.exp_menu .exp_menu_two2 li{ padding:5px;}

.exp_menu .exp_menu_two2 li a{ color:#999;}
.exp_menu .exp_menu_two2 li a:hover{ color:#D61D16;}
.exp_menu .exp_menu_two2 li.on a{ color:#D61D16;}
.exp_menu .exp_menu_two2 li.on a:hover{ color:#F60;}


.exp_menu .exp_menu_one .exp_menu_two{ display:none;}
.exp_menu .exp_menu_one_choose .exp_menu_two{ display:block;}

.exp_menu .exp_menu_one .exp_menu_two2{ display:none;}
.exp_menu .exp_menu_one_choose .exp_menu_two2{ display:block;}












/*产品二级分类*/
.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:10px 45px;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:20px;}
.wrap_content{display:none;}
.none{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:1.6rem;position:relative;color:#fff;padding:10px 200px 10px 35px;background:#696969;}
.productsub_box h4:hover,.productsub_box.show h4{background:#0063e3;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:1.4rem;background:#dcdcdc; border-bottom:1px solid #ccc;}
.productsub_list dl dt:hover,.productsub_list dl.show  dt{color:#0063e3;}
.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:#D70000;}

/*产品二级分类*/

@media (max-width: 780px){
.leftNav-wrap{display: none;}

}

@media (min-width: 780px){
.wrapnav{display: none;}

}

/*产品专用*/