html,body { width: 100%; height: 100%;font-family: Arial !important;  }
@media(min-width: 320px) {html{font-size: 8.5333px !important;}}
@media(min-width: 360px) {html{font-size: 9.6px !important;}}
@media(min-width: 375px) {html{font-size: 10px !important;}}
@media(min-width: 384px) {html{font-size: 10.24px !important;}}
@media(min-width: 411px) {html{font-size: 10.96px !important;}}
@media(min-width: 414px) {html{font-size: 11.04px !important;}}
@media(min-width: 448px) {html{font-size: 11.9467px !important;}}
@media(min-width: 480px) {html{font-size: 12.8px !important;}}
@media(min-width: 512px) {html{font-size: 13.6533px !important;}}
@media(min-width: 544px) {html{font-size: 14.5067px !important;}}
@media(min-width: 576px) {html{font-size: 15.36px !important;}}
@media(min-width: 608px) {html{font-size: 16.2133px !important;}}
@media(min-width: 640px) {html{font-size: 17.0667px !important;}}
@media(min-width: 750px) {html{font-size: 20px !important;}}
*{ padding: 0; margin: 0; transition: all .3s ease;font-family: '微软雅黑';}
*::before, *::after{transition: all .3s;}
a { text-decoration: none; color: #333; }
li{list-style: none;}
.flex { display: flex !important; flex-wrap: wrap; }
img { border: none; max-width: 100%; vertical-align: top; display: block; }
@media (min-width:750px){
    .wrap{width:750px;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;margin:0 auto}
}
.wrap{max-width:100%;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;margin:0 auto}

#title{background: url(../img/text_bg.png) no-repeat;background-size: cover;width: 42%;height: 2.25rem;line-height: 2.25rem;margin: 0 auto;text-align: center;color: white;font-size: 2rem;font-weight: bold;}
#bg{background: #021F85;width: 100%;padding: 1.5rem 0;}
#bigtitle{background: url(../img/text_big_bg.png) no-repeat;background-size: cover;width: 66%;height: 2.25rem;line-height: 2.25rem;margin: 0 auto;text-align: center;color: white;font-size: 2rem;font-weight: bold;}
#biaodansi{margin-bottom: 1rem;}