html, body {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    color: #333;
    -webkit-text-size-adjust: none;
}
.banner {
    width: 100%;
    height: 6.68rem;
}
.headerPage {
    width: 100%;
    height: 1rem;
    background: white;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 99999 !important;
    box-shadow: 0 .07rem .18rem 0 rgba(46,46,46,0.06);
    -moz-box-shadow: 0 .07rem .18rem 0 rgba(46,46,46,0.06);
    -webkit-box-shadow: 0 .07rem .18rem 0 rgba(46,46,46,0.06);
}
.navbar {
    display: flex;
    align-items: center;
    height: 1rem;
    font-size:.2rem;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.navbar > .img {
    width: 2.62rem;
    height: .61rem;
    margin: auto 1.49rem auto 1.3rem;
}
.navbar > .img > img {
    width: 100%;
    height: 100%;
}
.navbar > .nav {
    height: 1rem;
    line-height: 1rem;
    padding: 0 .15rem;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
}
.navbar > .select {
    background-image: url("../img/navigation_2.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% .03rem;
}
.navbar > .space {
    width: .5rem;
}
.navbar > .lang {
    display: flex;
    border-radius: .03rem;
    overflow: hidden;
}
.navbar  > .lang> .btn-lang {
    width: .57rem;
    height: .49rem;
    line-height: .49rem;
    background:rgba(230,230,230,1);
    padding: 0;
    margin: 0;
    color: white;
    font-size:.2rem;
    text-align: center;
    cursor: pointer;
}
.navbar  > .lang> .btn-lang-active {
    background:rgba(0,150,238,1);
}
.footer {
    position: relative;
    width: 100%;
    height: 4.3rem;
}
.footer > .info {
    display: flex;
    height: 3.6rem;
    background: #3c3c3c;
}
.footer > .info > .detail {
    margin: .6rem 0 0 3.6rem;
}
.footer > .info > .detail > .line {
    display: flex;
    align-items: center;
}
.footer > .info > .detail > .line > .img {
    width: .5rem;
    height: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer > .info > .detail > .line:nth-child(1) > .img > img {
    width: .08rem;
    height: .3rem;
}
.footer > .info > .detail > .line:nth-child(2) > .img > img {
    width: .13rem;
    height: .2rem;
}
.footer > .info > .detail > .line:nth-child(3) > .img > img {
    width: .19rem;
    height: .21rem;
}
.footer > .info > .detail > .line:nth-child(4) > .img > img {
    width: .2rem;
    height: .18rem;
}
.footer > .info > .detail > .line:nth-child(5) > .img > img {
    width: .19rem;
    height: .15rem;
}
.footer > .info > .detail > .line:nth-child(6) > .img > img {
    width: .2rem;
    height: .2rem;
}
.footer > .info > .detail > .line > .text1 {
    font-size: .18rem;
    color: white;
}
.footer > .info > .detail > .line > .text2 {
    font-size: .12rem;
    color: #A4A4A4;
}
.footer > .info > .qr {
    position: absolute;
    margin: .67rem 0 0 14.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer > .info > .qr > img {
    width: 1.28rem;
    height: 1.28rem;
}
.footer > .info > .qr > .text {
    font-size: .12rem;
    color: #A4A4A4;
    margin-top: .3rem;
}
.footer > .copyright {
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .12rem;
    background: rgba(0,0,0,1);
}
.footer > .copyright > .color1 {
    color: #A4A4A4;
}
.footer > .copyright > .color2 {
    color: #3699D2;
}
.bold {
    font-weight: bold;
}
.hor-center {
    display: flex;
    justify-content: center;
}
.vert-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bg-gray {
    width: 100%;
    background: rgba(250,250,250,1);
}
.full-width {
    width: 100%;
}
.space120 {
    height: 1.2rem;
}
.space90 {
    height: .9rem;
}
.space80 {
    height: .8rem;
}
.space70 {
    height: .7rem;
}
.space60 {
    height: .6rem;
}
.space50 {
    height: .5rem;
}
.space30 {
    height: .3rem;
}
.space15 {
    height: .15rem;
}
.space10 {
    height: .1rem;
}
.font-50 {
    font-size: .5rem;
}
.font-44 {
    font-size: .44rem;
}
.font-40 {
    font-size: .40rem;
}
.font-38 {
    font-size: .38rem;
}
.font-34 {
    font-size: .34rem;
}
.font-30 {
    font-size: .3rem;
}
.font-26 {
    font-size: .26rem;
}
.font-24 {
    font-size: .24rem;
}
.font-22 {
    font-size: .22rem
}
.font-20 {
    font-size: .20rem
}