@media(max-width:800px){
.container{ width:98%; padding:0}
ul.support {display:block; float:left;}
ul.support li{ padding:0px; margin:0px; float:left}
ul.support-right { float:left;}
.header{}
.header-top{ height:auto;}
.logo {margin:0; float:left; width:50%; }
.logo img{ width:100%;}
.top-nav{ float:right;display: inline-block; width:50%; }
.mepanel{ display:none}
.slogan{ padding-top:1em;}
.banner{ width:100%; height:100px; background-size:100% 100%;}
.hotProduct{ width:100%;}
.hotProduct img{ width:100%;}
.newProduct{ width:100%;}
.newProduct img{ width:100%;}
.tab-back{ width:100%; height:80px; }
.tab-title{font-size:1em;}
.tab_desc{ padding-top:1em; height:100%;}
.img-top{  width: 32%;
	  padding: 0px;
	  margin-right: 1px; margin-left: 1px;}
.agency{ padding-top:1em;}
p.jean{font-size:0.8em;}
.product-left{ height:12em; overflow:hidden; display:block}
.product-left:hover .mask{display:none;}
.about-back{ padding-top:1em;}
.about-txt{ width:100%;}
.about-img{ width:100%;padding-top:1em;}
.about-img img{ width:100%; height:auto}
.faq{padding-top:1em;}
.faq-left{ width:100%;margin-left: 20px; }
.faq-right{ width:98%;}
.faq-tt { background-position:bottom;float:left; width:100%;}
.footer-top{ padding:5px;}
.footer-middle{padding:5px;}
.footer-bottom{padding:5px;}
.resp-tabs-list{ width:100%; margin:0px;}
.resp-tab-item{  margin: 0 2.5px 0; width:24%}
}
@media(max-width:640px){
.resp-tabs-list{ display: none;}
ul.memenu.skyblue {text-align: center;margin-top:5px;}
.fl{display:none;}
.banner1, .banner2, .banner3 {
    min-height: 210px;
}
}