@-webkit-keyframes zb {
        0%, to {
            transform:scale(1)
        }

        50% {
            transform:scale(1.05)
        }
    }

    @keyframes zb {
        0%, to {
            transform:scale(1)
        }

        50% {
            transform:scale(1.05)
        }
    }

    @-webkit-keyframes heroArrow {
        0% {
            transform:translate(-.078125rem, 0)
        }

        to {
            transform:translate(0, 0)
        }
    }

    @keyframes heroArrow {
        0% {
            transform:translate(-.078125rem, 0)
        }

        to {
            transform:translate(0, 0)
        }
    }

    .banner~*, .new-footer, .page-footer {
        position:relative; z-index:1
    }

    .banner {
        z-index:0
    }

    .banner .banner-fixed {
        position:relative; top:0; left:0; width:100%; height:1.757813rem; min-width:1240px
    }

    .banner, .banner .banner-wrapper {
        position:relative; width:100%; height:1.757813rem; overflow:hidden
    }

    .banner .banner-wrapper .banner-wrapper-item {
        position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; pointer-events:none
    }

    .banner .banner-wrapper .banner-wrapper-item .video-wrapper, .banner .banner-wrapper .banner-wrapper-item .video-wrapper .video-content, .banner .banner-wrapper .banner-wrapper-item .video-wrapper .video-content .video-js {
        width:100%; height:100%
    }

    .banner .banner-wrapper .banner-wrapper-item.active {
        z-index:2; pointer-events:auto
    }

    .banner .banner-wrapper .banner-wrapper-item.active .banner-item-detail div {
        opacity:1; transform:translate(0, 0)
    }

    .banner .banner-wrapper .banner-wrapper-item .banner-item-inner {
        position:relative; width:100%; height:1.757813rem
    }

    .banner .banner-wrapper .banner-wrapper-item .banner-item-bg {
        width:100%; height:100%; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item img, .banner .banner-wrapper .banner-wrapper-item .banner-item-bg img {
        width:100%; height:100%; -o-object-fit:cover; object-fit:cover
    }

    .banner .banner-wrapper .banner-wrapper-item .banner-item-detail {
        position:absolute; top:50%; left:0; transform:translate(0, -50%)
    }

    .banner .banner-wrapper .banner-wrapper-item .banner-item-detail div {
        opacity:0; transform:translate(0, .1875rem); transition:all 1s
    }

    .banner .banner-wrapper .banner-wrapper-item .banner-item-detail img {
        width:100%; height:auto; -o-object-fit:cover; object-fit:cover
    }

    .banner .banner-control {
        position:absolute; right:.260417rem; bottom:.104167rem; z-index:101
    }

    .banner .banner-control .banner-control-pagination {
        display:flex; margin-left:.054688rem
    }

    .banner .banner-control .banner-control-pagination .control-pagination-item {
        padding:.03125rem .007813rem; cursor:pointer
    }

    .banner .banner-control .banner-control-pagination .control-pagination-item.active div {
        background-image:url(../images/banner-pager-active.6f568547.png)
    }

    .banner .banner-control .banner-control-pagination .control-pagination-item div {
        width:.018229rem; height:.015625rem; background-image:url(../images/banner-pager-normal.8bf55321.png); background-repeat:no-repeat; background-position:center; background-size:cover
    }

    .banner .banner-control .banner-control-thumbnail {
        display:flex; height:.3125rem
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-split {
        margin-right:.0625rem; width:1px; height:100%; background:#fff
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list {
        position:relative; margin-right:.0625rem; border:1px solid #fff; box-sizing:border-box; width:.546875rem; height:100%; background:0 0
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item {
        position:absolute; left:0; right:0; visibility:hidden; opacity:0; z-index:1; width:100%; height:100%; cursor:pointer; transition:all .8s
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-list .banner-control-thumbnail-item.active {
        visibility:visible; opacity:1; z-index:2
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next {
        position:relative; box-sizing:border-box; width:.3125rem; height:.3125rem; background:0 0; cursor:pointer
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next:hover .banner-control-thumbnail-next-inner {
        -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next:hover .banner-control-thumbnail-next-arrow div {
        -webkit-animation:heroArrow 2s ease infinite; animation:heroArrow 2s ease infinite
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-inner {
        position:relative; box-sizing:border-box; border:1px solid rgba(255, 255, 255, .3); width:100%; height:100%; transition:all .6s; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px)
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-bg {
        position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content {
        display:flex; align-items:center; line-height:.052083rem; color:#fff; font-size:.036458rem; font-weight:400; font-family:PingFangSC-Regular, PingFang SC
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content span {
        margin-right:.020833rem
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow {
        width:.052083rem; height:.052083rem; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow div {
        display:flex
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow img {
        margin-right:.026042rem; width:.052083rem; height:.052083rem
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .banner-control-thumbnail-next-content .banner-control-thumbnail-next-arrow img:last-child {
        margin-right:0
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01 {
        position:absolute; top:0; left:0; width:50%; height:1px; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01.active div {
        transform:translate(0, 0); transition:transform .75s linear
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-01 div {
        position:relative; right:-1px; width:100%; height:100%; transform:translate(100%, 0); background-color:#fff
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02 {
        position:absolute; top:0; left:0; width:1px; height:100%; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02.active div, .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03.active div, .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04.active div {
        transform:translate(0, 0); transition:transform 1.5s linear
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-02 div {
        position:relative; top:-1px; width:100%; height:100%; transform:translate(0, -100%); background-color:#fff
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03 {
        position:absolute; bottom:0; left:0; width:100%; height:1px; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-03 div {
        position:relative; left:-1px; width:100%; height:100%; transform:translate(-100%, 0); background-color:#fff
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04 {
        position:absolute; top:0; right:0; width:1px; height:100%; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-04 div {
        position:relative; bottom:-1px; width:100%; height:100%; transform:translate(0, 100%); background-color:#fff
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05 {
        position:absolute; top:0; right:0; width:50%; height:1px; overflow:hidden
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05.active div {
        transform:translate(0, 0); transition:transform .75s linear
    }

    .banner .banner-control .banner-control-thumbnail .banner-control-thumbnail-next .thumbnail-next-05 div {
        position:relative; right:-1px; width:100%; height:100%; transform:translate(100%, 0); background-color:#fff
    }

    .banner-mobile {
        display:none
    }

    @media screen and (max-width:767px) {
        .banner {
            display:none
        }

        .banner-mobile {
            display:block
        }

        .banner-mobile .swiper-container, .banner-mobile .swiper-img {
            width:3.75rem; height:5rem
        }

        .banner-mobile .swiper-img img {
            display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover
        }

        .banner-mobile .swiper-pagination .swiper-pagination-bullet {
            position:relative; margin:0 .06rem 0 0; border-radius:0; width:.07rem; height:.06rem; background-color:rgba(255, 255, 255, .3); transform:skew(-10deg)
        }

        .banner-mobile .swiper-pagination .swiper-pagination-bullet:last-child {
            margin-right:0
        }

        .banner-mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
            background-color:#fff
        }
    }