body, ul, input{ padding: 0; margin: 0;}
ul{ list-style: none;}
body{ font-family: Arial, "思源黑体 CN";}
html{width:100%; height:100%; overflow: hidden;}

.clear{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}

.wrap{ width: 100%; height: auto; overflow: hidden;}
.box{ width: 62.8%;height: auto; margin:0px auto; text-align: center;position:fixed; top:14%; left:18.6%; }
.box img{ width: 100%;}
.box .buttbox{margin: 0px;position:absolute; top:44%; left: 33%; z-index: 2; text-align: center;}
.box .buttbox .butt{ padding-top: 45%;margin-right: 1%; width: 48%;}
.box .buttbox .butt  input{padding:0px; border:0px; margin:0px; cursor:pointer; width: 90%; height: 90%;}


@media screen and (max-width:1919px) and ( min-width: 1660px) {
    .box img{ width: 90%!important; }
    .box .buttbox{ width: 36%; top: 40%;}
    .box .buttbox .butt input{ width:85%; height: 85%;}
}


@media screen and (max-width:1659px) and ( min-width: 1550px) {
    .box img{ width: 95%!important; }
    .box .buttbox{ width: 39%; top: 40%; left: 32%;}
    .box .buttbox .butt input{ width:80%; height: 80%;}
}
@media screen and (max-width:1549px) and ( min-width: 1367px) {
    .box img{ width: 85%!important; }
    .box .buttbox{ width: 40%; top: 40%; left: 32%;}
    .box .buttbox .butt input{ width:75%; height: 75%;}
}





@media screen and (max-width:1366px) and ( min-width: 1241px) {
    .box img{ width: 80%; }
    .box .buttbox{ width: 38%; top: 40%; left: 32%;}
    .box .buttbox .butt input{ width:70%; height: 70%;}
}
@media screen and (max-width:1240px) and ( min-width: 1141px) {
    .box img {width: 75%;}
    .box .buttbox {width: 38%;top: 30%;left: 32%;}
    .box .buttbox .butt input {width: 65%;height: 65%;}
}



@media screen and (max-width:1140px) and ( min-width: 1024px) {
    .box img {width: 70%;}
    .box .buttbox {width: 38%;top: 25%;left: 32%;}
    .box .buttbox .butt input {width: 60%;height: 60%;}
}

@media screen and (max-width:1023px) and ( min-width: 940px) {
    .box img {width: 65%;}
    .box .buttbox {width: 38%;top: 20%;left: 32%;}
    .box .buttbox .butt input {width: 60%;height: 60%;}
}
@media screen and (max-width:939px){
    .box img {width: 55%;}
    .box .buttbox {width: 38%;top: 10%;left: 32%;}
    .box .buttbox .butt input {width: 60%;height: 60%;}
}

.beian{ width:100%; color:#d6d6d6; font-size:14px; margin: 0px;position:absolute; bottom:2%; z-index: 2; text-align: center; font-weight:normal; }

.beian a{ display:inline-block; color:#d6d6d6; text-decoration:none; }

.beian a:hover{ text-decoration:underline;}