<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">header {
    box-shadow: 0 .09375rem .125rem rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 999;
    top: .625rem;
    left: 50%;
    transform: translateX(-50%);
    max-width: 28.125rem;
    width: 100%;
    border-radius: .78125rem;
    height: 1.5625rem;
    display: flex;
    align-items: center
}

header .background {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 28.125rem;
    width: 100%;
    height: 100%
}

header .background .left {
    overflow: hidden;
    border-radius: .78125rem 0 0 .78125rem;
    position: relative;
    width: 12rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #b00a0a
}

header .background .left .logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .3125rem;
    z-index: 999;
    width: 7rem;
    height: 1.171875rem;
    vertical-align: middle;
    object-fit: cover
}

header .background .left .top,
header .background .left .bottom {
    width: 100%;
    height: 50%;
    display: flex
}

header .background .right {
    background-image: url('../images/headerBackground/headerBackground.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: .3125rem;
    width: 16.125rem;
    height: 100%
}

header .background .right .r_left {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: .28125rem;
    color: #fff
}
header .background .right .r_left nav {
    position: relative;
}
header .background .right .r_left nav span{
    display: block;
    padding: .59375rem .4rem !important
}

header .background .right .r_left nav .twoNav {
    transition: ease .3s;
    position: absolute;
    top: 1.5625rem;
    left: 0;
    min-width: 1.84375rem;
    color: #000;
    height: auto;
    transform: scale(0) translateY(300px);
    background-color: #b00a0ad5;
    padding-bottom: .15625rem
}

header .background .right .r_left nav .twoNav section {
    box-sizing: border-box;
    padding: 0 .375rem;
    white-space: nowrap;
    transition: ease .2s;
    width: 100%;
    height: .484375rem;
    font-size: .21875rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

header .background .right .r_left nav .twoNav section:hover {
    background-color: #FF8700
}

header .background .right .r_left nav:hover {
    background-color: #B00A0A
}

header .background .right .r_left nav:hover .twoNav {
    transform: scale(1) translateY(0)
}

header .background .right .r_right {
    display: flex;
    align-items: center;
    margin-right: 4.6875rem;
    color: #fff;
    font-size: .25rem
}

header .background .right .r_right .icon {
    width: .28125rem;
    height: .28125rem;
    vertical-align: middle;
    object-fit: cover;
    margin-right: .125rem
}

header .background .right .r_right .text {
    white-space: nowrap
}

.rightNav {
    cursor: pointer;
    position: fixed;
    /* right: -0.78125rem; */
    right: 0;
    top: 7.03125rem;
    width: 1.46875rem;
    background: #ede6e967;
    font-size: .21875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index:99999;
}

.rightNav a {
    position: relative;
    display: block;
    width: 100%;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    color: #B00A0A !important
}

.rightNav a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .125rem;
    height: 100%;
    background-image: url('../images/bottom_nav_icon.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: none
}

.rightNav-active::after {
    display: block !important
}

.animation img:nth-child(1) {
    animation: anm .6s;
    animation-delay: .1s
}

.animation img:nth-child(2) {
    animation: anm .6s;
    animation-delay: .15s
}

.animation img:nth-child(3) {
    animation: anm .6s;
    animation-delay: .2s
}

.animation img:nth-child(4) {
    animation: anm .6s;
    animation-delay: .25s
}

.animation img:nth-child(5) {
    animation: anm .6s;
    animation-delay: .3s
}

.animation img:nth-child(6) {
    animation: anm .6s;
    animation-delay: .35s
}

@keyframes anm {
    to {
        transform: rotateY(360deg)
    }

    form {
        transform: rotateY(0deg)
    }
}

footer {
     /* width: 30rem; */
     width:100%;
}

footer nav:first-child {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 3.0625rem;
    background: #5E5E5E
}

footer nav:first-child .text1 {
    position: absolute;
    top: .3125rem;
    left: 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 4.3125rem;
    min-height: 2.4375rem;
    overflow: hidden;
    font-size: .1875rem;
    color: #fff
}

footer nav:first-child .ewm {
    position: absolute;
    top: .3125rem;
    left: 12.3125rem;
    display: flex
}

footer nav:first-child .ewm section {
    color: #fff;
    font-size: .21875rem;
    text-align: center;
    display: flex;
    flex-direction: column
}

footer nav:first-child .ewm section img {
    width: 1.375rem;
    height: 1.375rem;
    vertical-align: middle;
    object-fit: cover
}

footer nav:first-child .ewm section span {
    margin-top: .3125rem
}

footer nav:first-child .ewm section:first-child {
    margin-right: .75rem
}

footer nav:first-child .text2 {
    position: absolute;
    top: .3125rem;
    right: 9.703125rem;
    color: #fff
}

footer nav:first-child .text2 i {
    font-size: .25rem
}

footer nav:first-child .text2 .nav {
    margin-top: .15625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 2.734375rem;
    overflow: hidden;
    min-height: 1.5625rem;
    font-size: .1875rem
}

footer nav:first-child .text2 .nav&gt;span:hover {
    color: #B00A0A
}

footer nav:first-child .text3 {
    position: absolute;
    top: .703125rem;
    overflow: hidden;
    right: 6.328125rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    font-size: .1875rem;
    height: 1.5625rem
}

footer nav:first-child .text3&gt;span:hover {
    color: #B00A0A
}

footer nav:last-child {
    width: 100%;
    height: .625rem;
    font-size: .1875rem;
    color: #fff;
    background: #4A4A4A;
    line-height: .625rem;
    text-align: center
}




.mobileIndex {
    width: 30rem;
    font-size: 1.12rem;
    color: #fff
}

.mobileIndex .mobHeader {
    position: relative;
    z-index: 99999;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    background-color: #b00a0a;
    border-radius: 2rem;
    box-shadow: 0 .32rem .48rem rgba(0, 0, 0, 0.3);
    background-image: url('../images/mobileImg/navBackground.png');
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mobileIndex .mobHeader .leftNavs {
    position: relative;
    z-index: 999;
    margin-left: 2.4rem;
    cursor: pointer;
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.mobileIndex .mobHeader .leftNavs i {
    width: 100%;
    height: .16rem;
    background-color: #fff;
    border-radius: 2.4rem;
    transition: ease .3s
}

.mobileIndex .mobHeader .leftNavsActive i:nth-child(1),
.mobileIndex .mobHeader .leftNavsActive i:nth-child(3) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mobileIndex .mobHeader .leftNavsActive i:nth-child(1) {
    transform: rotate(45deg) !important
}

.mobileIndex .mobHeader .leftNavsActive i:nth-child(2) {
    opacity: 0;
    transform: translateY(20px)
}

.mobileIndex .mobHeader .leftNavsActive i:nth-child(3) {
    transform: rotate(-45deg) !important
}

.mobileIndex .mobHeader .logo {
    width: 15.36rem;
    height: 2.72rem;
    margin-left: 3.36rem
}

.mobileIndex .mobHeader .logo img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.mobileIndex .mobHeader .login {
    cursor: pointer;
    width: 4.16rem;
    height: 1.92rem;
    line-height: 1.92rem;
    text-align: center;
    border-radius: .16rem;
    font-size: .96rem;
    border: .08rem solid #fff;
    margin-left: 1.52rem
}

.mobileIndex .mobHeader .navs {
    position: absolute;
    top: 0;
    left: -24rem;
    width: 22.8rem;
    height: 100vh;
    background: #E3744B;
    transition: ease .3s
}

.mobileIndex .mobHeader .navs ol {
    margin: 4.96rem 0 0 3.68rem;
    cursor: pointer
}

.mobileIndex .mobHeader .navs ol li {
    transition: ease .3s;
    width: 16.8rem;
    min-height: 3.2rem;
    line-height: 3.2rem;
    color: #fff;
    font-size: 1.12rem;
    border-bottom: .08rem solid #f5f5f568
}

.mobileIndex .mobHeader .navs ol li .topTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobileIndex .mobHeader .navs ol li .topTitle a {
    color: #fff
}

.mobileIndex .mobHeader .navs ol li .towNavs {
    display: none;
    width: 100%
}

.mobileIndex .mobHeader .navs ol li .towNavs nav {
    box-sizing: border-box;
    padding-left: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobileIndex .mobHeader .navs ol li .towNavs nav a {
    color: #fff
}

.mobileIndex .mobHeader .navsActive {
    left: 0
}

.mobileFooter {
    font-size: .8rem;
    color: #fff;
    margin-top: 2.4rem;
    width: 30rem;
    min-height: 14.88rem;
    background: #8F8F8F;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 2
}
.mask{
        display:none;
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:#cccccc35;
    }</pre></body></html>