@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1195px) {.muen ul li{padding:0 3% ; }
.vipbox{ top:8%;}

}
@media screen and (max-width: 1021px) {

	header{ height:100px;}
	header .toper .logo{ width:15%; margin-top:13px;}
	header .toper .logo img{ margin-top:2%; } 
	.muen ul li{line-height:100px;  }
	.yanyan{ line-height:100px;  } 
	.muen{margin-left: 0%;}
	.muen ul li{ padding:0 30px ;  }
	.vipbox{ top:8%; margin-left:5%;}
	.khbox{ margin:-80px auto 0 auto;}
	
	header .toper .lopad{ width:68%;  }
	header .toper .lopad img{ max-width:100%;}
}
@media screen and (max-width: 890px) {
	header .toper .logo{ padding-left:5% !important; } 
	.muen,.yanyan,.kkhh,.khbox{ display:none;}
	header .m-btn{display: block;}
	.banner_pc .flexslider{ display:none;}
	.banner_yd{ display:block; }
	.serbox{  height: auto; overflow:hidden; }
	.innewsbox .bt{float:none; width:100%;}
	.innewsbox .bosth{ width:90%; float:none;  margin:0 auto;}
	.downloads{ width:100%; float:none;}
	.vipbox{ width: auto; padding:3% ; position: relative; margin-left:0;}
	.vipbox .boxt input{ width:40%;float:left; margin-right:1%;margin-bottom:0%; }
	.vipbox .boxt button{width:15%; float:left; margin-left:1%;}
	.vipbox .byt{ text-align:center;}
	.vipbox .chaxun .text {  width:80%; }
	.vipbox .chaxun .button {  width:15%;}
	
	.derp,.nyabout,.newsbox,.servicesbox{ padding:0 3%;}
	.product_con{ padding: 3%;}
	.dwup,.mbxdh{ padding:5% 3%;}
	.derp .box{padding:3% 0%; }
	.derp .title h2{float: none;font-size: 26px; text-transform: uppercase; margin-bottom:3%;}
	.derp .title h2 span{color: #666;font-size: 16px;margin-left: 20px;}
	.derp .title ul{float: none;}
	.derp .title li{float: left;margin-left: 3%; margin-bottom:3%;}
	.derp .title li a{padding:0 15px; font-size:1rem;}
	.dwup{  background:#fff; }
	.dwup li .pic{ width:100%; float:none;}
	.dwup li .bcon{ width:100%; height:auto; overflow:hidden; float:right; position:relative;}
	.dwup li .bcon h2{font-size: 16px;padding:3% 0;font-weight: normal;overflow: hidden;}
	.maleft{ width:94%; float:none; overflow:hidden; margin:auto;}
	.maright{ width:94%; float:none; margin-left:0%; margin:auto;background: none;}
	.copyright{ padding:3% 5%;}
	.banner_pc{ margin-top:0px;}
	
	.banner_ny{ margin-top:0px;}
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	
	.newsbox .newsleft{ width:100%; float:none; }
	.newsbox .newsright{ width:100%; float:none; }
	.newsbox .newsleft .abpage ul li{ width:95%; float:none; }
	.newsbox .newsleft .abpage ul li:nth-child(2){ text-align:left;}
	.newsbox .newsright .bt span{ padding-bottom:1.5%;}
	.flex-control-nav { bottom:20px;}
}

@media screen and (max-width: 720px) {
	header{ height:80px;}
	header .toper .lopad{ width:60%; margin-top:20px;  }
	header .toper .logo{ width:15%; margin-top:13px;}
	
	.navprot{ padding:2.5% 0; }
	.navprot li p a{ padding:10px 30px;}
	.navprot li:hover p a{  text-decoration:none;padding:10px  30px; color:#e35e2b;}
	.pro-list li{width:47%;}
	.sp-wrap { float:none; width:100%;}
	.product_con_t .t_r{ float:none; width:100%; margin-top:5%;}
	.product_con_t .t_r .more{ width:100%;}
	.protj ul li{ width:48%; margin-bottom:3%; }
	.foot .flwd,.foot .midwd{ width:85% !important; float:none !important; margin:5% auto 0 auto !important;}
	.foot .flwd dl{ width:50%; float:left; margin-bottom:10%;}	
	.tebox{ text-align:center;width:100%;}
	.boximg ul li{ width:31.33%; } 
	.nyabout h2,.newsbox .newsleft h2{ padding-top:5%;}
	.xinany{ margin-bottom:5%;}
	.newsbox .newsleft ul li .con h3{  line-height:40px;}
	.derp ul li .pic img{ width:100%; }
	.xian{ margin:0.5% auto 4% auto;}
	.navprot li{ padding:3% 0;}
	
	.derp ul{ margin-right:0%;}
	.derp ul li{ width:100%; float:none; margin-right:0%; margin-bottom:5%;}
	.sevostr ul li .divst span{ font-size:18px; font-family:Letter Gothic Std;}
	.sevostr ul li p{ color:#fff; font-size:12px;}
	.byruy ul{ margin-right:0%;}
	.byruy ul li{ width:100%; margin-right:0%; float:none; margin-bottom:3%;}
	.boxlul ul li{ width:95% !important;}
}


@media screen and (max-width: 680px) {
	header .toper .logo img{ margin-top:2%;} 
	
	.vipbox .chaxun .text {  width:78%; }
	.vipbox .chaxun .button {  width:15%;}
	
}


@media screen and (max-width: 520px) {
	
	.boximg ul li{ width:48%; } 
		
}
@media screen and (max-width: 460px) {
	header .toper .logo{ width:102px;}
	header .toper .logo img{ margin-top:5%;} 
	header .toper .lopad{ display:none;}
	.newsbox .newsleft ul li .pic{ width:100%; float:none;  overflow:hidden;}
	.newsbox .newsleft ul li .con{ float:none; width:100%;}
	.newsbox .newsleft ul li .con h3{ padding:2%;padding-bottom:2%;}
	.newsbox .newsright .bt span{ padding-bottom:3%;}
	.productbox{ padding:0 3%;}
	.pro-list{margin-left:0%;}
	
	.pro-list li{width:100%; padding-left:0; float:none;}
}
@media screen and (max-width: 380px) {
	.navprot li p a{ padding:0 10px;}
	.navprot li:hover p a{ padding:0 10px; }
}