@charset "utf-8";
/* max-width: 800px */
@media only screen and (max-width: 800px) {
.tong-nei{margin:0px auto;padding:0px;width:768px; height: 468px; background: url(../i/banner_m.jpg) no-repeat center top; background-size:100% 468px;}
.ui{margin:8px 0px 0px 220px;padding:5px 10px;background:#052F4F;
font-size:20px;position:absolute;}
.bu{margin:20px 2.5% 20px 2.5%;padding:0px;width:95%;}
.bu1{margin:20px 0.0% 20px 0.0%;padding:0px;width:100%;}
.bu2{margin:0px 0.0% 20px 0.0%;padding:0px;width:100%;}
.bu3{margin:0px 0.0% 20px 0.0%;padding:0px;width:100%;}
.bu4{margin:0px 0.0% 20px 0.0%;padding:0px;width:100%;}
.neir{width:100%;}
.M_data .data_list .data_li{width: 300px;height: 360px;float: none;display: inline-block;overflow: hidden;margin:0 10px 0 6.5%;position: relative;}
.partnersbox{width:90%; margin: 0 2.5%;}
.center{float:none;}
}
/*max-width: 414px*/
@media only screen and (max-width: 414px) {
.M_data .data_list .data_li{width: 300px;height: 360px;float: none;display:block;overflow: hidden;margin:0 auto;position: relative;}
.partnersbox{width:85%; margin: 0 2.5%;}
.tong-nei{margin:0px auto;padding:0px;width:414px; height: 252px; background: url(../i/banner_m.jpg) no-repeat center top; background-size:100% 252px;}
}
/*max-width: 375px*/
@media only screen and (max-width: 375px) {
.tong-nei{margin:0px auto;padding:0px;width:375px; height: 228px; background: url(../i/banner_m.jpg) no-repeat center top; background-size:100% 228px;}
}
/*max-width: 360px*/
@media only screen and (max-width: 360px) {
.tong-nei{margin:0px auto;padding:0px;width:360px; height: 220px; background: url(../i/banner_m.jpg) no-repeat center top; background-size:100% 220px;}
}
/*max-width: 320px*/
@media only screen and (max-width: 320px) {
.partnersbox{width:82.5%;}
.tong-nei{margin:0px auto;padding:0px;width:320px; height: 195px;  background: url(../i/banner_m.jpg) no-repeat center top; background-size:100% 195px;}
}