.kv-t，
.esg-title{
    /*font-family: "p-bold";*/}


.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: calc(var(--section-font-size) * 0.52) ;
    font-weight: bold;
}
.kv-d{
    color: #fff;
    margin-top: calc(var(--section-font-size) * 0.1) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
}



.esg-detail{
    color: #fff;
    font-size: calc(var(--section-font-size) * 0.17) ;
    line-height: calc(var(--section-font-size) * 0.26) ;
}
.esg-title{
    color: #fff;
    font-size: calc(var(--section-font-size) * 0.52) ;
    margin-bottom: calc(var(--section-font-size) * 0.3) ;
    font-weight: bold;
}


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


}




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

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

.banner-box {
    position: relative;
    height: calc(var(--section-font-size) * 7.5);
}

.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: calc(var(--section-font-size) * 0.02) 
}

.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: calc(var(--section-font-size) * 0.24);
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-weight: bold;
    font-size: calc(var(--section-font-size) * 0.48);
}

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

.banner-box .banner-text .text-content {
    line-height: calc(var(--section-font-size) * 0.42);
    font-size: calc(var(--section-font-size) * 0.24);
}

@media screen and (max-width: 750px) {
    .banner-box .banner-text {
        padding:0 calc(var(--section-font-size) * 0.5) ;
        width: 100%
    }

    .banner-box .banner-text .text-content {
        line-height: calc(var(--section-font-size) * 0.42);
        font-size: calc(var(--section-font-size) * 0.24);
    }
}

.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: calc(var(--section-font-size) * 1) ;
    height: calc(var(--section-font-size) * 1) ;
    background: url(../images/common/video-play-btn.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.card-swiper .swiper .swiper-slide .text-box {
    position: absolute;
    z-index: 1;
    top: calc(var(--section-font-size) * 2.6) ;
    left: calc(var(--section-font-size) * 1.2) ;
    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: calc(var(--section-font-size) * 0.24);
    color: #333;
    font-weight: 700
}

.card-swiper .swiper .swiper-slide .text-box .car-name {
    font-size: calc(var(--section-font-size) * 0.6);
    color: #333;
    line-height: calc(var(--section-font-size) * 0.8);
    font-weight: 700;
    padding: calc(var(--section-font-size) * 0.3)  0
}

.card-swiper .swiper .swiper-slide .text-box .desc2 {
    font-size: calc(var(--section-font-size) * 0.24);
    color: #333;
    font-weight: 400
}

.card-swiper .swiper .swiper-slide.swiper-slide-active .text-box {
    opacity: 1;
    left: calc(var(--section-font-size) * 1.2) ;
    -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: calc(var(--section-font-size) * 0.8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.4);
    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: calc(var(--section-font-size) * 0.4);
}

@media screen and (max-width: 750px) {
    .card-swiper.first-show .swiper .swiper-wrapper .swiper-slide .card-box .media-wrap {
        top:calc(var(--section-font-size) * 4.25);
        -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: calc(var(--section-font-size) * 4.25);
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        transition: all .8s;
        overflow: hidden;
        margin-top: -calc(var(--section-font-size) * 4.25) 
    }

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

    .card-swiper .swiper {
        position: relative
    }

    .card-swiper .swiper .swiper-wrapper .swiper-slide {
        padding-top: calc(var(--section-font-size) * 1.9);
        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: calc(var(--section-font-size) * 6.5) ;
        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: calc(var(--section-font-size) * 6.5) ;
        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: calc(var(--section-font-size) * 1.02);
        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%, calc(var(--section-font-size) * 1) , 0);
        -moz-transform: translate3d(-50%, calc(var(--section-font-size) * 1) , 0);
        transform: translate3d(-50%, calc(var(--section-font-size) * 1) , 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: calc(var(--section-font-size) * 0.36);
        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: calc(var(--section-font-size) * 0.6);
        color: #333;
        text-align: center;
        padding: calc(var(--section-font-size) * 0.3) 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: calc(var(--section-font-size) * 0.24);
        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: calc(var(--section-font-size) * 2.2);
        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: calc(var(--section-font-size) * 6);
    height: calc(var(--section-font-size) * 4);
    background: url(../images/pages/home/logo_css_sprites_400_600.png) no-repeat;
    background-size: calc(var(--section-font-size) * 310)  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: -calc(var(--section-font-size) * 0.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-1 {
    background-position: -calc(var(--section-font-size) * 6.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-2 {
    background-position: -calc(var(--section-font-size) * 12.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-3 {
    background-position: -calc(var(--section-font-size) * 18.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-4 {
    background-position: -calc(var(--section-font-size) * 24.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-5 {
    background-position: -calc(var(--section-font-size) * 31.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-6 {
    background-position: -calc(var(--section-font-size) * 37.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-7 {
    background-position: -calc(var(--section-font-size) * 43.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-8 {
    background-position: -calc(var(--section-font-size) * 49.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-9 {
    background-position: -calc(var(--section-font-size) * 55.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-10 {
    background-position: -calc(var(--section-font-size) * 62.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-11 {
    background-position: -calc(var(--section-font-size) * 68.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-12 {
    background-position: -calc(var(--section-font-size) * 74.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-13 {
    background-position: -calc(var(--section-font-size) * 80.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-14 {
    background-position: -calc(var(--section-font-size) * 86.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-15 {
    background-position: -calc(var(--section-font-size) * 93.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-16 {
    background-position: -calc(var(--section-font-size) * 99.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-17 {
    background-position: -calc(var(--section-font-size) * 105.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-18 {
    background-position: -calc(var(--section-font-size) * 111.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-19 {
    background-position: -calc(var(--section-font-size) * 117.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-20 {
    background-position: -calc(var(--section-font-size) * 124.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-21 {
    background-position: -calc(var(--section-font-size) * 130.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-22 {
    background-position: -calc(var(--section-font-size) * 136.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-23 {
    background-position: -calc(var(--section-font-size) * 142.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-24 {
    background-position: -calc(var(--section-font-size) * 148.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-25 {
    background-position: -calc(var(--section-font-size) * 155.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-26 {
    background-position: -calc(var(--section-font-size) * 161.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-27 {
    background-position: -calc(var(--section-font-size) * 167.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-28 {
    background-position: -calc(var(--section-font-size) * 173.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-29 {
    background-position: -calc(var(--section-font-size) * 179.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-30 {
    background-position: -calc(var(--section-font-size) * 186.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-31 {
    background-position: -calc(var(--section-font-size) * 192.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-32 {
    background-position: -calc(var(--section-font-size) * 198.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-33 {
    background-position: -calc(var(--section-font-size) * 204.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-34 {
    background-position: -calc(var(--section-font-size) * 210.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-35 {
    background-position: -calc(var(--section-font-size) * 217.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-36 {
    background-position: -calc(var(--section-font-size) * 223.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-37 {
    background-position: -calc(var(--section-font-size) * 229.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-38 {
    background-position: -calc(var(--section-font-size) * 235.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-39 {
    background-position: -calc(var(--section-font-size) * 241.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-40 {
    background-position: -calc(var(--section-font-size) * 248.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-41 {
    background-position: -calc(var(--section-font-size) * 254.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-42 {
    background-position: -calc(var(--section-font-size) * 260.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-43 {
    background-position: -calc(var(--section-font-size) * 266.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-44 {
    background-position: -calc(var(--section-font-size) * 272.9)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-45 {
    background-position: -calc(var(--section-font-size) * 279.1)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-46 {
    background-position: -calc(var(--section-font-size) * 285.3)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-47 {
    background-position: -calc(var(--section-font-size) * 291.5)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-48 {
    background-position: -calc(var(--section-font-size) * 297.7)  -calc(var(--section-font-size) * 0.1) 
}

.logo-animate .logo-animate-img.logo-animate-49 {
    background-position: -calc(var(--section-font-size) * 303.9)  -calc(var(--section-font-size) * 0.1) 
}

.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: calc(var(--section-font-size) * 6);
    height: calc(var(--section-font-size) * 4);
    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: calc(var(--section-font-size) * 2) ;
    height: auto;
    top: calc(var(--section-font-size) * 0.5) ;
    -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: calc(var(--section-font-size) * 0.48);
}

.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: calc(var(--section-font-size) * 6);
        height: calc(var(--section-font-size) * 4);
        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: calc(var(--section-font-size) * 1.2)  0 calc(var(--section-font-size) * 0.7) 
}

.chery-consult .swiper {
    position: relative;
    padding-top: calc(var(--section-font-size) * 0.48);
}

.chery-consult .swiper .swiper-wrapper {
    padding-bottom: calc(var(--section-font-size) * 0.96);
}

.chery-consult .swiper .swiper-pagination {
    bottom: calc(var(--section-font-size) * 1.24);
    width: calc(var(--section-font-size) * 10.4);
    right: calc(var(--section-font-size) * 1.2);
    left: inherit
}

.chery-consult .swiper .swiper-button-next,.chery-consult .swiper .swiper-button-prev {
    top: -webkit-calc(50% - calc(var(--section-font-size) * 0.72));
    top: -moz-calc(50% - calc(var(--section-font-size) * 0.72));
    top: calc(50% - calc(var(--section-font-size) * 0.72));
}

.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 calc(var(--section-font-size) * 1.2);
}

.chery-consult .swiper-slide .consult-it)  {
    width: calc(var(--section-font-size) * 10.4);
    height: calc(var(--section-font-size) * 5.85);
    position: relative
}

.chery-consult .swiper-slide .consult-it)  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: calc(var(--section-font-size) * 5.6);
    padding-left: calc(var(--section-font-size) * 0.2);
    padding-top: calc(var(--section-font-size) * 0.85);
}

.chery-consult .swiper-slide .info-box .info-tit {
    font-size: calc(var(--section-font-size) * 0.3);
    text-align: left;
    line-height: calc(var(--section-font-size) * 0.54);
    font-weight: normal
}

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

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

.chery-consult .swiper-slide .info-box .info-link svg {
    font-size: calc(var(--section-font-size) * 0.18) 
}

.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:calc(var(--section-font-size) * 1.2)  0 0
    }

    .chery-consult .title {
        font-size: calc(var(--section-font-size) * 0.48) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: calc(var(--section-font-size) * 0.12) 
    }

    .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: calc(var(--section-font-size) * 0.4) ;
        height: calc(var(--section-font-size) * 0.05) ;
        background: #3a4649
    }

    .chery-consult .swiper {
        padding: calc(var(--section-font-size) * 0.6)  calc(var(--section-font-size) * 0.5)  calc(var(--section-font-size) * 0.87) 
    }

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

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

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

    .chery-consult .swiper .swiper-slide .desc {
        font-size: calc(var(--section-font-size) * 0.3) ;
        color: #3a4649;
        text-align: center;
        line-height: calc(var(--section-font-size) * 0.6) ;
        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: calc(var(--section-font-size) * 0.68)  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: calc(var(--section-font-size) * 1.97) ;
        width: 100%;
        right: 0;
        left: auto
    }
}

.about-chery {
    min-height: calc(var(--section-font-size) * 10.8) ;
    padding-top: calc(var(--section-font-size) * 2.36) 
}

.about-chery .swiper {
    padding: calc(var(--section-font-size) * 0.5)  0
}

.about-chery .swiper-wrapper .swiper-slide {
    width: calc(var(--section-font-size) * 5.2) ;
    height: calc(var(--section-font-size) * 7.2) 
}

.about-chery .swiper-wrapper .swiper-slide .content-wrap {
    position: relative;
    width: calc(var(--section-font-size) * 4.6) ;
    height: calc(var(--section-font-size) * 7.2) ;
    background-color: #fff;
    -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.06)  calc(var(--section-font-size) * 0.18)  0 rgba(0,0,0,.15);
    box-shadow: 0 calc(var(--section-font-size) * 0.06)  calc(var(--section-font-size) * 0.18)  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 calc(var(--section-font-size) * 0.3) 
}

.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: calc(var(--section-font-size) * 5.8) 
}

.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: calc(var(--section-font-size) * 5.8) ;
    padding-top: calc(var(--section-font-size) * 1.88) ;
    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: calc(var(--section-font-size) * 2.18) ;
    height: calc(var(--section-font-size) * 2.18) ;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: calc(var(--section-font-size) * 0.1) ;
    display: block;
    margin: 0 auto calc(var(--section-font-size) * 0.19) 
}

.about-chery .swiper-wrapper .swiper-slide .code-box .code-desc {
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #fff;
    line-height: calc(var(--section-font-size) * 0.25) ;
    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: calc(var(--section-font-size) * 0.3) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.42) ;
    padding-top: calc(var(--section-font-size) * 0.28) ;
    padding-bottom: calc(var(--section-font-size) * 0.14) 
}

.about-chery .swiper-wrapper .swiper-slide .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.25) 
}

.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: calc(var(--section-font-size) * 0.8) ;
        padding-bottom: calc(var(--section-font-size) * 0.3) ;
        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: calc(var(--section-font-size) * 7.5) ;
        padding: calc(var(--section-font-size) * 0.5) 
    }

    .about-chery .swiper .swiper-slide {
        height: calc(var(--section-font-size) * 9.2) ;
        width: calc(var(--section-font-size) * 5.6) 
    }

    .about-chery .swiper .swiper-slide .content-wrap {
        width: calc(var(--section-font-size) * 5.6) ;
        height: calc(var(--section-font-size) * 9.2) 
    }

    .about-chery .swiper .swiper-slide .img-and-code {
        position: relative;
        height: calc(var(--section-font-size) * 6.6) 
    }

    .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: calc(var(--section-font-size) * 1.8) ;
        margin-top: -calc(var(--section-font-size) * 0.7) 
    }

    .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: calc(var(--section-font-size) * 1.8) ;
        height: calc(var(--section-font-size) * 1.8) ;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: calc(var(--section-font-size) * 0.1) ;
        display: block;
        margin: 0 auto calc(var(--section-font-size) * 0.19) ;
        -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.06)  calc(var(--section-font-size) * 0.18)  0 rgba(0,0,0,.15);
        box-shadow: 0 calc(var(--section-font-size) * 0.06)  calc(var(--section-font-size) * 0.18)  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: calc(var(--section-font-size) * 0.28) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.42) ;
        padding-top: calc(var(--section-font-size) * 0.35) ;
        padding-bottom: calc(var(--section-font-size) * 0.14) 
    }

    .about-chery .swiper .swiper-slide .text-box .desc {
        font-size: calc(var(--section-font-size) * 0.22) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.25) 
    }

    .about-chery .swiper .swiper-slide .text-box .red-line {
        border-color: #b3292c !important;
        color: #b3292c !important;
        margin: calc(var(--section-font-size) * 0.33)  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: calc(var(--section-font-size) * 1) 
}

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

.recommended-models .pc-content {
    padding: 0 calc(var(--section-font-size) * 1.25)  calc(var(--section-font-size) * 1.2) ;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.recommended-models .pc-content .left-car-menu {
    width: calc(var(--section-font-size) * 2.6) ;
    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: calc(var(--section-font-size) * 0.24) ;
    line-height: calc(var(--section-font-size) * 0.34) ;
    color: #333;
    display: block;
    padding: calc(var(--section-font-size) * 0.2)  0 calc(var(--section-font-size) * 0.2)  calc(var(--section-font-size) * 0.12) ;
    cursor: pointer
}

.recommended-models .pc-content .left-car-menu .car-parent .car-children {
    height: 0;
    padding-left: calc(var(--section-font-size) * 0.3) ;
    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: calc(var(--section-font-size) * 0.3) ;
    border-left: calc(var(--section-font-size) * 0.02)  solid #c30d23;
    height: calc(var(--section-font-size) * 0.72) ;
    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: calc(var(--section-font-size) * 0.18) ;
    color: #999;
    line-height: calc(var(--section-font-size) * 0.25) ;
    padding: calc(var(--section-font-size) * 0.2)  0;
    cursor: pointer
}

.recommended-models .pc-content .left-car-menu .car-parent.active .car-children li.active {
    color: #333;
    padding-left: calc(var(--section-font-size) * 0.1) 
}

.recommended-models .pc-content .right-car-content {
    margin-left: calc(var(--section-font-size) * 1) ;
    width: calc(var(--section-font-size) * 10.8) 
}

.recommended-models .pc-content .right-car-content .car-name-list {
    height: calc(var(--section-font-size) * 1.6) ;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: center
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide {
    margin: 0 calc(var(--section-font-size) * 0.4) ;
    width: calc(var(--section-font-size) * 2) ;
    text-align: center;
    cursor: pointer
}

.recommended-models .pc-content .right-car-content .car-name-list .swiper-slide .name {
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #999;
    line-height: calc(var(--section-font-size) * 0.34) 
}

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

.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: calc(var(--section-font-size) * 0.55) 
}

.recommended-models .pc-content .right-car-content .car-info-list .swiper-slide .car-img {
    width: calc(var(--section-font-size) * 10.74) ;
    height: calc(var(--section-font-size) * 4.4) ;
    -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: calc(var(--section-font-size) * 0.5) ;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.4) ;
    -webkit-box-align: center;
    -webkit-align-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: 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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: center;
    gap: calc(var(--section-font-size) * 0.1) ;
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #e54b5e;
    line-height: calc(var(--section-font-size) * 0.25) ;
    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: calc(var(--section-font-size) * 1.2) ;
        padding-bottom: calc(var(--section-font-size) * 1.53) 
    }

    .recommended-models .title {
        font-size: calc(var(--section-font-size) * 0.48) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: calc(var(--section-font-size) * 0.12) 
    }

    .recommended-models .title.border {
        position: relative;
        margin-bottom: calc(var(--section-font-size) * 0.6) 
    }

    .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: calc(var(--section-font-size) * 0.4) ;
        height: calc(var(--section-font-size) * 0.05) ;
        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: calc(var(--section-font-size) * 0.5) 
    }

    .recommended-models .mobile-content .tabs .tab {
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        padding: 0 calc(var(--section-font-size) * 0.38) ;
        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: -calc(var(--section-font-size) * 0.1) ;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: calc(var(--section-font-size) * 0.48) ;
        height: calc(var(--section-font-size) * 0.03) ;
        background: var(--primary--color)
    }

    .recommended-models .mobile-content .model-list {
        width: calc(var(--section-font-size) * 7.5) 
    }

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

    .recommended-models .mobile-content .model-it)  .model-name {
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 3.2) ;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        margin: 0 auto
    }

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

    .recommended-models .mobile-content .model-it)  .model-img {
        width: calc(var(--section-font-size) * 5.6) ;
        height: auto;
        border-radius: var(--image-border-radius);
        position: absolute;
        top: calc(var(--section-font-size) * 1) ;
        right: 0
    }

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

    .recommended-models .mobile-content .model-it)  .button-box {
        padding-top: calc(var(--section-font-size) * 1.3) ;
        margin: 0 auto;
        padding-bottom: calc(var(--section-font-size) * 2) 
    }

    .recommended-models .mobile-content .swiper-pagination {
        position: absolute;
        bottom: calc(var(--section-font-size) * 1.2) 
    }

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

    .recommended-models .mobile-content .select-box {
        position: relative;
        width: calc(var(--section-font-size) * 2.6) ;
        height: calc(var(--section-font-size) * 0.78) ;
        margin: 0 auto calc(var(--section-font-size) * 0.9) 
    }

    .recommended-models .mobile-content .select-box .select-value {
        width: 100%;
        height: 100%;
        border: calc(var(--section-font-size) * 0.01)  solid #333;
        border-radius: calc(var(--section-font-size) * 0.39) ;
        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-it) s: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-it) s: center;
        text-align: center;
        font-size: calc(var(--section-font-size) * 0.3) ;
        color: #3a4649;
        display: flex;
        justify-content: center;
        align-it) s: 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: calc(var(--section-font-size) * 0.6) ;
        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: calc(var(--section-font-size) * 0.28) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.8) ;
        border-bottom: calc(var(--section-font-size) * 0.01)  solid #d8d8d8;
        padding: calc(var(--section-font-size) * 0.1)  calc(var(--section-font-size) * 0.2) ;
        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: calc(var(--section-font-size) * 4) 
    }

    .recommended-models .mobile-content .model-box .model-img-box .swiper-slide .img-box {
        width: calc(var(--section-font-size) * 7.5) ;
        height: calc(var(--section-font-size) * 3.96) 
    }

    .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: calc(var(--section-font-size) * 2)  auto 0
    }

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

    .recommended-models .mobile-content .model-box .model-img-box .swiper-pagination {
        position: absolute;
        bottom: -calc(var(--section-font-size) * 0.5) 
    }

    @-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: calc(var(--section-font-size) * 4.3) ;
        left: 0;
        padding-top: calc(var(--section-font-size) * 0.4) ;
        padding-bottom: calc(var(--section-font-size) * 0.64) ;
        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: calc(var(--section-font-size) * 2.12) ;
        height: calc(var(--section-font-size) * 1.6) ;
        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: calc(var(--section-font-size) * 2.2) 
    }

    .recommended-models .mobile-content .model-box .model-name-box ul li .name {
        font-size: calc(var(--section-font-size) * 0.24) ;
        color: #333;
        line-height: calc(var(--section-font-size) * 0.34) ;
        padding-top: calc(var(--section-font-size) * 0.13) 
    }

    .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: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.5) ;
        white-space: nowrap
    }

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

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

.recommended-models2 {
    background-color: #fafafa;
    padding-top: calc(var(--section-font-size) * 1) ;
    padding-bottom: calc(var(--section-font-size) * 1.2) ;
    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: calc(var(--section-font-size) * 0.5) 
}

.recommended-models2 .mobile-content .tabs .tab {
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    text-align: center;
    font-weight: 400;
    padding: 0 calc(var(--section-font-size) * 0.38) ;
    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: -calc(var(--section-font-size) * 0.1) ;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(var(--section-font-size) * 0.48) ;
    height: calc(var(--section-font-size) * 0.03) ;
    background: var(--primary--color)
}

.recommended-models2 .mobile-content .model-list {
    width: calc(var(--section-font-size) * 7.5) 
}

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

.recommended-models2 .mobile-content .model-it)  .model-name {
    width: calc(var(--section-font-size) * 6.5) ;
    height: calc(var(--section-font-size) * 3.2) ;
    border-radius: var(--image-border-radius);
    overflow: hidden;
    margin: 0 auto
}

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

.recommended-models2 .mobile-content .model-it)  .model-img {
    width: calc(var(--section-font-size) * 5.6) ;
    height: auto;
    border-radius: var(--image-border-radius);
    position: absolute;
    top: calc(var(--section-font-size) * 1) ;
    right: 0
}

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

.recommended-models2 .mobile-content .model-it)  .button-box {
    padding-top: calc(var(--section-font-size) * 1.3) ;
    margin: 0 auto;
    padding-bottom: calc(var(--section-font-size) * 2) 
}

.recommended-models2 .mobile-content .swiper-pagination {
    position: absolute;
    bottom: calc(var(--section-font-size) * 1.2) 
}

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

.recommended-models2 .mobile-content .select-box {
    position: relative;
    width: calc(var(--section-font-size) * 2.6) ;
    height: calc(var(--section-font-size) * 0.78) ;
    margin: 0 auto calc(var(--section-font-size) * 0.9) 
}

.recommended-models2 .mobile-content .select-box .select-value {
    width: 100%;
    height: 100%;
    border: calc(var(--section-font-size) * 0.01)  solid #333;
    border-radius: calc(var(--section-font-size) * 0.39) ;
    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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: center;
    text-align: center;
    font-size: calc(var(--section-font-size) * 0.3) ;
    color: #3a4649;
    display: flex;
    justify-content: center;
    align-it) s: 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: calc(var(--section-font-size) * 0.6) ;
    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: calc(var(--section-font-size) * 0.28) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.8) ;
    border-bottom: calc(var(--section-font-size) * 0.01)  solid #d8d8d8;
    padding: calc(var(--section-font-size) * 0.1)  calc(var(--section-font-size) * 0.2) ;
    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: calc(var(--section-font-size) * 1.54) 
}

.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 calc(var(--section-font-size) * 1.2) ;
    position: relative;
    min-height: calc(var(--section-font-size) * 4) 
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .panorama-car {
    position: absolute;
    top: -calc(var(--section-font-size) * 0.25) ;
    left: calc(var(--section-font-size) * 6) ;
    width: calc(var(--section-font-size) * 1.48) ;
    height: calc(var(--section-font-size) * 1.08) ;
    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: calc(var(--section-font-size) * 8.4) ;
    height: calc(var(--section-font-size) * 4.2) ;
    right: calc(var(--section-font-size) * 1.2) ;
    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: calc(var(--section-font-size) * 0.4) 
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img img {
    width: calc(var(--section-font-size) * 11.25) ;
    height: calc(var(--section-font-size) * 5.25) ;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box {
    padding: calc(var(--section-font-size) * 0.1)  calc(var(--section-font-size) * 0.14)  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: calc(var(--section-font-size) * 8.4) ;
    position: absolute;
    right: calc(var(--section-font-size) * 1.2) ;
    top: calc(var(--section-font-size) * 4.4) 
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box>div+div {
    margin-left: calc(var(--section-font-size) * 0.4) 
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .border {
    width: calc(var(--section-font-size) * 0.01) ;
    background: #d8d8d8;
    font-size: 0
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .it)  {
    padding: 0 calc(var(--section-font-size) * 0.2) ;
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #666;
    line-height: calc(var(--section-font-size) * 0.3) ;
    font-weight: 600;
    text-align: center
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .it)  span {
    font-size: calc(var(--section-font-size) * 0.24) 
}

.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: calc(var(--section-font-size) * 0.3) 
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .button-box a+a+a {
    margin-left: calc(var(--section-font-size) * 0.3) 
}

.recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .chery--red--link {
    width: calc(var(--section-font-size) * 7) ;
    margin: 0 auto;
    display: block;
    padding-top: calc(var(--section-font-size) * 0.2) ;
    line-height: calc(var(--section-font-size) * 0.5) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
    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: -calc(var(--section-font-size) * 0.5) 
}

@-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: calc(var(--section-font-size) * 0.56) ;
    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: calc(var(--section-font-size) * 2.12) ;
    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 calc(var(--section-font-size) * 0.25) ;
    width: auto;
    min-width: calc(var(--section-font-size) * 2) ;
    cursor: pointer
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .name {
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #999;
    padding-top: calc(var(--section-font-size) * 0.13) ;
    margin-bottom: calc(var(--section-font-size) * 0.1) 
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .name img {
    height: calc(var(--section-font-size) * 0.15) ;
    width: auto;
    display: none;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li .price {
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #999;
    line-height: calc(var(--section-font-size) * 0.34) ;
    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: calc(var(--section-font-size) * 0.13) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #3a4649;
    white-space: nowrap
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .name img {
    height: calc(var(--section-font-size) * 0.3) ;
    width: auto;
    margin: 0 auto
}

.recommended-models2 .mobile-content .model-box .model-name-box ul li.swiper-slide-active .price {
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.34) ;
    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 calc(var(--section-font-size) * 1.25)  calc(var(--section-font-size) * 1.2) ;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.recommended-models2 .pc-content .left-car-menu {
    width: calc(var(--section-font-size) * 2.6) ;
    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: calc(var(--section-font-size) * 0.24) ;
    line-height: calc(var(--section-font-size) * 0.34) ;
    color: #333;
    display: block;
    padding: calc(var(--section-font-size) * 0.2)  0 calc(var(--section-font-size) * 0.2)  calc(var(--section-font-size) * 0.12) ;
    cursor: pointer
}

.recommended-models2 .pc-content .left-car-menu .car-parent .car-children {
    height: 0;
    padding-left: calc(var(--section-font-size) * 0.3) ;
    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: calc(var(--section-font-size) * 0.3) ;
    border-left: calc(var(--section-font-size) * 0.02)  solid #c30d23;
    height: calc(var(--section-font-size) * 0.72) ;
    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: calc(var(--section-font-size) * 0.18) ;
    color: #999;
    line-height: calc(var(--section-font-size) * 0.25) ;
    padding: calc(var(--section-font-size) * 0.2)  0;
    cursor: pointer
}

.recommended-models2 .pc-content .left-car-menu .car-parent.active .car-children li.active {
    color: #333;
    padding-left: calc(var(--section-font-size) * 0.1) 
}

.recommended-models2 .pc-content .right-car-content {
    margin-left: calc(var(--section-font-size) * 1) ;
    width: calc(var(--section-font-size) * 10.8) 
}

.recommended-models2 .pc-content .right-car-content .car-name-list {
    height: calc(var(--section-font-size) * 1.6) ;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: center
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide {
    margin: 0 calc(var(--section-font-size) * 0.4) ;
    width: calc(var(--section-font-size) * 2) ;
    text-align: center;
    cursor: pointer
}

.recommended-models2 .pc-content .right-car-content .car-name-list .swiper-slide .name {
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #999;
    line-height: calc(var(--section-font-size) * 0.34) 
}

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

.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: calc(var(--section-font-size) * 0.55) 
}

.recommended-models2 .pc-content .right-car-content .car-info-list .swiper-slide .car-img {
    width: calc(var(--section-font-size) * 10.74) ;
    height: calc(var(--section-font-size) * 4.4) ;
    -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: calc(var(--section-font-size) * 0.5) ;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.4) ;
    -webkit-box-align: center;
    -webkit-align-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: 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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: center;
    gap: calc(var(--section-font-size) * 0.1) ;
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #e54b5e;
    line-height: calc(var(--section-font-size) * 0.25) ;
    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: calc(var(--section-font-size) * 1.2) ;
        padding-bottom: calc(var(--section-font-size) * 0.6) 
    }

    .recommended-models2 .title {
        font-size: calc(var(--section-font-size) * 0.48) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: calc(var(--section-font-size) * 0.12) 
    }

    .recommended-models2 .title.border {
        position: relative;
        margin-bottom: calc(var(--section-font-size) * 0.6) 
    }

    .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: calc(var(--section-font-size) * 0.4) ;
        height: calc(var(--section-font-size) * 0.05) ;
        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: calc(var(--section-font-size) * 0.5) 
    }

    .recommended-models2 .mobile-content .tabs .tab {
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        padding: 0 calc(var(--section-font-size) * 0.38) ;
        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: -calc(var(--section-font-size) * 0.1) ;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: calc(var(--section-font-size) * 0.48) ;
        height: calc(var(--section-font-size) * 0.03) ;
        background: var(--primary--color)
    }

    .recommended-models2 .mobile-content .model-list {
        width: calc(var(--section-font-size) * 7.5) 
    }

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

    .recommended-models2 .mobile-content .model-it)  .model-name {
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 3.2) ;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        margin: 0 auto
    }

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

    .recommended-models2 .mobile-content .model-it)  .model-img {
        width: calc(var(--section-font-size) * 5.6) ;
        height: auto;
        border-radius: var(--image-border-radius);
        position: absolute;
        top: calc(var(--section-font-size) * 1) ;
        right: 0
    }

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

    .recommended-models2 .mobile-content .model-it)  .button-box {
        padding-top: calc(var(--section-font-size) * 1.3) ;
        margin: 0 auto;
        padding-bottom: calc(var(--section-font-size) * 2) 
    }

    .recommended-models2 .mobile-content .swiper-pagination {
        position: absolute;
        bottom: calc(var(--section-font-size) * 1.2) 
    }

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

    .recommended-models2 .mobile-content .select-box {
        position: relative;
        width: calc(var(--section-font-size) * 2.6) ;
        height: calc(var(--section-font-size) * 0.78) ;
        margin: 0 auto calc(var(--section-font-size) * 0.9) 
    }

    .recommended-models2 .mobile-content .select-box .select-value {
        width: 100%;
        height: 100%;
        border: calc(var(--section-font-size) * 0.01)  solid #333;
        border-radius: calc(var(--section-font-size) * 0.39) ;
        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-it) s: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-it) s: center;
        text-align: center;
        font-size: calc(var(--section-font-size) * 0.3) ;
        color: #3a4649;
        display: flex;
        justify-content: center;
        align-it) s: 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: calc(var(--section-font-size) * 0.6) ;
        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: calc(var(--section-font-size) * 0.28) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.8) ;
        border-bottom: calc(var(--section-font-size) * 0.01)  solid #d8d8d8;
        padding: calc(var(--section-font-size) * 0.1)  calc(var(--section-font-size) * 0.2) ;
        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: calc(var(--section-font-size) * 1.08) 
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper {
        overflow: inherit;
        padding-bottom: calc(var(--section-font-size) * 0.4) 
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide {
        padding: 0;
        position: relative;
        min-height: calc(var(--section-font-size) * 4) 
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .media-box {
        position: absolute;
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 3.8) ;
        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: calc(var(--section-font-size) * 2.4) 
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .car-img img {
        width: calc(var(--section-font-size) * 7.5) ;
        height: calc(var(--section-font-size) * 3.96) ;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
        zoom:.8;display: block;
        margin: calc(var(--section-font-size) * 1)  auto 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box {
        padding: calc(var(--section-font-size) * 0.1)  calc(var(--section-font-size) * 0.14)  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: calc(var(--section-font-size) * 0.01) ;
        background: #d8d8d8;
        font-size: 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .it)  {
        padding: 0 calc(var(--section-font-size) * 0.2) ;
        font-size: calc(var(--section-font-size) * 0.18) ;
        color: #666;
        line-height: calc(var(--section-font-size) * 0.3) ;
        font-weight: 600;
        text-align: center
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .parameters-box .it)  span {
        font-size: calc(var(--section-font-size) * 0.24) 
    }

    .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: calc(var(--section-font-size) * 0.6)  auto 0
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-slide .view-link {
        font-size: calc(var(--section-font-size) * 0.24) ;
        color: #c30d23;
        text-align: center
    }

    .recommended-models2 .mobile-content .model-box .model-img-box .swiper-pagination {
        position: absolute;
        bottom: calc(var(--section-font-size) * 0.1) 
    }

    @-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: calc(var(--section-font-size) * 2.12) ;
        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: calc(var(--section-font-size) * 2) 
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li .name {
        font-size: calc(var(--section-font-size) * 0.4)  !important;
        color: #333;
        padding-top: calc(var(--section-font-size) * 0.13) 
    }

    .recommended-models2 .mobile-content .model-box .model-name-box ul li .name img {
        height: calc(var(--section-font-size) * 0.15) ;
        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: calc(var(--section-font-size) * 0.3) ;
        width: auto;
        margin: 0 auto
    }

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

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

.chery-info {
    min-height: calc(var(--section-font-size) * 10.8) ;
    padding: calc(var(--section-font-size) * 1.48)  calc(var(--section-font-size) * 1.2)  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-it)  {
    height: calc(var(--section-font-size) * 7.6) ;
    width: calc(var(--section-font-size) * 11.76) ;
    z-index: 0;
    position: relative;
    width: -webkit-calc(20% + calc(var(--section-font-size) * 0.6) );
    width: -moz-calc(20% + calc(var(--section-font-size) * 0.6) );
    width: calc(20% + calc(var(--section-font-size) * 0.6) );
    -webkit-transition: all .5s var(--animation--name);
    -moz-transition: all .5s var(--animation--name);
    transition: all .5s var(--animation--name);
    -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.12)  rgba(58,70,73,.15);
    box-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.12)  rgba(58,70,73,.15);
    border-radius: var(--image-border-radius);
    overflow: hidden
}

.chery-info .chery-info-it) :nth-child(n+2) {
    margin-left: -calc(var(--section-font-size) * 0.6) ;
    border-radius: 0 var(--image-border-radius) var(--image-border-radius) 0
}

.chery-info .chery-info-it) :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-it) :nth-child(n+2) {
        margin-left:0;
        border-radius: var(--image-border-radius)
    }

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

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

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

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

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

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

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

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

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

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

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

.chery-info .chery-info-it)  .txt {
    display: none
}

.chery-info .chery-info-it)  .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: calc(var(--section-font-size) * 3.68) ;
    -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-it)  .text-box h4 {
    font-size: calc(var(--section-font-size) * 0.48) ;
    color: #fff;
    line-height: calc(var(--section-font-size) * 0.48) ;
    text-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.12)  rgba(58,70,73,.15)
}

.chery-info .chery-info-it)  .text-box .desc {
    padding-top: calc(var(--section-font-size) * 0.12) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #fff;
    line-height: calc(var(--section-font-size) * 0.48) ;
    text-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.12)  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-it)  .text-box .chery--global--button {
    position: absolute;
    bottom: calc(var(--section-font-size) * 1) ;
    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: -calc(var(--section-font-size) * 1) 
}

.chery-info .chery-info-it) ::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-it) :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-it) .active {
    width: 60%
}

.chery-info .chery-info-it) .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-it) .active .text-box {
    display: block;
    padding-top: calc(var(--section-font-size) * 1.72) 
}

.chery-info .chery-info-it) .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-it) .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-it) .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:calc(var(--section-font-size) * 11.4) ;
        position: relative;
        width: calc(var(--section-font-size) * 6.5)  !important;
        margin: 0 auto;
        padding-top: calc(var(--section-font-size) * 1.2) 
    }

    .chery-info .chery-info-it)  {
        position: absolute;
        height: calc(var(--section-font-size) * 3.6) ;
        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-it) :nth-child(1) {
        top: -webkit-calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 1) - calc(var(--section-font-size) * 3.8) );
        top: -moz-calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 1) - calc(var(--section-font-size) * 3.8) );
        top: calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 1) - calc(var(--section-font-size) * 3.8) );
        z-index: -webkit-calc(4 - 1);
        z-index: -moz-calc(4 - 1);
        z-index: calc(4 - 1);
        width: -webkit-calc(100% - (1 * calc(var(--section-font-size) * 0.8) ));
        width: -moz-calc(100% - (1 * calc(var(--section-font-size) * 0.8) ));
        width: calc(100% - (1 * calc(var(--section-font-size) * 0.8) ))
    }

    .chery-info .chery-info-it) :nth-child(2) {
        top: -webkit-calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 2) - calc(var(--section-font-size) * 3.8) );
        top: -moz-calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 2) - calc(var(--section-font-size) * 3.8) );
        top: calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 2) - calc(var(--section-font-size) * 3.8) );
        z-index: -webkit-calc(4 - 2);
        z-index: -moz-calc(4 - 2);
        z-index: calc(4 - 2);
        width: -webkit-calc(100% - (2 * calc(var(--section-font-size) * 0.8) ));
        width: -moz-calc(100% - (2 * calc(var(--section-font-size) * 0.8) ));
        width: calc(100% - (2 * calc(var(--section-font-size) * 0.8) ))
    }

    .chery-info .chery-info-it) :nth-child(3) {
        top: -webkit-calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 3) - calc(var(--section-font-size) * 3.8) );
        top: -moz-calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 3) - calc(var(--section-font-size) * 3.8) );
        top: calc(100% - calc(var(--section-font-size) * 0.3) *(4 - 3) - calc(var(--section-font-size) * 3.8) );
        z-index: -webkit-calc(4 - 3);
        z-index: -moz-calc(4 - 3);
        z-index: calc(4 - 3);
        width: -webkit-calc(100% - (3 * calc(var(--section-font-size) * 0.8) ));
        width: -moz-calc(100% - (3 * calc(var(--section-font-size) * 0.8) ));
        width: calc(100% - (3 * calc(var(--section-font-size) * 0.8) ))
    }

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

    .chery-info .chery-info-it)  .txt {
        position: absolute;
        z-index: 3;
        font-size: calc(var(--section-font-size) * 0.48) ;
        color: #fff;
        text-align: center;
        line-height: calc(var(--section-font-size) * 0.6) ;
        text-shadow: 0 0 calc(var(--section-font-size) * 0.08)  rgba(58,70,73,.15);
        font-weight: 700;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        padding-right: calc(var(--section-font-size) * 0.44) ;
        text-align: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-it) s: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-it) s: 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-it)  .text-box {
        display: none
    }

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

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

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

    .chery-info .chery-info-it)  .chery--global--button {
        display: none
    }

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

    .chery-info.aos-animate .chery-info-it) :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-it) :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-it) :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: calc(var(--section-font-size) * 10.8) ;
    padding-top: calc(var(--section-font-size) * 1.2) ;
    position: relative
}

.technology-innovation .bg {
    display: none
}

.technology-innovation .title {
    font-size: calc(var(--section-font-size) * 0.48) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.68) ;
    text-align: center;
    padding-bottom: calc(var(--section-font-size) * 0.6) ;
    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: calc(var(--section-font-size) * 16.8) ;
    height: calc(var(--section-font-size) * 7.6) ;
    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: calc(var(--section-font-size) * 2.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 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: calc(var(--section-font-size) * 0.56)  auto 0
}

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

    .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: calc(var(--section-font-size) * 0.48) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700;
        padding-bottom: calc(var(--section-font-size) * 1.14) 
    }

    .technology-innovation .innovation-video {
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 11.7) ;
        border-radius: var(--image-border-radius);
        overflow: hidden;
        top: calc(var(--section-font-size) * 2.85) 
    }

    .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: calc(var(--section-font-size) * 0.87) ;
        z-index: 1
    }
}

.digital-showroom {
    min-height: calc(var(--section-font-size) * 10.8) ;
    padding-top: calc(var(--section-font-size) * 1.71) ;
    overflow: hidden
}

.digital-showroom .digital-img {
    border-radius: var(--image-border-radius);
    width: calc(var(--section-font-size) * 16.8) ;
    height: calc(var(--section-font-size) * 7.2) ;
    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: calc(var(--section-font-size) * 1.2) ;
    font-size: calc(var(--section-font-size) * 0.48) ;
    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: calc(var(--section-font-size) * 0.56)  auto calc(var(--section-font-size) * 0.6) ;
    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:calc(var(--section-font-size) * 0.8) 
    }

    .digital-showroom .digital-img {
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 7.6) ;
        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: calc(var(--section-font-size) * 1.4) ;
        padding-top: 0;
        font-size: calc(var(--section-font-size) * 0.48) ;
        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: calc(var(--section-font-size) * 0.56)  auto calc(var(--section-font-size) * 0.95) ;
        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: calc(var(--section-font-size) * 10.8) 
}

.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: calc(var(--section-font-size) * 10.8) 
}

.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: calc(var(--section-font-size) * 2.6) ;
    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: calc(var(--section-font-size) * 0.24) ;
    color: #333;
    font-weight: 700
}

.model-kv .swiper .swiper-slide .text-box .car-name {
    font-size: calc(var(--section-font-size) * 0.6) ;
    color: #333;
    line-height: calc(var(--section-font-size) * 0.8) ;
    padding: calc(var(--section-font-size) * 0.3)  0
}

.model-kv .swiper .swiper-slide .text-box .desc2 {
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #333;
    font-weight: 400
}

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

.model-kv .swiper .swiper-slide.swiper-slide-active .text-box {
    left: calc(var(--section-font-size) * 1.2) ;
    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: calc(var(--section-font-size) * 0.4) 
}

.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(../images/mobile/index/logo-loading-bg.jpg) no-repeat;
        background-size: cover
    }

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

    .model-kv .swiper .swiper-wrapper .swiper-slide {
        padding-top: calc(var(--section-font-size) * 1.6) ;
        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(calc(var(--section-font-size) * 1) );
        -moz-transform: translateY(calc(var(--section-font-size) * 1) );
        -ms-transform: translateY(calc(var(--section-font-size) * 1) );
        transform: translateY(calc(var(--section-font-size) * 1) );
        -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: calc(var(--section-font-size) * 0.9) 
    }

    .model-kv .swiper .swiper-wrapper .swiper-slide .desc1 {
        font-size: calc(var(--section-font-size) * 0.36) ;
        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: calc(var(--section-font-size) * 0.6) ;
        color: var(--primary--color);
        text-align: center;
        font-weight: 700;
        padding: calc(var(--section-font-size) * 0.3)  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: calc(var(--section-font-size) * 0.24) ;
        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: calc(var(--section-font-size) * 2.2) ;
        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: calc(var(--section-font-size) * 10.8) ;
    position: relative;
    -webkit-backdrop-filter: blur(calc(var(--section-font-size) * 0.05) );
    backdrop-filter: blur(calc(var(--section-font-size) * 0.05) );
    padding-top: calc(var(--section-font-size) * 1.2) ;
    padding-bottom: calc(var(--section-font-size) * 2.2) 
}

.model-rights .title {
    padding-top: calc(var(--section-font-size) * 1.2) ;
    font-size: calc(var(--section-font-size) * 0.48) ;
    color: #3a4649;
    text-align: center;
    line-height: calc(var(--section-font-size) * 0.6) 
}

.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: calc(var(--section-font-size) * 0.71) 
}

.model-rights .content-box .left-con,.model-rights .content-box .right-con {
    max-width: calc(var(--section-font-size) * 8.2) 
}

.model-rights .content-box .left-con .tit,.model-rights .content-box .right-con .tit {
    text-align: center;
    margin-bottom: calc(var(--section-font-size) * 0.5) ;
    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: calc(var(--section-font-size) * 1) 
}

.model-rights .content-box .left-con .tit .time,.model-rights .content-box .right-con .tit .time {
    font-size: calc(var(--section-font-size) * 0.16) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.23) 
}

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

.model-rights .content-box .left-con .tit .border,.model-rights .content-box .right-con .tit .border {
    background: #d8d8d8;
    width: calc(var(--section-font-size) * 0.4) ;
    height: calc(var(--section-font-size) * 0.04) ;
    margin: 0 auto calc(var(--section-font-size) * 0.2) 
}

.model-rights .content-box .left-con {
    padding-right: calc(var(--section-font-size) * 0.8) ;
    border-right: calc(var(--section-font-size) * 0.01)  solid #d8d8d8
}

.model-rights .content-box .right-con {
    padding-left: calc(var(--section-font-size) * 0.8) 
}

.model-rights .content-box .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.4) ;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.model-rights .content-box .list .it)  {
    width: calc(var(--section-font-size) * 2.2) 
}

.model-rights .content-box .list .it)  .t1 {
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.34) ;
    margin-bottom: calc(var(--section-font-size) * 0.08) 
}

.model-rights .content-box .list .it)  .t2 {
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.3) ;
    margin-bottom: calc(var(--section-font-size) * 0.05) 
}

.model-rights .content-box .list .it)  .t3 {
    font-size: calc(var(--section-font-size) * 0.16) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.23) ;
    opacity: .8
}

.model-rights .button-box {
    margin-top: calc(var(--section-font-size) * 1) ;
    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: calc(var(--section-font-size) * 0.4) 
}

.model-rights .style3 {
    position: relative;
    width: calc(var(--section-font-size) * 16.8) ;
    min-height: calc(var(--section-font-size) * 7.2) ;
    margin: 0 auto;
    padding-bottom: calc(var(--section-font-size) * 0.6) ;
    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: calc(var(--section-font-size) * 0.8) 
}

.model-rights .style3 img+.content-box {
    padding-top: calc(var(--section-font-size) * 0.8) 
}

.model-rights .style3 .pc-list {
    padding-left: calc(var(--section-font-size) * 0.2) ;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: calc(var(--section-font-size) * 0.1) ;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 calc(var(--section-font-size) * 1.2) ;
    padding: 0 calc(var(--section-font-size) * 2.15) 
}

.model-rights .style3 .pc-list .it)  {
    width: calc(var(--section-font-size) * 5.4) ;
    padding-top: calc(var(--section-font-size) * 0.4) 
}

.model-rights .style3 .pc-list .it)  .t1 {
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    position: relative
}

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

.model-rights .style3 .pc-list .it)  .t2,.model-rights .style3 .pc-list .it)  .t3 {
    padding-top: calc(var(--section-font-size) * 0.12) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
    line-height: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #3a4649;
    line-height: 36px
}

.model-rights .style3 .button-box {
    position: absolute;
    z-index: 2;
    bottom: -calc(var(--section-font-size) * 1.3) ;
    left: 50%;
    margin-left: -calc(var(--section-font-size) * 2.8) ;
    margin-top: 0
}

@media screen and (max-width: 750px) {
    .model-rights {
        height:auto;
        padding-bottom: calc(var(--section-font-size) * 2.4) ;
        padding-top: calc(var(--section-font-size) * 1.2) 
    }

    .model-rights .style1 .title {
        font-size: calc(var(--section-font-size) * 0.42) ;
        font-weight: normal;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.6) ;
        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: calc(var(--section-font-size) * 0.6) ;
        margin: 0 calc(var(--section-font-size) * 0.7) ;
        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: calc(var(--section-font-size) * 0.48) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.68) ;
        letter-spacing: calc(var(--section-font-size) * 0.05) ;
        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: calc(var(--section-font-size) * 0.02) ;
        width: calc(var(--section-font-size) * 1.5) ;
        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: calc(var(--section-font-size) * 0.6) 
    }

    .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 .it)  {
        width: calc(var(--section-font-size) * 2.8) 
    }

    .model-rights .style1 .content-box .list .it)  .t1 {
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.5) 
    }

    .model-rights .style1 .content-box .list .it)  .t2 {
        font-size: calc(var(--section-font-size) * 0.24) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.36) 
    }

    .model-rights .style1 .content-box .list .it)  .t3 {
        font-size: calc(var(--section-font-size) * 0.18) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.25) 
    }

    .model-rights .style1 .button-box {
        margin-top: calc(var(--section-font-size) * 0.6) 
    }

    .model-rights .style2 {
        position: relative;
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 13.18) ;
        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: calc(var(--section-font-size) * 0.8) 
    }

    .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: calc(var(--section-font-size) * 0.3) 
    }

    .model-rights .style2 .content-box .left-con+.right-con {
        margin-top: calc(var(--section-font-size) * 0.6) 
    }

    .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: calc(var(--section-font-size) * 0.2) ;
        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: calc(var(--section-font-size) * 0.01) ;
        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: calc(var(--section-font-size) * 0.36) ;
        line-height: calc(var(--section-font-size) * 0.41) ;
        padding-bottom: calc(var(--section-font-size) * 0.16) 
    }

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

    .model-rights .style2 .content-box .left-con .list,.model-rights .style2 .content-box .right-con .list {
        padding-left: calc(var(--section-font-size) * 0.2) ;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: calc(var(--section-font-size) * 0.2) ;
        width: calc(var(--section-font-size) * 4.9) ;
        padding-right: calc(var(--section-font-size) * 0.1) 
    }

    .model-rights .style2 .content-box .left-con .list .it)  .t1,.model-rights .style2 .content-box .right-con .list .it)  .t1 {
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.41) 
    }

    .model-rights .style2 .content-box .left-con .list .it)  .t2,.model-rights .style2 .content-box .right-con .list .it)  .t2 {
        font-size: calc(var(--section-font-size) * 0.24) ;
        line-height: calc(var(--section-font-size) * 0.36) 
    }

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

    .model-rights .style2 .button-box {
        position: relative;
        z-index: 2;
        margin-top: calc(var(--section-font-size) * 0.77) 
    }

    .model-rights .style3 {
        position: relative;
        width: calc(var(--section-font-size) * 6.5) ;
        height: auto;
        padding-bottom: calc(var(--section-font-size) * 0.6) ;
        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: calc(var(--section-font-size) * 0.8) 
    }

    .model-rights .style3 img+.content-box {
        padding-top: calc(var(--section-font-size) * 0.8) 
    }

    .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 calc(var(--section-font-size) * 0.4) 
    }

    .model-rights .style3 .content-box .code-img {
        width: calc(var(--section-font-size) * 2.56) ;
        height: calc(var(--section-font-size) * 2.56) ;
        display: block;
        margin: calc(var(--section-font-size) * 0.68)  auto 0
    }

    .model-rights .style3 .content-box .left-con+.right-con {
        margin-top: calc(var(--section-font-size) * 0.6) 
    }

    .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: calc(var(--section-font-size) * 0.01) ;
        height: 10000%;
        background: #3a4649
    }

    .model-rights .style3 .content-box .left-con .tit .text,.model-rights .style3 .content-box .right-con .tit .text {
        font-size: calc(var(--section-font-size) * 0.36) ;
        font-weight: bold;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.5) ;
        letter-spacing: calc(var(--section-font-size) * 0.05) ;
        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: calc(var(--section-font-size) * 0.02) ;
        width: calc(var(--section-font-size) * 1.64) ;
        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: calc(var(--section-font-size) * 0.02) ;
        width: calc(var(--section-font-size) * 1.64) ;
        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: calc(var(--section-font-size) * 0.2) ;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: calc(var(--section-font-size) * 0.1) ;
        gap: 0
    }

    .model-rights .style3 .content-box .left-con .list .it) ,.model-rights .style3 .content-box .right-con .list .it)  {
        width: auto;
        padding-top: calc(var(--section-font-size) * 0.4) 
    }

    .model-rights .style3 .content-box .left-con .list .it)  .t1,.model-rights .style3 .content-box .right-con .list .it)  .t1 {
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        position: relative
    }

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

    .model-rights .style3 .content-box .left-con .list .it)  .t2,.model-rights .style3 .content-box .right-con .list .it)  .t2 {
        font-size: calc(var(--section-font-size) * 0.24) ;
        line-height: calc(var(--section-font-size) * 0.36) 
    }

    .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: -calc(var(--section-font-size) * 1.3) ;
        left: 50%;
        margin-left: -calc(var(--section-font-size) * 2.8) ;
        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 .it)  {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% + calc(var(--section-font-size) * 1) ));
    -moz-transform: translateX(-50%) translateY(-moz-calc(-50% + calc(var(--section-font-size) * 1) ));
    -ms-transform: translateX(-50%) translateY(calc(-50% + calc(var(--section-font-size) * 1) ));
    transform: translateX(-50%) translateY(calc(-50% + calc(var(--section-font-size) * 1) ));
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.model-text-show-hide .text-wrap .it) .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 .it) .hide {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% - calc(var(--section-font-size) * 1) ));
    -moz-transform: translateX(-50%) translateY(-moz-calc(-50% - calc(var(--section-font-size) * 1) ));
    -ms-transform: translateX(-50%) translateY(calc(-50% - calc(var(--section-font-size) * 1) ));
    transform: translateX(-50%) translateY(calc(-50% - calc(var(--section-font-size) * 1) ));
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

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

.model-text-show-hide .text-wrap .it)  .t1 {
    font-size: calc(var(--section-font-size) * 0.8) ;
    font-weight: 600;
    color: #333;
    line-height: calc(var(--section-font-size) * 0.8) 
}

.model-text-show-hide .text-wrap .it)  .t1 img {
    width: calc(var(--section-font-size) * 6.61) 
}

.model-text-show-hide .text-wrap .it)  .t2 {
    font-size: calc(var(--section-font-size) * 0.48) ;
    font-weight: 600;
    color: #333;
    line-height: calc(var(--section-font-size) * 0.8) 
}

.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 .it)  {
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        width: 100%;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% + calc(var(--section-font-size) * 1) ));
        -moz-transform: translateX(-50%) translateY(-moz-calc(-50% + calc(var(--section-font-size) * 1) ));
        -ms-transform: translateX(-50%) translateY(calc(-50% + calc(var(--section-font-size) * 1) ));
        transform: translateX(-50%) translateY(calc(-50% + calc(var(--section-font-size) * 1) ));
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .model-text-show-hide .text-wrap .it) .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 .it) .hide {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-webkit-calc(-50% - calc(var(--section-font-size) * 1) ));
        -moz-transform: translateX(-50%) translateY(-moz-calc(-50% - calc(var(--section-font-size) * 1) ));
        -ms-transform: translateX(-50%) translateY(calc(-50% - calc(var(--section-font-size) * 1) ));
        transform: translateX(-50%) translateY(calc(-50% - calc(var(--section-font-size) * 1) ));
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

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

    .model-text-show-hide .text-wrap .it)  .t1 {
        font-size: calc(var(--section-font-size) * 0.8) ;
        font-weight: 600;
        color: #333;
        line-height: calc(var(--section-font-size) * 0.8) 
    }

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

    .model-text-show-hide .text-wrap .it)  .t2 {
        font-size: calc(var(--section-font-size) * 0.48) ;
        font-weight: 600;
        color: #333;
        line-height: calc(var(--section-font-size) * 0.8) 
    }

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

.model-video-text-full {
    position: relative;
    padding-bottom: calc(var(--section-font-size) * 0.8) 
}

.model-video-text-full .scroll-to-bottom-full {
    position: relative;
    padding: calc(var(--section-font-size) * 1.2)  calc(var(--section-font-size) * 1.2)  0
}

.model-video-text-full .scroll-to-bottom-full .wrap-box {
    padding-top: calc(var(--section-font-size) * 0.6) ;
    width: calc(var(--section-font-size) * 16.8) ;
    height: calc(var(--section-font-size) * 7.2) ;
    -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: calc(var(--section-font-size) * 1.2) ;
    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: calc(var(--section-font-size) * 0.3) ;
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    text-align: center;
    font-weight: 700
}

.model-video-text-full .scroll-to-bottom-full .desc {
    padding-top: calc(var(--section-font-size) * 0.2) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48) ;
    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: calc(var(--section-font-size) * 1.2)  calc(var(--section-font-size) * 0.5)  0
    }

    .model-video-text-full .scroll-to-bottom-full .wrap-box {
        width: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 11.5) ;
        -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: calc(var(--section-font-size) * 0.3) ;
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700
    }

    .model-video-text-full .scroll-to-bottom-full .desc {
        padding-top: calc(var(--section-font-size) * 0.2) ;
        font-size: calc(var(--section-font-size) * 0.24) ;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.48) ;
        font-weight: 400;
        text-align: center
    }

    .model-video-text-full .scroll-to-bottom-full.scroll-full {
        padding-top: calc(var(--section-font-size) * 1.2) ;
        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: calc(var(--section-font-size) * 10.8) ;
    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: calc(var(--section-font-size) * 0.9) ;
    padding-bottom: calc(var(--section-font-size) * 0.3) 
}

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

.model-overview .overview-wrap .chery--global--button+.txt {
    margin-top: calc(var(--section-font-size) * 0.2) 
}

.model-overview .overview-wrap .panorama-car {
    display: block;
    margin: 0 auto calc(var(--section-font-size) * 0.2) ;
    width: calc(var(--section-font-size) * 1.62) 
}

.model-overview .overview-wrap .txt {
    opacity: .6;
    font-size: calc(var(--section-font-size) * 0.16) ;
    color: #3a4649;
    text-align: center;
    line-height: calc(var(--section-font-size) * 0.24) ;
    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: calc(var(--section-font-size) * 0.66)  calc(var(--section-font-size) * 1.6)  0 calc(var(--section-font-size) * 0.88) 
}

.model-overview .overview-wrap .overview-content .parameter .parameter-it)  {
    position: relative;
    padding-left: calc(var(--section-font-size) * 0.86) ;
    margin-bottom: calc(var(--section-font-size) * 0.8) ;
    height: calc(var(--section-font-size) * 0.56) ;
    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-it)  .icon {
    position: absolute;
    width: calc(var(--section-font-size) * 0.56) ;
    height: calc(var(--section-font-size) * 0.56) ;
    left: 0;
    top: 0
}

.model-overview .overview-wrap .overview-content .parameter .parameter-it)  .t1 {
    font-size: calc(var(--section-font-size) * 0.18) ;
    font-weight: normal;
    color: #666;
    line-height: calc(var(--section-font-size) * 0.21) ;
    margin-bottom: calc(var(--section-font-size) * 0.08) 
}

.model-overview .overview-wrap .overview-content .parameter .parameter-it)  .t2 {
    font-size: calc(var(--section-font-size) * 0.18) ;
    color: #333;
    line-height: calc(var(--section-font-size) * 0.21) ;
    font-weight: 400
}

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

.model-overview .overview-wrap .overview-content .car {
    width: calc(var(--section-font-size) * 10.8) ;
    height: calc(var(--section-font-size) * 6.075) ;
    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: calc(var(--section-font-size) * 1) ;
    height: calc(var(--section-font-size) * 1) ;
    content: " ";
    background: url("https://www.chery.cn/assets/imgs/loading.png") no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-left: -calc(var(--section-font-size) * 0.5) ;
    margin-top: -calc(var(--section-font-size) * 0.5) ;
    -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: calc(var(--section-font-size) * 1.5) ;
    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-it) s: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-it) s: flex-end
}

.model-overview .overview-wrap .overview-content .color .color-it)  {
    width: calc(var(--section-font-size) * 0.42) ;
    height: calc(var(--section-font-size) * 0.42) ;
    background: #909599;
    border: calc(var(--section-font-size) * 0.02)  solid #fff;
    -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.16)  0 rgba(0,0,0,.15);
    box-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.16)  0 rgba(0,0,0,.15);
    border-radius: calc(var(--section-font-size) * 0.21) ;
    font-size: 0;
    margin-bottom: calc(var(--section-font-size) * 0.3) ;
    cursor: pointer;
    line-height: calc(var(--section-font-size) * 0.38) ;
    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-it) .active {
    width: calc(var(--section-font-size) * 1.2) ;
    font-size: calc(var(--section-font-size) * 0.18) ;
    -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: calc(var(--section-font-size) * 0.4) ;
    -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: calc(var(--section-font-size) * 2.14)  !important
    }

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

    .model-overview .overview-wrap .panorama-car {
        display: block;
        margin: 0 auto calc(var(--section-font-size) * 0.2) ;
        width: calc(var(--section-font-size) * 1.62) 
    }

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

    .model-overview .overview-wrap .overview-content .parameter {
        position: absolute;
        top: calc(var(--section-font-size) * 5.83) ;
        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 calc(var(--section-font-size) * 0.46) ;
        -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-it)  {
        margin-bottom: 0;
        padding-left: 0
    }

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

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-it)  .t1 {
        font-size: calc(var(--section-font-size) * 0.18) ;
        font-weight: normal;
        color: #666;
        line-height: calc(var(--section-font-size) * 0.21) ;
        margin-bottom: calc(var(--section-font-size) * 0.12) 
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-it)  .t2 {
        font-size: calc(var(--section-font-size) * 0.24) ;
        font-weight: normal;
        color: #333;
        line-height: calc(var(--section-font-size) * 0.41) 
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .parameter-it)  .t2 span {
        font-size: calc(var(--section-font-size) * 0.36) 
    }

    .model-overview .overview-wrap .overview-content .parameter .parameter-wrap .border {
        width: calc(var(--section-font-size) * 0.01) ;
        height: calc(var(--section-font-size) * 0.54) ;
        background: #cdcdcd
    }

    .model-overview .overview-wrap .overview-content .car {
        width: calc(var(--section-font-size) * 7.5) ;
        height: calc(var(--section-font-size) * 4.333) ;
        margin: 0 auto
    }

    .model-overview .overview-wrap .overview-content .color {
        position: absolute;
        top: calc(var(--section-font-size) * 4.59) ;
        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: calc(var(--section-font-size) * 0.3) ;
        -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: calc(var(--section-font-size) * 1.5) 
    }
}

@-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: calc(var(--section-font-size) * 0.9) ;
    padding-bottom: calc(var(--section-font-size) * 0.3) 
}

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

.model-overview-card .overview-wrap .chery--global--button+.txt {
    margin-top: calc(var(--section-font-size) * 0.2) 
}

.model-overview-card .overview-wrap .panorama-car {
    display: block;
    margin: 0 auto calc(var(--section-font-size) * 0.2) ;
    width: calc(var(--section-font-size) * 1.62) 
}

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

.model-overview-card .overview-wrap .overview-content {
    margin: calc(var(--section-font-size) * 0.6)  calc(var(--section-font-size) * 1.2)  0;
    min-height: calc(var(--section-font-size) * 7.6) ;
    position: relative;
    padding-top: calc(var(--section-font-size) * 0.93) 
}

.model-overview-card .overview-wrap .overview-content .panorama-car {
    width: calc(var(--section-font-size) * 1.48) ;
    height: calc(var(--section-font-size) * 1.08) ;
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.model-overview-card .overview-wrap .overview-content .parameter {
    position: absolute;
    left: calc(var(--section-font-size) * 0.6) ;
    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-it)  {
    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: calc(var(--section-font-size) * 0.3) 
}

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

.model-overview-card .overview-wrap .overview-content .parameter .parameter-it)  .icon {
    position: absolute;
    width: calc(var(--section-font-size) * 0.56) ;
    height: calc(var(--section-font-size) * 0.56) ;
    left: 0;
    top: 0;
    display: none
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-it)  .t1 {
    font-size: calc(var(--section-font-size) * 0.18) ;
    font-weight: normal;
    color: #666;
    line-height: calc(var(--section-font-size) * 0.21) ;
    margin-bottom: calc(var(--section-font-size) * 0.08) 
}

.model-overview-card .overview-wrap .overview-content .parameter .parameter-it)  .t2 {
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #333;
    line-height: calc(var(--section-font-size) * 0.5) 
}

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

.model-overview-card .overview-wrap .overview-content .car {
    width: calc(var(--section-font-size) * 10.8) ;
    height: calc(var(--section-font-size) * 6.075) ;
    position: absolute;
    left: 50%;
    margin-left: -calc(var(--section-font-size) * 5.4) 
}

.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: calc(var(--section-font-size) * 1) ;
    height: calc(var(--section-font-size) * 1) ;
    content: " ";
    background: url("https://www.chery.cn/assets/imgs/loading.png") no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    margin-left: -calc(var(--section-font-size) * 0.5) ;
    margin-top: -calc(var(--section-font-size) * 0.5) ;
    -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: calc(var(--section-font-size) * 0.6) ;
    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: calc(var(--section-font-size) * 1.5) ;
    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-it) s: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-it) s: flex-end
}

.model-overview-card .overview-wrap .overview-content .color .color-it)  {
    width: calc(var(--section-font-size) * 0.42) ;
    height: calc(var(--section-font-size) * 0.42) ;
    background: #909599;
    border: calc(var(--section-font-size) * 0.02)  solid #fff;
    -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.16)  0 rgba(0,0,0,.15);
    box-shadow: 0 calc(var(--section-font-size) * 0.04)  calc(var(--section-font-size) * 0.16)  0 rgba(0,0,0,.15);
    border-radius: calc(var(--section-font-size) * 0.21) ;
    font-size: 0;
    margin-bottom: calc(var(--section-font-size) * 0.3) ;
    cursor: pointer;
    line-height: calc(var(--section-font-size) * 0.42) ;
    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-it)  span {
    position: absolute;
    min-width: calc(var(--section-font-size) * 6) ;
    right: -webkit-calc(100% + calc(var(--section-font-size) * 0.2) );
    right: -moz-calc(100% + calc(var(--section-font-size) * 0.2) );
    right: calc(100% + calc(var(--section-font-size) * 0.2) );
    text-align: right;
    color: var(--primary--color)
}

.model-overview-card .overview-wrap .overview-content .color .color-it) .active {
    font-size: calc(var(--section-font-size) * 0.18) 
}

.model-overview-card .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.4) ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: calc(var(--section-font-size) * 0.6)  auto calc(var(--section-font-size) * 1.2) ;
    position: relative;
    z-index: 10
}

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

    .model-overview-card .overview-wrap .title {
        font-size: calc(var(--section-font-size) * 0.6) ;
        line-height: calc(var(--section-font-size) * 0.85) ;
        padding-bottom: calc(var(--section-font-size) * 0.6) ;
        padding-top: 0
    }

    .model-overview-card .overview-wrap .panorama-car {
        display: block;
        margin: 0 auto calc(var(--section-font-size) * 0.2) ;
        width: calc(var(--section-font-size) * 1.62) 
    }

    .model-overview-card .overview-wrap .overview-content {
        display: block;
        position: relative;
        padding: 0;
        margin: 0 calc(var(--section-font-size) * 0.5) ;
        width: calc(var(--section-font-size) * 6.48) ;
        height: calc(var(--section-font-size) * 8.18) 
    }

    .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: calc(var(--section-font-size) * 1.04) 
    }

    .model-overview-card .overview-wrap .overview-content .panorama-car {
        padding-top: calc(var(--section-font-size) * 0.78) ;
        position: relative;
        z-index: 2;
        width: calc(var(--section-font-size) * 1.62) ;
        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: calc(var(--section-font-size) * 1.4) ;
        width: calc(var(--section-font-size) * 6.48) ;
        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: calc(var(--section-font-size) * 6.48) ;
        height: auto;
        min-height: calc(var(--section-font-size) * 3.5) 
    }

    .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: calc(var(--section-font-size) * 6.48) 
    }

    .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: calc(var(--section-font-size) * 0.3) ;
        -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-it)  {
        position: relative;
        overflow: initial
    }

    .model-overview-card .overview-wrap .overview-content .color .color-wrap .color-it)  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: -calc(var(--section-font-size) * 1.4) ;
        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 calc(var(--section-font-size) * 0.46) ;
        -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-it)  {
        margin-bottom: 0;
        padding-left: 0
    }

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

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-it)  .t1 {
        font-size: calc(var(--section-font-size) * 0.18) ;
        font-weight: normal;
        color: #666;
        line-height: calc(var(--section-font-size) * 0.21) ;
        margin-bottom: calc(var(--section-font-size) * 0.12) 
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-it)  .t2 {
        font-size: calc(var(--section-font-size) * 0.24) ;
        font-weight: normal;
        color: #333;
        line-height: calc(var(--section-font-size) * 0.41) 
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .parameter-it)  .t2 span {
        font-size: calc(var(--section-font-size) * 0.36) 
    }

    .model-overview-card .overview-wrap .overview-content .parameter .parameter-wrap .border {
        width: calc(var(--section-font-size) * 0.01) ;
        height: calc(var(--section-font-size) * 0.54) ;
        background: #cdcdcd
    }

    .model-overview-card .button-box {
        margin-top: calc(var(--section-font-size) * 1.8) ;
        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: calc(var(--section-font-size) * 0.8)  calc(var(--section-font-size) * 1.2) 
}

.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: calc(var(--section-font-size) * 0.3) ;
    font-size: calc(var(--section-font-size) * 0.36) ;
    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: calc(var(--section-font-size) * 0.8)  calc(var(--section-font-size) * 0.5)  calc(var(--section-font-size) * 0.8) 
    }

    .model-image-text .image-text-box .content-img {
        width: calc(var(--section-font-size) * 6.5) ;
        margin: 0 auto;
        border-radius: var(--image-border-radius)
    }

    .model-image-text .image-text-box .txt {
        padding-top: calc(var(--section-font-size) * 0.3) ;
        font-size: calc(var(--section-font-size) * 0.3) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700
    }
}

.model-image-text-swiper {
    padding-bottom: calc(var(--section-font-size) * 1.2) 
}

.model-image-text-swiper .title {
    padding-top: calc(var(--section-font-size) * 0.9) 
}

.model-image-text-swiper .swiper {
    padding-top: calc(var(--section-font-size) * 0.46) 
}

.model-image-text-swiper .swiper .swiper-slide {
    padding: 0 calc(var(--section-font-size) * 1.2)  calc(var(--section-font-size) * 0.36) 
}

.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: calc(var(--section-font-size) * 7) ;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius)
}

.model-image-text-swiper .swiper .swiper-slide .txt {
    padding-top: calc(var(--section-font-size) * 0.5) ;
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.5) ;
    text-align: center
}

.model-image-text-swiper .swiper .swiper-slide .desc {
    padding-top: calc(var(--section-font-size) * 0.2) ;
    font-size: calc(var(--section-font-size) * 0.24) ;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48) ;
    font-weight: 400;
    width: auto;
    text-align: left;
    padding-bottom: 0;
    text-align: center
}

.model-image-text-swiper .swiper .swiper-pagination {
    top: calc(var(--section-font-size) * 7.7) 
}

.model-image-text-swiper .swiper .swiper-button-prev,.model-image-text-swiper .swiper .swiper-button-next {
    top: calc(var(--section-font-size) * 3.75) ;
    -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:calc(var(--section-font-size) * 1.2) ;
        position: relative;
        background-color: #fff
    }

    .model-image-text-swiper .button-box {
        gap: calc(var(--section-font-size) * 0.4) 
    }

    .model-image-text-swiper .title {
        padding-bottom: calc(var(--section-font-size) * 0.6) 
    }

    .model-image-text-swiper .swiper {
        overflow: initial
    }

    .model-image-text-swiper .swiper .swiper-slide {
        width: 100%;
        padding: 0 calc(var(--section-font-size) * 0.5)  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: calc(var(--section-font-size) * 6.5) ;
        height: calc(var(--section-font-size) * 9.2) ;
        border-radius: var(--image-border-radius);
        -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.06)  calc(var(--section-font-size) * 0.18)  0 rgba(0,0,0,.15);
        box-shadow: 0 calc(var(--section-font-size) * 0.06)  calc(var(--section-font-size) * 0.18)  0 rgba(0,0,0,.15)
    }

    .model-image-text-swiper .swiper .swiper-slide .txt {
        padding-top: calc(var(--section-font-size) * 0.6) ;
        font-size: calc(var(--section-font-size) * 0.36) ;
        color: #3a4649;
        text-align: center;
        font-weight: 700
    }

    .model-image-text-swiper .swiper .swiper-pagination {
        top: calc(var(--section-font-size) * 10) 
    }

    .model-image-text-swiper .scroll-txt {
        display: block;
        text-align: center;
        opacity: .6;
        font-size: calc(var(--section-font-size) * 0.24) ;
        color: #3a4649;
        text-align: center;
        font-weight: 400;
        padding: calc(var(--section-font-size) * 0.6)  0 calc(var(--section-font-size) * 1) 
    }
}

.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: calc(var(--section-font-size) * 0.9) ;
    padding-bottom: calc(var(--section-font-size) * 0.46) 
}

.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: calc(var(--section-font-size) * 0.46) ;
    padding-left: calc(var(--section-font-size) * 1.2) ;
    padding-bottom: calc(var(--section-font-size) * 0.9) ;
    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: calc(var(--section-font-size) * 4) ;
    width: calc(var(--section-font-size) * 4) 
}

.model-highlights1 .exterior-box.left-text .content-box .text-box .tit,.model-highlights2 .exterior-box.left-text .content-box .text-box .tit {
    font-size: calc(var(--section-font-size) * 0.3) ;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: calc(var(--section-font-size) * 0.2) 
}

.model-highlights1 .exterior-box.left-text .content-box .text-box .desc,.model-highlights2 .exterior-box.left-text .content-box .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.24) ;
    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: calc(var(--section-font-size) * 0.46) ;
    padding-right: calc(var(--section-font-size) * 1.2) ;
    padding-bottom: calc(var(--section-font-size) * 0.9) ;
    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: calc(var(--section-font-size) * 4) ;
    padding-left: calc(var(--section-font-size) * 0.8) ;
    width: calc(var(--section-font-size) * 4) 
}

.model-highlights1 .exterior-box.right-text .content-box .text-box .tit,.model-highlights2 .exterior-box.right-text .content-box .text-box .tit {
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: calc(var(--section-font-size) * 0.2) 
}

.model-highlights1 .exterior-box.right-text .content-box .text-box .desc,.model-highlights2 .exterior-box.right-text .content-box .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.24) ;
    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: calc(var(--section-font-size) * 2.33) ;
    cursor: pointer
}

.model-highlights1 .exterior-box .more .icon-wrap,.model-highlights2 .exterior-box .more .icon-wrap {
    position: relative;
    padding: calc(var(--section-font-size) * 0.06) ;
    width: calc(var(--section-font-size) * 0.72) ;
    height: calc(var(--section-font-size) * 0.72) ;
    margin-bottom: calc(var(--section-font-size) * 0.12) 
}

.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: calc(var(--section-font-size) * 0.6) ;
    height: calc(var(--section-font-size) * 0.6) ;
    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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: 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: calc(var(--section-font-size) * 0.38) 
}

.model-highlights1 .exterior-box .more .icon-wrap .bor,.model-highlights2 .exterior-box .more .icon-wrap .bor {
    position: absolute;
    width: calc(var(--section-font-size) * 0.72) ;
    height: calc(var(--section-font-size) * 0.72) ;
    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: calc(var(--section-font-size) * 1.9) ;
    height: calc(var(--section-font-size) * 0.04) ;
    left: calc(var(--section-font-size) * 0.72) ;
    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: calc(var(--section-font-size) * 0.18) ;
    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: calc(var(--section-font-size) * 0.6)  calc(var(--section-font-size) * 1.2)  calc(var(--section-font-size) * 1.2) 
}

.model-highlights1 .exterior-box .content-box .tit,.model-highlights2 .exterior-box .content-box .tit {
    font-size: calc(var(--section-font-size) * 0.36) ;
    color: #3a4649;
    font-weight: 700;
    margin-bottom: calc(var(--section-font-size) * 0.2) 
}

.model-highlights1 .exterior-box .img-box,.model-highlights2 .exterior-box .img-box {
    width: calc(var(--section-font-size) * 11.4) ;
    height: calc(var(--section-font-size) * 6.4) 
}

.model-highlights1 .exterior-box .img-box img,.model-highlights2 .exterior-box .img-box img {
    width: calc(var(--section-font-size) * 11.4) ;
    height: calc(var(--section-font-size) * 6.4) ;
    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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: center;
    z-index: 10;
    position: absolute;
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    height: calc(var(--section-font-size) * 1) 
}

.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: calc(var(--section-font-size) * 0.56) 
}

.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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: 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-it) s: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-it) s: 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: calc(var(--section-font-size) * 0.6) ;
    height: calc(var(--section-font-size) * 0.6) ;
    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: calc(var(--section-font-size) * 0.36) 
}

.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: calc(var(--section-font-size) * 2.65) ;
    height: calc(var(--section-font-size) * 0.06) ;
    background: #d2d2d7;
    margin-left: calc(var(--section-font-size) * 0.2) ;
    pointer-events: none;
    border-radius: calc(var(--section-font-size) * 0.03) 
}

.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: calc(var(--section-font-size) * 0.03) 
}






.model-highlights1 .deep-dive-modals .deep-dive-ui .chery--global--button,.model-highlights2 .deep-dive-modals .deep-dive-ui .chery--global--button {
    margin-left: calc(var(--section-font-size) * 0.3)
}

.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: calc(var(--section-font-size) * 1.8);
    height: calc(var(--section-font-size) * 1);
    bottom: calc(var(--section-font-size) * 0.6);
    left: calc(var(--section-font-size) * 1.2);
    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: calc(var(--section-font-size) * 1.2);
    padding-right: calc(var(--section-font-size) * 1.2);
    position: relative;
    height: -webkit-calc(var(--100vh) - calc(var(--section-font-size) * 1) - env(safe-area-inset-bottom));
    height: -moz-calc(var(--100vh) - calc(var(--section-font-size) * 1) - env(safe-area-inset-bottom));
    height: calc(var(--100vh) - calc(var(--section-font-size) * 1) - 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: calc(var(--section-font-size) * 0.36);
    line-height: calc(var(--section-font-size) * 0.5);
    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: calc(var(--section-font-size) * 1.5)
}

.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: calc(var(--section-font-size) * 1)
}

.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: calc(var(--section-font-size) * 0.8)
}

.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: calc(var(--section-font-size) * 0.3);
    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: calc(var(--section-font-size) * 0.24);
    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: calc(var(--section-font-size) * 0.2)
}

.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: calc(var(--section-font-size) * 0.3);
    margin-left: calc(var(--section-font-size) * 0.3)
}

.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:calc(var(--section-font-size) * 0.8);
        display: block
    }

    .model-highlights1 .title,.model-highlights2 .title {
        display: none
    }

    .model-highlights1 .exterior-box,.model-highlights2 .exterior-box {
        padding: calc(var(--section-font-size) * 0.8) calc(var(--section-font-size) * 0.5) 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: calc(var(--section-font-size) * 0.3);
        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: calc(var(--section-font-size) * 0.4);
        position: relative;
        height: calc(var(--section-font-size) * 1.6)
    }

    .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: calc(var(--section-font-size) * 0.8);
        width: calc(var(--section-font-size) * 0.8);
        height: calc(var(--section-font-size) * 0.8);
        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: calc(var(--section-font-size) * 0.8);
        height: calc(var(--section-font-size) * 0.8);
        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: calc(var(--section-font-size) * 0.18);
        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: calc(var(--section-font-size) * 6.5);
        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: calc(var(--section-font-size) * 0.2) 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: calc(var(--section-font-size) * 2.6);
        height: calc(var(--section-font-size) * 1.2);
        bottom: -webkit-calc(env(safe-area-inset-bottom) + calc(var(--section-font-size) * 1));
        bottom: -moz-calc(env(safe-area-inset-bottom) + calc(var(--section-font-size) * 1));
        bottom: calc(env(safe-area-inset-bottom) + calc(var(--section-font-size) * 1));
        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: calc(var(--section-font-size) * 1.2)
    }

    .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: calc(var(--section-font-size) * 0.3);
        -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: calc(var(--section-font-size) * 0.36);
        line-height: calc(var(--section-font-size) * 0.5)
    }

    .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: calc(var(--section-font-size) * 0.28);
        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: calc(var(--section-font-size) * 12);
        height: calc(var(--section-font-size) * 9.2);
        -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: calc(var(--section-font-size) * 6.8);
        -o-object-fit: cover;
        object-fit: cover;
        height: calc(var(--section-font-size) * 8)
    }

    .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: calc(var(--section-font-size) * 12.6);
        -o-object-fit: cover;
        object-fit: cover;
        height: calc(var(--section-font-size) * 7.6)
    }

    .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: calc(var(--section-font-size) * 9.2);
        -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: calc(var(--section-font-size) * 1.5)
    }

    .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: calc(var(--section-font-size) * 1)
    }

    .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: calc(var(--section-font-size) * 0.8);
        height: calc(var(--section-font-size) * 0.8);
        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: calc(var(--section-font-size) * 1.2);
    -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: calc(var(--section-font-size) * 6.4)
}

.model-highlights1 .exterior-box .content-box .img-text-box .big-img {
    width: calc(var(--section-font-size) * 11.4);
    height: calc(var(--section-font-size) * 6.4)
}

.model-highlights1 .exterior-box .content-box .img-text-box .small-img {
    margin-top: calc(var(--section-font-size) * 1.6);
    width: calc(var(--section-font-size) * 4.8);
    height: calc(var(--section-font-size) * 4.8)
}

.model-highlights1 .exterior-box .content-box .img-text-box .text {
    margin-top: calc(var(--section-font-size) * 0.3);
    color: #3a4649;
    text-align: center;
    line-height: calc(var(--section-font-size) * 0.42)
}

.model-highlights1 .exterior-box .content-box .img-text-box .text .txt,.model-highlights1 .exterior-box .content-box .img-text-box .text .tit {
    font-size: calc(var(--section-font-size) * 0.36);
    font-weight: bold
}

.model-highlights1 .exterior-box .content-box .img-text-box .text .desc {
    padding-top: calc(var(--section-font-size) * 0.2);
    font-size: calc(var(--section-font-size) * 0.24);
    line-height: calc(var(--section-font-size) * 0.48)
}

.model-highlights1 .exterior-box .content-box .img-text-box+.img-text-box {
    margin-left: calc(var(--section-font-size) * 0.5)
}

.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: calc(var(--section-font-size) * 0.35);
    text-align: center
}

.model-highlights1 .exterior-box .content-box .img-text-box+.more {
    margin-top: calc(var(--section-font-size) * 1)
}

@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: calc(var(--section-font-size) * 6.5)
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .big-img {
        width: 100%;
        height: calc(var(--section-font-size) * 6.5)
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .small-img {
        margin-top: 0;
        width: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 6.5)
    }

    .model-highlights1 .exterior-box .content-box .img-text-box .text {
        margin-top: calc(var(--section-font-size) * 0.3);
        line-height: calc(var(--section-font-size) * 0.42)
    }

    .model-highlights1 .exterior-box .content-box .img-text-box+.img-text-box {
        margin-left: 0;
        margin-top: calc(var(--section-font-size) * 0.3)
    }
}

.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: calc(var(--section-font-size) * 2.58);
    padding-left: calc(var(--section-font-size) * 0.6)
}

.model-highlights2 .exterior-box .content-box .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.24);
    font-weight: 400;
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.36);
    text-align: left
}

.model-highlights2 .exterior-box .content-box .text-box .more {
    margin-top: calc(var(--section-font-size) * 2.11)
}

@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: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 6.5);
        -o-object-fit: cover;
        object-fit: cover
    }

    .model-highlights2 .exterior-box .content-box .text-box {
        padding: 0;
        padding-top: calc(var(--section-font-size) * 0.3)
    }

    .model-highlights2 .exterior-box .content-box .text-box .tit {
        font-size: calc(var(--section-font-size) * 0.3);
        font-weight: 600;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.42);
        text-align: center
    }

    .model-highlights2 .exterior-box .content-box .text-box .desc {
        font-size: calc(var(--section-font-size) * 0.24);
        font-weight: 400;
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.36);
        text-align: center
    }

    .model-highlights2 .exterior-box .content-box .text-box .more {
        margin-top: calc(var(--section-font-size) * 0.6);
        text-align: center
    }
}

.component.model-highlights3 {
    padding: calc(var(--section-font-size) * 0.9) calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 0.3)
}

.component.model-highlights3 .title {
    margin-bottom: calc(var(--section-font-size) * 0.46)
}

.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: calc(var(--section-font-size) * 0.24);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    font-weight: 400;
    width: calc(var(--section-font-size) * 11.78);
    text-align: center;
    padding-bottom: calc(var(--section-font-size) * 0.8);
    margin: 0 auto
}

.component.model-highlights3 .content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: calc(var(--section-font-size) * 0.6);
    -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: calc(var(--section-font-size) * 3.2)
}

.component.model-highlights3 .content-box .text-box .tit {
    font-size: calc(var(--section-font-size) * 0.36);
    color: #3a4649;
    font-weight: 700;
    margin-bottom: calc(var(--section-font-size) * 0.2);
    line-height: calc(var(--section-font-size) * 0.6)
}

.component.model-highlights3 .content-box .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.24);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    font-weight: 400;
    width: auto;
    text-align: left;
    padding-bottom: 0
}

.component.model-highlights3 .content-box .img-box {
    width: calc(var(--section-font-size) * 12.8);
    height: calc(var(--section-font-size) * 7.2)
}

.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: calc(var(--section-font-size) * 0.8)
}

@media screen and (max-width: 750px) {
    .component.model-highlights3 {
        padding:calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 0.5)
    }

    .component.model-highlights3 .desc {
        width: auto
    }

    .component.model-highlights3 .title {
        margin-bottom: calc(var(--section-font-size) * 0.4);
        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: calc(var(--section-font-size) * 0.8)
    }

    .component.model-highlights3 .content-box:last-of-type {
        margin-bottom: 0
    }

    .component.model-highlights3 .content-box .text-box {
        width: calc(var(--section-font-size) * 5.2);
        text-align: center;
        padding-top: calc(var(--section-font-size) * 0.15)
    }

    .component.model-highlights3 .content-box .text-box .desc {
        text-align: center
    }

    .component.model-highlights3 .content-box .img-box {
        width: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 6.5)
    }

    .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: calc(var(--section-font-size) * 0.4)
    }
}

.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: calc(var(--section-font-size) * 0.9);
    padding-bottom: calc(var(--section-font-size) * 0.46)
}

.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: calc(var(--section-font-size) * 0.46);
    padding-left: calc(var(--section-font-size) * 1.2);
    padding-bottom: calc(var(--section-font-size) * 0.9);
    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: calc(var(--section-font-size) * 4);
    width: calc(var(--section-font-size) * 4)
}

.model-highlights-pc .exterior-box.left-text .content-box .text-box .tit {
    font-size: calc(var(--section-font-size) * 0.3);
    color: #3a4649;
    font-weight: 700;
    margin-bottom: calc(var(--section-font-size) * 0.2)
}

.model-highlights-pc .exterior-box.left-text .content-box .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.24);
    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: calc(var(--section-font-size) * 0.46);
    padding-right: calc(var(--section-font-size) * 1.2);
    padding-bottom: calc(var(--section-font-size) * 0.9);
    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: calc(var(--section-font-size) * 4);
    padding-left: calc(var(--section-font-size) * 0.8);
    width: calc(var(--section-font-size) * 4)
}

.model-highlights-pc .exterior-box.right-text .content-box .text-box .tit {
    font-size: calc(var(--section-font-size) * 0.36);
    color: #3a4649;
    font-weight: 700;
    margin-bottom: calc(var(--section-font-size) * 0.2)
}

.model-highlights-pc .exterior-box.right-text .content-box .text-box .desc {
    font-size: calc(var(--section-font-size) * 0.24);
    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: calc(var(--section-font-size) * 2.33);
    cursor: pointer
}

.model-highlights-pc .exterior-box .more .icon-wrap {
    position: relative;
    padding: calc(var(--section-font-size) * 0.06);
    width: calc(var(--section-font-size) * 0.72);
    height: calc(var(--section-font-size) * 0.72);
    margin-bottom: calc(var(--section-font-size) * 0.12)
}

.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: calc(var(--section-font-size) * 0.6);
    height: calc(var(--section-font-size) * 0.6);
    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: calc(var(--section-font-size) * 0.38)
}

.model-highlights-pc .exterior-box .more .icon-wrap .bor {
    position: absolute;
    width: calc(var(--section-font-size) * 0.72);
    height: calc(var(--section-font-size) * 0.72);
    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: calc(var(--section-font-size) * 1.9);
    height: calc(var(--section-font-size) * 0.04);
    left: calc(var(--section-font-size) * 0.72);
    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: calc(var(--section-font-size) * 0.18);
    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: calc(var(--section-font-size) * 14);
    height: calc(var(--section-font-size) * 9)
}

.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: calc(var(--section-font-size) * 1);
    gap: calc(var(--section-font-size) * 0.3)
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-button-container {
    margin-left: calc(var(--section-font-size) * 0.56)
}

.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: calc(var(--section-font-size) * 0.6);
    height: calc(var(--section-font-size) * 0.6);
    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: calc(var(--section-font-size) * 0.36)
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .deep-dive-progress-indicator {
    width: calc(var(--section-font-size) * 2.65);
    height: calc(var(--section-font-size) * 0.06);
    background: #d2d2d7;
    margin-left: calc(var(--section-font-size) * 0.2);
    pointer-events: none;
    border-radius: calc(var(--section-font-size) * 0.03)
}

.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: calc(var(--section-font-size) * 0.03)
}

.model-highlights-pc .deep-dive-modals .deep-dive-ui .line-red {
    margin-left: calc(var(--section-font-size) * 0.3)
}

.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: calc(var(--section-font-size) * 1.8);
    height: calc(var(--section-font-size) * 1);
    bottom: calc(var(--section-font-size) * 1);
    left: calc(var(--section-font-size) * 1.2);
    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: calc(var(--section-font-size) * 1.2);
    padding-right: calc(var(--section-font-size) * 1.2);
    position: relative;
    height: -webkit-calc(var(--100vh) - calc(var(--section-font-size) * 1) - env(safe-area-inset-bottom));
    height: -moz-calc(var(--100vh) - calc(var(--section-font-size) * 1) - env(safe-area-inset-bottom));
    height: calc(var(--100vh) - calc(var(--section-font-size) * 1) - env(safe-area-inset-bottom));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.8);
    -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: calc(var(--section-font-size) * 0.3);
    -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: calc(var(--section-font-size) * 1.8);
    font-size: calc(var(--section-font-size) * 0.36);
    line-height: calc(var(--section-font-size) * 0.5);
    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: calc(var(--section-font-size) * 4.32);
    font-size: calc(var(--section-font-size) * 0.36);
    line-height: calc(var(--section-font-size) * 0.5)
}

.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: calc(var(--section-font-size) * 0.3);
    color: #3a4649
}

.model-highlights-pc .horizontal-scroll .horizontal-scroll-container-x .horizontal-scroll-content .item .desc {
    font-size: calc(var(--section-font-size) * 0.24);
    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: calc(var(--section-font-size) * 0.2)
}

.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: calc(var(--section-font-size) * 0.3)
}

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

.model-config {
    position: relative;
    min-height: calc(var(--section-font-size) * 10.8);
    padding-top: calc(var(--section-font-size) * 0.9);
    padding-bottom: calc(var(--section-font-size) * 2.1)
}

.model-config .bg {
    top: calc(var(--section-font-size) * 4.4);
    position: absolute;
    width: 100%;
    height: calc(var(--section-font-size) * 6.4);
    opacity: .05;
    background: #3a4649
}

.model-config .bg img {
    display: none
}

.model-config .config-num {
    font-size: calc(var(--section-font-size) * 0.24);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    text-align: center
}

.model-config .swiper {
    padding: calc(var(--section-font-size) * 0.6) calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 0.6)
}

.model-config .swiper .swiper-wrapper .swiper-slide {
    width: calc(var(--section-font-size) * 4.8);
    min-height: calc(var(--section-font-size) * 5.2);
    height: auto;
    background: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 calc(var(--section-font-size) * 0.06) calc(var(--section-font-size) * 0.18) 0 rgba(0,0,0,.15);
    box-shadow: 0 calc(var(--section-font-size) * 0.06) calc(var(--section-font-size) * 0.18) 0 rgba(0,0,0,.15);
    border-radius: calc(var(--section-font-size) * 0.6);
    text-align: center;
    padding-top: calc(var(--section-font-size) * 0.4);
    padding-bottom: calc(var(--section-font-size) * 0.4);
    margin-right: calc(var(--section-font-size) * 0.6);
    -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: calc(var(--section-font-size) * 0.36);
    color: #333;
    line-height: calc(var(--section-font-size) * 0.54)
}

.model-config .swiper .swiper-wrapper .swiper-slide .price-text {
    font-size: calc(var(--section-font-size) * 0.24);
    color: #333;
    line-height: calc(var(--section-font-size) * 0.36);
    padding: calc(var(--section-font-size) * 0.3) 0
}

.model-config .swiper .swiper-wrapper .swiper-slide .price {
    font-size: calc(var(--section-font-size) * 0.36);
    color: #c30d23;
    line-height: calc(var(--section-font-size) * 0.5);
    font-weight: 600
}

.model-config .swiper .swiper-wrapper .swiper-slide .desc {
    text-align: center;
    font-size: calc(var(--section-font-size) * 0.24);
    color: #666;
    line-height: calc(var(--section-font-size) * 0.48)
}

.model-config .swiper .swiper-pagination {
    bottom: calc(var(--section-font-size) * 0.2)
}

.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(-calc(var(--section-font-size) * 4.8));
        transform: translateX(-calc(var(--section-font-size) * 4.8))
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideIn {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -moz-transform: translateX(-calc(var(--section-font-size) * 4.8));
        transform: translateX(-calc(var(--section-font-size) * 4.8))
    }

    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(-calc(var(--section-font-size) * 4.8));
        -moz-transform: translateX(-calc(var(--section-font-size) * 4.8));
        transform: translateX(-calc(var(--section-font-size) * 4.8))
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.model-config .button-box {
    bottom: calc(var(--section-font-size) * 1.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--section-font-size) * 0.4);
    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: calc(var(--section-font-size) * 2.48);
        left: 0;
        position: absolute;
        width: calc(var(--section-font-size) * 7.5);
        height: calc(var(--section-font-size) * 8.98);
        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: calc(var(--section-font-size) * 0.5)
    }
}

.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: calc(var(--section-font-size) * 0.9);
    padding-bottom: calc(var(--section-font-size) * 1.38);
    --image-border-radius: calc(var(--section-font-size) * 0.16)
}

.model-gallery .title {
    margin-bottom: calc(var(--section-font-size) * 0.6)
}

.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: calc(var(--section-font-size) * 0.1)
}

.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: calc(var(--section-font-size) * 4.2);
    height: calc(var(--section-font-size) * 2.8);
    -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: calc(var(--section-font-size) * 2.8);
    height: calc(var(--section-font-size) * 2.8);
    -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: calc(var(--section-font-size) * 7.08);
    height: calc(var(--section-font-size) * 7.08);
    -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: calc(var(--section-font-size) * 7.1);
    height: calc(var(--section-font-size) * 4.18);
    -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: calc(var(--section-font-size) * 7.1);
    height: calc(var(--section-font-size) * 7.08)
}

.model-gallery .img-box .section-gallery-1 .small-1+.small-2,.model-gallery .img-box .section-gallery-1 .small-2+.small-1 {
    margin-left: calc(var(--section-font-size) * 0.1)
}

.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: calc(var(--section-font-size) * 0.1)
}

.model-gallery .img-box .section-gallery-2 {
    width: calc(var(--section-font-size) * 7.08);
    height: calc(var(--section-font-size) * 7.08)
}

.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: calc(var(--section-font-size) * 0.1);
    width: calc(var(--section-font-size) * 5.94);
    height: calc(var(--section-font-size) * 7.08)
}

.model-gallery .img-box .section-gallery-3 .small-1 {
    width: calc(var(--section-font-size) * 3.04);
    height: calc(var(--section-font-size) * 2.8)
}

.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:calc(var(--section-font-size) * 1.2);
        padding-bottom: calc(var(--section-font-size) * 1.2);
        --image-border-radius: calc(var(--section-font-size) * 0.3)
    }

    .model-gallery .swiper {
        padding-bottom: calc(var(--section-font-size) * 0.5)
    }

    .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: calc(var(--section-font-size) * 0.2);
        padding: 0 calc(var(--section-font-size) * 0.5)
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .three-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: calc(var(--section-font-size) * 0.2)
    }

    .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: calc(var(--section-font-size) * 0.2)
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .small-1 {
        width: calc(var(--section-font-size) * 2.55);
        height: calc(var(--section-font-size) * 2.55)
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .small-2 {
        width: calc(var(--section-font-size) * 2.55);
        height: calc(var(--section-font-size) * 2.25)
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .big {
        width: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 6.5)
    }

    .model-gallery .swiper .swiper-wrapper .swiper-slide .large {
        width: calc(var(--section-font-size) * 3.75);
        height: calc(var(--section-font-size) * 5)
    }

    .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: calc(var(--section-font-size) * 0.2);
    right: calc(var(--section-font-size) * 0.2);
    width: calc(var(--section-font-size) * 0.4);
    height: calc(var(--section-font-size) * 0.4);
    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: calc(var(--section-font-size) * 0.48);
    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: calc(var(--section-font-size) * 0.24);
    bottom: -webkit-calc(env(safe-area-inset-bottom) + calc(var(--section-font-size) * 0.2));
    bottom: -moz-calc(env(safe-area-inset-bottom) + calc(var(--section-font-size) * 0.2));
    bottom: calc(env(safe-area-inset-bottom) + calc(var(--section-font-size) * 0.2))
}

.model-guess-like {
    padding-top: calc(var(--section-font-size) * 0.9);
    padding-bottom: calc(var(--section-font-size) * 0.66)
}

.model-guess-like .title {
    margin-bottom: calc(var(--section-font-size) * 0.6)
}

.model-guess-like .swiper {
    padding-bottom: calc(var(--section-font-size) * 0.86)
}

.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: calc(var(--section-font-size) * 9.56);
    height: calc(var(--section-font-size) * 5.38);
    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(calc(var(--section-font-size) * 0.1));
    backdrop-filter: blur(calc(var(--section-font-size) * 0.1));
    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: calc(var(--section-font-size) * 11.2);
    height: calc(var(--section-font-size) * 6.3)
}

.model-guess-like .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .mask {
    opacity: 0;
    display: none
}

.model-guess-like .swiper .swiper-pagination {
    bottom: calc(var(--section-font-size) * 0.4)
}

.model-guess-like .chery--global--button {
    margin: 0 auto
}

@media screen and (max-width: 750px) {
    .model-guess-like .swiper {
        margin:0 calc(var(--section-font-size) * 0.5)
    }

    .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: calc(var(--section-font-size) * 6);
        height: calc(var(--section-font-size) * 8.6);
        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: calc(var(--section-font-size) * 6);
        height: calc(var(--section-font-size) * 8.6)
    }

    .model-guess-like .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .mask {
        opacity: 0;
        display: none
    }
}

.model-middle-slider {
    padding: calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 0.5) 0
}

.model-middle-slider .slider-box {
    position: relative
}

.model-middle-slider .slider-box .desc {
    font-size: calc(var(--section-font-size) * 0.24);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: center
}

.model-middle-slider .slider-box .slider-content {
    position: relative;
    margin: calc(var(--section-font-size) * 0.5) auto;
    width: calc(var(--section-font-size) * 16.8);
    height: calc(var(--section-font-size) * 8.8)
}

.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: calc(var(--section-font-size) * 16.8);
    height: calc(var(--section-font-size) * 8.8);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--image-border-radius);
    -webkit-box-shadow: 0 0 calc(var(--section-font-size) * 0.2) 0 rgba(0,0,0,.1);
    box-shadow: 0 0 calc(var(--section-font-size) * 0.2) 0 rgba(0,0,0,.1)
}

.model-middle-slider .slider-box .slider-content .slider {
    position: absolute;
    width: calc(var(--section-font-size) * 0.84);
    height: calc(var(--section-font-size) * 8.8);
    cursor: pointer;
    left: -webkit-calc(50% - calc(var(--section-font-size) * 0.42));
    left: -moz-calc(50% - calc(var(--section-font-size) * 0.42));
    left: calc(50% - calc(var(--section-font-size) * 0.42));
    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:calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 0.5) 0
    }

    .model-middle-slider .slider-box {
        position: relative
    }

    .model-middle-slider .slider-box .desc {
        font-size: calc(var(--section-font-size) * 0.24);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: center
    }

    .model-middle-slider .slider-box .slider-content {
        position: relative;
        margin: calc(var(--section-font-size) * 0.5) 0 calc(var(--section-font-size) * 0.9);
        width: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 10.8)
    }

    .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: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 10.8);
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: var(--image-border-radius);
        -webkit-box-shadow: 0 0 calc(var(--section-font-size) * 0.2) 0 rgba(0,0,0,.1);
        box-shadow: 0 0 calc(var(--section-font-size) * 0.2) 0 rgba(0,0,0,.1)
    }

    .model-middle-slider .slider-box .slider-content .slider {
        position: absolute;
        width: 100%;
        height: calc(var(--section-font-size) * 0.92);
        cursor: pointer;
        top: -webkit-calc(50% - calc(var(--section-font-size) * 0.46));
        top: -moz-calc(50% - calc(var(--section-font-size) * 0.46));
        top: calc(50% - calc(var(--section-font-size) * 0.46));
        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: calc(var(--section-font-size) * 0.6);
    line-height: calc(var(--section-font-size) * 0.85);
    color: #fff;
    margin-bottom: calc(var(--section-font-size) * 0.2)
}

.esg-common-image-text .text-box p {
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.42);
    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: calc(var(--section-font-size) * 0.9)
}

.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: calc(var(--section-font-size) * 0.4)
}

.esg-common-image-text .date-detail p {
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.25);
    font-weight: bold;
    margin-bottom: calc(var(--section-font-size) * 0.1);
    color: #fff
}

.esg-common-image-text .date-detail ul {
    border-top: calc(var(--section-font-size) * 0.01) solid #fff;
    border-bottom: calc(var(--section-font-size) * 0.01) solid #fff;
    padding: calc(var(--section-font-size) * 0.2) calc(var(--section-font-size) * 0.4)
}

.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: calc(var(--section-font-size) * 0.16);
    line-height: calc(var(--section-font-size) * 0.2)
}

.esg-common-image-text .date-detail ul li {
    list-style: disc;
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.24);
    color: #fff;
    padding-bottom: calc(var(--section-font-size) * 0.1)
}

@media screen and (max-width: 750px) {
    .esg-common-image-text .text-box p {
        font-size:calc(var(--section-font-size) * 0.24)
    }

    .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: calc(var(--section-font-size) * 0.1)
    }

    .esg-common-image-text .text-box p.flex-box .bold {
        font-weight: bold;
        width: calc(var(--section-font-size) * 1.2);
        font-size: calc(var(--section-font-size) * 0.21);
        line-height: calc(var(--section-font-size) * 0.3)
    }

    .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: calc(var(--section-font-size) * 0.21);
        line-height: calc(var(--section-font-size) * 0.3)
    }

    .esg-common-image-text .date-detail p {
        font-size: calc(var(--section-font-size) * 0.21);
        line-height: calc(var(--section-font-size) * 0.3)
    }

    .esg-common-image-text .date-detail ul li {
        font-size: calc(var(--section-font-size) * 0.21);
        line-height: calc(var(--section-font-size) * 0.3)
    }

    .esg-common-image-text .date-detail ul.border-none {
        padding-right: 0
    }

    .esg-common-image-text .date-detail ul.border-none li {
        font-size: calc(var(--section-font-size) * 0.21);
        line-height: calc(var(--section-font-size) * 0.36)
    }
}

.swiper-components-1,.swiper-components-2 {
    position: relative
}

.swiper-components-1 h3,.swiper-components-2 h3 {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.48);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    text-align: center;
    padding: calc(var(--section-font-size) * 1.2) 0 calc(var(--section-font-size) * 0.4)
}

.swiper-components-1 .swiper-slide,.swiper-components-2 .swiper-slide {
    width: calc(var(--section-font-size) * 15);
    height: calc(var(--section-font-size) * 7.16);
    opacity: .2;
    margin-bottom: calc(var(--section-font-size) * 1.4)
}

.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: calc(var(--section-font-size) * 15);
    height: calc(var(--section-font-size) * 7.16);
    border-radius: calc(var(--section-font-size) * 0.6)
}

.swiper-components-1 .text-bar,.swiper-components-2 .text-bar {
    position: absolute;
    bottom: calc(var(--section-font-size) * 1.8);
    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: calc(var(--section-font-size) * 0.24);
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: center;
    font-style: normal;
    padding: 0 calc(var(--section-font-size) * 0.17) calc(var(--section-font-size) * 0.3);
    border-bottom: calc(var(--section-font-size) * 0.06) 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: calc(var(--section-font-size) * 0.06) solid #fff
}

.swiper-components-1 .text-bar .text-bar-text,.swiper-components-2 .text-bar .text-bar-text {
    padding-top: calc(var(--section-font-size) * 0.3);
    text-align: center;
    /*font-family: HarmonyOS_Sans_SC;*/
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.25)
}

.swiper-components-2 .swiper-slide {
    margin-bottom: calc(var(--section-font-size) * 0.4)
}

.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: calc(var(--section-font-size) * 0.9)
}

.swiper-components-2 .text-bar .text-bar-list .text-bar-item {
    border-bottom: calc(var(--section-font-size) * 0.06) solid rgba(58,70,73,.3)
}

.swiper-components-2 .text-bar .text-bar-list .text-bar-item.cur {
    border-bottom: calc(var(--section-font-size) * 0.06) solid #3a4649
}

.swiper-components-3 {
    padding: 0 calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 1.2)
}

.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: calc(var(--section-font-size) * 1.2) 0 calc(var(--section-font-size) * 0.36)
}

.swiper-components-3 .swiper-title .swiper-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: calc(var(--section-font-size) * 0.6);
    gap: calc(var(--section-font-size) * 0.24)
}

.swiper-components-3 .swiper-title .swiper-btn span {
    cursor: pointer;
    width: calc(var(--section-font-size) * 0.5);
    height: calc(var(--section-font-size) * 0.5);
    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: calc(var(--section-font-size) * 0.32)
}

.swiper-components-3 .swiper-title .swiper-btn span.cur {
    background: #3a4649
}

.swiper-components-3 h3 {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.48);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    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: calc(var(--section-font-size) * 0.4)
}

.swiper-components-3 .swiper-slide .left-img {
    width: calc(var(--section-font-size) * 8.2);
    height: calc(var(--section-font-size) * 6.8)
}

.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: calc(var(--section-font-size) * 0.6);
    overflow: hidden
}

.swiper-components-3 .swiper-slide .left-img .image-box .txt {
    position: absolute;
    width: 100%;
    padding: 0 calc(var(--section-font-size) * 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: calc(var(--section-font-size) * 0.45);
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.24);
    color: #fff;
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: left;
    z-index: 1
}

.swiper-components-3 .swiper-slide .right-img {
    width: calc(var(--section-font-size) * 8.2)
}

.swiper-components-3 .swiper-slide .right-img .image-box+.image-box {
    margin-top: calc(var(--section-font-size) * 0.4)
}

.swiper-components-3 .swiper-slide .right-img .image-box,.swiper-components-3 .swiper-slide .right-img img {
    height: calc(var(--section-font-size) * 3.2);
    width: calc(var(--section-font-size) * 8.2)
}

.swiper-components-3 .swiper-slide .right-img .image-box {
    position: relative;
    border-radius: calc(var(--section-font-size) * 0.6);
    overflow: hidden
}

.swiper-components-3 .swiper-slide .right-img .image-box .txt {
    position: absolute;
    width: 100%;
    padding: 0 calc(var(--section-font-size) * 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: calc(var(--section-font-size) * 0.45);
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.24);
    color: #fff;
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: left;
    z-index: 1
}

.swiper-components-4 {
    padding: 0 calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 1.2)
}

.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: calc(var(--section-font-size) * 1.2) 0 calc(var(--section-font-size) * 0.36)
}

.swiper-components-4 .swiper-title .swiper-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: calc(var(--section-font-size) * 0.6);
    gap: calc(var(--section-font-size) * 0.24)
}

.swiper-components-4 .swiper-title .swiper-btn span {
    cursor: pointer;
    width: calc(var(--section-font-size) * 0.5);
    height: calc(var(--section-font-size) * 0.5);
    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: calc(var(--section-font-size) * 0.32)
}

.swiper-components-4 .swiper-title .swiper-btn span.cur {
    background: #3a4649
}

.swiper-components-4 h3 {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.48);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    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: calc(var(--section-font-size) * 0.6);
    overflow: hidden;
    width: calc(var(--section-font-size) * 8.2);
    height: calc(var(--section-font-size) * 6.8)
}

.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 calc(var(--section-font-size) * 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: calc(var(--section-font-size) * 0.45);
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.24);
    color: #fff;
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: left;
    z-index: 1
}

.swiper-components-4 .swiper-slide .image-box+.image-box {
    margin-left: calc(var(--section-font-size) * 0.4)
}

.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: calc(var(--section-font-size) * 1);
    color: #fff
}

.swiper-components-5 .swiper-slide .image-box .text-box .text-tit {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.24);
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: center;
    z-index: 1;
    margin-bottom: calc(var(--section-font-size) * 0.2)
}

.swiper-components-5 .swiper-slide .image-box .text-box .text-desc {
    /*font-family: HarmonyOS_Sans_SC;*/
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.25);
    text-align: center;
    font-style: normal
}

.slide-components .swiper {
    padding: calc(var(--section-font-size) * 1.2);
    height: calc(var(--section-font-size) * 9.56);
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.slide-components .swiper .process-bar {
    position: absolute;
    right: calc(var(--section-font-size) * 1.2);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: calc(var(--section-font-size) * 0.01);
    height: calc(var(--section-font-size) * 3.2);
    background: #3a4649;
    border-radius: calc(var(--section-font-size) * 0.03)
}

.slide-components .swiper .process-bar span {
    position: absolute;
    width: calc(var(--section-font-size) * 0.07);
    height: calc(var(--section-font-size) * 0.8);
    background: #3a4649;
    border-radius: calc(var(--section-font-size) * 0.04);
    top: 0;
    left: -calc(var(--section-font-size) * 0.03);
    -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: calc(var(--section-font-size) * 11.8);
    height: calc(var(--section-font-size) * 7.16);
    border-radius: calc(var(--section-font-size) * 0.6)
}

.slide-components .swiper-slide .image-box .text-box {
    padding-right: calc(var(--section-font-size) * 0.7);
    padding-left: calc(var(--section-font-size) * 0.4)
}

.slide-components .swiper-slide .image-box .text-box .text-tit {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.3);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.42);
    text-align: right;
    font-style: normal;
    margin-bottom: calc(var(--section-font-size) * 0.22)
}

.slide-components .swiper-slide .image-box .text-box .text-desc {
    font-size: calc(var(--section-font-size) * 0.18);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.25);
    text-align: right
}

.section-desing {
    padding: calc(var(--section-font-size) * 1.4) ;
}

.section-desing h3 {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.48);
    color: #3a4649;
    line-height: calc(var(--section-font-size) * 0.48);
    text-align: center;
    font-style: normal;
    padding-bottom: calc(var(--section-font-size) * 0.4)
}

.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: calc(var(--section-font-size) * 0.3)
}

.section-desing .cards .cards-item {
    width: calc(var(--section-font-size) * 3.9);
    height: calc(var(--section-font-size) * 7.16);
    position: relative;
    border-radius: calc(var(--section-font-size) * 0.6);
    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: calc(var(--section-font-size) * 0.6);
    -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: calc(var(--section-font-size) * 1.2);
    padding: calc(var(--section-font-size) * 0.4);
    color: #fff;
    border-radius: 0 0 calc(var(--section-font-size) * 0.6) calc(var(--section-font-size) * 0.6);
    background-color: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(calc(var(--section-font-size) * 0.2));
    backdrop-filter: blur(calc(var(--section-font-size) * 0.2));
    -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: calc(var(--section-font-size) * 0.3);
    line-height: calc(var(--section-font-size) * 0.42);
    text-align: left;
    font-style: normal;
    padding-bottom: calc(var(--section-font-size) * 0.1)
}

.section-desing .cards .cards-item .text-box .text-desc {
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.25);
    text-align: left;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.section-desing .cards .cards-item.cur {
    width: calc(var(--section-font-size) * 8.4);
    height: calc(var(--section-font-size) * 7.16);
    -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: calc(var(--section-font-size) * 1.5);
    -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: calc(var(--section-font-size) * 1.4) 0
}

.swiper-components-9 .ctr-carousel {
    height: calc(var(--section-font-size) * 7.16)
}

.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: calc(var(--section-font-size) * 7.16);
    overflow: hidden;
    border-radius: calc(var(--section-font-size) * 0.6)
}

.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: calc(var(--section-font-size) * 0.4);
    width: 100%;
    color: #fff
}

.swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-tit {
    /*font-family: HarmonyOS_Sans_SC_Bold;*/
    font-size: calc(var(--section-font-size) * 0.24);
    line-height: calc(var(--section-font-size) * 0.34);
    text-align: center;
    font-style: normal;
    padding-bottom: calc(var(--section-font-size) * 0.4)
}

.swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-desc {
    /*font-family: HarmonyOS_Sans_SC;*/
    font-size: calc(var(--section-font-size) * 0.18);
    line-height: calc(var(--section-font-size) * 0.25);
    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: calc(var(--section-font-size) * 2)
}

/* 文字动效 */
.text_in{
	opacity: 0;
	transform: translateY(calc(var(--section-font-size) * 1));
	transition: all 1s;
}
.text_in._into{
	opacity: 1;
	transform: translateY(calc(var(--section-font-size) * 0));
}

@media screen and (max-width: 750px) {
    .scroll-txt {
        /*font-family:HarmonyOS_Sans_SC;*/
        font-size: calc(var(--section-font-size) * 0.24);
        color: rgba(58,70,73,.6);
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: center;
        padding-top: calc(var(--section-font-size) * 0.56)
    }

    .swiper-components-1 h3,.swiper-components-2 h3 {
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.48);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.48);
        text-align: center;
        padding-bottom: calc(var(--section-font-size) * 0.68)
    }

    .swiper-components-1 .swiper-slide,.swiper-components-2 .swiper-slide {
        width: calc(var(--section-font-size) * 6);
        height: calc(var(--section-font-size) * 8);
        margin-bottom: calc(var(--section-font-size) * 0.26)
    }

    .swiper-components-1 .swiper-slide img,.swiper-components-2 .swiper-slide img {
        width: calc(var(--section-font-size) * 6);
        height: calc(var(--section-font-size) * 8);
        border-radius: calc(var(--section-font-size) * 0.6)
    }

    .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: calc(var(--section-font-size) * 0.36);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.5);
        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: calc(var(--section-font-size) * 0.6);
        /*font-family: HarmonyOS_Sans_SC;*/
        font-size: calc(var(--section-font-size) * 0.24);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: center
    }

    .swiper-components-2 .text-bar {
        margin-bottom: 0
    }

    .swiper-components-3 {
        padding: 0
    }

    .swiper-components-3 .swiper-title {
        padding: calc(var(--section-font-size) * 1.2) 0 calc(var(--section-font-size) * 0.36);
        -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: calc(var(--section-font-size) * 0.2);
        gap: calc(var(--section-font-size) * 0.12);
        display: none
    }

    .swiper-components-3 .swiper-title .swiper-btn span {
        width: calc(var(--section-font-size) * 0.4);
        height: calc(var(--section-font-size) * 0.4);
        font-size: calc(var(--section-font-size) * 0.24)
    }

    .swiper-components-3 h3 {
        font-size: calc(var(--section-font-size) * 0.36);
        padding-bottom: calc(var(--section-font-size) * 0.5);
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.48);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.48);
        text-align: center;
        font-style: normal
    }

    .swiper-components-3 .scroll-txt {
        padding-bottom: calc(var(--section-font-size) * 1)
    }

    .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 calc(var(--section-font-size) * 0.5)
    }

    .swiper-components-3 .swiper-slide .left-img,.swiper-components-3 .swiper-slide .right-img {
        width: 100%;
        height: calc(var(--section-font-size) * 4.6)
    }

    .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: calc(var(--section-font-size) * 0.4);
        padding: 0 calc(var(--section-font-size) * 0.3);
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.24);
        color: #fff;
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: left;
        font-style: normal
    }

    .swiper-components-3 .swiper-slide .left-img+.right-img {
        margin-left: 0;
        margin-top: calc(var(--section-font-size) * 0.3)
    }

    .swiper-components-3 .swiper-slide .right-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: calc(var(--section-font-size) * 0.3)
    }

    .swiper-components-3 .swiper-slide .right-img .image-box {
        width: calc(var(--section-font-size) * 3.1)
    }

    .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: calc(var(--section-font-size) * 1.2) 0 calc(var(--section-font-size) * 0.36);
        -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: calc(var(--section-font-size) * 0.2);
        gap: calc(var(--section-font-size) * 0.12);
        display: none
    }

    .swiper-components-4 .swiper-title .swiper-btn span {
        width: calc(var(--section-font-size) * 0.4);
        height: calc(var(--section-font-size) * 0.4);
        font-size: calc(var(--section-font-size) * 0.24)
    }

    .swiper-components-4 h3 {
        font-size: calc(var(--section-font-size) * 0.36);
        padding-bottom: calc(var(--section-font-size) * 0.5);
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.48);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.48);
        text-align: center;
        font-style: normal
    }

    .swiper-components-4 .scroll-txt {
        padding-bottom: calc(var(--section-font-size) * 1)
    }

    .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 calc(var(--section-font-size) * 0.5)
    }

    .swiper-components-4 .swiper-slide .image-box {
        width: 100%;
        height: calc(var(--section-font-size) * 4.6)
    }

    .swiper-components-4 .swiper-slide .image-box img {
        width: 100%;
        height: 100%
    }

    .swiper-components-4 .swiper-slide .image-box .txt {
        bottom: calc(var(--section-font-size) * 0.4);
        padding: 0 calc(var(--section-font-size) * 0.3);
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.24);
        color: #fff;
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: left;
        font-style: normal
    }

    .swiper-components-4 .swiper-slide .image-box+.image-box {
        margin-left: 0;
        margin-top: calc(var(--section-font-size) * 0.3)
    }

    .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: calc(var(--section-font-size) * 2.4)
    }

    .swiper-components-5 .swiper-slide .image-box .text-box .text-tit {
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.3);
        color: #fff;
        line-height: calc(var(--section-font-size) * 0.42);
        text-align: center;
        font-style: normal;
        padding-bottom: calc(var(--section-font-size) * 0.2)
    }

    .swiper-components-5 .swiper-slide .image-box .text-box .text-desc {
        /*font-family: HarmonyOS_Sans_SC;*/
        font-size: calc(var(--section-font-size) * 0.18);
        color: #fff;
        line-height: calc(var(--section-font-size) * 0.25);
        text-align: center;
        font-style: normal
    }

    .slide-components {
        padding: calc(var(--section-font-size) * 1.2) calc(var(--section-font-size) * 0.5)
    }

    .slide-components .swiper {
        position: static;
        height: auto;
        padding: 0 0 calc(var(--section-font-size) * 0.2)
    }

    .slide-components .swiper .process-bar {
        margin: calc(var(--section-font-size) * 0.8) auto 0;
        right: auto;
        top: auto;
        position: relative;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        width: calc(var(--section-font-size) * 3.2);
        height: calc(var(--section-font-size) * 0.01);
        background: #3a4649;
        border-radius: calc(var(--section-font-size) * 0.03)
    }

    .slide-components .swiper .process-bar span {
        width: calc(var(--section-font-size) * 0.8);
        height: calc(var(--section-font-size) * 0.08);
        background: #3a4649;
        border-radius: calc(var(--section-font-size) * 0.04);
        top: -calc(var(--section-font-size) * 0.04)
    }

    .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: calc(var(--section-font-size) * 6.5)
    }

    .slide-components .swiper .swiper-slide .image-box img {
        width: calc(var(--section-font-size) * 6.5);
        height: calc(var(--section-font-size) * 8)
    }

    .slide-components .swiper .swiper-slide .image-box .text-box {
        padding: 0;
        padding-top: calc(var(--section-font-size) * 0.4)
    }

    .slide-components .swiper .swiper-slide .image-box .text-box .text-tit {
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.36);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.5);
        text-align: center;
        font-style: normal
    }

    .slide-components .swiper .swiper-slide .image-box .text-box .text-desc {
        /*font-family: HarmonyOS_Sans_SC;*/
        font-size: calc(var(--section-font-size) * 0.24);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: center;
        font-style: normal
    }

    .section-desing {
        padding: calc(var(--section-font-size) * 0.5)
    }

    .section-desing h3 {
        /*font-family: HarmonyOS_Sans_SC_Bold;*/
        font-size: calc(var(--section-font-size) * 0.48);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.48);
        text-align: center;
        padding-bottom: calc(var(--section-font-size) * 0.5)
    }

    .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: calc(var(--section-font-size) * 0.3)
    }

    .section-desing .cards .cards-item {
        width: 100%;
        height: calc(var(--section-font-size) * 2.5);
        position: relative;
        border-radius: calc(var(--section-font-size) * 0.6);
        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: calc(var(--section-font-size) * 0.6);
        -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: calc(var(--section-font-size) * 0.8);
        padding: 0 calc(var(--section-font-size) * 0.5);
        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 calc(var(--section-font-size) * 0.6) calc(var(--section-font-size) * 0.6);
        background-color: rgba(0,0,0,.5);
        -webkit-backdrop-filter: blur(calc(var(--section-font-size) * 0.2));
        backdrop-filter: blur(calc(var(--section-font-size) * 0.2));
        -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: calc(var(--section-font-size) * 0.22);
        color: #fff;
        line-height: calc(var(--section-font-size) * 0.3);
        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: calc(var(--section-font-size) * 5.09);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s
    }

    .section-desing .cards .cards-item.cur .text-box {
        height: calc(var(--section-font-size) * 1.4)
    }

    .section-desing .cards .cards-item.cur .text-box .text-desc {
        padding-top: calc(var(--section-font-size) * 0.1);
        -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: calc(var(--section-font-size) * 1.2) 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: calc(var(--section-font-size) * 0.36);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.5);
        text-align: center;
        font-style: normal;
        padding: calc(var(--section-font-size) * 0.25) ;
    }

    .swiper-components-9 .ctr-carousel .swiper-slide .text-box .text-desc {
        /*font-family: HarmonyOS_Sans_SC;*/
        font-size: calc(var(--section-font-size) * 0.24);
        color: #3a4649;
        line-height: calc(var(--section-font-size) * 0.34);
        text-align: center
    }

    .swiper-components-9 .scroll-txt {
        padding-bottom: calc(var(--section-font-size) * 1)
    }
}