@font-face {
    font-family: 'conthrax-sb';
    src: url('../conthrax-sb.html') format('truetype');
}
@font-face {
    font-family: 'p-bold';
    src: url('../poppins-bold.html') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../poppins-medium.html') format('truetype');
}



.kv-t,
.esg-title{
    font-family: "p-bold";
}
body{
    font-family: Helvetica-Medium;
}

.kv{
    width: 100%;
    height: 100%;
    position: relative;
}
.kv img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}
.kv-text{
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    bottom: 12%;
    text-align: center;
}
.kv-t{
    color: #fff;
    font-size: 0.52rem;
    font-weight: bold;
}
.kv-d{
    color: #fff;
    margin-top: 0.1rem;
    font-size: 0.24rem;
}



.esg-detail{
    color: #fff;
    font-size: 0.17rem;
    line-height: 0.26rem;
}
.esg-title{
    color: #fff;
    font-size: 0.52rem;
    margin-bottom: 0.3rem;
    font-weight: bold;
}


@media (max-width: 768px){
    .kv-t{
        white-space: nowrap;
    }
    .esg-detail{
        font-size: 0.25rem;
        line-height: 0.38rem;
    }
    .esg-title{
        font-size: 0.48rem;
    }
    .kv-text{
        bottom: 1.5rem;
        top: auto;
    }


}




:root {
    --border-radius: 0.04rem;
    --image-border-radius: 0.6rem;
    --button--border-radius: 0.08rem;
    --title--font--size: 0.16rem;
    --primary--color: #3A4649;
    --light--color: #fff;
    --red--color: #C30D23;
    --dark--color: #3A4649;
    --header-height: 0.84rem;
    --footer-height: 1.98rem;
    --animation--name: ease-in-out;
    --animation-duration: 500ms;
    --animation-delay: 200ms
}

@media screen and (max-width: 750px) {
    :root {
        --header-height: 0.92rem;
        --footer-height: auto;
        --animation-duration: 500ms;
        --image-border-radius: 0.36rem
    }
}

.banner-box {
    position: relative;
    height: 7.5rem
}

.banner-box .banner-image {
    height: 100%;
    width: 100%
}

.banner-box .banner-image.radius-bottom {
    overflow: hidden;
    border-bottom-left-radius: 30PX;
    border-bottom-right-radius: 30PX
}

.banner-box .banner-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner-box .banner-text {
    --text-color: #fff;
    position: absolute;
    color: var(--text-color);
    letter-spacing: 0.02rem
}

.banner-box .banner-text.text-black {
    --text-color: #000
}

.banner-box .banner-text.text-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.banner-box .banner-text .text-title {
    margin-bottom: 0.24rem;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: bold;
    font-size: 0.48rem
}

.banner-box .banner-text .text-title.text-line::after {
    content: " ";
    display: block;
    margin: 0.24rem auto 0;
    height: 0.04rem;
    width: 0.8rem;
    background-color: var(--text-color)
}

.banner-box .banner-text .text-content {
    line-height: 0.42rem;
    font-size: 0.24rem
}

@media screen and (max-width: 750px) {
    .banner-box .banner-text {
        padding:0 0.5rem;
        width: 100%
    }

    .banner-box .banner-text .text-content {
        line-height: 0.42rem;
        font-size: 0.24rem
    }
}

.card-swiper {
    height: var(--100vh)
}

.card-swiper .swiper-box {
    width: 100%;
    height: 100%
}

.card-swiper .swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: var(--100vh)
}

.card-swiper .swiper .swiper-slide .card-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.card-swiper .swiper .swiper-slide .card-box .media-wrap {
    width: 100%;
    height: 100%
}

.card-swiper .swiper .swiper-slide .card-box img,.card-swiper .swiper .swiper-slide .card-box video,.card-swiper .swiper .swiper-slide .card-box .img-bg,.card-swiper .swiper .swiper-slide .card-box .jsmpeg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-swiper .swiper .swiper-slide .card-box .jsmpeg canvas {
    height: auto
}

.card-swiper .swiper .swiper-slide .card-box .video-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.card-swiper .swiper .swiper-slide .card-box .video-wrap .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
    width: 1rem;
    height: 1rem;
    background: url(../video-play-btn.html) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.card-swiper .swiper .swiper-slide .text-box {
    position: absolute;
    z-index: 1;
    top: 2.6rem;
    left: 1.2rem;
    opacity: 0;
    left: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.card-swiper .swiper .swiper-slide .text-box.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.card-swiper .swiper .swiper-slide .text-box .desc1 {
    font-size: 0.24rem;
    color: #333;
    font-weight: 700
}

.card-swiper .swiper .swiper-slide .text-box .car-name {
    font-size: 0.6rem;
    color: #333;
    line-height: 0.8rem;
    font-weight: 700;
    padding: 0.3rem 0
}

.card-swiper .swiper .swiper-slide .text-box .desc2 {
    font-size: 0.24rem;
    color: #333;
    font-weight: 400
}

.card-swiper .swiper .swiper-slide.swiper-slide-active .text-box {
    opacity: 1;
    left: 1.2rem;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.card-swiper .swiper .swiper-slide.swiper-slide-active .text-box.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.card-swiper .swiper .swiper-slide .button-box {
    position: absolute;
    z-index: 1;
    bottom: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.card-swiper .swiper .swiper-pagination {
    bottom: 0.4rem
}

@media screen and (max-width: 750px) {
    .card-swiper.first-show .swiper .swiper-wrapper .swiper-slide .card-box .media-wrap {
        top:4.25rem;
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        transition: all .8s;
        overflow: hidden
    }

    .card-swiper.first-show .swiper .swiper-wrapper .swiper-slide .card-box img,.card-swiper.first-show .swiper .swiper-wrapper .swiper-slide .card-box video,.card-swiper.first-show .swiper .swiper-wrapper .swiper-slide .card-box .img-bg,.card-swiper.first-show .swiper .swiper-wrapper .swiper-slide .card-box .jsmpeg {
        top: 4.25rem;
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        transition: all .8s;
        overflow: hidden;
        margin-top: -4.25rem
    }

    .card-swiper .swiper-box {
        position: absolute;
        height: -webkit-calc(var(--100vh));
        height: -moz-calc(var(--100vh));
        height: calc(var(--100vh));
        background: url(../logo-loading-bg.html) no-repeat;
        background-size: cover
    }

    .card-swiper .swiper {
        position: relative
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide {
        padding-top: 1.9rem;
        opacity: 0;
        min-height: -webkit-calc(var(--100vh));
        min-height: -moz-calc(var(--100vh));
        min-height: calc(var(--100vh))
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .text-box {
        position: relative;
        z-index: 1;
        top: inherit;
        left: inherit;
        opacity: 1;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .card-box {
        position: absolute;
        left: 0;
        top: 0;
        height: -webkit-calc(var(--100vh));
        height: -moz-calc(var(--100vh));
        height: calc(var(--100vh));
        margin: 0;
        border-radius: 0;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .card-box .media-wrap {
        position: absolute;
        width: 6.5rem;
        top: var(--100vh);
        overflow: hidden;
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .card-box img,.card-swiper .swiper .swiper-wrapper .swiper-slide .card-box video,.card-swiper .swiper .swiper-wrapper .swiper-slide .card-box .img-bg,.card-swiper .swiper .swiper-wrapper .swiper-slide .card-box .jsmpeg {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        width: 6.5rem;
        top: var(--100vh);
        overflow: hidden;
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .card-box .button-box {
        position: absolute;
        bottom: 1.02rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .card-box .button-box {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 1rem, 0);
        -moz-transform: translate3d(-50%, 1rem, 0);
        transform: translate3d(-50%, 1rem, 0)
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
        opacity: 1
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .card-box .button-box {
        opacity: 1;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        transition-delay: 500ms;
        -webkit-transition-duration: var(--animation-duration);
        -moz-transition-duration: var(--animation-duration);
        transition-duration: var(--animation-duration)
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .desc1 {
        font-size: 0.36rem;
        color: #333;
        text-align: center;
        font-weight: 700;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .car-name {
        font-size: 0.6rem;
        color: #333;
        text-align: center;
        padding: 0.3rem 0;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide .desc2 {
        font-size: 0.24rem;
        color: #fff;
        text-align: center;
        font-weight: 400;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear;
        position: absolute;
        bottom: 2.2rem;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: 9
    }

    .card-swiper .swiper.full-screen {
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide {
        min-height: -webkit-calc(var(--100vh));
        min-height: -moz-calc(var(--100vh));
        min-height: calc(var(--100vh));
        opacity: 1
    }

    .card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .text-box {
        position: relative;
        z-index: 1;
        opacity: 1;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .text-box .desc1,.card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .text-box .car-name,.card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .text-box .desc2 {
        color: #fff;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box {
        position: absolute;
        left: 0;
        top: 0;
        height: -webkit-calc(var(--100vh));
        height: -moz-calc(var(--100vh));
        height: calc(var(--100vh));
        margin: 0;
        border-radius: 0;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box .media-wrap {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box img,.card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box video,.card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box canvas,.card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box .img-bg,.card-swiper .swiper.full-screen .swiper-wrapper .swiper-slide .card-box .jsmpeg {
        position: absolute;
        margin-top: 0;
        top: 0;
        width: 100%;
        background-position-y: 0 !important;
        height: 100%;
        border-radius: 0;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }
}

.card-swiper .img-bg {
    background-size: cover
}

.logo-animate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: -webkit-calc(var(--100vh));
    height: -moz-calc(var(--100vh));
    height: calc(var(--100vh));
    z-index: 100001;
    overflow: hidden;
    background-color: #fff
}

.logo-animate .logo-animate-img {
    position: absolute;
    width: 6rem;
    height: 4rem;
    background: url(../logo_css_sprites_400_600.html) no-repeat;
    background-size: 310rem 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important
}

.logo-animate .logo-animate-img.logo-animate-0 {
    background-position: -0.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-1 {
    background-position: -6.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-2 {
    background-position: -12.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-3 {
    background-position: -18.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-4 {
    background-position: -24.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-5 {
    background-position: -31.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-6 {
    background-position: -37.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-7 {
    background-position: -43.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-8 {
    background-position: -49.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-9 {
    background-position: -55.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-10 {
    background-position: -62.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-11 {
    background-position: -68.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-12 {
    background-position: -74.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-13 {
    background-position: -80.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-14 {
    background-position: -86.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-15 {
    background-position: -93.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-16 {
    background-position: -99.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-17 {
    background-position: -105.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-18 {
    background-position: -111.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-19 {
    background-position: -117.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-20 {
    background-position: -124.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-21 {
    background-position: -130.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-22 {
    background-position: -136.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-23 {
    background-position: -142.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-24 {
    background-position: -148.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-25 {
    background-position: -155.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-26 {
    background-position: -161.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-27 {
    background-position: -167.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-28 {
    background-position: -173.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-29 {
    background-position: -179.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-30 {
    background-position: -186.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-31 {
    background-position: -192.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-32 {
    background-position: -198.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-33 {
    background-position: -204.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-34 {
    background-position: -210.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-35 {
    background-position: -217.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-36 {
    background-position: -223.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-37 {
    background-position: -229.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-38 {
    background-position: -235.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-39 {
    background-position: -241.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-40 {
    background-position: -248.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-41 {
    background-position: -254.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-42 {
    background-position: -260.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-43 {
    background-position: -266.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-44 {
    background-position: -272.9rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-45 {
    background-position: -279.1rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-46 {
    background-position: -285.3rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-47 {
    background-position: -291.5rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-48 {
    background-position: -297.7rem -0.1rem
}

.logo-animate .logo-animate-img.logo-animate-49 {
    background-position: -303.9rem -0.1rem
}

.logo-animate .logo-animate-bg {
    position: absolute;
    width: 100%;
    height: 100%
}

.logo-animate .logo-animate-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.logo-animate .logo-img {
    position: absolute;
    width: 6rem;
    height: 4rem;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important
}

.logo-animate .logo-img img {
    width: 100%;
    height: 100%
}

.logo-animate .logo-img.move-top {
    width: 2rem;
    height: auto;
    top: 0.5rem;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    transition: all 600ms linear
}

.logo-animate .text {
    width: 100%;
    position: absolute;
    bottom: 33%;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    font-size: 0.48rem
}

.logo-animate .text.animate-opacity {
    -webkit-animation: textOpacity 1500ms ease-in-out forwards;
    -moz-animation: textOpacity 1500ms ease-in-out forwards;
    animation: textOpacity 1500ms ease-in-out forwards
}

@media screen and (max-width: 750px) {
    .logo-animate .logo-animate-bg {
        position:absolute;
        width: 100%;
        height: 100%
    }

    .logo-animate .logo-animate-bg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .logo-animate .logo-img {
        position: absolute;
        width: 6rem;
        height: 4rem;
        display: none
    }

    .logo-animate .logo-img img {
        width: 100%;
        height: 100%
    }

    @-webkit-keyframes moveTop {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
    }

    @-moz-keyframes moveTop {
        0% {
            -moz-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -moz-transform: translateY(-50%);
            transform: translateY(-50%)
        }
    }

    @keyframes moveTop {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transform: translateY(-50%)
        }
    }

    .logo-animate .text {
        width: 100%;
        position: absolute;
        bottom: 33%;
        text-align: center;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0
    }

    .logo-animate .text.animate-opacity {
        -webkit-animation: textOpacity 1500ms ease-in-out forwards;
        -moz-animation: textOpacity 1500ms ease-in-out forwards;
        animation: textOpacity 1500ms ease-in-out forwards
    }
}

@-webkit-keyframes textOpacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes textOpacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes textOpacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.chery-consult {
    padding: 1.2rem 0 0.7rem
}

.chery-consult .swiper {
    position: relative;
    padding-top: 0.48rem
}

.chery-consult .swiper .swiper-wrapper {
    padding-bottom: 0.96rem
}

.chery-consult .swiper .swiper-pagination {
    bottom: 1.24rem;
    width: 10.4rem;
    right: 1.2rem;
    left: inherit
}

.chery-consult .swiper .swiper-button-next,.chery-consult .swiper .swiper-button-prev {
    top: -webkit-calc(50% - 0.72rem);
    top: -moz-calc(50% - 0.72rem);
    top: calc(50% - 0.72rem)
}

.chery-consult .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.2rem
}

.chery-consult .swiper-slide .consult-item {
    width: 10.4rem;
    height: 5.85rem;
    position: relative
}

.chery-consult .swiper-slide .consult-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.chery-consult .swiper-slide .info-box {
    width: 5.6rem;
    padding-left: 0.2rem;
    padding-top: 0.85rem
}

.chery-consult .swiper-slide .info-box .info-tit {
    font-size: 0.3rem;
    text-align: left;
    line-height: 0.54rem;
    font-weight: normal
}

.chery-consult .swiper-slide .info-box .desc {
    color: #3a4649;
    font-size: 0.18rem;
    text-align: left;
    line-height: 0.36rem;
    margin-top: 0.4rem;
    padding-right: 0.3rem
}

.chery-consult .swiper-slide .info-box .info-link {
    color: #c30d23;
    font-size: 0.18rem;
    text-align: left;
    white-space: nowrap;
    line-height: 0.25rem;
    margin-top: 0.4rem;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chery-consult .swiper-slide .info-box .info-link svg {
    font-size: 0.18rem
}

.chery-consult .swiper-slide .info-box .info-link:hover {
    text-decoration: underline
}

.chery-consult .chery--global--button {
    margin: 0 auto
}

@media screen and (max-width: 750px) {
    .chery-consult {
        padding:1.2rem 0 0
    }

    .chery-consult .title {
        font-size: 0.48rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: 0.12rem
    }

    .chery-consult .title.border {
        position: relative
    }

    .chery-consult .title.border::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0.4rem;
        height: 0.05rem;
        background: #3a4649
    }

    .chery-consult .swiper {
        padding: 0.6rem 0.5rem 0.87rem
    }

    .chery-consult .swiper .swiper-slide {
        display: block;
        padding: 0
    }

    .chery-consult .swiper .swiper-slide .consult-item {
        width: 6rem;
        height: 7.2rem;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        font-size: 0;
        margin-bottom: 0.32rem
    }

    .chery-consult .swiper .swiper-slide .consult-item img {
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .chery-consult .swiper .swiper-slide .desc {
        font-size: 0.3rem;
        color: #3a4649;
        text-align: center;
        line-height: 0.6rem;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        opacity: 0;
        -webkit-transition: var(--animation-duration);
        -moz-transition: var(--animation-duration);
        transition: var(--animation-duration);
        text-align: left
    }

    .chery-consult .swiper .swiper-slide.swiper-slide-active .desc {
        opacity: 1;
        font-weight: normal;
        -webkit-transition: var(--animation-duration);
        -moz-transition: var(--animation-duration);
        transition: var(--animation-duration);
        -webkit-transition-delay: var(--animation-delay);
        -moz-transition-delay: var(--animation-delay);
        transition-delay: var(--animation-delay)
    }

    .chery-consult .swiper .swiper-slide .chery--global--button {
        margin: 0.68rem auto 0
    }

    .chery-consult .swiper .swiper-slide .info-box {
        width: 100%;
        padding-left: 0;
        padding-top: 0
    }

    .chery-consult .swiper .swiper-slide .info-box .info-tit {
        display: none
    }

    .chery-consult .swiper .swiper-slide .info-box .info-link {
        display: none
    }

    .chery-consult .swiper .swiper-pagination {
        bottom: 1.97rem;
        width: 100%;
        right: 0;
        left: auto
    }
}

.about-chery {
    min-height: 10.8rem;
    padding-top: 2.36rem
}

.about-chery .swiper {
    padding: 0.5rem 0
}

.about-chery .swiper-wrapper .swiper-slide {
    width: 5.2rem;
    height: 7.2rem
}

.about-chery .swiper-wrapper .swiper-slide .content-wrap {
    position: relative;
    width: 4.6rem;
    height: 7.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15);
    border-radius: var(--image-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin: 0 0.3rem
}

.about-chery .swiper-wrapper .swiper-slide .content-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.about-chery .swiper-wrapper .swiper-slide .img-and-code {
    height: 5.8rem
}

.about-chery .swiper-wrapper .swiper-slide .img-and-code .content-img {
    border-radius: var(--image-border-radius) var(--image-border-radius) 0 0;
    height: 100%
}

.about-chery .swiper-wrapper .swiper-slide .code-box {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5.8rem;
    padding-top: 1.88rem;
    background-color: rgba(0,0,0,.9);
    border-radius: var(--image-border-radius) var(--image-border-radius) 0 0
}

.about-chery .swiper-wrapper .swiper-slide .code-box .code-img {
    width: 2.18rem;
    height: 2.18rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.1rem;
    display: block;
    margin: 0 auto 0.19rem
}

.about-chery .swiper-wrapper .swiper-slide .code-box .code-desc {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.25rem;
    text-align: center
}

.about-chery .swiper-wrapper .swiper-slide .text-box {
    text-align: center
}

.about-chery .swiper-wrapper .swiper-slide .text-box .tit {
    font-size: 0.3rem;
    color: #3a4649;
    line-height: 0.42rem;
    padding-top: 0.28rem;
    padding-bottom: 0.14rem
}

.about-chery .swiper-wrapper .swiper-slide .text-box .desc {
    font-size: 0.18rem;
    color: #3a4649;
    line-height: 0.25rem
}

.about-chery .swiper-wrapper .swiper-slide:hover .code-box {
    display: block
}

@media screen and (min-width: 751px) {
    .about-chery .swiper-wrapper {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 750px) {
    .about-chery {
        position:relative;
        padding-top: 0.8rem;
        padding-bottom: 0.3rem;
        min-height: auto
    }

    .about-chery .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        z-index: 0
    }

    .about-chery .bg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .about-chery .swiper {
        z-index: 1;
        width: 7.5rem;
        padding: 0.5rem
    }

    .about-chery .swiper .swiper-slide {
        height: 9.2rem;
        width: 5.6rem
    }

    .about-chery .swiper .swiper-slide .content-wrap {
        width: 5.6rem;
        height: 9.2rem
    }

    .about-chery .swiper .swiper-slide .img-and-code {
        position: relative;
        height: 6.6rem
    }

    .about-chery .swiper .swiper-slide .img-and-code .content-img {
        border-radius: var(--image-border-radius) var(--image-border-radius) 0 0;
        height: 100%;
        width: 100%
    }

    .about-chery .swiper .swiper-slide .code-box {
        position: static;
        display: block;
        background: rgba(0,0,0,0);
        padding-top: 0;
        height: 1.8rem;
        margin-top: -0.7rem
    }

    .about-chery .swiper .swiper-slide .code-box.pc-only {
        display: none
    }

    .about-chery .swiper .swiper-slide .code-box .code-img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1.8rem;
        height: 1.8rem;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0.1rem;
        display: block;
        margin: 0 auto 0.19rem;
        -webkit-box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15);
        box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15)
    }

    .about-chery .swiper .swiper-slide .code-box .code-desc {
        display: none
    }

    .about-chery .swiper .swiper-slide .text-box {
        text-align: center
    }

    .about-chery .swiper .swiper-slide .text-box .tit {
        font-size: 0.28rem;
        color: #3a4649;
        line-height: 0.42rem;
        padding-top: 0.35rem;
        padding-bottom: 0.14rem
    }

    .about-chery .swiper .swiper-slide .text-box .desc {
        font-size: 0.22rem;
        color: #3a4649;
        line-height: 0.25rem
    }

    .about-chery .swiper .swiper-slide .text-box .red-line {
        border-color: #b3292c !important;
        color: #b3292c !important;
        margin: 0.33rem auto 0
    }
}

.about-chery .pc-only {
    visibility: initial;
    display: block
}

@media screen and (max-width: 750px) {
    .about-chery .pc-only {
        visibility:hidden;
        display: none
    }
}

.about-chery .mb-only {
    visibility: hidden;
    display: none
}

@media screen and (max-width: 750px) {
    .about-chery .mb-only {
        visibility:initial;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.recommended-models {
    background-color: #fafafa;
    padding-top: 1rem
}

.recommended-models .mobile-content {
    display: none
}

.recommended-models .pc-content {
    padding: 0 1.25rem 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.recommended-models .pc-content .left-car-menu {
    width: 2.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fafafa;
    position: relative;
    z-index: 11
}

.recommended-models .pc-content .left-car-menu .car-parent .tit {
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #333;
    display: block;
    padding: 0.2rem 0 0.2rem 0.12rem;
    cursor: pointer
}

.recommended-models .pc-content .left-car-menu .car-parent .car-children {
    height: 0;
    padding-left: 0.3rem;
    overflow: hidden
}

.recommended-models .pc-content .left-car-menu .car-parent.active {
    color: #c30d23
}

.recommended-models .pc-content .left-car-menu .car-parent.active .tit {
    padding-left: 0.3rem;
    border-left: 0.02rem solid #c30d23;
    height: 0.72rem;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}

.recommended-models .pc-content .left-car-menu .car-parent.active .car-children {
    height: auto
}

.recommended-models .pc-content .left-car-menu .car-parent.active .car-children li {
    font-size: 0.18rem;
    color: #999;
    line-height: 0.25rem;
    padding: 0.2rem 0;
    cursor: pointer
}

.recommended-models .pc-content .left-car-menu .car-parent.active .car-children li.active {
    color: #333;
    padding-left: 0.1rem
}

.recommended-models .pc-content .right-car-content {
    margin-left: 1rem;
    width: 10.8rem
}

.recommended-models .pc-content .right-car-content .car-name-list {
    height: 1.6rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide {
    margin: 0 0.4rem;
    width: 2rem;
    text-align: center;
    cursor: pointer
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide .name {
    font-size: 0.24rem;
    color: #999;
    line-height: 0.34rem
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide .price {
    display: none;
    font-size: 0.18rem;
    color: #3a4649;
    line-height: 0.25rem
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide.swiper-slide-active .name {
    color: #333
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide.swiper-slide-active .price {
    display: block
}

.recommended-models .pc-content .right-car-content .car-info-list {
    padding-top: 0.55rem
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide .car-img {
    width: 10.74rem;
    height: 4.4rem;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    opacity: 0
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide .car-img img {
    width: 100%
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide.swiper-slide-active .car-img {
    -webkit-animation: fadeInTopLeft 1200ms ease-in-out forwards;
    -moz-animation: fadeInTopLeft 1200ms ease-in-out forwards;
    animation: fadeInTopLeft 1200ms ease-in-out forwards;
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide.swiper-slide-active .btn-box {
    opacity: 1
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide .btn-box {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide .btn-box .view-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1rem;
    font-size: 0.18rem;
    color: #e54b5e;
    line-height: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    text-decoration: underline
}

@-webkit-keyframes fadeInTopLeft {
    from {
        opacity: .6;
        -webkit-transform: translate3d(-60%, -5%, 0) scale(0.6);
        transform: translate3d(-60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-moz-keyframes fadeInTopLeft {
    from {
        opacity: .6;
        -moz-transform: translate3d(-60%, -5%, 0) scale(0.6);
        transform: translate3d(-60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes fadeInTopLeft {
    from {
        opacity: .6;
        -webkit-transform: translate3d(-60%, -5%, 0) scale(0.6);
        -moz-transform: translate3d(-60%, -5%, 0) scale(0.6);
        transform: translate3d(-60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@media screen and (max-width: 750px) {
    .recommended-models {
        background:#fafafa;
        padding-top: 1.2rem;
        padding-bottom: 1.53rem
    }

    .recommended-models .title {
        font-size: 0.48rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: 0.12rem
    }

    .recommended-models .title.border {
        position: relative;
        margin-bottom: 0.6rem
    }

    .recommended-models .title.border::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0.4rem;
        height: 0.05rem;
        background: #3a4649
    }

    .recommended-models .mobile-content {
        display: block
    }

    .recommended-models .mobile-content .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0.5rem
    }

    .recommended-models .mobile-content .tabs .tab {
        font-size: 0.36rem;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        padding: 0 0.38rem;
        cursor: pointer;
        position: relative
    }

    .recommended-models .mobile-content .tabs .tab.active {
        color: var(--primary--color)
    }

    .recommended-models .mobile-content .tabs .tab.active::after {
        content: "";
        position: absolute;
        bottom: -0.1rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0.48rem;
        height: 0.03rem;
        background: var(--primary--color)
    }

    .recommended-models .mobile-content .model-list {
        width: 7.5rem
    }

    .recommended-models .mobile-content .model-item {
        position: relative
    }

    .recommended-models .mobile-content .model-item .model-name {
        width: 6.5rem;
        height: 3.2rem;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        margin: 0 auto
    }

    .recommended-models .mobile-content .model-item .model-name img {
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .recommended-models .mobile-content .model-item .model-img {
        width: 5.6rem;
        height: auto;
        border-radius: var(--image-border-radius);
        position: absolute;
        top: 1rem;
        right: 0
    }

    .recommended-models .mobile-content .model-item .model-img img {
        width: 100%;
        height: auto;
        border-radius: var(--image-border-radius)
    }

    .recommended-models .mobile-content .model-item .button-box {
        padding-top: 1.3rem;
        margin: 0 auto;
        padding-bottom: 2rem
    }

    .recommended-models .mobile-content .swiper-pagination {
        position: absolute;
        bottom: 1.2rem
    }

    .recommended-models .mobile-content .section_2 .text_6 {
        overflow-wrap: break-word;
        color: #3a4649;
        font-size: 0.48rem;
        text-align: right;
        white-space: nowrap;
        line-height: 0.68rem;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .recommended-models .mobile-content .select-box {
        position: relative;
        width: 2.6rem;
        height: 0.78rem;
        margin: 0 auto 0.9rem
    }

    .recommended-models .mobile-content .select-box .select-value {
        width: 100%;
        height: 100%;
        border: 0.01rem solid #333;
        border-radius: 0.39rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        font-size: 0.3rem;
        color: #3a4649;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .recommended-models .mobile-content .select-box .select-value svg {
        font-weight: bold
    }

    .recommended-models .mobile-content .select-box .select-list {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        display: none;
        z-index: 2;
        border-radius: 0.6rem;
        overflow: hidden
    }

    .recommended-models .mobile-content .select-box .select-list.show-list {
        display: block
    }

    .recommended-models .mobile-content .select-box .select-list.hide-list {
        display: none
    }

    .recommended-models .mobile-content .select-box .select-list li {
        font-size: 0.28rem;
        color: #3a4649;
        line-height: 0.8rem;
        border-bottom: 0.01rem solid #d8d8d8;
        padding: 0.1rem 0.2rem;
        cursor: pointer;
        text-align: center;
        background: #fff
    }

    .recommended-models .mobile-content .select-box .select-list li:last-child {
        border: 0
    }

    .recommended-models .mobile-content .model-box {
        position: relative
    }

    .recommended-models .mobile-content .model-box .model-wrap {
        display: none
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper {
        overflow: inherit
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide {
        position: relative;
        min-height: 4rem
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide .img-box {
        width: 7.5rem;
        height: 3.96rem
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide .img-box img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide.swiper-slide-active img {
        -webkit-animation: fadeInTopRight35deg 800ms ease-in-out forwards;
        -moz-animation: fadeInTopRight35deg 800ms ease-in-out forwards;
        animation: fadeInTopRight35deg 800ms ease-in-out forwards
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide .button-box {
        margin: 2rem auto 0
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide .view-link {
        font-size: 0.24rem;
        color: #c30d23;
        line-height: 0.18rem;
        text-align: center;
        padding: 0.66rem 0 0
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-pagination {
        position: absolute;
        bottom: -0.5rem
    }

    @-webkit-keyframes fadeInTopRight35deg {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-60%, -25%, 0) scale(0.6);
            transform: translate3d(-60%, -25%, 0) scale(0.6)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    @-moz-keyframes fadeInTopRight35deg {
        from {
            opacity: 0;
            -moz-transform: translate3d(-60%, -25%, 0) scale(0.6);
            transform: translate3d(-60%, -25%, 0) scale(0.6)
        }

        to {
            opacity: 1;
            -moz-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    @keyframes fadeInTopRight35deg {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-60%, -25%, 0) scale(0.6);
            -moz-transform: translate3d(-60%, -25%, 0) scale(0.6);
            transform: translate3d(-60%, -25%, 0) scale(0.6)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            -moz-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    .recommended-models .mobile-content .model-box .model-name-box {
        top: 4.3rem;
        left: 0;
        padding-top: 0.4rem;
        padding-bottom: 0.64rem;
        position: absolute;
        width: 100%
    }

    .recommended-models .mobile-content .model-box .model-name-box::after,.recommended-models .mobile-content .model-box .model-name-box::before {
        top: 0;
        position: absolute;
        content: "";
        width: 2.12rem;
        height: 1.6rem;
        z-index: 11
    }

    .recommended-models .mobile-content .model-box .model-name-box::before {
        left: 0;
        background: -webkit-gradient(linear, right top, left top, from(rgba(250, 250, 250, 0)), to(#fafafa));
        background: -webkit-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
        background: -moz-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
        background: linear-gradient(270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%)
    }

    .recommended-models .mobile-content .model-box .model-name-box::after {
        right: 0;
        background: -webkit-gradient(linear, right top, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
        background: -webkit-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
        background: -moz-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
        background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%)
    }

    .recommended-models .mobile-content .model-box .model-name-box ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .recommended-models .mobile-content .model-box .model-name-box ul li {
        text-align: center;
        width: 2.2rem
    }

    .recommended-models .mobile-content .model-box .model-name-box ul li .name {
        font-size: 0.24rem;
        color: #333;
        line-height: 0.34rem;
        padding-top: 0.13rem
    }

    .recommended-models .mobile-content .model-box .model-name-box ul li .price {
        opacity: 0;
        display: none
    }

    .recommended-models .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name {
        padding-top: 0;
        font-size: 0.36rem;
        color: #3a4649;
        line-height: 0.5rem;
        white-space: nowrap
    }

    .recommended-models .mobile-content .model-box .model-name-box ul li.swiper-slide-active .price {
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.34rem;
        opacity: 1;
        display: block
    }

    .recommended-models .pc-content {
        display: none
    }
}

.recommended-models2 {
    background-color: #fafafa;
    padding-top: 1rem;
    padding-bottom: 1.2rem;
    position: relative;
    z-index: 20
}

.recommended-models2 .mobile-content {
    display: block;
    overflow: hidden
}

.recommended-models2 .mobile-content .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0.5rem
}

.recommended-models2 .mobile-content .tabs .tab {
    font-size: 0.36rem;
    color: #3a4649;
    text-align: center;
    font-weight: 400;
    padding: 0 0.38rem;
    cursor: pointer;
    position: relative
}

.recommended-models2 .mobile-content .tabs .tab.active {
    color: var(--primary--color)
}

.recommended-models2 .mobile-content .tabs .tab.active::after {
    content: "";
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.48rem;
    height: 0.03rem;
    background: var(--primary--color)
}

.recommended-models2 .mobile-content .model-list {
    width: 7.5rem
}

.recommended-models2 .mobile-content .model-item {
    position: relative
}

.recommended-models2 .mobile-content .model-item .model-name {
    width: 6.5rem;
    height: 3.2rem;
    border-radius: var(--image-border-radius);
    overflow: hidden;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-item .model-name img {
    width: 100%;
    height: 100%;
    border-radius: var(--image-border-radius)
}

.recommended-models2 .mobile-content .model-item .model-img {
    width: 5.6rem;
    height: auto;
    border-radius: var(--image-border-radius);
    position: absolute;
    top: 1rem;
    right: 0
}

.recommended-models2 .mobile-content .model-item .model-img img {
    width: 100%;
    height: auto;
    border-radius: var(--image-border-radius)
}

.recommended-models2 .mobile-content .model-item .button-box {
    padding-top: 1.3rem;
    margin: 0 auto;
    padding-bottom: 2rem
}

.recommended-models2 .mobile-content .swiper-pagination {
    position: absolute;
    bottom: 1.2rem
}

.recommended-models2 .mobile-content .section_2 .text_6 {
    overflow-wrap: break-word;
    color: #3a4649;
    font-size: 0.48rem;
    text-align: right;
    white-space: nowrap;
    line-height: 0.68rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.recommended-models2 .mobile-content .select-box {
    position: relative;
    width: 2.6rem;
    height: 0.78rem;
    margin: 0 auto 0.9rem
}

.recommended-models2 .mobile-content .select-box .select-value {
    width: 100%;
    height: 100%;
    border: 0.01rem solid #333;
    border-radius: 0.39rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 0.3rem;
    color: #3a4649;
    display: flex;
    justify-content: center;
    align-items: center
}

.recommended-models2 .mobile-content .select-box .select-value svg {
    font-weight: bold
}

.recommended-models2 .mobile-content .select-box .select-list {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
    z-index: 2;
    border-radius: 0.6rem;
    overflow: hidden
}

.recommended-models2 .mobile-content .select-box .select-list.show-list {
    display: block
}

.recommended-models2 .mobile-content .select-box .select-list.hide-list {
    display: none
}

.recommended-models2 .mobile-content .select-box .select-list li {
    font-size: 0.28rem;
    color: #3a4649;
    line-height: 0.8rem;
    border-bottom: 0.01rem solid #d8d8d8;
    padding: 0.1rem 0.2rem;
    cursor: pointer;
    text-align: center;
    background: #fff
}

.recommended-models2 .mobile-content .select-box .select-list li:last-child {
    border: 0
}

.recommended-models2 .mobile-content .model-box {
    position: relative;
    padding-top: 1.54rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper {
    overflow: inherit
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide {
    padding: 0 1.2rem;
    position: relative;
    min-height: 4rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .panorama-car {
    position: absolute;
    top: -0.25rem;
    left: 6rem;
    width: 1.48rem;
    height: 1.08rem;
    z-index: 20
}

@media screen and (max-width: 750px) {
    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .panorama-car {
        display:none
    }
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box {
    position: absolute;
    width: 8.4rem;
    height: 4.2rem;
    right: 1.2rem;
    top: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box img,.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box video {
    width: 100%;
    height: 100%;
    border-radius: var(--image-border-radius);
    -o-object-fit: cover;
    object-fit: cover
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img {
    position: relative;
    z-index: 2;
    padding-top: 0.4rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img img {
    width: 11.25rem;
    height: 5.25rem;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box {
    padding: 0.1rem 0.14rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8.4rem;
    position: absolute;
    right: 1.2rem;
    top: 4.4rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box>div+div {
    margin-left: 0.4rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .border {
    width: 0.01rem;
    background: #d8d8d8;
    font-size: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item {
    padding: 0 0.2rem;
    font-size: 0.18rem;
    color: #666;
    line-height: 0.3rem;
    font-weight: 600;
    text-align: center
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item span {
    font-size: 0.24rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide.swiper-slide-active .car-img img {
    -webkit-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
    -moz-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
    animation: fadeInTopRight35deg 1500ms ease-in-out forwards
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.3rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box a+a+a {
    margin-left: 0.3rem
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .chery--red--link {
    width: 7em;
    margin: 0 auto;
    display: block;
    padding-top: 0.2rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: #c30d23;
    text-align: center
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .chery--red--link:hover {
    text-decoration: underline
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-pagination {
    position: absolute;
    bottom: -0.5rem
}

@-webkit-keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40%, -25%, 0) scale(0.6);
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-moz-keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        -moz-transform: translate3d(-40%, -25%, 0) scale(0.6);
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes fadeInTopRight35deg {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40%, -25%, 0) scale(0.6);
        -moz-transform: translate3d(-40%, -25%, 0) scale(0.6);
        transform: translate3d(-40%, -25%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.recommended-models2 .mobile-content .model-box .model-name-box {
    top: 0.56rem;
    left: 0;
    position: absolute;
    width: 100%
}

.recommended-models2 .mobile-content .model-box .model-name-box::after,.recommended-models2 .mobile-content .model-box .model-name-box::before {
    top: 0;
    position: absolute;
    content: "";
    width: 2.12rem;
    height: 100%;
    z-index: 11
}

.recommended-models2 .mobile-content .model-box .model-name-box::before {
    left: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(250, 250, 250, 0)), to(#fafafa));
    background: -webkit-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
    background: -moz-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
    background: linear-gradient(270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%)
}

.recommended-models2 .mobile-content .model-box .model-name-box::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
    background: -webkit-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
    background: -moz-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
    background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%)
}

.recommended-models2 .mobile-content .model-box .model-name-box ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li {
    text-align: center;
    padding: 0 0.25rem;
    width: auto;
    min-width: 2rem;
    cursor: pointer
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .name {
    font-size: 0.24rem;
    color: #999;
    padding-top: 0.13rem;
    margin-bottom: 0.1rem
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .name img {
    height: 0.15rem;
    width: auto;
    display: none;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .price {
    font-size: 0.18rem;
    color: #999;
    line-height: 0.34rem;
    opacity: 1;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name {
    padding-top: 0.13rem;
    font-size: 0.24rem;
    color: #3a4649;
    white-space: nowrap
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name img {
    height: 0.3rem;
    width: auto;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .price {
    color: #3a4649;
    line-height: 0.34rem;
    opacity: 1;
    display: block;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.recommended-models2 .pc-content {
    padding: 0 1.25rem 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.recommended-models2 .pc-content .left-car-menu {
    width: 2.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fafafa;
    position: relative;
    z-index: 11
}

.recommended-models2 .pc-content .left-car-menu .car-parent .tit {
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #333;
    display: block;
    padding: 0.2rem 0 0.2rem 0.12rem;
    cursor: pointer
}

.recommended-models2 .pc-content .left-car-menu .car-parent .car-children {
    height: 0;
    padding-left: 0.3rem;
    overflow: hidden
}

.recommended-models2 .pc-content .left-car-menu .car-parent.active {
    color: #c30d23
}

.recommended-models2 .pc-content .left-car-menu .car-parent.active .tit {
    padding-left: 0.3rem;
    border-left: 0.02rem solid #c30d23;
    height: 0.72rem;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}

.recommended-models2 .pc-content .left-car-menu .car-parent.active .car-children {
    height: auto
}

.recommended-models2 .pc-content .left-car-menu .car-parent.active .car-children li {
    font-size: 0.18rem;
    color: #999;
    line-height: 0.25rem;
    padding: 0.2rem 0;
    cursor: pointer
}

.recommended-models2 .pc-content .left-car-menu .car-parent.active .car-children li.active {
    color: #333;
    padding-left: 0.1rem
}

.recommended-models2 .pc-content .right-car-content {
    margin-left: 1rem;
    width: 10.8rem
}

.recommended-models2 .pc-content .right-car-content .car-name-list {
    height: 1.6rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide {
    margin: 0 0.4rem;
    width: 2rem;
    text-align: center;
    cursor: pointer
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide .name {
    font-size: 0.24rem;
    color: #999;
    line-height: 0.34rem
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide .price {
    display: none;
    font-size: 0.18rem;
    color: #3a4649;
    line-height: 0.25rem
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide.swiper-slide-active .name {
    color: #333
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide.swiper-slide-active .price {
    display: block
}

.recommended-models2 .pc-content .right-car-content .car-info-list {
    padding-top: 0.55rem
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide .car-img {
    width: 10.74rem;
    height: 4.4rem;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    opacity: 0
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide .car-img img {
    width: 100%
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide.swiper-slide-active .car-img {
    -webkit-animation: fadeInTopLeft 1200ms ease-in-out forwards;
    -moz-animation: fadeInTopLeft 1200ms ease-in-out forwards;
    animation: fadeInTopLeft 1200ms ease-in-out forwards;
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide.swiper-slide-active .btn-box {
    opacity: 1
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide .btn-box {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide .btn-box .view-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1rem;
    font-size: 0.18rem;
    color: #e54b5e;
    line-height: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    text-decoration: underline
}

@keyframes fadeInTopLeft {
    from {
        opacity: .6;
        -webkit-transform: translate3d(-60%, -5%, 0) scale(0.6);
        -moz-transform: translate3d(-60%, -5%, 0) scale(0.6);
        transform: translate3d(-60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@media screen and (max-width: 750px) {
    .recommended-models2 {
        background:#fafafa;
        padding-top: 1.2rem;
        padding-bottom: 0.6rem
    }

    .recommended-models2 .title {
        font-size: 0.48rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: 0.12rem
    }

    .recommended-models2 .title.border {
        position: relative;
        margin-bottom: 0.6rem
    }

    .recommended-models2 .title.border::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0.4rem;
        height: 0.05rem;
        background: #3a4649
    }

    .recommended-models2 .mobile-content {
        display: block
    }

    .recommended-models2 .mobile-content .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0.5rem
    }

    .recommended-models2 .mobile-content .tabs .tab {
        font-size: 0.36rem;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        padding: 0 0.38rem;
        cursor: pointer;
        position: relative
    }

    .recommended-models2 .mobile-content .tabs .tab.active {
        color: var(--primary--color)
    }

    .recommended-models2 .mobile-content .tabs .tab.active::after {
        content: "";
        position: absolute;
        bottom: -0.1rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0.48rem;
        height: 0.03rem;
        background: var(--primary--color)
    }

    .recommended-models2 .mobile-content .model-list {
        width: 7.5rem
    }

    .recommended-models2 .mobile-content .model-item {
        position: relative
    }

    .recommended-models2 .mobile-content .model-item .model-name {
        width: 6.5rem;
        height: 3.2rem;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        margin: 0 auto
    }

    .recommended-models2 .mobile-content .model-item .model-name img {
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .recommended-models2 .mobile-content .model-item .model-img {
        width: 5.6rem;
        height: auto;
        border-radius: var(--image-border-radius);
        position: absolute;
        top: 1rem;
        right: 0
    }

    .recommended-models2 .mobile-content .model-item .model-img img {
        width: 100%;
        height: auto;
        border-radius: var(--image-border-radius)
    }

    .recommended-models2 .mobile-content .model-item .button-box {
        padding-top: 1.3rem;
        margin: 0 auto;
        padding-bottom: 2rem
    }

    .recommended-models2 .mobile-content .swiper-pagination {
        position: absolute;
        bottom: 1.2rem
    }

    .recommended-models2 .mobile-content .section_2 .text_6 {
        overflow-wrap: break-word;
        color: #3a4649;
        font-size: 0.48rem;
        text-align: right;
        white-space: nowrap;
        line-height: 0.68rem;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .recommended-models2 .mobile-content .select-box {
        position: relative;
        width: 2.6rem;
        height: 0.78rem;
        margin: 0 auto 0.9rem
    }

    .recommended-models2 .mobile-content .select-box .select-value {
        width: 100%;
        height: 100%;
        border: 0.01rem solid #333;
        border-radius: 0.39rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        font-size: 0.3rem;
        color: #3a4649;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .recommended-models2 .mobile-content .select-box .select-value svg {
        font-weight: bold
    }

    .recommended-models2 .mobile-content .select-box .select-list {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        display: none;
        z-index: 2;
        border-radius: 0.6rem;
        overflow: hidden
    }

    .recommended-models2 .mobile-content .select-box .select-list.show-list {
        display: block
    }

    .recommended-models2 .mobile-content .select-box .select-list.hide-list {
        display: none
    }

    .recommended-models2 .mobile-content .select-box .select-list li {
        font-size: 0.28rem;
        color: #3a4649;
        line-height: 0.8rem;
        border-bottom: 0.01rem solid #d8d8d8;
        padding: 0.1rem 0.2rem;
        cursor: pointer;
        text-align: center;
        background: #fff
    }

    .recommended-models2 .mobile-content .select-box .select-list li:last-child {
        border: 0
    }

    .recommended-models2 .mobile-content .model-box {
        position: relative;
        padding-top: 1.08rem
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper {
        overflow: inherit;
        padding-bottom: 0.4rem
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide {
        padding: 0;
        position: relative;
        min-height: 4rem
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box {
        position: absolute;
        width: 6.5rem;
        height: 3.8rem;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box img,.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box video {
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img {
        position: relative;
        z-index: 2;
        padding-top: 2.4rem
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img img {
        width: 7.5rem;
        height: 3.96rem;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
        zoom:.8;display: block;
        margin: 1rem auto 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box {
        padding: 0.1rem 0.14rem 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        position: static;
        width: 100%
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box>div+div {
        margin-left: 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .border {
        width: 0.01rem;
        background: #d8d8d8;
        font-size: 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item {
        padding: 0 0.2rem;
        font-size: 0.18rem;
        color: #666;
        line-height: 0.3rem;
        font-weight: 600;
        text-align: center
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .item span {
        font-size: 0.24rem
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide.swiper-slide-active .car-img img {
        -webkit-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
        -moz-animation: fadeInTopRight35deg 1500ms ease-in-out forwards;
        animation: fadeInTopRight35deg 1500ms ease-in-out forwards
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box {
        margin: 0.6rem auto 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .view-link {
        font-size: 0.24rem;
        color: #c30d23;
        text-align: center
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-pagination {
        position: absolute;
        bottom: 0.1rem
    }

    @-webkit-keyframes fadeInTopRight35deg {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-60%, -25%, 0) scale(0.6);
            transform: translate3d(-60%, -25%, 0) scale(0.6)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    @-moz-keyframes fadeInTopRight35deg {
        from {
            opacity: 0;
            -moz-transform: translate3d(-60%, -25%, 0) scale(0.6);
            transform: translate3d(-60%, -25%, 0) scale(0.6)
        }

        to {
            opacity: 1;
            -moz-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    @keyframes fadeInTopRight35deg {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-60%, -25%, 0) scale(0.6);
            -moz-transform: translate3d(-60%, -25%, 0) scale(0.6);
            transform: translate3d(-60%, -25%, 0) scale(0.6)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            -moz-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1)
        }
    }

    .recommended-models2 .mobile-content .model-box .model-name-box {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%
    }

    .recommended-models2 .mobile-content .model-box .model-name-box::after,.recommended-models2 .mobile-content .model-box .model-name-box::before {
        top: 0;
        position: absolute;
        content: "";
        width: 2.12rem;
        height: 100%;
        z-index: 11
    }

    .recommended-models2 .mobile-content .model-box .model-name-box::before {
        left: 0;
        background: -webkit-gradient(linear, right top, left top, from(rgba(250, 250, 250, 0)), to(#fafafa));
        background: -webkit-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
        background: -moz-linear-gradient(right, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
        background: linear-gradient(270deg, rgba(250, 250, 250, 0) 0%, #fafafa 100%)
    }

    .recommended-models2 .mobile-content .model-box .model-name-box::after {
        right: 0;
        background: -webkit-gradient(linear, right top, left top, from(#fafafa), to(rgba(250, 250, 250, 0)));
        background: -webkit-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
        background: -moz-linear-gradient(right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
        background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%)
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li {
        text-align: center;
        width: auto;
        min-width: 2rem
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li .name {
        font-size: 0.4rem !important;
        color: #333;
        padding-top: 0.13rem
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li .name img {
        height: 0.15rem;
        width: auto;
        display: none;
        margin: 0 auto
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li .price {
        opacity: 1;
        display: block
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name {
        color: #3a4649;
        white-space: nowrap;
        font-weight: 700
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name img {
        height: 0.3rem;
        width: auto;
        margin: 0 auto
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .price {
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.34rem;
        opacity: 1;
        opacity: 1;
        display: block
    }

    .recommended-models2 .pc-content {
        display: none
    }
}

.chery-info {
    min-height: 10.8rem;
    padding: 1.48rem 1.2rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: var(--image-border-radius);
    overflow: hidden
}

.chery-info .chery-info-item {
    height: 7.6rem;
    width: 11.76rem;
    z-index: 0;
    position: relative;
    width: -webkit-calc(20% + 0.6rem);
    width: -moz-calc(20% + 0.6rem);
    width: calc(20% + 0.6rem);
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    -webkit-box-shadow: 0 0.04rem 0.12rem rgba(58,70,73,.15);
    box-shadow: 0 0.04rem 0.12rem rgba(58,70,73,.15);
    border-radius: var(--image-border-radius);
    overflow: hidden
}

.chery-info .chery-info-item:nth-child(n+2) {
    margin-left: -0.6rem;
    border-radius: 0 var(--image-border-radius) var(--image-border-radius) 0
}

.chery-info .chery-info-item:nth-child(n+2) img {
    border-radius: 0 var(--image-border-radius) var(--image-border-radius) 0
}

@media screen and (max-width: 750px) {
    .chery-info .chery-info-item:nth-child(n+2) {
        margin-left:0;
        border-radius: var(--image-border-radius)
    }

    .chery-info .chery-info-item:nth-child(n+2) img {
        border-radius: var(--image-border-radius)
    }
}

.chery-info .chery-info-item:nth-child(1) {
    z-index: -webkit-calc(50 - 1);
    z-index: -moz-calc(50 - 1);
    z-index: calc(50 - 1)
}

.chery-info .chery-info-item:nth-child(2) {
    z-index: -webkit-calc(50 - 2);
    z-index: -moz-calc(50 - 2);
    z-index: calc(50 - 2)
}

.chery-info .chery-info-item:nth-child(3) {
    z-index: -webkit-calc(50 - 3);
    z-index: -moz-calc(50 - 3);
    z-index: calc(50 - 3)
}

.chery-info .chery-info-item:nth-child(4) {
    z-index: -webkit-calc(50 - 4);
    z-index: -moz-calc(50 - 4);
    z-index: calc(50 - 4)
}

.chery-info .chery-info-item:nth-child(5) {
    z-index: -webkit-calc(50 - 5);
    z-index: -moz-calc(50 - 5);
    z-index: calc(50 - 5)
}

.chery-info .chery-info-item:nth-child(6) {
    z-index: -webkit-calc(50 - 6);
    z-index: -moz-calc(50 - 6);
    z-index: calc(50 - 6)
}

.chery-info .chery-info-item:nth-child(7) {
    z-index: -webkit-calc(50 - 7);
    z-index: -moz-calc(50 - 7);
    z-index: calc(50 - 7)
}

.chery-info .chery-info-item:nth-child(8) {
    z-index: -webkit-calc(50 - 8);
    z-index: -moz-calc(50 - 8);
    z-index: calc(50 - 8)
}

.chery-info .chery-info-item:nth-child(9) {
    z-index: -webkit-calc(50 - 9);
    z-index: -moz-calc(50 - 9);
    z-index: calc(50 - 9)
}

.chery-info .chery-info-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.chery-info .chery-info-item .txt {
    display: none
}

.chery-info .chery-info-item .text-box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    padding-top: 3.68rem;
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    z-index: 2
}

.chery-info .chery-info-item .text-box h4 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.48rem;
    text-shadow: 0 0.04rem 0.12rem rgba(58,70,73,.15)
}

.chery-info .chery-info-item .text-box .desc {
    padding-top: 0.12rem;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.48rem;
    text-shadow: 0 0.04rem 0.12rem rgba(58,70,73,.15);
    opacity: 0;
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name)
}

.chery-info .chery-info-item .text-box .chery--global--button {
    position: absolute;
    bottom: 1rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    margin-left: -1rem
}

.chery-info .chery-info-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    border-radius: var(--image-border-radius)
}

.chery-info .chery-info-item:hover {
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    -webkit-box-shadow: 0 0 6PX 3PX rgba(0,0,0,.5);
    box-shadow: 0 0 6PX 3PX rgba(0,0,0,.5)
}

.chery-info .chery-info-item.active {
    width: 60%
}

.chery-info .chery-info-item.active::after {
    background: rgba(0,0,0,0);
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    z-index: 0;
    display: none
}

.chery-info .chery-info-item.active .text-box {
    display: block;
    padding-top: 1.72rem
}

.chery-info .chery-info-item.active .text-box h4 {
    opacity: 0;
    -webkit-animation: fadeInUp .5s .5s forwards;
    -moz-animation: fadeInUp .5s .5s forwards;
    animation: fadeInUp .5s .5s forwards
}

.chery-info .chery-info-item.active .text-box .desc {
    opacity: 0;
    -webkit-animation: fadeInUp .5s .75s forwards;
    -moz-animation: fadeInUp .5s .75s forwards;
    animation: fadeInUp .5s .75s forwards
}

.chery-info .chery-info-item.active .text-box .chery--global--button {
    opacity: 0;
    -webkit-animation: fadeInUp .5s 1s forwards;
    -moz-animation: fadeInUp .5s 1s forwards;
    animation: fadeInUp .5s 1s forwards
}

@media screen and (max-width: 750px) {
    .chery-info {
        height:11.4rem;
        position: relative;
        width: 6.5rem !important;
        margin: 0 auto;
        padding-top: 1.2rem
    }

    .chery-info .chery-info-item {
        position: absolute;
        height: 3.6rem;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        transition: 500ms
    }

    .chery-info .chery-info-item:nth-child(1) {
        top: -webkit-calc(100% - 0.3rem*(4 - 1) - 3.8rem);
        top: -moz-calc(100% - 0.3rem*(4 - 1) - 3.8rem);
        top: calc(100% - 0.3rem*(4 - 1) - 3.8rem);
        z-index: -webkit-calc(4 - 1);
        z-index: -moz-calc(4 - 1);
        z-index: calc(4 - 1);
        width: -webkit-calc(100% - (1 * 0.8rem));
        width: -moz-calc(100% - (1 * 0.8rem));
        width: calc(100% - (1 * 0.8rem))
    }

    .chery-info .chery-info-item:nth-child(2) {
        top: -webkit-calc(100% - 0.3rem*(4 - 2) - 3.8rem);
        top: -moz-calc(100% - 0.3rem*(4 - 2) - 3.8rem);
        top: calc(100% - 0.3rem*(4 - 2) - 3.8rem);
        z-index: -webkit-calc(4 - 2);
        z-index: -moz-calc(4 - 2);
        z-index: calc(4 - 2);
        width: -webkit-calc(100% - (2 * 0.8rem));
        width: -moz-calc(100% - (2 * 0.8rem));
        width: calc(100% - (2 * 0.8rem))
    }

    .chery-info .chery-info-item:nth-child(3) {
        top: -webkit-calc(100% - 0.3rem*(4 - 3) - 3.8rem);
        top: -moz-calc(100% - 0.3rem*(4 - 3) - 3.8rem);
        top: calc(100% - 0.3rem*(4 - 3) - 3.8rem);
        z-index: -webkit-calc(4 - 3);
        z-index: -moz-calc(4 - 3);
        z-index: calc(4 - 3);
        width: -webkit-calc(100% - (3 * 0.8rem));
        width: -moz-calc(100% - (3 * 0.8rem));
        width: calc(100% - (3 * 0.8rem))
    }

    .chery-info .chery-info-item img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .chery-info .chery-info-item .txt {
        position: absolute;
        z-index: 3;
        font-size: 0.48rem;
        color: #fff;
        text-align: center;
        line-height: 0.6rem;
        text-shadow: 0 0 0.08rem rgba(58,70,73,.15);
        font-weight: 700;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        padding-right: 0.44rem;
        text-align: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .chery-info .chery-info-item .text-box {
        display: none
    }

    .chery-info .chery-info-item .text-box h4 {
        display: none
    }

    .chery-info .chery-info-item .text-box .desc {
        display: none
    }

    .chery-info .chery-info-item .text-box .chery--global--button {
        display: none
    }

    .chery-info .chery-info-item .chery--global--button {
        display: none
    }

    .chery-info.aos-animate .chery-info-item {
        width: 100%;
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        transition: 500ms
    }

    .chery-info.aos-animate .chery-info-item:nth-child(1) {
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        transition: all 500ms linear;
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        transition-delay: 200ms;
        top: -webkit-calc(100%*(1 - 1)/3);
        top: -moz-calc(100%*(1 - 1)/3);
        top: calc(100%*(1 - 1)/3)
    }

    .chery-info.aos-animate .chery-info-item:nth-child(2) {
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        transition: all 500ms linear;
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        transition-delay: 200ms;
        top: -webkit-calc(100%*(2 - 1)/3);
        top: -moz-calc(100%*(2 - 1)/3);
        top: calc(100%*(2 - 1)/3)
    }

    .chery-info.aos-animate .chery-info-item:nth-child(3) {
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        transition: all 500ms linear;
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        transition-delay: 200ms;
        top: -webkit-calc(100%*(3 - 1)/3);
        top: -moz-calc(100%*(3 - 1)/3);
        top: calc(100%*(3 - 1)/3)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.technology-innovation {
    min-height: 10.8rem;
    padding-top: 1.2rem;
    position: relative
}

.technology-innovation .bg {
    display: none
}

.technology-innovation .title {
    font-size: 0.48rem;
    color: #3a4649;
    line-height: 0.68rem;
    text-align: center;
    padding-bottom: 0.6rem;
    position: relative;
    z-index: 2;
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name)
}

.technology-innovation .innovation-video {
    width: 16.8rem;
    height: 7.6rem;
    position: absolute;
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.2rem;
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name)
}

.technology-innovation .innovation-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius);
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name)
}

.technology-innovation.fill-screen .title {
    color: #fff;
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name)
}

.technology-innovation.fill-screen .innovation-video {
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    margin-left: 0;
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name)
}

.technology-innovation.fill-screen .innovation-video video {
    border-radius: 0;
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name)
}

.technology-innovation .chery--global--button {
    margin: 0.56rem auto 0
}

@media screen and (max-width: 750px) {
    .technology-innovation {
        padding-top:1.6rem;
        position: relative;
        height: 14.8rem;
        min-height: var(--100vh);
        margin-bottom: 0.8rem
    }

    .technology-innovation .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        z-index: 0;
        display: block
    }

    .technology-innovation .bg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .technology-innovation .title {
        font-size: 0.48rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: 1.14rem
    }

    .technology-innovation .innovation-video {
        width: 6.5rem;
        height: 11.7rem;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        top: 2.85rem
    }

    .technology-innovation .innovation-video video,.technology-innovation .innovation-video img {
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius) var(--image-border-radius) 0 0
    }

    .technology-innovation .innovation-video .detail-btn {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0.87rem;
        z-index: 1
    }
}

.digital-showroom {
    min-height: 10.8rem;
    padding-top: 1.71rem;
    overflow: hidden
}

.digital-showroom .digital-img {
    border-radius: var(--image-border-radius);
    width: 16.8rem;
    height: 7.2rem;
    margin: 0 auto;
    position: relative
}

.digital-showroom .digital-img img,.digital-showroom .digital-img video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: var(--image-border-radius)
}

.digital-showroom .digital-img img.pc-only,.digital-showroom .digital-img video.pc-only {
    display: block
}

.digital-showroom .digital-img img.mob-only,.digital-showroom .digital-img video.mob-only {
    display: none
}

@media screen and (max-width: 750px) {
    .digital-showroom .digital-img img.pc-only,.digital-showroom .digital-img video.pc-only {
        display:none
    }

    .digital-showroom .digital-img img.mob-only,.digital-showroom .digital-img video.mob-only {
        display: block
    }
}

.digital-showroom .digital-img .title {
    position: absolute;
    z-index: 1;
    padding-top: 0;
    top: 1.2rem;
    font-size: 0.48rem;
    color: var(--primary--color);
    text-align: center;
    font-weight: 700;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.digital-showroom .into-btn {
    margin: 0.56rem auto 0.6rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translate(-50%, 0) !important;
    -moz-transform: translate(-50%, 0) !important;
    -ms-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important
}

@media screen and (max-width: 750px) {
    .digital-showroom {
        padding-top:0.8rem
    }

    .digital-showroom .digital-img {
        width: 6.5rem;
        height: 7.6rem;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        font-size: 0
    }

    .digital-showroom .digital-img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .digital-showroom .digital-img .title {
        position: absolute;
        z-index: 1;
        top: 1.4rem;
        padding-top: 0;
        font-size: 0.48rem;
        color: var(--primary--color);
        text-align: center;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translate(-50%, 0) !important;
        -moz-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
        transform: translate(-50%, 0) !important
    }

    .digital-showroom .into-btn {
        z-index: 1;
        margin: 0.56rem auto 0.95rem;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.model-kv {
    position: relative;
    height: -webkit-calc(var(--100vh));
    height: -moz-calc(var(--100vh));
    height: calc(var(--100vh));
    max-height: 10.8rem
}

.model-kv .filter-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.1);
    z-index: 1
}

.model-kv .swiper-box {
    width: 100%;
    height: 100%
}

.model-kv .swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: var(--100vh);
    max-height: 10.8rem
}

.model-kv .swiper .swiper-slide .card-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.model-kv .swiper .swiper-slide .card-box img,.model-kv .swiper .swiper-slide .card-box .img-bg,.model-kv .swiper .swiper-slide .card-box video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.model-kv .swiper .swiper-slide .text-box {
    position: absolute;
    z-index: 1;
    top: 2.6rem;
    left: 0;
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.model-kv .swiper .swiper-slide .text-box .desc1 {
    font-size: 0.24rem;
    color: #333;
    font-weight: 700
}

.model-kv .swiper .swiper-slide .text-box .car-name {
    font-size: 0.6rem;
    color: #333;
    line-height: 0.8rem;
    padding: 0.3rem 0
}

.model-kv .swiper .swiper-slide .text-box .desc2 {
    font-size: 0.24rem;
    color: #333;
    font-weight: 400
}

.model-kv .swiper .swiper-slide .button-box {
    position: absolute;
    z-index: 1;
    bottom: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 1rem, 0);
    -moz-transform: translate3d(-50%, 1rem, 0);
    transform: translate3d(-50%, 1rem, 0)
}

.model-kv .swiper .swiper-slide.swiper-slide-active .text-box {
    left: 1.2rem;
    opacity: 1;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.model-kv .swiper .swiper-slide.swiper-slide-active .card-box .button-box {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: all var(--animation-duration) var(--animation--name);
    -moz-transition: all var(--animation-duration) var(--animation--name);
    transition: all var(--animation-duration) var(--animation--name);
    -webkit-transition-delay: var(--animation-delay);
    -moz-transition-delay: var(--animation-delay);
    transition-delay: var(--animation-delay)
}

.model-kv .swiper .swiper-pagination {
    bottom: 0.4rem
}

.model-kv .pc-only {
    display: block
}

.model-kv .mobile-only {
    display: none
}

@media screen and (max-width: 750px) {
    .model-kv {
        max-height:100vh;
        height: var(--100vh);
        min-height: var(--100vh)
    }

    .model-kv .pc-only {
        display: none
    }

    .model-kv .mobile-only {
        display: block
    }

    .model-kv .swiper-box {
        position: relative;
        background: url(../logo-loading-bg.html) no-repeat;
        background-size: cover
    }

    .model-kv .swiper {
        position: relative;
        height: var(--100vh)
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide {
        padding-top: 1.6rem;
        opacity: 1;
        height: 100%;
        max-height: 100vh
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .text-box {
        position: relative;
        z-index: 1;
        top: inherit;
        left: inherit;
        opacity: 0;
        -webkit-transform: translateY(1rem);
        -moz-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        -webkit-transition: all var(--animation-duration) var(--animation--name);
        -moz-transition: all var(--animation-duration) var(--animation--name);
        transition: all var(--animation-duration) var(--animation--name)
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .text-box {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all var(--animation-duration) var(--animation--name);
        -moz-transition: all var(--animation-duration) var(--animation--name);
        transition: all var(--animation-duration) var(--animation--name)
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .card-box {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        border-radius: 0;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear;
        border-radius: var(--image-border-radius)
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .card-box img,.model-kv .swiper .swiper-wrapper .swiper-slide .card-box .img-bg,.model-kv .swiper .swiper-wrapper .swiper-slide .card-box video,.model-kv .swiper .swiper-wrapper .swiper-slide .card-box canvas {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 0
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .card-box .button-box {
        bottom: 0.9rem
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .desc1 {
        font-size: 0.36rem;
        color: var(--primary--color);
        text-align: center;
        font-weight: 700;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .car-name {
        font-size: 0.6rem;
        color: var(--primary--color);
        text-align: center;
        font-weight: 700;
        padding: 0.3rem 0;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .desc2 {
        font-size: 0.24rem;
        color: var(--primary--color);
        text-align: center;
        font-weight: 400;
        -webkit-transition: all var(--animation-duration) linear;
        -moz-transition: all var(--animation-duration) linear;
        transition: all var(--animation-duration) linear;
        position: absolute;
        bottom: 2.2rem;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.model-rights {
    min-height: 10.8rem;
    position: relative;
    -webkit-backdrop-filter: blur(0.05rem);
    backdrop-filter: blur(0.05rem);
    padding-top: 1.2rem;
    padding-bottom: 2.2rem
}

.model-rights .title {
    padding-top: 1.2rem;
    font-size: 0.48rem;
    color: #3a4649;
    text-align: center;
    line-height: 0.6rem
}

.model-rights .content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0.71rem
}

.model-rights .content-box .left-con,.model-rights .content-box .right-con {
    max-width: 8.2rem
}

.model-rights .content-box .left-con .tit,.model-rights .content-box .right-con .tit {
    text-align: center;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1rem
}

.model-rights .content-box .left-con .tit .time,.model-rights .content-box .right-con .tit .time {
    font-size: 0.16rem;
    color: #3a4649;
    line-height: 0.23rem
}

.model-rights .content-box .left-con .tit .text,.model-rights .content-box .right-con .tit .text {
    font-size: 0.36rem;
    color: #3a4649;
    letter-spacing: 0;
    line-height: 0.5rem
}

.model-rights .content-box .left-con .tit .border,.model-rights .content-box .right-con .tit .border {
    background: #d8d8d8;
    width: 0.4rem;
    height: 0.04rem;
    margin: 0 auto 0.2rem
}

.model-rights .content-box .left-con {
    padding-right: 0.8rem;
    border-right: 0.01rem solid #d8d8d8
}

.model-rights .content-box .right-con {
    padding-left: 0.8rem
}

.model-rights .content-box .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.model-rights .content-box .list .item {
    width: 2.2rem
}

.model-rights .content-box .list .item .t1 {
    font-size: 0.24rem;
    color: #3a4649;
    line-height: 0.34rem;
    margin-bottom: 0.08rem
}

.model-rights .content-box .list .item .t2 {
    font-size: 0.18rem;
    color: #3a4649;
    line-height: 0.3rem;
    margin-bottom: 0.05rem
}

.model-rights .content-box .list .item .t3 {
    font-size: 0.16rem;
    color: #3a4649;
    line-height: 0.23rem;
    opacity: .8
}

.model-rights .button-box {
    margin-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem
}

.model-rights .style3 {
    position: relative;
    width: 16.8rem;
    min-height: 7.2rem;
    margin: 0 auto;
    padding-bottom: 0.6rem;
    background: #fff;
    border-radius: var(--image-border-radius)
}

.model-rights .style3 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--image-border-radius);
    -o-object-fit: cover;
    object-fit: cover
}

.model-rights .style3 .title {
    padding-top: 0.8rem
}

.model-rights .style3 img+.content-box {
    padding-top: 0.8rem
}

.model-rights .style3 .pc-list {
    padding-left: 0.2rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0.1rem;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1.2rem;
    padding: 0 2.15rem
}

.model-rights .style3 .pc-list .item {
    width: 5.4rem;
    padding-top: 0.4rem
}

.model-rights .style3 .pc-list .item .t1 {
    font-size: 0.36rem;
    color: #3a4649;
    position: relative
}

.model-rights .style3 .pc-list .item .t1::before {
    content: "";
    position: absolute;
    left: -0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.04rem;
    height: 100%;
    background: #c30d23
}

.model-rights .style3 .pc-list .item .t2,.model-rights .style3 .pc-list .item .t3 {
    padding-top: 0.12rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #3a4649;
    font-size: 0.18rem;
    color: #3a4649;
    line-height: 36px
}

.model-rights .style3 .button-box {
    position: absolute;
    z-index: 2;
    bottom: -1.3rem;
    left: 50%;
    margin-left: -2.8rem;
    margin-top: 0
}

@media screen and (max-width: 750px) {
    .model-rights {
        height:auto;
        padding-bottom: 2.4rem;
        padding-top: 1.2rem
    }

    .model-rights .style1 .title {
        font-size: 0.42rem;
        font-weight: normal;
        color: #3a4649;
        line-height: 0.6rem;
        padding-bottom: 0
    }

    .model-rights .style1 .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0.6rem;
        margin: 0 0.7rem;
        overflow: hidden
    }

    .model-rights .style1 .content-box .left-con,.model-rights .style1 .content-box .right-con {
        max-width: 100%;
        padding: 0;
        border: none
    }

    .model-rights .style1 .content-box .left-con .tit,.model-rights .style1 .content-box .right-con .tit {
        display: block
    }

    .model-rights .style1 .content-box .left-con .tit .time,.model-rights .style1 .content-box .right-con .tit .time {
        display: block
    }

    .model-rights .style1 .content-box .left-con .tit .text,.model-rights .style1 .content-box .right-con .tit .text {
        font-size: 0.48rem;
        color: #3a4649;
        line-height: 0.68rem;
        letter-spacing: 0.05rem;
        display: inline-block;
        position: relative;
        z-index: 3;
        font-weight: bold;
        position: relative
    }

    .model-rights .style1 .content-box .left-con .tit .text::before,.model-rights .style1 .content-box .left-con .tit .text::after,.model-rights .style1 .content-box .right-con .tit .text::before,.model-rights .style1 .content-box .right-con .tit .text::after {
        position: absolute;
        content: "";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0.02rem;
        width: 1.5rem;
        background: #3a4649
    }

    .model-rights .style1 .content-box .left-con .tit .text::before,.model-rights .style1 .content-box .right-con .tit .text::before {
        left: 110%
    }

    .model-rights .style1 .content-box .left-con .tit .text::after,.model-rights .style1 .content-box .right-con .tit .text::after {
        right: 110%
    }

    .model-rights .style1 .content-box .left-con .tit .border,.model-rights .style1 .content-box .right-con .tit .border {
        display: none
    }

    .model-rights .style1 .content-box .left-con {
        padding-bottom: 0.6rem
    }

    .model-rights .style1 .content-box .list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .model-rights .style1 .content-box .list .item {
        width: 2.8rem
    }

    .model-rights .style1 .content-box .list .item .t1 {
        font-size: 0.36rem;
        color: #3a4649;
        line-height: 0.5rem
    }

    .model-rights .style1 .content-box .list .item .t2 {
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.36rem
    }

    .model-rights .style1 .content-box .list .item .t3 {
        font-size: 0.18rem;
        color: #3a4649;
        line-height: 0.25rem
    }

    .model-rights .style1 .button-box {
        margin-top: 0.6rem
    }

    .model-rights .style2 {
        position: relative;
        width: 6.5rem;
        height: 13.18rem;
        background: #fff;
        margin: 0 auto;
        border-radius: var(--image-border-radius);
        overflow: hidden
    }

    .model-rights .style2 .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .model-rights .style2 .title {
        padding-top: 0.8rem
    }

    .model-rights .style2 .content-box,.model-rights .style2 .title {
        position: relative;
        z-index: 2
    }

    .model-rights .style2 .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0.3rem
    }

    .model-rights .style2 .content-box .left-con+.right-con {
        margin-top: 0.6rem
    }

    .model-rights .style2 .content-box .left-con,.model-rights .style2 .content-box .right-con {
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden
    }

    .model-rights .style2 .content-box .left-con .tit,.model-rights .style2 .content-box .right-con .tit {
        position: relative;
        padding-right: 0.2rem;
        margin-bottom: 0;
        height: 100%
    }

    .model-rights .style2 .content-box .left-con .tit .time,.model-rights .style2 .content-box .right-con .tit .time {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .model-rights .style2 .content-box .left-con .tit .border,.model-rights .style2 .content-box .right-con .tit .border {
        position: absolute;
        right: 0;
        top: 0;
        width: 0.01rem;
        height: 10000%;
        background: #3a4649
    }

    .model-rights .style2 .content-box .left-con .tit .text,.model-rights .style2 .content-box .right-con .tit .text {
        text-align: left;
        font-size: 0.36rem;
        line-height: 0.41rem;
        padding-bottom: 0.16rem
    }

    .model-rights .style2 .content-box .left-con .tit .text span,.model-rights .style2 .content-box .right-con .tit .text span {
        font-size: 0.5rem;
        display: block;
        font-weight: 600;
        line-height: 0.7rem
    }

    .model-rights .style2 .content-box .left-con .list,.model-rights .style2 .content-box .right-con .list {
        padding-left: 0.2rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0.2rem;
        width: 4.9rem;
        padding-right: 0.1rem
    }

    .model-rights .style2 .content-box .left-con .list .item .t1,.model-rights .style2 .content-box .right-con .list .item .t1 {
        font-size: 0.36rem;
        color: #3a4649;
        line-height: 0.41rem
    }

    .model-rights .style2 .content-box .left-con .list .item .t2,.model-rights .style2 .content-box .right-con .list .item .t2 {
        font-size: 0.24rem;
        line-height: 0.36rem
    }

    .model-rights .style2 .content-box .right-con {
        padding-left: 0
    }

    .model-rights .style2 .button-box {
        position: relative;
        z-index: 2;
        margin-top: 0.77rem
    }

    .model-rights .style3 {
        position: relative;
        width: 6.5rem;
        height: auto;
        padding-bottom: 0.6rem;
        background: #fff;
        margin: 0 auto;
        border-radius: var(--image-border-radius)
    }

    .model-rights .style3 .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--image-border-radius)
    }

    .model-rights .style3 .title {
        padding-top: 0.8rem
    }

    .model-rights .style3 img+.content-box {
        padding-top: 0.8rem
    }

    .model-rights .style3 .content-box,.model-rights .style3 .title {
        position: relative;
        z-index: 2
    }

    .model-rights .style3 .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0.4rem
    }

    .model-rights .style3 .content-box .code-img {
        width: 2.56rem;
        height: 2.56rem;
        display: block;
        margin: 0.68rem auto 0
    }

    .model-rights .style3 .content-box .left-con+.right-con {
        margin-top: 0.6rem
    }

    .model-rights .style3 .content-box .left-con,.model-rights .style3 .content-box .right-con {
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden
    }

    .model-rights .style3 .content-box .left-con .tit,.model-rights .style3 .content-box .right-con .tit {
        position: relative;
        margin-bottom: 0;
        height: 100%
    }

    .model-rights .style3 .content-box .left-con .tit .time,.model-rights .style3 .content-box .right-con .tit .time {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .model-rights .style3 .content-box .left-con .tit .border,.model-rights .style3 .content-box .right-con .tit .border {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 0.01rem;
        height: 10000%;
        background: #3a4649
    }

    .model-rights .style3 .content-box .left-con .tit .text,.model-rights .style3 .content-box .right-con .tit .text {
        font-size: 0.36rem;
        font-weight: bold;
        color: #3a4649;
        line-height: 0.5rem;
        letter-spacing: 0.05rem;
        text-align: center
    }

    .model-rights .style3 .content-box .left-con .tit .text span,.model-rights .style3 .content-box .right-con .tit .text span {
        position: relative
    }

    .model-rights .style3 .content-box .left-con .tit .text span::before,.model-rights .style3 .content-box .right-con .tit .text span::before {
        position: absolute;
        content: "";
        right: 110%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0.02rem;
        width: 1.64rem;
        background: #3a4649
    }

    .model-rights .style3 .content-box .left-con .tit .text span::after,.model-rights .style3 .content-box .right-con .tit .text span::after {
        position: absolute;
        content: "";
        left: 105%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 0.02rem;
        width: 1.64rem;
        background: #3a4649
    }

    .model-rights .style3 .content-box .left-con .list,.model-rights .style3 .content-box .right-con .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0.2rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 0.1rem;
        gap: 0
    }

    .model-rights .style3 .content-box .left-con .list .item,.model-rights .style3 .content-box .right-con .list .item {
        width: auto;
        padding-top: 0.4rem
    }

    .model-rights .style3 .content-box .left-con .list .item .t1,.model-rights .style3 .content-box .right-con .list .item .t1 {
        font-size: 0.36rem;
        color: #3a4649;
        position: relative
    }

    .model-rights .style3 .content-box .left-con .list .item .t1::before,.model-rights .style3 .content-box .right-con .list .item .t1::before {
        content: "";
        position: absolute;
        left: -0.2rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0.04rem;
        height: 100%;
        background: #c30d23
    }

    .model-rights .style3 .content-box .left-con .list .item .t2,.model-rights .style3 .content-box .right-con .list .item .t2 {
        font-size: 0.24rem;
        line-height: 0.36rem
    }

    .model-rights .style3 .content-box .left-con {
        border: none
    }

    .model-rights .style3 .content-box .right-con {
        padding-left: 0
    }

    .model-rights .style3 .button-box {
        position: absolute;
        z-index: 2;
        bottom: -1.3rem;
        left: 50%;
        margin-left: -2.8rem;
        margin-top: 0
    }
}

.pc {
    display: block
}

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

.mob {
    display: none
}

@media screen and (max-width: 750px) {
    .mob {
        display:block
    }
}

.model-text-show-hide {
    position: relative;
    min-height: var(--100vh);
    height: -webkit-calc(var(--100vh)*3);
    height: -moz-calc(var(--100vh)*3);
    height: calc(var(--100vh)*3);
    overflow: hidden
}

.model-text-show-hide .text-wrap {
    position: relative;
    display: block;
    height: var(--100vh);
    width: 100%
}

.model-text-show-hide .text-wrap .item {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% + 1rem));
    -moz-transform: translateX(-50%) translateY(-moz-calc(-50% + 1rem));
    -ms-transform: translateX(-50%) translateY(calc(-50% + 1rem));
    transform: translateX(-50%) translateY(calc(-50% + 1rem));
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-text-show-hide .text-wrap .item.active {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-text-show-hide .text-wrap .item.hide {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% - 1rem));
    -moz-transform: translateX(-50%) translateY(-moz-calc(-50% - 1rem));
    -ms-transform: translateX(-50%) translateY(calc(-50% - 1rem));
    transform: translateX(-50%) translateY(calc(-50% - 1rem));
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-text-show-hide .text-wrap .item.scale {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-text-show-hide .text-wrap .item .t1 {
    font-size: 0.8rem;
    font-weight: 600;
    color: #333;
    line-height: 0.8rem
}

.model-text-show-hide .text-wrap .item .t1 img {
    width: 6.61rem
}

.model-text-show-hide .text-wrap .item .t2 {
    font-size: 0.48rem;
    font-weight: 600;
    color: #333;
    line-height: 0.8rem
}

.model-text-show-hide.fixed-active .text-wrap {
    position: fixed;
    top: 0;
    left: 0
}

@media screen and (max-width: 750px) {
    .model-text-show-hide {
        height:-webkit-calc(var(--100vh)*2.5);
        height: -moz-calc(var(--100vh)*2.5);
        height: calc(var(--100vh)*2.5)
    }

    .model-text-show-hide .text-wrap {
        position: relative;
        display: block;
        height: var(--100vh);
        width: 100%
    }

    .model-text-show-hide .text-wrap .item {
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% + 1rem));
        -moz-transform: translateX(-50%) translateY(-moz-calc(-50% + 1rem));
        -ms-transform: translateX(-50%) translateY(calc(-50% + 1rem));
        transform: translateX(-50%) translateY(calc(-50% + 1rem));
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-text-show-hide .text-wrap .item.active {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-text-show-hide .text-wrap .item.hide {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% - 1rem));
        -moz-transform: translateX(-50%) translateY(-moz-calc(-50% - 1rem));
        -ms-transform: translateX(-50%) translateY(calc(-50% - 1rem));
        transform: translateX(-50%) translateY(calc(-50% - 1rem));
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-text-show-hide .text-wrap .item.scale {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-text-show-hide .text-wrap .item .t1 {
        font-size: 0.8rem;
        font-weight: 600;
        color: #333;
        line-height: 0.8rem
    }

    .model-text-show-hide .text-wrap .item .t1 img {
        width: 80%
    }

    .model-text-show-hide .text-wrap .item .t2 {
        font-size: 0.48rem;
        font-weight: 600;
        color: #333;
        line-height: 0.8rem
    }

    .model-text-show-hide.fixed-active .text-wrap {
        position: fixed;
        top: 0;
        left: 0
    }
}

.model-video-text-full {
    position: relative;
    padding-bottom: 0.8rem
}

.model-video-text-full .scroll-to-bottom-full {
    position: relative;
    padding: 1.2rem 1.2rem 0
}

.model-video-text-full .scroll-to-bottom-full .wrap-box {
    padding-top: 0.6rem;
    width: 16.8rem;
    height: 7.2rem;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-video-text-full .scroll-to-bottom-full .wrap-box img,.model-video-text-full .scroll-to-bottom-full .wrap-box video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.model-video-text-full .scroll-to-bottom-full.scroll-full {
    padding-top: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box img,.model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box video {
    border-radius: 0
}

.model-video-text-full .scroll-to-bottom-full .txt {
    padding-top: 0.3rem;
    font-size: 0.36rem;
    color: #3a4649;
    text-align: center;
    font-weight: 700
}

.model-video-text-full .scroll-to-bottom-full .desc {
    padding-top: 0.2rem;
    font-size: .24rem;
    color: #3a4649;
    line-height: .48rem;
    font-weight: 400;
    text-align: center
}

@media screen and (max-width: 750px) {
    .model-video-text-full {
        position:relative
    }

    .model-video-text-full .scroll-to-bottom-full {
        position: relative;
        padding: 1.2rem 0.5rem 0
    }

    .model-video-text-full .scroll-to-bottom-full .wrap-box {
        width: 6.5rem;
        height: 11.5rem;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-video-text-full .scroll-to-bottom-full .wrap-box img,.model-video-text-full .scroll-to-bottom-full .wrap-box video,.model-video-text-full .scroll-to-bottom-full .wrap-box canvas {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: var(--image-border-radius)
    }

    .model-video-text-full .scroll-to-bottom-full .txt,.model-video-text-full .scroll-to-bottom-full .tit {
        padding-top: 0.3rem;
        font-size: 0.36rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700
    }

    .model-video-text-full .scroll-to-bottom-full .desc {
        padding-top: 0.2rem;
        font-size: .24rem;
        color: #3a4649;
        line-height: .48rem;
        font-weight: 400;
        text-align: center
    }

    .model-video-text-full .scroll-to-bottom-full.scroll-full {
        padding-top: 1.2rem;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box img,.model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box video,.model-video-text-full .scroll-to-bottom-full.scroll-full .wrap-box canvas {
        border-radius: 0
    }
}

.model-overview {
    height: 10.8rem;
    position: relative
}

.model-overview .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.model-overview .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.model-overview .overview-wrap {
    position: relative;
    z-index: 2
}

.model-overview .overview-wrap .title {
    padding-top: 0.9rem;
    padding-bottom: 0.3rem
}

.model-overview .overview-wrap .chery--global--button {
    margin: 0 auto
}

.model-overview .overview-wrap .chery--global--button+.txt {
    margin-top: 0.2rem
}

.model-overview .overview-wrap .panorama-car {
    display: block;
    margin: 0 auto 0.2rem;
    width: 1.62rem
}

.model-overview .overview-wrap .txt {
    opacity: .6;
    font-size: 0.16rem;
    color: #3a4649;
    text-align: center;
    line-height: 0.24rem;
    font-weight: 400
}

.model-overview .overview-wrap .overview-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.66rem 1.6rem 0 0.88rem
}

.model-overview .overview-wrap .overview-content .parameter .parameter-item {
    position: relative;
    padding-left: 0.86rem;
    margin-bottom: 0.8rem;
    height: 0.56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.model-overview .overview-wrap .overview-content .parameter .parameter-item .icon {
    position: absolute;
    width: 0.56rem;
    height: 0.56rem;
    left: 0;
    top: 0
}

.model-overview .overview-wrap .overview-content .parameter .parameter-item .t1 {
    font-size: 0.18rem;
    font-weight: normal;
    color: #666;
    line-height: 0.21rem;
    margin-bottom: 0.08rem
}

.model-overview .overview-wrap .overview-content .parameter .parameter-item .t2 {
    font-size: 0.18rem;
    color: #333;
    line-height: 0.21rem;
    font-weight: 400
}

.model-overview .overview-wrap .overview-content .parameter .border {
    display: none
}

.model-overview .overview-wrap .overview-content .car {
    width: 10.8rem;
    height: 6.075rem;
    position: relative
}

.model-overview .overview-wrap .overview-content .car .car-wrap,.model-overview .overview-wrap .overview-content .car .spritespin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.model-overview .overview-wrap .overview-content .car .car-wrap img,.model-overview .overview-wrap .overview-content .car .spritespin img {
    width: 100%
}

.model-overview .overview-wrap .overview-content .car .spritespin.loading::after {
    position: absolute;
    width: 1rem;
    height: 1rem;
    content: " ";
    background: url("../loading.html") no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    -webkit-animation: rotate 1s infinite;
    -moz-animation: rotate 1s infinite;
    animation: rotate 1s infinite
}

.model-overview .overview-wrap .overview-content .car .spritespin.ani {
    -webkit-animation: fadeInTopRight35degOverview 1000ms;
    -moz-animation: fadeInTopRight35degOverview 1000ms;
    animation: fadeInTopRight35degOverview 1000ms
}

@-webkit-keyframes fadeInTopRight35degOverview {
    from {
        opacity: .6;
        -webkit-transform: translate3d(60%, -5%, 0) scale(0.6);
        transform: translate3d(60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-moz-keyframes fadeInTopRight35degOverview {
    from {
        opacity: .6;
        -moz-transform: translate3d(60%, -5%, 0) scale(0.6);
        transform: translate3d(60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes fadeInTopRight35degOverview {
    from {
        opacity: .6;
        -webkit-transform: translate3d(60%, -5%, 0) scale(0.6);
        -moz-transform: translate3d(60%, -5%, 0) scale(0.6);
        transform: translate3d(60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.model-overview .overview-wrap .overview-content .color .color-wrap {
    min-width: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.model-overview .overview-wrap .overview-content .color .color-item {
    width: 0.42rem;
    height: 0.42rem;
    background: #909599;
    border: 0.02rem solid #fff;
    -webkit-box-shadow: 0 0.04rem 0.16rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0.04rem 0.16rem 0 rgba(0,0,0,.15);
    border-radius: 0.21rem;
    font-size: 0;
    margin-bottom: 0.3rem;
    cursor: pointer;
    line-height: 0.38rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease;
    overflow: hidden
}

.model-overview .overview-wrap .overview-content .color .color-item.active {
    width: 1.2rem;
    font-size: 0.18rem;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease
}

.model-overview .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 750px) {
    .model-overview {
        min-height:var(--100vh);
        padding-top: 2.14rem !important
    }

    .model-overview .overview-wrap .title {
        padding-top: 0
    }

    .model-overview .overview-wrap .panorama-car {
        display: block;
        margin: 0 auto 0.2rem;
        width: 1.62rem
    }

    .model-overview .overview-wrap .overview-content {
        display: block;
        position: relative;
        padding: 0
    }

    .model-overview .overview-wrap .overview-content .parameter {
        position: absolute;
        top: 5.83rem;
        width: 100%
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0.46rem;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .border {
        display: block
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item {
        margin-bottom: 0;
        padding-left: 0
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .icon {
        display: none
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .t1 {
        font-size: 0.18rem;
        font-weight: normal;
        color: #666;
        line-height: 0.21rem;
        margin-bottom: 0.12rem
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .t2 {
        font-size: 0.24rem;
        font-weight: normal;
        color: #333;
        line-height: 0.41rem
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .t2 span {
        font-size: 0.36rem
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .border {
        width: 0.01rem;
        height: 0.54rem;
        background: #cdcdcd
    }

    .model-overview .overview-wrap .overview-content .car {
        width: 7.5rem;
        height: 4.333rem;
        margin: 0 auto
    }

    .model-overview .overview-wrap .overview-content .color {
        position: absolute;
        top: 4.59rem;
        width: 100%
    }

    .model-overview .overview-wrap .overview-content .color .color-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0.3rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .model-overview .button-box {
        margin-top: 1.5rem
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.model-overview-card {
    position: relative
}

.model-overview-card .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.model-overview-card .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.model-overview-card .overview-wrap {
    position: relative;
    z-index: 2
}

.model-overview-card .overview-wrap .title {
    padding-top: 0.9rem;
    padding-bottom: 0.3rem
}

.model-overview-card .overview-wrap .chery--global--button {
    margin: 0 auto
}

.model-overview-card .overview-wrap .chery--global--button+.txt {
    margin-top: 0.2rem
}

.model-overview-card .overview-wrap .panorama-car {
    display: block;
    margin: 0 auto 0.2rem;
    width: 1.62rem
}

.model-overview-card .overview-wrap .txt {
    opacity: .6;
    font-size: 0.16rem;
    color: #3a4649;
    text-align: center;
    line-height: 0.24rem;
    font-weight: 400
}

.model-overview-card .overview-wrap .overview-content {
    margin: 0.6rem 1.2rem 0;
    min-height: 7.6rem;
    position: relative;
    padding-top: 0.93rem
}

.model-overview-card .overview-wrap .overview-content .panorama-car {
    width: 1.48rem;
    height: 1.08rem;
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.model-overview-card .overview-wrap .overview-content .parameter {
    position: absolute;
    left: 0.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.3rem
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-item:last-child {
    margin-bottom: 0
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-item .icon {
    position: absolute;
    width: 0.56rem;
    height: 0.56rem;
    left: 0;
    top: 0;
    display: none
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-item .t1 {
    font-size: 0.18rem;
    font-weight: normal;
    color: #666;
    line-height: 0.21rem;
    margin-bottom: 0.08rem
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-item .t2 {
    font-size: 0.36rem;
    color: #333;
    line-height: 0.5rem
}

.model-overview-card .overview-wrap .overview-content .parameter .border {
    display: none
}

.model-overview-card .overview-wrap .overview-content .car {
    width: 10.8rem;
    height: 6.075rem;
    position: absolute;
    left: 50%;
    margin-left: -5.4rem
}

.model-overview-card .overview-wrap .overview-content .car .car-wrap,.model-overview-card .overview-wrap .overview-content .car .spritespin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.model-overview-card .overview-wrap .overview-content .car .car-wrap img,.model-overview-card .overview-wrap .overview-content .car .spritespin img {
    width: 100%
}

.model-overview-card .overview-wrap .overview-content .car .spritespin.loading::after {
    position: absolute;
    width: 1rem;
    height: 1rem;
    content: " ";
    background: url("../loading.html") no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    -webkit-animation: rotate 1s infinite;
    -moz-animation: rotate 1s infinite;
    animation: rotate 1s infinite
}

.model-overview-card .overview-wrap .overview-content .car .spritespin.left.ani {
    -webkit-animation: fadeInTopLeft35degOverview 1000ms;
    -moz-animation: fadeInTopLeft35degOverview 1000ms;
    animation: fadeInTopLeft35degOverview 1000ms
}

.model-overview-card .overview-wrap .overview-content .car .spritespin.right.ani {
    -webkit-animation: fadeInTopRight35degOverview 1000ms;
    -moz-animation: fadeInTopRight35degOverview 1000ms;
    animation: fadeInTopRight35degOverview 1000ms
}

@keyframes fadeInTopRight35degOverview {
    from {
        opacity: .6;
        -webkit-transform: translate3d(60%, -5%, 0) scale(0.6);
        -moz-transform: translate3d(60%, -5%, 0) scale(0.6);
        transform: translate3d(60%, -5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-webkit-keyframes fadeInTopLeft35degOverview {
    from {
        opacity: .6;
        -webkit-transform: translate3d(-60%, 5%, 0) scale(0.6);
        transform: translate3d(-60%, 5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-moz-keyframes fadeInTopLeft35degOverview {
    from {
        opacity: .6;
        -moz-transform: translate3d(-60%, 5%, 0) scale(0.6);
        transform: translate3d(-60%, 5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes fadeInTopLeft35degOverview {
    from {
        opacity: .6;
        -webkit-transform: translate3d(-60%, 5%, 0) scale(0.6);
        -moz-transform: translate3d(-60%, 5%, 0) scale(0.6);
        transform: translate3d(-60%, 5%, 0) scale(0.6)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.model-overview-card .overview-wrap .overview-content .color {
    position: absolute;
    z-index: 2;
    right: 0.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.model-overview-card .overview-wrap .overview-content .color .color-wrap {
    min-width: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.model-overview-card .overview-wrap .overview-content .color .color-item {
    width: 0.42rem;
    height: 0.42rem;
    background: #909599;
    border: 0.02rem solid #fff;
    -webkit-box-shadow: 0 0.04rem 0.16rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0.04rem 0.16rem 0 rgba(0,0,0,.15);
    border-radius: 0.21rem;
    font-size: 0;
    margin-bottom: 0.3rem;
    cursor: pointer;
    line-height: 0.42rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease;
    position: relative
}

.model-overview-card .overview-wrap .overview-content .color .color-item span {
    position: absolute;
    min-width: 6em;
    right: -webkit-calc(100% + 0.2rem);
    right: -moz-calc(100% + 0.2rem);
    right: calc(100% + 0.2rem);
    text-align: right;
    color: var(--primary--color)
}

.model-overview-card .overview-wrap .overview-content .color .color-item.active {
    font-size: 0.18rem
}

.model-overview-card .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.6rem auto 1.2rem;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 750px) {
    .model-overview-card {
        height:auto;
        padding-top: 1.2rem !important;
        padding-bottom: 1.1rem
    }

    .model-overview-card .overview-wrap .title {
        font-size: 0.6rem;
        line-height: 0.85rem;
        padding-bottom: 0.6rem;
        padding-top: 0
    }

    .model-overview-card .overview-wrap .panorama-car {
        display: block;
        margin: 0 auto 0.2rem;
        width: 1.62rem
    }

    .model-overview-card .overview-wrap .overview-content {
        display: block;
        position: relative;
        padding: 0;
        margin: 0 0.5rem;
        width: 6.48rem;
        height: 8.18rem
    }

    .model-overview-card .overview-wrap .overview-content .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .model-overview-card .overview-wrap .overview-content .bg img {
        width: 100%;
        height: 100%;
        opacity: 1;
        border-radius: var(--image-border-radius)
    }

    .model-overview-card .overview-wrap .overview-content .bg+a {
        display: block;
        min-height: 1.04rem
    }

    .model-overview-card .overview-wrap .overview-content .panorama-car {
        padding-top: 0.78rem;
        position: relative;
        z-index: 2;
        width: 1.62rem;
        height: auto;
        left: auto;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }

    .model-overview-card .overview-wrap .overview-content .car {
        padding-top: 1.4rem;
        width: 6.48rem;
        height: auto;
        position: relative;
        margin-left: 0;
        left: auto;
        z-index: 2
    }

    .model-overview-card .overview-wrap .overview-content .car .car-wrap {
        position: static;
        width: 6.48rem;
        height: auto;
        min-height: 3.5rem
    }

    .model-overview-card .overview-wrap .overview-content .car .car-wrap .spritespin {
        position: static
    }

    .model-overview-card .overview-wrap .overview-content .car .car-wrap img {
        width: 6.48rem
    }

    .model-overview-card .overview-wrap .overview-content .color {
        position: relative;
        z-index: 2;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }

    .model-overview-card .overview-wrap .overview-content .color .color-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0.3rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .model-overview-card .overview-wrap .overview-content .color .color-wrap .color-item {
        position: relative;
        overflow: initial
    }

    .model-overview-card .overview-wrap .overview-content .color .color-wrap .color-item span {
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        color: var(--primary--color);
        white-space: nowrap;
        text-align: center
    }

    .model-overview-card .overview-wrap .overview-content .parameter {
        bottom: -1.4rem;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        left: auto
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0.46rem;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .border {
        display: block
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item {
        margin-bottom: 0;
        padding-left: 0
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .icon {
        display: none
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .t1 {
        font-size: 0.18rem;
        font-weight: normal;
        color: #666;
        line-height: 0.21rem;
        margin-bottom: 0.12rem
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .t2 {
        font-size: 0.24rem;
        font-weight: normal;
        color: #333;
        line-height: 0.41rem
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-item .t2 span {
        font-size: 0.36rem
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .border {
        width: 0.01rem;
        height: 0.54rem;
        background: #cdcdcd
    }

    .model-overview-card .button-box {
        margin-top: 1.8rem;
        margin-bottom: 0
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.model-image-text .image-text-box {
    padding: 0.8rem 1.2rem
}

.model-image-text .image-text-box .content-img {
    width: 100%;
    border-radius: var(--image-border-radius)
}

.model-image-text .image-text-box .txt {
    padding-top: 0.3rem;
    font-size: 0.36rem;
    color: #3a4649;
    text-align: center;
    font-weight: 700
}

@media screen and (max-width: 750px) {
    .model-image-text {
        display:block
    }

    .model-image-text .image-text-box {
        padding: 0.8rem 0.5rem 0.8rem
    }

    .model-image-text .image-text-box .content-img {
        width: 6.5rem;
        margin: 0 auto;
        border-radius: var(--image-border-radius)
    }

    .model-image-text .image-text-box .txt {
        padding-top: 0.3rem;
        font-size: 0.3rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700
    }
}

.model-image-text-swiper {
    padding-bottom: 1.2rem
}

.model-image-text-swiper .title {
    padding-top: 0.9rem
}

.model-image-text-swiper .swiper {
    padding-top: 0.46rem
}

.model-image-text-swiper .swiper .swiper-slide {
    padding: 0 1.2rem 0.36rem
}

.model-image-text-swiper .swiper .swiper-slide .pc-only {
    display: block !important
}

.model-image-text-swiper .swiper .swiper-slide .mob-only {
    display: none !important
}

.model-image-text-swiper .swiper .swiper-slide img,.model-image-text-swiper .swiper .swiper-slide video {
    width: 100%;
    height: 7rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.model-image-text-swiper .swiper .swiper-slide .txt {
    padding-top: 0.5rem;
    font-size: 0.36rem;
    color: #3a4649;
    line-height: 0.5rem;
    text-align: center
}

.model-image-text-swiper .swiper .swiper-slide .desc {
    padding-top: 0.2rem;
    font-size: .24rem;
    color: #3a4649;
    line-height: .48rem;
    font-weight: 400;
    width: auto;
    text-align: left;
    padding-bottom: 0;
    text-align: center
}

.model-image-text-swiper .swiper .swiper-pagination {
    top: 7.7rem
}

.model-image-text-swiper .swiper .swiper-button-prev,.model-image-text-swiper .swiper .swiper-button-next {
    top: 3.75rem;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.model-image-text-swiper .scroll-txt {
    display: none
}

.model-image-text-swiper .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 750px) {
    .model-image-text-swiper {
        padding-bottom:1.2rem;
        position: relative;
        background-color: #fff
    }

    .model-image-text-swiper .button-box {
        gap: 0.4rem
    }

    .model-image-text-swiper .title {
        padding-bottom: 0.6rem
    }

    .model-image-text-swiper .swiper {
        overflow: initial
    }

    .model-image-text-swiper .swiper .swiper-slide {
        width: 100%;
        padding: 0 0.5rem 0
    }

    .model-image-text-swiper .swiper .swiper-slide .pc-only {
        display: none !important
    }

    .model-image-text-swiper .swiper .swiper-slide .mob-only {
        display: block !important
    }

    .model-image-text-swiper .swiper .swiper-slide img,.model-image-text-swiper .swiper .swiper-slide video,.model-image-text-swiper .swiper .swiper-slide canvas {
        display: block;
        width: 100%;
        width: 6.5rem;
        height: 9.2rem;
        border-radius: var(--image-border-radius);
        -webkit-box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15);
        box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15)
    }

    .model-image-text-swiper .swiper .swiper-slide .txt {
        padding-top: 0.6rem;
        font-size: 0.36rem;
        color: #3a4649;
        text-align: center;
        font-weight: 700
    }

    .model-image-text-swiper .swiper .swiper-pagination {
        top: 10rem
    }

    .model-image-text-swiper .scroll-txt {
        display: block;
        text-align: center;
        opacity: .6;
        font-size: 0.24rem;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        padding: 0.6rem 0 1rem
    }
}

.model-highlights1,.model-highlights2 {
    --more--transition--duration: 0.5s;
    --more--transition--name: ease-in-out
}

.model-highlights1.deep-active .exterior-box,.model-highlights2.deep-active .exterior-box {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights1.deep-active .deep-dive-modals,.model-highlights2.deep-active .deep-dive-modals {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights1.deep-active .slide-tip,.model-highlights2.deep-active .slide-tip {
    display: block !important
}

.model-highlights1 .title,.model-highlights2 .title {
    padding-top: 0.9rem;
    padding-bottom: 0.46rem
}

.model-highlights1 .exterior-box,.model-highlights2 .exterior-box {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights1 .exterior-box.left-text .content-box,.model-highlights2 .exterior-box.left-text .content-box {
    padding-top: 0.46rem;
    padding-left: 1.2rem;
    padding-bottom: 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.model-highlights1 .exterior-box.left-text .content-box .text-box,.model-highlights2 .exterior-box.left-text .content-box .text-box {
    padding-top: 4rem;
    width: 4rem
}

.model-highlights1 .exterior-box.left-text .content-box .text-box .tit,.model-highlights2 .exterior-box.left-text .content-box .text-box .tit {
    font-size: 0.3rem;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: 0.2rem
}

.model-highlights1 .exterior-box.left-text .content-box .text-box .desc,.model-highlights2 .exterior-box.left-text .content-box .text-box .desc {
    font-size: 0.24rem;
    color: #3a4649;
    font-weight: 400
}

.model-highlights1 .exterior-box.left-text .content-box .img-box,.model-highlights2 .exterior-box.left-text .content-box .img-box {
    border-radius: var(--image-border-radius) 0 0 var(--image-border-radius)
}

.model-highlights1 .exterior-box.right-text .content-box,.model-highlights2 .exterior-box.right-text .content-box {
    padding-top: 0.46rem;
    padding-right: 1.2rem;
    padding-bottom: 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.model-highlights1 .exterior-box.right-text .content-box .text-box,.model-highlights2 .exterior-box.right-text .content-box .text-box {
    padding-top: 4rem;
    padding-left: 0.8rem;
    width: 4rem
}

.model-highlights1 .exterior-box.right-text .content-box .text-box .tit,.model-highlights2 .exterior-box.right-text .content-box .text-box .tit {
    font-size: 0.36rem;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: 0.2rem
}

.model-highlights1 .exterior-box.right-text .content-box .text-box .desc,.model-highlights2 .exterior-box.right-text .content-box .text-box .desc {
    font-size: 0.24rem;
    color: #3a4649;
    font-weight: 400
}

.model-highlights1 .exterior-box.right-text .content-box .img-box,.model-highlights2 .exterior-box.right-text .content-box .img-box {
    border-radius: 0 var(--image-border-radius) var(--image-border-radius) 0
}

.model-highlights1 .exterior-box .more,.model-highlights2 .exterior-box .more {
    margin-top: 2.33rem;
    cursor: pointer
}

.model-highlights1 .exterior-box .more .icon-wrap,.model-highlights2 .exterior-box .more .icon-wrap {
    position: relative;
    padding: 0.06rem;
    width: 0.72rem;
    height: 0.72rem;
    margin-bottom: 0.12rem
}

.model-highlights1 .exterior-box .more .icon-wrap .icon-box,.model-highlights2 .exterior-box .more .icon-wrap .icon-box {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.6rem;
    height: 0.6rem;
    background: rgba(58,70,73,.4);
    border-radius: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more .icon-wrap .icon-box svg,.model-highlights2 .exterior-box .more .icon-wrap .icon-box svg {
    color: #fff;
    font-size: 0.38rem
}

.model-highlights1 .exterior-box .more .icon-wrap .bor,.model-highlights2 .exterior-box .more .icon-wrap .bor {
    position: absolute;
    width: 0.72rem;
    height: 0.72rem;
    left: 0;
    top: 0;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more .icon-wrap .line,.model-highlights2 .exterior-box .more .icon-wrap .line {
    position: absolute;
    width: 1.9rem;
    height: 0.04rem;
    left: 0.72rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more .txt,.model-highlights2 .exterior-box .more .txt {
    opacity: .4;
    font-size: 0.18rem;
    color: #3a4649;
    font-weight: 400;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more:hover .icon-box,.model-highlights2 .exterior-box .more:hover .icon-box {
    background-color: rgba(58,70,73,.8);
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more:hover .bor,.model-highlights2 .exterior-box .more:hover .bor {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more:hover .line,.model-highlights2 .exterior-box .more:hover .line {
    width: 0;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .more:hover .txt,.model-highlights2 .exterior-box .more:hover .txt {
    opacity: 1;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights1 .exterior-box .content-box,.model-highlights2 .exterior-box .content-box {
    padding: 0.6rem 1.2rem 1.2rem
}

.model-highlights1 .exterior-box .content-box .tit,.model-highlights2 .exterior-box .content-box .tit {
    font-size: 0.36rem;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: 0.2rem
}

.model-highlights1 .exterior-box .img-box,.model-highlights2 .exterior-box .img-box {
    width: 11.4rem;
    height: 6.4rem
}

.model-highlights1 .exterior-box .img-box img,.model-highlights2 .exterior-box .img-box img {
    width: 11.4rem;
    height: 6.4rem;
    border-radius: var(--image-border-radius)
}

.model-highlights1 .deep-dive-modals,.model-highlights2 .deep-dive-modals {
    z-index: 101;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights1 .deep-dive-modals .horizontal-scroll-container-y,.model-highlights2 .deep-dive-modals .horizontal-scroll-container-y {
    height: 100vh;
    overflow-y: auto
}

.model-highlights1 .deep-dive-modals .deep-dive-ui,.model-highlights2 .deep-dive-modals .deep-dive-ui {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    height: 1rem
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .pc-only,.model-highlights2 .deep-dive-modals .deep-dive-ui .pc-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-button-container,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-button-container {
    margin-left: 0.56rem
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button {
    --deep-dive-button-mask-progress: 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image {
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3a4649;
    cursor: pointer;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image-close,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image-close {
    fill: #fff;
    font-size: 0.36rem
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator {
    width: 2.65rem;
    height: 0.06rem;
    background: #d2d2d7;
    margin-left: 0.2rem;
    pointer-events: none;
    border-radius: 0.03rem
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator .deep-dive-progress-indicator-progress,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator .deep-dive-progress-indicator-progress {
    width: 100%;
    height: 100%;
    background: #c30d23;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0.015);
    -moz-transform: scaleX(0.015);
    -ms-transform: scaleX(0.015);
    transform: scaleX(0.015);
    border-radius: 0.03rem
}

.model-highlights1 .deep-dive-modals .deep-dive-ui .chery--global--button,.model-highlights2 .deep-dive-modals .deep-dive-ui .chery--global--button {
    margin-left: 0.3rem
}

.model-highlights1 .horizontal-scroll,.model-highlights2 .horizontal-scroll {
    --dd-scroll-height: auto;
    height: var(--dd-scroll-height)
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .slide-tip,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .slide-tip {
    position: absolute;
    width: 1.8rem;
    height: 1rem;
    bottom: 0.6rem;
    left: 1.2rem;
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: slide-tip 10s forwards;
    -moz-animation: slide-tip 10s forwards;
    animation: slide-tip 10s forwards
}

@-webkit-keyframes slide-tip {
    0% {
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes slide-tip {
    0% {
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes slide-tip {
    0% {
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .slide-tip img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .slide-tip img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    position: relative;
    height: -webkit-calc(var(--100vh) - 1rem - env(safe-area-inset-bottom));
    height: -moz-calc(var(--100vh) - 1rem - env(safe-area-inset-bottom));
    height: calc(var(--100vh) - 1rem - env(safe-area-inset-bottom));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item .txt-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item .txt-wrap {
    font-size: 0.36rem;
    line-height: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item .txt-wrap.left,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item .txt-wrap.left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item:nth-child(2n),.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item:nth-child(2n) {
    margin-bottom: 1.5rem
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item:nth-child(2n+1),.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item:nth-child(2n+1) {
    margin-top: 1rem
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item:first-child,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only .item:first-child {
    margin-top: 0
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .mob-only,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .mob-only {
    display: none
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item+.item,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item+.item {
    margin-left: 0.8rem
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .tit,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .tit {
    font-size: 0.3rem;
    color: #3a4649
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .desc,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .desc {
    font-size: 0.24rem;
    color: #3a4649;
    font-weight: 400
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas {
    border-radius: var(--image-border-radius);
    -o-object-fit: cover;
    object-fit: cover
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .tit+.desc,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .tit+.desc {
    margin-top: 0.2rem
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+.media-wrap,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap+.txt-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+.media-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap+.txt-wrap {
    margin-top: 0.3rem;
    margin-left: 0.3rem
}

.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .pc-only,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .pc-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 750px) {
    .model-highlights1,.model-highlights2 {
        padding-bottom:0.8rem;
        display: block
    }

    .model-highlights1 .title,.model-highlights2 .title {
        display: none
    }

    .model-highlights1 .exterior-box,.model-highlights2 .exterior-box {
        padding: 0.8rem 0.5rem 0
    }

    .model-highlights1 .exterior-box.left-text .content-box,.model-highlights1 .exterior-box.right-text .content-box,.model-highlights2 .exterior-box.left-text .content-box,.model-highlights2 .exterior-box.right-text .content-box {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .model-highlights1 .exterior-box.left-text .content-box .video-wrap,.model-highlights1 .exterior-box.right-text .content-box .video-wrap,.model-highlights2 .exterior-box.left-text .content-box .video-wrap,.model-highlights2 .exterior-box.right-text .content-box .video-wrap {
        border-radius: var(--image-border-radius);
        overflow: hidden
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box,.model-highlights1 .exterior-box.right-text .content-box .text-box,.model-highlights2 .exterior-box.left-text .content-box .text-box,.model-highlights2 .exterior-box.right-text .content-box .text-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 0.3rem;
        padding-left: 0;
        width: 100%;
        text-align: center
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box .desc,.model-highlights1 .exterior-box.right-text .content-box .text-box .desc,.model-highlights2 .exterior-box.left-text .content-box .text-box .desc,.model-highlights2 .exterior-box.right-text .content-box .text-box .desc {
        display: none
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box .more,.model-highlights1 .exterior-box.right-text .content-box .text-box .more,.model-highlights2 .exterior-box.left-text .content-box .text-box .more,.model-highlights2 .exterior-box.right-text .content-box .text-box .more {
        margin-top: 0.4rem;
        position: relative;
        height: 1.6rem
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box .more .icon-wrap,.model-highlights1 .exterior-box.right-text .content-box .text-box .more .icon-wrap,.model-highlights2 .exterior-box.left-text .content-box .text-box .more .icon-wrap,.model-highlights2 .exterior-box.right-text .content-box .text-box .more .icon-wrap {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0.8rem;
        width: 0.8rem;
        height: 0.8rem;
        padding: 0
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box .more .icon-wrap .bor,.model-highlights1 .exterior-box.left-text .content-box .text-box .more .icon-wrap .line,.model-highlights1 .exterior-box.right-text .content-box .text-box .more .icon-wrap .bor,.model-highlights1 .exterior-box.right-text .content-box .text-box .more .icon-wrap .line,.model-highlights2 .exterior-box.left-text .content-box .text-box .more .icon-wrap .bor,.model-highlights2 .exterior-box.left-text .content-box .text-box .more .icon-wrap .line,.model-highlights2 .exterior-box.right-text .content-box .text-box .more .icon-wrap .bor,.model-highlights2 .exterior-box.right-text .content-box .text-box .more .icon-wrap .line {
        display: none
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box .more .icon-wrap .icon-box,.model-highlights1 .exterior-box.right-text .content-box .text-box .more .icon-wrap .icon-box,.model-highlights2 .exterior-box.left-text .content-box .text-box .more .icon-wrap .icon-box,.model-highlights2 .exterior-box.right-text .content-box .text-box .more .icon-wrap .icon-box {
        width: 0.8rem;
        height: 0.8rem;
        background-color: #3a4649
    }

    .model-highlights1 .exterior-box.left-text .content-box .text-box .more .txt,.model-highlights1 .exterior-box.right-text .content-box .text-box .more .txt,.model-highlights2 .exterior-box.left-text .content-box .text-box .more .txt,.model-highlights2 .exterior-box.right-text .content-box .text-box .more .txt {
        font-size: 0.18rem;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        opacity: 1
    }

    .model-highlights1 .exterior-box.left-text .content-box .img-box,.model-highlights1 .exterior-box.right-text .content-box .img-box,.model-highlights2 .exterior-box.left-text .content-box .img-box,.model-highlights2 .exterior-box.right-text .content-box .img-box {
        border-radius: var(--image-border-radius);
        overflow: hidden
    }

    .model-highlights1 .exterior-box .img-box,.model-highlights2 .exterior-box .img-box {
        width: 6.5rem;
        height: auto;
        border-radius: var(--image-border-radius)
    }

    .model-highlights1 .exterior-box .more,.model-highlights2 .exterior-box .more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .model-highlights1 .exterior-box .more .icon-wrap,.model-highlights2 .exterior-box .more .icon-wrap {
        margin: 0.2rem auto 0
    }

    .model-highlights1 .exterior-box .more .icon-wrap .icon-box,.model-highlights2 .exterior-box .more .icon-wrap .icon-box {
        background-color: #3a4649;
        -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
        -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
        transition: all var(--more--transition--duration) var(--more--transition--name)
    }

    .model-highlights1 .exterior-box .more .icon-wrap .bor,.model-highlights2 .exterior-box .more .icon-wrap .bor {
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotateZ(-45deg);
        -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
        -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
        transition: all var(--more--transition--duration) var(--more--transition--name)
    }

    .model-highlights1 .exterior-box .more .icon-wrap .line,.model-highlights2 .exterior-box .more .icon-wrap .line {
        width: 0;
        -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
        -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
        transition: all var(--more--transition--duration) var(--more--transition--name)
    }

    .model-highlights1 .exterior-box .more .icon-wrap .txt,.model-highlights2 .exterior-box .more .icon-wrap .txt {
        opacity: 1;
        -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
        -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
        transition: all var(--more--transition--duration) var(--more--transition--name)
    }

    .model-highlights1 .exterior-box .more .txt,.model-highlights2 .exterior-box .more .txt {
        display: block
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .slide-tip,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .slide-tip {
        position: absolute;
        width: 2.6rem;
        height: 1.2rem;
        bottom: -webkit-calc(env(safe-area-inset-bottom) + 1rem);
        bottom: -moz-calc(env(safe-area-inset-bottom) + 1rem);
        bottom: calc(env(safe-area-inset-bottom) + 1rem);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
        -webkit-animation: slide-tip 10s forwards;
        -moz-animation: slide-tip 10s forwards;
        animation: slide-tip 10s forwards
    }

    @-webkit-keyframes slide-tip {
        0% {
            opacity: 1
        }

        99% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @-moz-keyframes slide-tip {
        0% {
            opacity: 1
        }

        99% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes slide-tip {
        0% {
            opacity: 1
        }

        99% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .slide-tip img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .slide-tip img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content {
        padding-right: 1.2rem
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .mob-only,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .mob-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .pc-only {
        display: none
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.3rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img {
        display: block
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap .tit,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap .tit {
        font-size: 0.36rem;
        line-height: 0.5rem
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap .desc,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap .desc {
        line-height: 0.28rem;
        display: none
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap .video-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap .video-wrap {
        height: auto
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap:nth-child(2n),.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap:nth-child(2n) {
        margin-top: 0
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .video-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .video-wrap {
        width: auto;
        -o-object-fit: cover;
        object-fit: cover;
        height: auto;
        border-radius: var(--image-border-radius);
        margin-top: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) canvas,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) .video-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) canvas,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) .video-wrap {
        width: 12rem;
        height: 9.2rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2) img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2) video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2) canvas,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2) img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2) video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2) canvas {
        width: 6.8rem;
        -o-object-fit: cover;
        object-fit: cover;
        height: 8rem
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) canvas,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) .video-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) canvas,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(3) .video-wrap {
        width: 12.6rem;
        -o-object-fit: cover;
        object-fit: cover;
        height: 7.6rem
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) canvas,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) .video-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) canvas,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(4) .video-wrap {
        height: 9.2rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas+.txt-wrap,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+.video-wrap,.model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .video-wrap+.txt-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas+.txt-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+.video-wrap,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .video-wrap+.txt-wrap {
        margin-top: 0
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2n),.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2n) {
        margin-bottom: 1.5rem
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2n+1),.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(2n+1) {
        margin-top: 1rem
    }

    .model-highlights1 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:first-child,.model-highlights2 .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:first-child {
        margin-top: 0
    }

    .model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image {
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        cursor: pointer
    }

    .model-highlights1 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image-close,.model-highlights2 .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image-close {
        fill: #fff
    }

    .model-highlights1.deep-active .slide-tip,.model-highlights2.deep-active .slide-tip {
        display: block !important
    }
}

.model-highlights1 .exterior-box .content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-bottom: 1.2rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.model-highlights1 .exterior-box .content-box .img-text-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.model-highlights1 .exterior-box .content-box .img-text-box .img {
    height: 6.4rem
}

.model-highlights1 .exterior-box .content-box .img-text-box .big-img {
    width: 11.4rem;
    height: 6.4rem
}

.model-highlights1 .exterior-box .content-box .img-text-box .small-img {
    margin-top: 1.6rem;
    width: 4.8rem;
    height: 4.8rem
}

.model-highlights1 .exterior-box .content-box .img-text-box .text {
    margin-top: 0.3rem;
    color: #3a4649;
    text-align: center;
    line-height: 0.42rem
}

.model-highlights1 .exterior-box .content-box .img-text-box .text .txt,.model-highlights1 .exterior-box .content-box .img-text-box .text .tit {
    font-size: 0.36rem;
    font-weight: bold
}

.model-highlights1 .exterior-box .content-box .img-text-box .text .desc {
    padding-top: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.48rem
}

.model-highlights1 .exterior-box .content-box .img-text-box+.img-text-box {
    margin-left: 0.5rem
}

.model-highlights1 .exterior-box .content-box .more {
    margin-top: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0.35rem;
    text-align: center
}

.model-highlights1 .exterior-box .content-box .img-text-box+.more {
    margin-top: 1rem
}

@media screen and (max-width: 750px) {
    .model-highlights1 .exterior-box .content-box {
        padding:0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .img {
        height: 6.5rem
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .big-img {
        width: 100%;
        height: 6.5rem
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .small-img {
        margin-top: 0;
        width: 6.5rem;
        height: 6.5rem
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .text {
        margin-top: 0.3rem;
        line-height: 0.42rem
    }

    .model-highlights1 .exterior-box .content-box .img-text-box+.img-text-box {
        margin-left: 0;
        margin-top: 0.3rem
    }
}

.model-highlights2 .exterior-box .content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.model-highlights2 .exterior-box .content-box .text-box {
    padding-top: 2.58rem;
    padding-left: 0.6rem
}

.model-highlights2 .exterior-box .content-box .text-box .desc {
    font-size: 0.24rem;
    font-weight: 400;
    color: #3a4649;
    line-height: 0.36rem;
    text-align: left
}

.model-highlights2 .exterior-box .content-box .text-box .more {
    margin-top: 2.11rem
}

@media screen and (max-width: 750px) {
    .model-highlights2 .exterior-box .content-box {
        padding:0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .model-highlights2 .exterior-box .content-box .img-box img {
        display: block;
        width: 6.5rem;
        height: 6.5rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-highlights2 .exterior-box .content-box .text-box {
        padding: 0;
        padding-top: 0.3rem
    }

    .model-highlights2 .exterior-box .content-box .text-box .tit {
        font-size: 0.3rem;
        font-weight: 600;
        color: #3a4649;
        line-height: 0.42rem;
        text-align: center
    }

    .model-highlights2 .exterior-box .content-box .text-box .desc {
        font-size: 0.24rem;
        font-weight: 400;
        color: #3a4649;
        line-height: 0.36rem;
        text-align: center
    }

    .model-highlights2 .exterior-box .content-box .text-box .more {
        margin-top: 0.6rem;
        text-align: center
    }
}

.component.model-highlights3 {
    padding: 0.9rem 1.2rem 0.3rem
}

.component.model-highlights3 .title {
    margin-bottom: 0.46rem
}

.component.model-highlights3 .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component.model-highlights3 .desc {
    font-size: 0.24rem;
    color: #3a4649;
    line-height: 0.48rem;
    font-weight: 400;
    width: 11.78rem;
    text-align: center;
    padding-bottom: 0.8rem;
    margin: 0 auto
}

.component.model-highlights3 .content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.6rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.component.model-highlights3 .content-box .text-box {
    width: 3.2rem
}

.component.model-highlights3 .content-box .text-box .tit {
    font-size: 0.36rem;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: 0.2rem;
    line-height: 0.6rem
}

.component.model-highlights3 .content-box .text-box .desc {
    font-size: 0.24rem;
    color: #3a4649;
    line-height: 0.48rem;
    font-weight: 400;
    width: auto;
    text-align: left;
    padding-bottom: 0
}

.component.model-highlights3 .content-box .img-box {
    width: 12.8rem;
    height: 7.2rem
}

.component.model-highlights3 .content-box .img-box img,.component.model-highlights3 .content-box .img-box video,.component.model-highlights3 .content-box .img-box canvas {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.component.model-highlights3 .content-box .text-box+.img-box,.component.model-highlights3 .content-box .img-box+.text-box {
    margin-left: 0.8rem
}

@media screen and (max-width: 750px) {
    .component.model-highlights3 {
        padding:1.2rem 0.5rem
    }

    .component.model-highlights3 .desc {
        width: auto
    }

    .component.model-highlights3 .title {
        margin-bottom: 0.4rem;
        padding-bottom: 0
    }

    .component.model-highlights3 .content-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        margin-bottom: 0.8rem
    }

    .component.model-highlights3 .content-box:last-of-type {
        margin-bottom: 0
    }

    .component.model-highlights3 .content-box .text-box {
        width: 5.2rem;
        text-align: center;
        padding-top: 0.15rem
    }

    .component.model-highlights3 .content-box .text-box .desc {
        text-align: center
    }

    .component.model-highlights3 .content-box .img-box {
        width: 6.5rem;
        height: 6.5rem
    }

    .component.model-highlights3 .content-box .text-box+.img-box,.component.model-highlights3 .content-box .img-box+.text-box {
        margin-left: 0
    }

    .component.model-highlights3 .content-box:nth-of-type(2n + 1) .img-box {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .component.model-highlights3 .content-box:nth-of-type(2n + 1) .text-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .component.model-highlights3 .button-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.4rem
    }
}

.model-highlights-pc {
    --more--transition--duration: 0.5s;
    --more--transition--name: ease-in-out;
    width: 100%;
    overflow: hidden
}

.model-highlights-pc.deep-active .exterior-box {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights-pc.deep-active .deep-dive-modals {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights-pc.deep-active .slide-tip {
    display: block !important
}

.model-highlights-pc .title {
    padding-top: 0.9rem;
    padding-bottom: 0.46rem
}

.model-highlights-pc .exterior-box {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights-pc .exterior-box.left-text .content-box {
    padding-top: 0.46rem;
    padding-left: 1.2rem;
    padding-bottom: 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.model-highlights-pc .exterior-box.left-text .content-box .text-box {
    padding-top: 4rem;
    width: 4rem
}

.model-highlights-pc .exterior-box.left-text .content-box .text-box .tit {
    font-size: 0.3rem;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: 0.2rem
}

.model-highlights-pc .exterior-box.left-text .content-box .text-box .desc {
    font-size: 0.24rem;
    color: #3a4649;
    font-weight: 400
}

.model-highlights-pc .exterior-box.left-text .content-box .img-box {
    border-radius: var(--image-border-radius) 0 0 var(--image-border-radius)
}

.model-highlights-pc .exterior-box.right-text .content-box {
    padding-top: 0.46rem;
    padding-right: 1.2rem;
    padding-bottom: 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.model-highlights-pc .exterior-box.right-text .content-box .text-box {
    padding-top: 4rem;
    padding-left: 0.8rem;
    width: 4rem
}

.model-highlights-pc .exterior-box.right-text .content-box .text-box .tit {
    font-size: 0.36rem;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: 0.2rem
}

.model-highlights-pc .exterior-box.right-text .content-box .text-box .desc {
    font-size: 0.24rem;
    color: #3a4649;
    font-weight: 400
}

.model-highlights-pc .exterior-box.right-text .content-box .img-box {
    border-radius: 0 var(--image-border-radius) var(--image-border-radius) 0
}

.model-highlights-pc .exterior-box .more {
    margin-top: 2.33rem;
    cursor: pointer
}

.model-highlights-pc .exterior-box .more .icon-wrap {
    position: relative;
    padding: 0.06rem;
    width: 0.72rem;
    height: 0.72rem;
    margin-bottom: 0.12rem
}

.model-highlights-pc .exterior-box .more .icon-wrap .icon-box {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.6rem;
    height: 0.6rem;
    background: rgba(58,70,73,.4);
    border-radius: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more .icon-wrap .icon-box svg {
    color: #fff;
    font-size: 0.38rem
}

.model-highlights-pc .exterior-box .more .icon-wrap .bor {
    position: absolute;
    width: 0.72rem;
    height: 0.72rem;
    left: 0;
    top: 0;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more .icon-wrap .line {
    position: absolute;
    width: 1.9rem;
    height: 0.04rem;
    left: 0.72rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more .txt {
    opacity: .4;
    font-size: 0.18rem;
    color: #3a4649;
    font-weight: 400;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more:hover .icon-box {
    background-color: rgba(58,70,73,.8);
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more:hover .bor {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more:hover .line {
    width: 0;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .more:hover .txt {
    opacity: 1;
    -webkit-transition: all var(--more--transition--duration) var(--more--transition--name);
    -moz-transition: all var(--more--transition--duration) var(--more--transition--name);
    transition: all var(--more--transition--duration) var(--more--transition--name)
}

.model-highlights-pc .exterior-box .img-box {
    width: 14rem;
    height: 9rem
}

.model-highlights-pc .exterior-box .img-box img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.model-highlights-pc .deep-dive-modals {
    z-index: 101;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.model-highlights-pc .deep-dive-modals .horizontal-scroll-container-y {
    height: 100vh;
    overflow-y: auto
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    height: 1rem;
    gap: 0.3rem
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-button-container {
    margin-left: 0.56rem
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button {
    --deep-dive-button-mask-progress: 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image {
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3a4649;
    cursor: pointer;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-button-container .deep-dive-button-image-close {
    fill: #fff;
    font-size: 0.36rem
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator {
    width: 2.65rem;
    height: 0.06rem;
    background: #d2d2d7;
    margin-left: 0.2rem;
    pointer-events: none;
    border-radius: 0.03rem
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator .deep-dive-progress-indicator-progress {
    width: 100%;
    height: 100%;
    background: #c30d23;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0.015);
    -moz-transform: scaleX(0.015);
    -ms-transform: scaleX(0.015);
    transform: scaleX(0.015);
    border-radius: 0.03rem
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .line-red {
    margin-left: 0.3rem
}

.model-highlights-pc .horizontal-scroll {
    --dd-scroll-height: auto;
    height: var(--dd-scroll-height)
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .slide-tip {
    position: absolute;
    width: 1.8rem;
    height: 1rem;
    bottom: 1rem;
    left: 1.2rem;
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: slide-tip 10s forwards;
    -moz-animation: slide-tip 10s forwards;
    animation: slide-tip 10s forwards
}

@keyframes slide-tip {
    0% {
        opacity: 1
    }

    99% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .slide-tip img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    position: relative;
    height: -webkit-calc(var(--100vh) - 1rem - env(safe-area-inset-bottom));
    height: -moz-calc(var(--100vh) - 1rem - env(safe-area-inset-bottom));
    height: calc(var(--100vh) - 1rem - env(safe-area-inset-bottom));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1),.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:last-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.3rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:nth-child(1) .txt-wrap,.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:last-of-type .txt-wrap {
    width: 1.8rem;
    font-size: 0.36rem;
    line-height: 0.5rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item:last-of-type .txt-wrap {
    width: 4.32rem;
    font-size: 0.36rem;
    line-height: 0.5rem
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item.not-flex {
    display: block !important
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item.not-flex .txt-wrap {
    height: auto !important
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .tit {
    font-size: 0.3rem;
    color: #3a4649
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .desc {
    font-size: 0.24rem;
    color: #3a4649;
    font-weight: 400
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item img,.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item video,.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item canvas {
    border-radius: var(--image-border-radius);
    -o-object-fit: cover;
    object-fit: cover
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .tit+.desc {
    margin-top: 0.2rem
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .txt-wrap+.media-wrap,.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .media-wrap+.txt-wrap {
    margin-top: 0.3rem
}

@media screen and (max-width: 750px) {
    .model-highlights-pc {
        display:none
    }
}

.model-config {
    position: relative;
    min-height: 10.8rem;
    padding-top: 0.9rem;
    padding-bottom: 2.1rem
}

.model-config .bg {
    top: 4.4rem;
    position: absolute;
    width: 100%;
    height: 6.4rem;
    opacity: .05;
    background: #3a4649
}

.model-config .bg img {
    display: none
}

.model-config .config-num {
    font-size: 0.24rem;
    color: #3a4649;
    line-height: 0.48rem;
    text-align: center
}

.model-config .swiper {
    padding: 0.6rem 1.2rem 0.6rem
}

.model-config .swiper .swiper-wrapper .swiper-slide {
    width: 4.8rem;
    min-height: 5.2rem;
    height: auto;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0.06rem 0.18rem 0 rgba(0,0,0,.15);
    border-radius: 0.6rem;
    text-align: center;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-right: 0.6rem;
    -webkit-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.model-config .swiper .swiper-wrapper .swiper-slide .name {
    font-size: 0.36rem;
    color: #333;
    line-height: 0.54rem
}

.model-config .swiper .swiper-wrapper .swiper-slide .price-text {
    font-size: 0.24rem;
    color: #333;
    line-height: 0.36rem;
    padding: 0.3rem 0
}

.model-config .swiper .swiper-wrapper .swiper-slide .price {
    font-size: 0.36rem;
    color: #c30d23;
    line-height: 0.5rem;
    font-weight: 600
}

.model-config .swiper .swiper-wrapper .swiper-slide .desc {
    text-align: center;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.48rem
}

.model-config .swiper .swiper-pagination {
    bottom: 0.2rem
}

.model-config .swiper.slide-in .swiper-wrapper {
    -webkit-animation: slideIn 1.5s ease-in-out .5s 1 normal both running;
    -moz-animation: slideIn 1.5s ease-in-out .5s 1 normal both running;
    animation: slideIn 1.5s ease-in-out .5s 1 normal both running
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(1) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(2) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(3) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(4) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(5) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(6) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(8) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(9) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(10) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(11) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(12) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(13) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(14) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(15) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(16) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(17) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(18) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(19) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s
}

.model-config .swiper.aos-animate .swiper-wrapper .swiper-slide:nth-child(20) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-4.8rem);
        transform: translateX(-4.8rem)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideIn {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -moz-transform: translateX(-4.8rem);
        transform: translateX(-4.8rem)
    }

    100% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-4.8rem);
        -moz-transform: translateX(-4.8rem);
        transform: translateX(-4.8rem)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.model-config .button-box {
    bottom: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 750px) {
    .model-config {
        position:relative
    }

    .model-config .bg {
        top: 2.48rem;
        left: 0;
        position: absolute;
        width: 7.5rem;
        height: 8.98rem;
        background: none;
        opacity: 1
    }

    .model-config .bg img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-config .swiper .swiper-wrapper .swiper-slide {
        margin-right: 0.5rem
    }
}

.model-config .pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 750px) {
    .model-config .pc {
        display:none
    }
}

.model-config .mob {
    display: none
}

@media screen and (max-width: 750px) {
    .model-config .mob {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.model-gallery {
    padding-top: 0.9rem;
    padding-bottom: 1.38rem;
    --image-border-radius: 0.16rem
}

.model-gallery .title {
    margin-bottom: 0.6rem
}

.model-gallery .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.model-gallery .img-box>div {
    margin-right: 0.1rem
}

.model-gallery .img-box>div:last-child {
    margin-right: 0
}

.model-gallery .img-box img {
    display: block;
    border-radius: var(--image-border-radius);
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.model-gallery .img-box .small-1 {
    width: 4.2rem;
    height: 2.8rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.model-gallery .img-box .small-2 {
    width: 2.8rem;
    height: 2.8rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.model-gallery .img-box .big {
    width: 7.08rem;
    height: 7.08rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.model-gallery .img-box .large {
    width: 7.1rem;
    height: 4.18rem;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.model-gallery .img-box .section-gallery-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 7.1rem;
    height: 7.08rem
}

.model-gallery .img-box .section-gallery-1 .small-1+.small-2,.model-gallery .img-box .section-gallery-1 .small-2+.small-1 {
    margin-left: 0.1rem
}

.model-gallery .img-box .section-gallery-1 .small-1+.small-2+.large,.model-gallery .img-box .section-gallery-1 .large+.small-1+.small-2,.model-gallery .img-box .section-gallery-1 .small-2+.small-1+.large,.model-gallery .img-box .section-gallery-1 .large+.small-2,.model-gallery .img-box .section-gallery-1 .large+.small-1,.model-gallery .img-box .section-gallery-1 .large+.small-2+.small-1,.model-gallery .img-box .section-gallery-1 .large+.small-1+.small-2 {
    margin-top: 0.1rem
}

.model-gallery .img-box .section-gallery-2 {
    width: 7.08rem;
    height: 7.08rem
}

.model-gallery .img-box .section-gallery-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.1rem;
    width: 5.94rem;
    height: 7.08rem
}

.model-gallery .img-box .section-gallery-3 .small-1 {
    width: 3.04rem;
    height: 2.8rem
}

.model-gallery .img-box .small-1,.model-gallery .img-box .small-2,.model-gallery .img-box .big,.model-gallery .img-box .large {
    border-radius: var(--image-border-radius);
    overflow: hidden
}

@media screen and (min-width: 751px) {
    .model-gallery .img-box .small-1:hover img,.model-gallery .img-box .small-2:hover img,.model-gallery .img-box .big:hover img,.model-gallery .img-box .large:hover img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
}

.model-gallery .pc {
    display: block
}

@media screen and (max-width: 750px) {
    .model-gallery .pc {
        display:none
    }
}

.model-gallery .mob {
    display: none
}

@media screen and (max-width: 750px) {
    .model-gallery .mob {
        display:block
    }
}

@media screen and (max-width: 750px) {
    .model-gallery {
        padding-top:1.2rem;
        padding-bottom: 1.2rem;
        --image-border-radius: 0.3rem
    }

    .model-gallery .swiper {
        padding-bottom: 0.5rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0.2rem;
        padding: 0 0.5rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .three-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.2rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .three-img .left-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.2rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .small-1 {
        width: 2.55rem;
        height: 2.55rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .small-2 {
        width: 2.55rem;
        height: 2.25rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .big {
        width: 6.5rem;
        height: 6.5rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .large {
        width: 3.75rem;
        height: 5rem
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide img {
        border-radius: var(--image-border-radius)
    }

    .model-gallery .swiper .swiper-pagination {
        bottom: 0
    }
}

.popup-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    z-index: 10001;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.popup-box .close {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.48rem;
    z-index: 100
}

.popup-box .show-img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important
}

.popup-box .show-img img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.popup-box .show-img .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 750px) {
    .popup-box .show-img img {
        width:100%;
        height: auto
    }
}

.swiper-pagination {
    color: #fff;
    font-size: 0.24rem;
    bottom: -webkit-calc(env(safe-area-inset-bottom) + 0.2rem);
    bottom: -moz-calc(env(safe-area-inset-bottom) + 0.2rem);
    bottom: calc(env(safe-area-inset-bottom) + 0.2rem)
}

.model-guess-like {
    padding-top: 0.9rem;
    padding-bottom: 0.66rem
}

.model-guess-like .title {
    margin-bottom: 0.6rem
}

.model-guess-like .swiper {
    padding-bottom: 0.86rem
}

.model-guess-like .swiper .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.model-guess-like .swiper .swiper-wrapper .swiper-slide {
    width: 9.56rem;
    height: 5.38rem;
    position: relative;
    border-radius: var(--image-border-radius)
}

.model-guess-like .swiper .swiper-wrapper .swiper-slide .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.4);
    -webkit-backdrop-filter: blur(0.1rem);
    backdrop-filter: blur(0.1rem);
    border-radius: var(--image-border-radius)
}

.model-guess-like .swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: var(--image-border-radius);
    cursor: pointer
}

.model-guess-like .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    width: 11.2rem;
    height: 6.3rem
}

.model-guess-like .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .mask {
    opacity: 0;
    display: none
}

.model-guess-like .swiper .swiper-pagination {
    bottom: 0.4rem
}

.model-guess-like .chery--global--button {
    margin: 0 auto
}

@media screen and (max-width: 750px) {
    .model-guess-like .swiper {
        margin:0 0.5rem
    }

    .model-guess-like .swiper .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .model-guess-like .swiper .swiper-wrapper .swiper-slide .img-box,.model-guess-like .swiper .swiper-wrapper .swiper-slide img {
        width: 6rem;
        height: 8.6rem;
        position: relative;
        border-radius: var(--image-border-radius)
    }

    .model-guess-like .swiper .swiper-wrapper .swiper-slide .mask {
        display: none
    }

    .model-guess-like .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
        width: 6rem;
        height: 8.6rem
    }

    .model-guess-like .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .mask {
        opacity: 0;
        display: none
    }
}

.model-middle-slider {
    padding: 1.2rem 0.5rem 0
}

.model-middle-slider .slider-box {
    position: relative
}

.model-middle-slider .slider-box .desc {
    font-size: 0.24rem;
    color: #3a4649;
    line-height: 0.34rem;
    text-align: center
}

.model-middle-slider .slider-box .slider-content {
    position: relative;
    margin: 0.5rem auto;
    width: 16.8rem;
    height: 8.8rem
}

.model-middle-slider .slider-box .slider-content .img1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: auto;
    overflow: hidden
}

.model-middle-slider .slider-box .slider-content .img1 img {
    display: block;
    position: absolute;
    top: auto;
    width: 16.8rem;
    height: 8.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius);
    -webkit-box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.1)
}

.model-middle-slider .slider-box .slider-content .slider {
    position: absolute;
    width: 0.84rem;
    height: 8.8rem;
    cursor: pointer;
    left: -webkit-calc(50% - 0.42rem);
    left: -moz-calc(50% - 0.42rem);
    left: calc(50% - 0.42rem);
    top: 0
}

.model-middle-slider .slider-box .slider-content .slider img {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 750px) {
    .model-middle-slider {
        padding:1.2rem 0.5rem 0
    }

    .model-middle-slider .slider-box {
        position: relative
    }

    .model-middle-slider .slider-box .desc {
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.34rem;
        text-align: center
    }

    .model-middle-slider .slider-box .slider-content {
        position: relative;
        margin: 0.5rem 0 0.9rem;
        width: 6.5rem;
        height: 10.8rem
    }

    .model-middle-slider .slider-box .slider-content .img1 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: auto;
        left: 0;
        overflow: hidden
    }

    .model-middle-slider .slider-box .slider-content .img1 img {
        display: block;
        position: absolute;
        top: auto;
        width: 6.5rem;
        height: 10.8rem;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: var(--image-border-radius);
        -webkit-box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.1);
        box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.1)
    }

    .model-middle-slider .slider-box .slider-content .slider {
        position: absolute;
        width: 100%;
        height: 0.92rem;
        cursor: pointer;
        top: -webkit-calc(50% - 0.46rem);
        top: -moz-calc(50% - 0.46rem);
        top: calc(50% - 0.46rem);
        left: 0
    }

    .model-middle-slider .slider-box .slider-content .slider img {
        width: 100%;
        height: 100%
    }
}

.esg-common-image-text {
    width: 100%;
    position: relative
}

.esg-common-image-text img {
    width: 100%;
    height: auto;
    display: block
}

.esg-common-image-text .text-box {
    position: absolute
}

.esg-common-image-text .text-box h3 {
    font-size: 0.6rem;
    line-height: 0.85rem;
    color: #fff;
    margin-bottom: 0.2rem
}

.esg-common-image-text .text-box p {
    font-size: 0.18rem;
    line-height: 0.42rem;
    color: #fff
}

.esg-common-image-text .text-box p.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.esg-common-image-text .text-box p.flex-box .bold {
    font-weight: bold;
    width: 0.9rem
}

.esg-common-image-text .text-box p.flex-box .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.esg-common-image-text .date-detail {
    margin-top: 0.4rem
}

.esg-common-image-text .date-detail p {
    font-size: 0.18rem;
    line-height: 0.25rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
    color: #fff
}

.esg-common-image-text .date-detail ul {
    border-top: 0.01rem solid #fff;
    border-bottom: 0.01rem solid #fff;
    padding: 0.2rem 0.4rem
}

.esg-common-image-text .date-detail ul.border-none {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

.esg-common-image-text .date-detail ul.border-none li {
    font-size: 0.16rem;
    line-height: 0.2rem
}

.esg-common-image-text .date-detail ul li {
    list-style: disc;
    font-size: 0.18rem;
    line-height: 0.24rem;
    color: #fff;
    padding-bottom: 0.1rem
}

@media screen and (max-width: 750px) {
    .esg-common-image-text .text-box p {
        font-size:0.24rem
    }

    .esg-common-image-text .text-box p.flex-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0.1rem
    }

    .esg-common-image-text .text-box p.flex-box .bold {
        font-weight: bold;
        width: 1.2rem;
        font-size: 0.21rem;
        line-height: 0.3rem
    }

    .esg-common-image-text .text-box p.flex-box .text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 0.21rem;
        line-height: 0.3rem
    }

    .esg-common-image-text .date-detail p {
        font-size: 0.21rem;
        line-height: 0.3rem
    }

    .esg-common-image-text .date-detail ul li {
        font-size: 0.21rem;
        line-height: 0.3rem
    }

    .esg-common-image-text .date-detail ul.border-none {
        padding-right: 0
    }

    .esg-common-image-text .date-detail ul.border-none li {
        font-size: 0.21rem;
        line-height: 0.36rem
    }
}

.swiper-components-1,.swiper-components-2 {
    position: relative
}

.swiper-components-1 h3,.swiper-components-2 h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.48rem;
    color: #3a4649;
    line-height: 0.48rem;
    text-align: center;
    padding: 1.2rem 0 0.4rem
}

.swiper-components-1 .swiper-slide,.swiper-components-2 .swiper-slide {
    width: 15rem;
    height: 7.16rem;
    opacity: .2;
    margin-bottom: 1.4rem
}

.swiper-components-1 .swiper-slide.swiper-slide-active,.swiper-components-2 .swiper-slide.swiper-slide-active {
    opacity: 1
}

.swiper-components-1 .swiper-slide img,.swiper-components-2 .swiper-slide img {
    width: 15rem;
    height: 7.16rem;
    border-radius: 0.6rem
}

.swiper-components-1 .text-bar,.swiper-components-2 .text-bar {
    position: absolute;
    bottom: 1.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    color: #fff
}

.swiper-components-1 .text-bar .text-bar-list,.swiper-components-2 .text-bar .text-bar-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-components-1 .text-bar .text-bar-list .text-bar-item,.swiper-components-2 .text-bar .text-bar-list .text-bar-item {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.24rem;
    line-height: 0.34rem;
    text-align: center;
    font-style: normal;
    padding: 0 0.17rem 0.3rem;
    border-bottom: 0.06rem solid rgba(255,255,255,.3);
    cursor: pointer
}

.swiper-components-1 .text-bar .text-bar-list .text-bar-item.cur,.swiper-components-2 .text-bar .text-bar-list .text-bar-item.cur {
    border-bottom: 0.06rem solid #fff
}

.swiper-components-1 .text-bar .text-bar-text,.swiper-components-2 .text-bar .text-bar-text {
    padding-top: 0.3rem;
    text-align: center;
    font-family: HarmonyOS_Sans_SC;
    font-size: 0.18rem;
    line-height: 0.25rem
}

.swiper-components-2 .swiper-slide {
    margin-bottom: 0.4rem
}

.swiper-components-2 .text-bar {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    color: #3a4649;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.9rem
}

.swiper-components-2 .text-bar .text-bar-list .text-bar-item {
    border-bottom: 0.06rem solid rgba(58,70,73,.3)
}

.swiper-components-2 .text-bar .text-bar-list .text-bar-item.cur {
    border-bottom: 0.06rem solid #3a4649
}

.swiper-components-3 {
    padding: 0 1.2rem 1.2rem
}

.swiper-components-3 .swiper-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem 0 0.36rem
}

.swiper-components-3 .swiper-title .swiper-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0.6rem;
    gap: 0.24rem
}

.swiper-components-3 .swiper-title .swiper-btn span {
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(58,70,73,.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%
}

.swiper-components-3 .swiper-title .swiper-btn span svg {
    color: #fff;
    font-size: 0.32rem
}

.swiper-components-3 .swiper-title .swiper-btn span.cur {
    background: #3a4649
}

.swiper-components-3 h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.48rem;
    color: #3a4649;
    line-height: 0.48rem;
    text-align: left
}

.swiper-components-3 .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-components-3 .swiper-slide .left-img+.right-img {
    margin-left: 0.4rem
}

.swiper-components-3 .swiper-slide .left-img {
    width: 8.2rem;
    height: 6.8rem
}

.swiper-components-3 .swiper-slide .left-img .image-box,.swiper-components-3 .swiper-slide .left-img img {
    width: 100%;
    height: 100%
}

.swiper-components-3 .swiper-slide .left-img .image-box {
    position: relative;
    border-radius: 0.6rem;
    overflow: hidden
}

.swiper-components-3 .swiper-slide .left-img .image-box .txt {
    position: absolute;
    width: 100%;
    padding: 0 0.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0.45rem;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.34rem;
    text-align: left;
    z-index: 1
}

.swiper-components-3 .swiper-slide .right-img {
    width: 8.2rem
}

.swiper-components-3 .swiper-slide .right-img .image-box+.image-box {
    margin-top: 0.4rem
}

.swiper-components-3 .swiper-slide .right-img .image-box,.swiper-components-3 .swiper-slide .right-img img {
    height: 3.2rem;
    width: 8.2rem
}

.swiper-components-3 .swiper-slide .right-img .image-box {
    position: relative;
    border-radius: 0.6rem;
    overflow: hidden
}

.swiper-components-3 .swiper-slide .right-img .image-box .txt {
    position: absolute;
    width: 100%;
    padding: 0 0.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0.45rem;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.34rem;
    text-align: left;
    z-index: 1
}

.swiper-components-4 {
    padding: 0 1.2rem 1.2rem
}

.swiper-components-4 .swiper-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem 0 0.36rem
}

.swiper-components-4 .swiper-title .swiper-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0.6rem;
    gap: 0.24rem
}

.swiper-components-4 .swiper-title .swiper-btn span {
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    background: rgba(58,70,73,.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%
}

.swiper-components-4 .swiper-title .swiper-btn span svg {
    color: #fff;
    font-size: 0.32rem
}

.swiper-components-4 .swiper-title .swiper-btn span.cur {
    background: #3a4649
}

.swiper-components-4 h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.48rem;
    color: #3a4649;
    line-height: 0.48rem;
    text-align: left
}

.swiper-components-4 .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-components-4 .swiper-slide .image-box {
    position: relative;
    border-radius: 0.6rem;
    overflow: hidden;
    width: 8.2rem;
    height: 6.8rem
}

.swiper-components-4 .swiper-slide .image-box img {
    width: 100%;
    height: 100%
}

.swiper-components-4 .swiper-slide .image-box .txt {
    position: absolute;
    width: 100%;
    padding: 0 0.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0.45rem;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.34rem;
    text-align: left;
    z-index: 1
}

.swiper-components-4 .swiper-slide .image-box+.image-box {
    margin-left: 0.4rem
}

.swiper-components-5 .swiper-slide .image-box {
    width: 100vw;
    height: 100vh;
    position: relative
}

.swiper-components-5 .swiper-slide .image-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper-components-5 .swiper-slide .image-box .text-box {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    color: #fff
}

.swiper-components-5 .swiper-slide .image-box .text-box .text-tit {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.24rem;
    line-height: 0.34rem;
    text-align: center;
    z-index: 1;
    margin-bottom: 0.2rem
}

.swiper-components-5 .swiper-slide .image-box .text-box .text-desc {
    font-family: HarmonyOS_Sans_SC;
    font-size: 0.18rem;
    line-height: 0.25rem;
    text-align: center;
    font-style: normal
}

.slide-components .swiper {
    padding: 1.2rem;
    height: 9.56rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.slide-components .swiper .process-bar {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 0.01rem;
    height: 3.2rem;
    background: #3a4649;
    border-radius: 0.03rem
}

.slide-components .swiper .process-bar span {
    position: absolute;
    width: 0.07rem;
    height: 0.8rem;
    background: #3a4649;
    border-radius: 0.04rem;
    top: 0;
    left: -0.03rem;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.slide-components .swiper-slide .image-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.slide-components .swiper-slide .image-box img {
    width: 11.8rem;
    height: 7.16rem;
    border-radius: 0.6rem
}

.slide-components .swiper-slide .image-box .text-box {
    padding-right: 0.7rem;
    padding-left: 0.4rem
}

.slide-components .swiper-slide .image-box .text-box .text-tit {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.3rem;
    color: #3a4649;
    line-height: 0.42rem;
    text-align: right;
    font-style: normal;
    margin-bottom: 0.22rem
}

.slide-components .swiper-slide .image-box .text-box .text-desc {
    font-size: 0.18rem;
    color: #3a4649;
    line-height: 0.25rem;
    text-align: right
}

.section-desing {
    padding: 1.4rem 1.2rem
}

.section-desing h3 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.48rem;
    color: #3a4649;
    line-height: 0.48rem;
    text-align: center;
    font-style: normal;
    padding-bottom: 0.4rem
}

.section-desing .cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.section-desing .cards .cards-item+.cards-item {
    margin-left: 0.3rem
}

.section-desing .cards .cards-item {
    width: 3.9rem;
    height: 7.16rem;
    position: relative;
    border-radius: 0.6rem;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.section-desing .cards .cards-item img {
    width: 100%;
    height: 100%;
    border-radius: 0.6rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.section-desing .cards .cards-item .text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
    padding: 0.4rem;
    color: #fff;
    border-radius: 0 0 0.6rem 0.6rem;
    background-color: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(0.2rem);
    backdrop-filter: blur(0.2rem);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.section-desing .cards .cards-item .text-box .text-tit {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.3rem;
    line-height: 0.42rem;
    text-align: left;
    font-style: normal;
    padding-bottom: 0.1rem
}

.section-desing .cards .cards-item .text-box .text-desc {
    font-size: 0.18rem;
    line-height: 0.25rem;
    text-align: left;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.section-desing .cards .cards-item.cur {
    width: 8.4rem;
    height: 7.16rem;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.section-desing .cards .cards-item.cur img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .5s ease .5s;
    -moz-transition: all .5s ease .5s;
    transition: all .5s ease .5s
}

.section-desing .cards .cards-item.cur .text-box {
    height: 1.5rem;
    -webkit-transition: height .5s ease .5s;
    -moz-transition: height .5s ease .5s;
    transition: height .5s ease .5s
}

.section-desing .cards .cards-item.cur .text-box .text-desc {
    opacity: 1;
    -webkit-transition: opacity .5s ease .5s;
    -moz-transition: opacity .5s ease .5s;
    transition: opacity .5s ease .5s
}

.swiper-components-9 {
    padding: 1.4rem 0
}

.swiper-components-9 .ctr-carousel {
    height: 7.16rem
}

.swiper-components-9 .ctr-carousel .swiper-slide {
    position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.swiper-components-9 .ctr-carousel .swiper-slide .slide-image {
    width: 100%;
    height: 7.16rem;
    overflow: hidden;
    border-radius: 0.6rem
}

.swiper-components-9 .ctr-carousel .swiper-slide .slide-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5
}

.swiper-components-9 .ctr-carousel .swiper-slide .text-box {
    position: absolute;
    bottom: 0.4rem;
    width: 100%;
    color: #fff
}

.swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-tit {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 0.24rem;
    line-height: 0.34rem;
    text-align: center;
    font-style: normal;
    padding-bottom: 0.4rem
}

.swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-desc {
    font-family: HarmonyOS_Sans_SC;
    font-size: 0.18rem;
    line-height: 0.25rem;
    text-align: center;
    font-style: normal
}

.swiper-components-9 .ctr-carousel .swiper-button-prev,.swiper-components-9 .ctr-carousel .swiper-button-next {
    display: none !important
}

.swiper-components-9 .ctr-carousel .swiper-slide-active,.swiper-components-9 .ctr-carousel .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-components-9 .ctr-carousel .swiper-slide-active .slide-image img,.swiper-components-9 .ctr-carousel .swiper-slide-duplicate-active .slide-image img {
    opacity: 1
}

.swiper-components-9 .module-footer {
    text-align: center
}

.swiper-components-9 .module-footer .ctr-button {
    width: 2rem
}

/* 文字动效 */
.text_in{
	opacity: 0;
	transform: translateY(1rem);
	transition: all 1s;
}
.text_in._into{
	opacity: 1;
	transform: translateY(0rem);
}

@media screen and (max-width: 750px) {
    .scroll-txt {
        font-family:HarmonyOS_Sans_SC;
        font-size: 0.24rem;
        color: rgba(58,70,73,.6);
        line-height: 0.34rem;
        text-align: center;
        padding-top: 0.56rem
    }

    .swiper-components-1 h3,.swiper-components-2 h3 {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.48rem;
        color: #3a4649;
        line-height: 0.48rem;
        text-align: center;
        padding-bottom: 0.68rem
    }

    .swiper-components-1 .swiper-slide,.swiper-components-2 .swiper-slide {
        width: 6rem;
        height: 8rem;
        margin-bottom: 0.26rem
    }

    .swiper-components-1 .swiper-slide img,.swiper-components-2 .swiper-slide img {
        width: 6rem;
        height: 8rem;
        border-radius: 0.6rem
    }

    .swiper-components-1 .text-bar,.swiper-components-2 .text-bar {
        position: relative;
        color: #3a4649;
        bottom: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .swiper-components-1 .text-bar .text-bar-list .text-bar-item,.swiper-components-2 .text-bar .text-bar-list .text-bar-item {
        position: absolute;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.36rem;
        color: #3a4649;
        line-height: 0.5rem;
        text-align: center;
        border: none;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .swiper-components-1 .text-bar .text-bar-list .text-bar-item.cur,.swiper-components-2 .text-bar .text-bar-list .text-bar-item.cur {
        opacity: 1;
        border: none;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .swiper-components-1 .text-bar .text-bar-text,.swiper-components-2 .text-bar .text-bar-text {
        padding-top: 0.6rem;
        font-family: HarmonyOS_Sans_SC;
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.34rem;
        text-align: center
    }

    .swiper-components-2 .text-bar {
        margin-bottom: 0
    }

    .swiper-components-3 {
        padding: 0
    }

    .swiper-components-3 .swiper-title {
        padding: 1.2rem 0 0.36rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .swiper-components-3 .swiper-title .swiper-btn {
        margin-right: 0.2rem;
        gap: 0.12rem;
        display: none
    }

    .swiper-components-3 .swiper-title .swiper-btn span {
        width: 0.4rem;
        height: 0.4rem;
        font-size: 0.24rem
    }

    .swiper-components-3 h3 {
        font-size: 0.36rem;
        padding-bottom: 0.5rem;
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.48rem;
        color: #3a4649;
        line-height: 0.48rem;
        text-align: center;
        font-style: normal
    }

    .swiper-components-3 .scroll-txt {
        padding-bottom: 1rem
    }

    .swiper-components-3 .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0.5rem
    }

    .swiper-components-3 .swiper-slide .left-img,.swiper-components-3 .swiper-slide .right-img {
        width: 100%;
        height: 4.6rem
    }

    .swiper-components-3 .swiper-slide .left-img .image-box,.swiper-components-3 .swiper-slide .left-img img,.swiper-components-3 .swiper-slide .right-img .image-box,.swiper-components-3 .swiper-slide .right-img img {
        width: 100%;
        height: 100%
    }

    .swiper-components-3 .swiper-slide .left-img .image-box .txt,.swiper-components-3 .swiper-slide .right-img .image-box .txt {
        bottom: 0.4rem;
        padding: 0 0.3rem;
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.24rem;
        color: #fff;
        line-height: 0.34rem;
        text-align: left;
        font-style: normal
    }

    .swiper-components-3 .swiper-slide .left-img+.right-img {
        margin-left: 0;
        margin-top: 0.3rem
    }

    .swiper-components-3 .swiper-slide .right-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.3rem
    }

    .swiper-components-3 .swiper-slide .right-img .image-box {
        width: 3.1rem
    }

    .swiper-components-3 .swiper-slide .right-img .image-box+.image-box {
        margin-top: 0
    }

    .swiper-components-4 {
        padding: 0
    }

    .swiper-components-4 .swiper-title {
        padding: 1.2rem 0 0.36rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .swiper-components-4 .swiper-title .swiper-btn {
        margin-right: 0.2rem;
        gap: 0.12rem;
        display: none
    }

    .swiper-components-4 .swiper-title .swiper-btn span {
        width: 0.4rem;
        height: 0.4rem;
        font-size: 0.24rem
    }

    .swiper-components-4 h3 {
        font-size: 0.36rem;
        padding-bottom: 0.5rem;
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.48rem;
        color: #3a4649;
        line-height: 0.48rem;
        text-align: center;
        font-style: normal
    }

    .swiper-components-4 .scroll-txt {
        padding-bottom: 1rem
    }

    .swiper-components-4 .swiper-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0.5rem
    }

    .swiper-components-4 .swiper-slide .image-box {
        width: 100%;
        height: 4.6rem
    }

    .swiper-components-4 .swiper-slide .image-box img {
        width: 100%;
        height: 100%
    }

    .swiper-components-4 .swiper-slide .image-box .txt {
        bottom: 0.4rem;
        padding: 0 0.3rem;
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.24rem;
        color: #fff;
        line-height: 0.34rem;
        text-align: left;
        font-style: normal
    }

    .swiper-components-4 .swiper-slide .image-box+.image-box {
        margin-left: 0;
        margin-top: 0.3rem
    }

    .swiper-components-5 .swiper-slide .image-box {
        width: 100vw;
        height: 100vh
    }

    .swiper-components-5 .swiper-slide .image-box img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .swiper-components-5 .swiper-slide .image-box .text-box {
        bottom: 2.4rem
    }

    .swiper-components-5 .swiper-slide .image-box .text-box .text-tit {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.42rem;
        text-align: center;
        font-style: normal;
        padding-bottom: 0.2rem
    }

    .swiper-components-5 .swiper-slide .image-box .text-box .text-desc {
        font-family: HarmonyOS_Sans_SC;
        font-size: 0.18rem;
        color: #fff;
        line-height: 0.25rem;
        text-align: center;
        font-style: normal
    }

    .slide-components {
        padding: 1.2rem 0.5rem
    }

    .slide-components .swiper {
        position: static;
        height: auto;
        padding: 0 0 0.2rem
    }

    .slide-components .swiper .process-bar {
        margin: 0.8rem auto 0;
        right: auto;
        top: auto;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        width: 3.2rem;
        height: 0.01rem;
        background: #3a4649;
        border-radius: 0.03rem
    }

    .slide-components .swiper .process-bar span {
        width: 0.8rem;
        height: 0.08rem;
        background: #3a4649;
        border-radius: 0.04rem;
        top: -0.04rem
    }

    .slide-components .swiper .swiper-slide .image-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 6.5rem
    }

    .slide-components .swiper .swiper-slide .image-box img {
        width: 6.5rem;
        height: 8rem
    }

    .slide-components .swiper .swiper-slide .image-box .text-box {
        padding: 0;
        padding-top: 0.4rem
    }

    .slide-components .swiper .swiper-slide .image-box .text-box .text-tit {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.36rem;
        color: #3a4649;
        line-height: 0.5rem;
        text-align: center;
        font-style: normal
    }

    .slide-components .swiper .swiper-slide .image-box .text-box .text-desc {
        font-family: HarmonyOS_Sans_SC;
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.34rem;
        text-align: center;
        font-style: normal
    }

    .section-desing {
        padding: 0.5rem
    }

    .section-desing h3 {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.48rem;
        color: #3a4649;
        line-height: 0.48rem;
        text-align: center;
        padding-bottom: 0.5rem
    }

    .section-desing .cards {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-desing .cards .cards-item+.cards-item {
        margin-left: 0;
        margin-top: 0.3rem
    }

    .section-desing .cards .cards-item {
        width: 100%;
        height: 2.5rem;
        position: relative;
        border-radius: 0.6rem;
        overflow: hidden;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .section-desing .cards .cards-item img {
        width: 100%;
        height: 100%;
        border-radius: 0.6rem;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .section-desing .cards .cards-item .text-box {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.8rem;
        padding: 0 0.5rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        border-radius: 0 0 0.6rem 0.6rem;
        background-color: rgba(0,0,0,.5);
        -webkit-backdrop-filter: blur(0.2rem);
        backdrop-filter: blur(0.2rem);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .section-desing .cards .cards-item .text-box .text-tit {
        padding-bottom: 0
    }

    .section-desing .cards .cards-item .text-box .text-desc {
        font-family: HarmonyOS_Sans_SC;
        font-size: 0.22rem;
        color: #fff;
        line-height: 0.3rem;
        text-align: left;
        height: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .section-desing .cards .cards-item.cur {
        width: 100%;
        height: 5.09rem;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .section-desing .cards .cards-item.cur .text-box {
        height: 1.4rem
    }

    .section-desing .cards .cards-item.cur .text-box .text-desc {
        padding-top: 0.1rem;
        -webkit-transition: all .5s ease .5s;
        -moz-transition: all .5s ease .5s;
        transition: all .5s ease .5s
    }

    .section-desing .cards .cards-item.cur img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all .5s ease .5s;
        -moz-transition: all .5s ease .5s;
        transition: all .5s ease .5s
    }

    .swiper-components-9 {
        padding: 1.2rem 0
    }

    .swiper-components-9 .ctr-carousel {
        height: auto
    }

    .swiper-components-9 .ctr-carousel .swiper-slide .text-box {
        position: static;
        color: #3a4649
    }

    .swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-tit {
        font-family: HarmonyOS_Sans_SC_Bold;
        font-size: 0.36rem;
        color: #3a4649;
        line-height: 0.5rem;
        text-align: center;
        font-style: normal;
        padding: 0.25rem 0
    }

    .swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-desc {
        font-family: HarmonyOS_Sans_SC;
        font-size: 0.24rem;
        color: #3a4649;
        line-height: 0.34rem;
        text-align: center
    }

    .swiper-components-9 .scroll-txt {
        padding-bottom: 1rem
    }
}