@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1630px) and (max-width:2580px){
	.wd{ padding:0 10%;}
	
}

@media screen and (min-width:1024px) and (max-width:1630px){
.nav ul li{margin: 0 0px;padding:0 15px; }
.nav ul li a {margin: 0 2px;}

}


@media screen and (min-width:780px) and (max-width:1024px){
	header{ height:90px; }
	.nav,.shearb,.topp{ display:none;}
	.demo-buttons{ display:block;}
	.yy {float:left;line-height:90px; margin-left:27%;  width:30%;}
	header .top h1 img {margin-top: 26px;}
.flex-control-nav { bottom:10px;}
.flex-control-paging li a {width: 32px;}
}

@media screen and (max-width:780px){
.wd{ padding:0 3%;}
header{ height:60px; }
header .top h1 {width:15%;}header .top h1 img{ padding-left:0%;margin-top:15px;}
.nav,.shearb,.topp{ display:none;}
.demo-buttons{ display:block; line-height:60px;}.fancynav-close{ line-height:60px;}
.yy {float:left;line-height:60px; margin-left:30%;  width: 45%;}
.flex-control-nav { bottom:0px;}
.flex-control-paging li a {width: 12px;}
.diyp h2,.disanp h2{ font-size:26px; font-weight:300; padding:30px 0;}
.diyp ul{ margin-right:0%; margin-top:5%; display:block;}
.diyp ul li{ width:100%; float:none;margin-right:0%; margin-bottom:3%;}
.dierp ul li{ width:100%; float:none;}
.disanp ul li{ width:50%; float:left; margin-bottom:5%;}
.disanp ul li .pic{ margin:auto; background:#fff;}
.disip .top .left{ width:100%; }
.disip .top .right{ width:100%; float:none; overflow:hidden; padding:4% 0;}
.disip .secbox ul li{ width:50%; float:left; margin-bottom:30px;}
.owl-demo4 .item .left{ width:100%; float:none;}
.owl-demo4 .item .right{ width:90%; float:none; padding:5%; color:#fff;}
.owl-demo4 .item .right p{ line-height:1.3; font-size:12px;}

.footer,.indexnew{ padding:15% 0; }
.footer .con ul li{ width:50%; margin-bottom:5%;}
.copy{ padding:3%; }

.meiti_dt {width:100%;float:none;}
.proconrg,.news_box_pages ul li,.news_box_pages ul li,.contact .right,.contact .left {width:100%; padding:5% 0;}

.honor_img ul li{width:48%; height: auto; float:left; margin-right:2%; margin-bottom:5%; }
.products ul li{ width:45.5%; }
.servicebox ul li p { line-height:1;}
.oembox ul{ margin-top:3%; margin-right:0%;}
.oembox ul li{ width:90%; margin-right:0%; margin-bottom:5%; padding:5%;}
.conbx ul{ margin-top:3%; margin-right:0%;}
.conbx ul li{ width:100%; margin-right:0%; margin-bottom:5%;}
.conbx ul li .pic img {width: 100%;}
.new_list ul li {width:47%; margin-right:3%; }

.diyp .left{ width:100%;}
.diyp .right{ display:none;}
.dierp .boxre ul li{ width:48%; margin-bottom:3%;}
.indexnew .box .leftbox,.indexnew .box .rightbox{ width:100%;}
.footer .con ul li:nth-child(1){ width:100%;}

}
@media screen and (max-width:460px){
header .top h1 {width: 17%;}
.yy {margin-left: 20%;}
.indexnew ul{ margin-right:0%;}
.indexnew ul li{ width:100%; margin-right:0%; margin-bottom:5%;}
.footer .con ul li{ width:100%;}
h2 {font-size: 2rem;}	
.ny_about p { margin-top:10px;}
.nspr ul{margin-right:0%;}
.nspr ul li{ width:100%; margin-bottom:5%;}
.aboutkb p{ line-height:1.5;}
.aboutkb ul{ margin-right:0px; margin-top:3%;}
.aboutkb ul li{ width:100%; float:left;  margin-right:0px;}
.postions .postions_b a {margin-left:0px; margin-right:35px;}
.products ul{ margin-right:0%;margin-bottom:5%; padding-top:1%;}
.products ul li{ width:96.5%; float:none; height:auto; overflow:hidden; background:#fff; margin:1.5%;transition:all 0.3s;  border-radius:8px;border:1px #f7f7f7 solid; padding:1.5% 0 0 0;}
.dyip .ul li{ float:left; width:100%; margin-right:0%;}
.servicebox ul li {width: 90%;}
.oembox ul{ margin-top:3%; margin-right:0%;}
.oembox ul li{ width:90%; margin-right:0%; margin-bottom:5%; padding:5%;}
.conbx ul{ margin-top:3%; margin-right:0%;}
.conbx ul li{ width:100%; margin-right:0%; margin-bottom:5%;}

.new_list ul {margin-right:0%;}
.new_list ul li {width:100%; float:left; margin-right:0%; margin-bottom:15%;}
.honor_img ul{ margin-right:0%; margin-top:3%; height:auto; overflow:hidden;}
.honor_img ul li{width:100%;margin-right:0%;  }
.servicebox ul li p { line-height:1.3;}
.disanp ul li{ width:100%;}
.disanp ul li .pic img{ width:100%;}

.boxprolist .left{ width:100%;}
.products{ width:100%;}
}