.base__width-center[data-v-5f0d5029] {
    margin: 0 auto;
    width: 1180px
}

.bg__white[data-v-5f0d5029] {
    background: #fff !important;
    border-bottom: 1px solid #f3f5f6;
    box-shadow: 0 4px 8px #07111b1a
}

.bg__white .nav__box a[data-v-5f0d5029] {
    color: #333 !important
}

.bg__white .nav__box a.active[data-v-5f0d5029],
.bg__white .nav__box a[data-v-5f0d5029]:hover {
    color: #3fbaff !important
}

.headers[data-v-5f0d5029] {
    background: #0000001a;
    box-sizing: border-box;
    height: 80px;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.headers .main[data-v-5f0d5029] {
    justify-content: space-between;
    margin: 0 auto;
    width: 94%
}

.headers .main[data-v-5f0d5029],
.headers .main .logo__box[data-v-5f0d5029] {
    align-items: center;
    display: flex;
    height: 100%
}

.headers .main .logo__box img[data-v-5f0d5029] {
    display: block
}

.headers .main .nav__box[data-v-5f0d5029] {
    align-items: center;
    display: flex
}

.headers .main .nav__box a[data-v-5f0d5029] {
    color: #fff;
    display: block;
    font-family: PingFang HK-Medium, PingFang HK;
    font-size: 16px;
    font-weight: 500;
    margin-left: 70px;
    text-decoration: none
}

.headers .main .nav__box a.active[data-v-5f0d5029],
.headers .main .nav__box a[data-v-5f0d5029]:hover {
    color: #3fbaff
}

.base__width-center[data-v-06346c46] {
    margin: 0 auto;
    width: 1180px
}

.footer__height[data-v-06346c46] {
    height: 4.2447916667rem !important
}

.footer[data-v-06346c46] {
    align-items: center;
    background-image: url(../images/bg_footer_7f100bf69bda4d4380c48e548aa137ec.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.footer[data-v-06346c46],
.footer .footer__box[data-v-06346c46] {
    display: flex;
    position: relative
}

.footer .footer__box[data-v-06346c46] {
    height: 3.125rem;
    width: 86%
}

.footer .footer__box .footer__left[data-v-06346c46] {
    flex: 0 0 1.7708333333rem;
    text-align: center
}

.footer .footer__box .footer__left .logo__box img[data-v-06346c46] {
    height: 1.0104166667rem;
    width: 1.7708333333rem
}

.footer .footer__box .footer__left .des[data-v-06346c46] {
    color: #fff;
    font-family: PingFang HK-Medium, PingFang HK;
    font-size: .0833333333rem;
    font-weight: 500;
    margin-top: .2708333333rem
}

.footer .footer__box .footer__left .btn__box:hover .hover__box[data-v-06346c46] {
    display: block;
    opacity: 1 !important
}

.footer .footer__box .footer__left .btn[data-v-06346c46] {
    background: #0000002b;
    border: 1px solid #fff;
    border-radius: .0729166667rem;
    color: #fff;
    cursor: pointer;
    font-family: PingFang HK-Medium, PingFang HK;
    font-size: .0833333333rem;
    font-weight: 500;
    height: .328125rem;
    line-height: .3177083333rem;
    margin-left: .390625rem;
    margin-top: .390625rem;
    opacity: 1;
    width: .8541666667rem
}

.footer .footer__box .footer__left .btn:hover+.hover__box[data-v-06346c46] {
    opacity: 1 !important
}

.footer .footer__box .footer__left .hover__box[data-v-06346c46] {
    background: #fff;
    border-radius: .0520833333rem;
    display: none;
    font-family: PingFang HK-Medium, PingFang HK;
    font-size: .0833333333rem;
    font-weight: 500;
    height: 1.365625rem;
    margin-left: .0833333333rem;
    margin-top: .0833333333rem;
    opacity: 0;
    transition: all .3s ease-in-out;
    width: 1.4635416667rem
}

.footer .footer__box .footer__left .hover__box .hover__1[data-v-06346c46] {
    padding-top: .1041666667rem
}

.footer .footer__box .footer__left .hover__box .hover__2[data-v-06346c46] {
    padding-top: 0
}

.footer .footer__box .footer__left .hover__box .hover__3[data-v-06346c46] {
    padding-top: .0520833333rem
}

.footer .footer__box .footer__left .hover__box .hover__3 img[data-v-06346c46] {
    height: .6479166667rem;
    margin-bottom: .0520833333rem;
    width: .6479166667rem
}

.footer .footer__box .footer__left .hover__box .hover__4[data-v-06346c46] {
    padding-top: .0520833333rem
}

.footer .footer__box .footer__center[data-v-06346c46] {
    flex: 0 0 3.8291666667rem;
    padding-left: .2083333333rem;
    padding-top: 1.25rem
}

.footer .footer__box .footer__center div[data-v-06346c46] {
    color: #fff;
    font-family: PingFang HK-Medium, PingFang HK;
    font-size: .0833333333rem;
    font-weight: 500;
    margin-bottom: .1875rem
}

.footer .footer__box .footer__right[data-v-06346c46] {
    padding-top: 1.71875rem
}

.footer .footer__box .footer__right .qr__box1[data-v-06346c46] {
    background: #fff;
    border-radius: .0416666667rem;
    padding: .0416666667rem
}

.footer .footer__box .footer__right .qr__box1 img[data-v-06346c46] {
    height: .9479166667rem;
    width: .9479166667rem;
    display: block;
}

.footer .footer__box .footer__right .qr__des1[data-v-06346c46] {
    color: #fff;
    font-size: .1354166667rem;
    margin-top: .1458333333rem;
    text-align: center
}

.footer .footer_bottom[data-v-06346c46] {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-family: PingFang HK-Medium, PingFang HK;
    font-size: .0833333333rem;
    font-weight: 500;
    justify-content: center;
    padding-bottom: .2083333333rem;
    position: absolute
}

.footer .footer_bottom a[data-v-06346c46] {
    color: #fff
}

.footer .footer_bottom .beian[data-v-06346c46] {
    align-items: center;
    display: flex;
    margin-left: .1041666667rem
}

.footer .footer_bottom .beian img[data-v-06346c46] {
    height: .1041666667rem;
    margin-right: .03125rem;
    width: .1041666667rem
}