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

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

	header{ height:65px; }
	.nav,.shearb,.topp{ display:none;}
	.demo-buttons{ display:block;}
	header .top h1 img {margin-top:6px;}
.flex-control-nav { bottom:10px;}
.flex-control-paging li a {width: 32px;}

.index-pro ul li .box { min-height:auto;}
.index-pro ul li .box .wz {padding:15.6% 12%;}
.products ul {margin-right: -1.5%;}
}

@media screen and (max-width:980px){
.index-pro ul li .box .wz {padding:9% 12%;}
.index-pro ul li .box .wz h3 {font-size: 1.55rem;}
.index-probox ul li {width: 22.7%;}
.index-about .right { margin-top:0;}
}
@media screen and (max-width:860px){
.index-pro ul li .box .wz {padding: 6% 3%;}
.meiti_dt,.proconrg {width: 100%;}
.tb_box {width: 25%;}

}
@media screen and (max-width:780px){
.wd{ padding:0 2%;}
.index-news ul { margin-right:0;}
.index-pro ul li{ width:100%;}
.index-pro ul li .pic {width: 100%;}
.index-pro ul li .box{ width:100%;}
.index-probox ul li {width: 47.5%; margin-bottom:4%;}
.index-about .left {width: 100%;}
.index-about .right { display:none;}
.index-news ul li {width:47%;}
.index-news ul li:nth-child(3){ display:none;}
.footbox .left {width: 100%;}
.footbox .right {width: 100%; margin-top:15%;}
.footbox .left ul li {width: 47%; margin:6% 0 0 3%;}
.footbox .left ul li h3 {margin-bottom: 4px;}
header .top h1 img {max-width: 75%;margin-top:13px;}
.index-about .left h3,.index-about .left p{ width:100%; margin-bottom:0;}
.index-about .left .icon {padding-top:105px;}
.index-about .left p {line-height: 1.7};
.index-news{padding: 6% 0 5% 0;}
.nspr ul li p {line-height: 1.2;height: 86px;}
.ontact ul li{ width:47%;}

}

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

.index-about{ padding:0;}
.index-about .right { display: block; width:100%;margin-top: 50px;}
.index-pro{ padding:15% 0 0 0;}
.index-about .left .icon ul li .tip { line-height:1.2;}
.ny_about,.nydyip,.contact,.nsprr,.Factory{ padding:15% 0 ;}
.index-about .left p{ display:none;}
.nspr ul {margin-right:0%;}
.nspr ul li {width:100%;}
.products ul li {width: 45.4%;}
.meiti_dt,.proconrg {width: 100%;}
.product_title a {width:100%;}
.tb_box {width: 40%;}
.contact .left {width: 100%;}
.contact .right{width: 100%; margin-top:10%;}
#AutoBanner .title {font-size: 33px;}
.nsprr ul li,.Factory ul li {width: 47%;}
#AutoBanner .ltitle{ display:none;}
.footbox .right .left { width:100%;}
.footbox .right .right {width: 100%;}
.footbox .right .right .pic{ margin:auto; display:block; clear:both;}
.index-pro ul li .wown .left p,.index-pro ul li .won .left p { line-height:1.3;}
.index-news ul li {width: 100%;}
.service_three li { width:100%;}
.index-about .left .icon {padding-top: 120px;}



}