@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-about .left,.index-about .left p,.index-about .right,.boxprolist .left,.products{ width:100%;}
.index-news,.footbox{ padding:10% 0;}
.index-news ul li{ width:100%;}
.products ul li{ width:48%;}
.products{ padding:7% 0 0 0;}
}