@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1660px) {

header .yuyan{ right:0;}

header .nav li p a{ padding:0 20px;}
.main {  padding: 30px 2% 0 2%;}
.foot{ padding: 2%;}
}

@media screen and (max-width: 1200px) {
header h1{ margin-left:2%;}
	header .nav li p a{ padding:0 16px;}
	.products .hover h3 { color: #fff; font-size: 18px;}
	
	.dyip .slideTxtBox .hd ul li{ width:12%;}

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

header h1{  width:315px;}
header .nav li p a{ padding:0 12px;}
}
@media screen and (max-width: 980px) {
	
	header{ height:60px; position:fixed; width:100%; left:0px; top:0px;}
	header h1{ left:4%; top:0px; width:240px; margin-top:10px;}
	header .yuyan{ top:15px; right:18%; height:30px; line-height:30px; border-radius:3px; display:none;}
	
	header .header-main{  max-width:100%;}
	header .nav{ display:none;}
	header .m-btn{display: block;}
	
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	
	.dyip .slideTxtBox .hd ul li{ width:12%;}
	.dyip .slideTxtBox .bd li{ width:48%; margin:1%;}
	
	.products .hover h3 { color: #fff; font-size: 16px;}
	.products li { width: 46%; margin: 0 2% 30px; }
	
	.derp li{ float:left; width:45%; margin-left:5%; margin-bottom:5%;}
	.derp li .h3{ font-size:18px; padding:0px 0;}
	.derp .txt{ margin-top:0px; }
	
	.con_l{ width:100%; float:none;}
	.con_r{ width:100%; float:none;}
	

	

}

@media screen and (max-width: 720px) {
	
	.banner_pc{ display:none;}
	.banner_yd{ display:block; margin-top:60px;}
	
	.foot .foot_t .t_l dl{ width:50%; margin-bottom:3%;}
	
}