@media screen and (max-width: 1199px) {
.header-right ul li{font-size:14px;}
.banner{width:100%; height:auto;}
.box{min-height:518px;}
.imgleft{margin-left:22px;}
}
@media screen and (max-width: 991px) {
.logo{padding:15px 0;}
.header-right{padding:0;}
.header-right ul li{float:none; margin:5px 0;}
.box{min-height:652px;}
.section h2{font-size:35px; line-height:37px;}
.imgright{margin-left:0; text-align:center;}
.imgleft{margin-left:0; text-align:center;}
}
@media screen and (max-width: 767px) {	
.logo{padding:0; float:none; text-align:center; max-width:95%; margin-left:5px;}
.header-right{float:none; text-align:center;}
.header-right ul{float:none;}
.header-right ul li{display:inline-block;}
.contact-form{margin:0;}
.box .product{min-height:0;}
}
@media screen and (max-width: 639px) {
.banner .con{width:100%; margin-left:0; padding-top:0;}
.banner h1.bannertitle{font-size:32px; line-height:30px;}
.banner h3{font-size:18px; line-height:24px;}
.section{padding:18px;}
.box{margin-bottom:20px; min-height:0; width:100%; text-align:center; min-height:none;}
.section h2{font-size:28px; line-height:32px; text-align:center;}
.header-right ul li{padding:0 15px 0 61px;}
.header-right ul li span{font-size:22px; width:44px;}
.slide2 h2{margin-top:28px;}
.slide3 h2{margin-top:28px;}
.section p{text-align:center;}
.videoarea{width:100%;}

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