@charset "utf-8";

/* CSS Document */


/* 全局公用的css样式 */


/*---------------------------------约束样式----------------------------------------*/

* {
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

* img {
    border: 0
}

/* @font-face {
    font-family: AlibabaPuHuiTi-2-45-Light;
    src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff) format('woff'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} */

* hr {
    border: 1px dashed #d2d2d2
}

.swiper-next,
.swiper-prev {
    outline: none;
    cursor: pointer
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
tr {
    color: #333333;
    font-weight: normal;
    font-size: 12px;
    font-family: "Microsoft YaHei"
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: inline
}

a {
    text-decoration: none;
    outline: none;
    color: #333333;
    cursor: pointer
}

a:active {
    star: expression(this.onFocus=this.blur())
}

a:focus {
    outline: none
}

textarea {
    resize: none
}

a:hover {
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

em {
    font-style: normal
}

img {
    max-width: 100%
}

.ul li,
.ul {
    list-style: none
}

input,
textarea,
select {
    outline: none;
    font-family: "Microsoft YaHei"
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px;
    -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px;
    box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px
}

@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: rgba(31, 39, 87, 0.3);
    }
}

input:-webkit-autofill {
    animation-name: autofill !important;
    animation-fill-mode: both !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    background-clip: content-box !important;
}

.clear {
    width: 100%;
    clear: both;
    height: 1px;
    overflow: hidden
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.fs-10 {
    font-size: 10px;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.ov_hi {
    overflow: hidden
}

.layout {
    width: 1200px;
    margin: 0 auto
}

.ul_li,
li {
    list-style: none
}

.ov_hi {
    overflow: hidden
}

.radius {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden
}

.shadow {
    -webkit-box-shadow: #DDD9D9 0px 0px 30px;
    -moz-box-shadow: #DDD9D9 0px 0px 30px;
    box-shadow: #DDD9D9 0px 0px 30px
}

.fl-clr {
    zoom: 1
}

.fl-clr:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

.opacityli li,
.opacity,
.opacitybox .box {
    opacity: 0
}

.textV {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.aaa {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.aaa {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.top-50 {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

body.hidden {
    overflow: hidden;
    height: 100vh
}

.close {
    position: absolute;
    width: .44rem;
    height: .44rem;
    background: url(../img/close.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.5s;
    opacity: 0.9
}

.close:hover {
    transform: rotate(180deg) !important
}

.swiper {
    --swiper-navigation-color: #fff;
    /* 单独设置按钮颜色 */
}

html,
body {
    position: relative;
    height: 100%
}

body {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0
}

.swiper {
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    overflow: hidden
}

.video-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9991;
    display: none;
}

.video-mask .clear {
    width: .40rem;
    height: .36rem;
    background: url(../img/a0/close.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 10%;
    top: 10%;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
}

.video-mask .clear:hover {
    transform: rotate(180deg)
}

.video-mask video {
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    top: 5%;
    bottom: 0;
    margin: auto;
}

.swiper-slide,
.box-box {
    transform: translate3d(0, 0, 0)
}

.swiper-slide.slide6 {
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    text-align: center;
    background: #fff
}

.height0 {
    height: 0 !important
}

.mengban {
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    color: #fff;
    font-size: 40px;
    display: -webkit-box
}

.mengban .mengban-box {
    position: absolute;
    left: 0;
    width: 100%;
    top: 25%;
    text-align: center;
    font-family: "HarmonyOS Sans SC"
}

.mengban .mengban-box .img {
    height: 80px
}

.mengban .mengban-box .txt {
    color: #fff;
    font-size: 18px;
    padding: 15px 0 0 0
}

.mengban .mengban-box .circle {
    margin: 20px auto;
    width: 110px;
    clear: both;
    overflow: hidden;
    zoom: 1
}

.mengban .mengban-box .circle span {
    -webkit-animation: load 1s linear infinite;
    animation: load 1s linear infinite;
    float: left;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: block
}

.mengban .mengban-box .circle span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
}

.mengban .mengban-box .circle span:nth-child(3) {
    -webkit-animation-delay: 0.4s;
}

.mengban .mengban-box .circle span:nth-child(4) {
    -webkit-animation-delay: 0.6s;
}

.mengban .mengban-box .circle span:nth-child(5) {
    -webkit-animation-delay: 0.8s;
}

.mengban .mengban-box .circle span:last-child {
    margin-right: 0;
}

@-webkit-keyframes load {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.2)
    }
}

@keyframes load {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.2)
    }
}


/*右悬浮*/


/*右悬浮*/

.fixed-right {
    position: fixed;
    right: 0;
    bottom: .80rem;
    width: 60px;
    background: rgba(0, 0, 0, 0.45);
    text-align: center;
    z-index: 999;
    /* border: 1px solid #537171 */
}

.fixed-right .li {
    position: relative
}

.fixed-right .li .a {
    display: block;
    height: 60px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    border-top: 1px solid rgba(255, 255, 255, 0.8)
}

.fixed-right .li .a i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 6px auto;
}

.fixed-right .yuyue .a i {
    background-size: 120% !important;
    background: url(../img/small_icon/yuyue.png) no-repeat center center
}

.fixed-right .app .a i {
    background-size: 100% !important;
    background: url(../img/small_icon/app.png) no-repeat center center
}
.fixed-right .kanche .a i {
    background-size: 100% !important;
    background: url(../img/kanche.png) no-repeat center center
}
.fixed-right .gzh .a i {
    background-size: 100% !important;
    background: url(../img/small_icon/gzh.png) no-repeat center center
}

.fixed-right .webo .a i {
    background-size: 100% !important;
    background: url(../img/small_icon/webo.png) no-repeat center center
}

.fixed-right .to-top .a i {
    background: url(../img/small_icon/to-top.png) no-repeat center center
}

.fixed-right .dianzi .a i {
    background-size: 100% !important;
    background: url(../img/small_icon/dianzi.png) no-repeat center center;
    /* background-size: 60%; */
}

.fixed-right .li .img {
    width: 120px;
    height: 120px;
    position: absolute;
    right: 60px;
    top: -30px;
    max-width: none;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    display: none
}

.fixed-right .li:hover .img {
    display: block
}

.fixed-right .li .a:hover {
    background: #7d7c7c
}

.header-h {
    min-height: 50px
}


/*子导航*/

.nav-left {
    position: fixed;
    left: .35rem;
    bottom: 1.40rem;
    z-index: 99;
    display: none
}

.nav-left li a {
    display: block;
    padding: .10rem 0 .10rem .30rem;
    font-size: .16rem;
    color: #808080;
    line-height: .26rem;
    position: relative
}

.nav-left li a span {
    opacity: 1;
    letter-spacing: .01rem;
}

.nav-left li a i {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid rgba(255, 255, 255, 0)
}

.nav-left li a i:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #808080;
    border-radius: 50%;
    opacity: 0;
}

.nav-left li a.active,
.nav-left li a:hover {
    color: #333333;
    font-size: 0.18rem
}

.nav-left li a.active span,
.nav-left li a:hover span {
    opacity: 1
}

.nav-left li a.active i,
.nav-left li a:hover i {
    border-color: #333333
}

.nav-left li a.active i:before,
.nav-left li a:hover i:before {
    background: #333333;
    opacity: 1;
}

.theme-bj {
    background-img: linear-gradient(to right, #e2e6ed, #fff 20%)
}


/*KV专区*/

.theme-1 {
    height: 100vh;
    background: url(../img/p1/p1_bg.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.theme-1 .left-logo {
    width: 6.61rem;
    height: auto;
    position: absolute;
    left: .44rem;
    bottom: 1.40rem;
}

.theme-1 .urv-logo {
    width: 5.32rem;
    height: 1.36rem;
    position: absolute;
    left: 1.08rem;
    top: 1.46rem;
}

.theme-1 .urv-sj {
    width: 1.40rem;
    height: .36rem;
    position: absolute;
    left: 1.08rem;
    top: 3.43rem;
    cursor: pointer;
}

.theme-1 .bentian {
    width: .81rem;
    height: auto;
    position: absolute;
    right: .40rem;
    bottom: 1.40rem;
}

.theme-1 .bnt {
    position: absolute;
    width: 3.07rem;
    height: auto;
    text-align: center;
    left: 38%;
    top: 6.50rem;
    z-index: 2
}
.theme-1 .zhengce-pc {
    width: 95%;
    height: auto;
    position: absolute;
    left: .5rem;
    bottom:.2rem;
}

/*TVC专区*/

.theme-2 {
    overflow: hidden;
    position: relative;
    display: flex;
	align-items: center;
}

.theme-2 .bj {
    width: 100%;
    float: left
}

.theme-2 .video {
    width: 100%
}

.theme-2 .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9991;
}

.theme-2 .mask .play {
    position: absolute;
    width: 1.66rem;
    height: 1.67rem;
    background: url(../img/a0/icon_play.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.theme-2 .video-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    display: none
}

.theme-2 .mask.active {
    background-color: rgba(0, 0, 0, 0.9)
}

.theme-2 .mask #section2_video {
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    top: 5%;
    bottom: 0;
    margin: auto;
    display: none
}

.theme-2 .mask .clear {
    width: .40rem;
    height: .36rem;
    background: url(../img/a0/close.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 10%;
    top: 10%;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
    display: none
}

.theme-2 .mask .clear:hover {
    transform: rotate(180deg)
}

.theme-4-4.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    /* z-index: 9991; */
}

.theme-4-4 .mask .play {
    position: absolute;
    width: 1.66rem;
    height: 1.67rem;
    background: url(../img/a0/icon_play.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.theme-4-4 .video-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    display: none
}

.theme-2 .mask.active {
    background-color: rgba(0, 0, 0, 0.9)
}

.theme-2 .mask #section3_video {
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    top: 5%;
    bottom: 0;
    margin: auto;
    display: none
}

.theme-2 .mask #section2_video {
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    top: 5%;
    bottom: 0;
    margin: auto;
    display: none
}

.theme-2 .mask .clear {
    width: .40rem;
    height: .36rem;
    background: url(../img/a0/close.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 10%;
    top: 10%;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
    display: none
}

.theme-2 .mask .clear:hover {
    transform: rotate(180deg)
}


/*车型赏析*/

.theme-3 {
    height: 100vh;
    /* background: url(../img/a1/bg_1.png) no-repeat center center; */
    background-size: cover;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.theme-3 .theme-3-logo {
    position: relative;
    width: 4.16rem;
    height: auto;
    margin-top: .55rem;
    z-index: 2;
}

.slide3 .bj-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.slide3 .bj-box .car-bj {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 0;
    opacity: 0.7;
    transition: 0.8s;
    overflow: hidden
}

.slide3 .bj-box .car-bj.active {
    opacity: 1;
    z-index: 2;
    height: 10.00rem;
}

.slide3 .bj-box .car-bj:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5.90rem;
    left: 0;
    top: 4.10rem
}

.slide3 .car-box {
    width: 85%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 4
}

.slide3 .car-box .car-color {
    position: absolute;
    /* width: 100%; */
    width: 10.5rem;
    height: auto;
    left: 2.2rem;
    top: 0rem;
    opacity: 0.4;
    transition: 2s
}

.slide3 .car-box .car-color.active {
    opacity: 1;
    z-index: 2
}

.slide3 .car-dot {
    position: relative;
    text-align: center;
    height: .80rem;
    z-index: 4;
    margin-top: .40rem
}

.slide3 .car-dot li {
    font-size: .20rem;
    cursor: pointer;
    position: relative;
    /* height: 80rem; */
    display: inline-block;
    margin: 0 .15rem
}

.slide3 .car-dot li p {
    opacity: 0
}

.slide3 .car-dot li .name {
    font-size: .14rem;
    /* width: 46rem; */
    text-align: center;
}

.slide3 .car-dot li .tips-c {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .14rem;
    width: 2.00rem;
    left: -.70rem;
    bottom: -.25rem;
}

.slide3 .car-dot li i {
    display: block;
    width: .46rem;
    height: .46rem;
    margin-bottom: .10rem;
}

.slide3 .car-dot li:nth-child(1) i {
    background: url(../img/a1/white.png) no-repeat center;
    background-size: 80%;
}

.slide3 .car-dot li:nth-child(2) i {
    background: url(../img/a1/gray.png) no-repeat center;
    background-size: 80%;
}

.slide3 .car-dot li:nth-child(3) i {
    background: url(../img/a1/blue.png) no-repeat center;
    background-size: 80%;
}

.slide3 .car-dot li:nth-child(4) i {
    background: url(../img/a1/red.png) no-repeat center;
    background-size: 80%;
}

.slide3 .car-dot li:nth-child(5) i {
    background: url(../img/a1/black.png) no-repeat center;
    background-size: 80%;
}


/* .slide3 .car-dot li:nth-child(6) i {
	background: url(../img/a1/icon_color_green_h_normal.png) no-repeat center;
	background-size: 80%;
} */

.slide3 .car-dot li.active i {
    width: .46rem;
    height: .46rem;
}

.slide3 .car-dot li.active:nth-child(1) i {
    background: url(../img/a1/white_a.png) no-repeat center;
    background-size: 100%;
}

.slide3 .car-dot li.active:nth-child(2) i {
    background: url(../img/a1/gray_a.png) no-repeat center;
    background-size: 100%;
}

.slide3 .car-dot li.active:nth-child(3) i {
    background: url(../img/a1/blue_a.png) no-repeat center;
    background-size: 100%;
}

.slide3 .car-dot li.active:nth-child(4) i {
    background: url(../img/a1/red_a.png) no-repeat center;
    background-size: 100%;
}

.slide3 .car-dot li.active:nth-child(5) i {
    background: url(../img/a1/black_a.png) no-repeat center;
    background-size: 100%;
}


/* .slide3 .car-dot li.active:nth-child(6) i {
	background: url(../img/a1/icon_color_green_h_selected.png) no-repeat center;
	background-size: 100%;
} */

.slide3 .car-dot li.active p {
    opacity: 1
}

.slide3 .bottom {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 2.1rem;
    z-index: 4;
}
.slide3 .type2 .bottom{
    bottom: .1rem;
}
.slide3 .bottom .dispose-bnt {
    display: inline-block;
    color: #000;
    width: 1.60rem;
    height: .46rem;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: .46rem;
    border: 1px solid #000;
    font-size: .16rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s
}

.slide3 .bottom .dispose-bnt1{
    margin-right: 0.8rem;
}

.slide3 .bottom .dispose-bnt:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.slide3 .car_type {
    display: flex;
    margin: 0 auto;
    color: #333;
    width: 6.30rem;
    height: .50rem;
    position: relative;
    text-align: center;
    z-index: 4;
    margin-top: .40rem;
    display: flex;
    justify-content: center;
}

.slide3 .car_type li {
    width: 1.86rem;
    color: #000;
    font-size: .28rem;
    position: relative;
    cursor: pointer;
    font-family: AlibabaPuHuiTi-2-45-Light;
    height: .44rem;
}

.slide3 .car_type li.active {
    font-weight: bold;
    /* border-bottom: 1px solid #000; */
    background: url(../img/p3/img1.png) no-repeat center;
    background-size: 100%;
}


/* .slide3 .car_type li.active:after {
    content: "";
    position: absolute;
    width: 55%;
    height: 2rem;
    left: 33rem;
    bottom: -6rem;
    background: #000;
    text-align: center;
} */

.slide3 .type {
    width: 100%;
    height: 100%;
    position: relative;
}
.slide3 .type2{
    width: 90%;
}
.slide3 .parameter-list {
    display: flex;
    margin: 0 auto;
    color: #333;
    font-size: .16rem;
    text-align: left;
    width: 78%;
    position: relative;
    text-align: center;
    height: .80rem;
    z-index: 4;
    margin-top: .45rem;
}

.slide3 .parameter-list li {
    width: 25%;
    height: 100%;
    position: relative
}

.slide3 .parameter-list li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: .55rem;
    left: 0rem;
    top: 35%;
    background: #666666;
    transform: translateY(-50%)
}

.slide3 .parameter-list li:first-child:before {
    display: none
}

.slide3 .parameter-list li p {
    /*padding-left: .35rem;*/
    text-align: center;
}

.slide3 .parameter-list li .b {
    font-weight: bold;
    font-size: .24rem;
    padding-right: .05rem
}

.slide3 .parameter-list .tip370 {
    font-size: .12rem;
    font-weight: normal
}

.section3 .cars {
    width: 100%;
    height: 100%;
}

.section3 .cars .car-item {
    position: relative;
    width: 100%;
    height: 100%;
}

.section3 .cars .car-item>img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 1s;
}

.section3 .cars .car-item>img.current {
    opacity: 1;
    position: relative;
}

.section3 .cars .color-ctrl {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 57vh;
}

.section3 .cars .color-ctrl>div {
    width: 160px;
    display: flex;
    flex-wrap: wrap;
    margin-right: 30px;
    cursor: pointer;
}

.section3 .cars .color-ctrl>div:last-child {
    margin-right: 0;
}

.section3 .cars .color-ctrl>div>img {
    width: 100%;
    margin-bottom: 5px;
}

.section3 .cars .color-ctrl>div>span {
    font-size: 14px;
    color: #000000;
}

.section3 .cars .color-ctrl>div p {
    display: none;
}

.section3 .cars .color-ctrl>div.active p {
    display: block;
    color: #666666;
    font-size: 12px;
    width: 100%;
    text-align: left;
    margin-top: 5px;
    position: absolute;
    top: 32px;
}

.section3 .cars .color-ctrl>div.active>span {
    color: #0a7272;
}

.section3 .logo {
    width: 30%;
    margin: auto;
    position: absolute;
    top: 60vh;
    left: 50%;
    transform: translateX(-50%);
}

.section3 .data {
    width: 70%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 70vh;
    left: 15%;
}

.section3 .data>div {
    width: 20%;
    position: relative;
    text-align: left;
    padding-left: 5%;
}

.section3 .data>div:after {
    content: '';
    display: block;
    height: 16px;
    width: 1px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section3 .data>div:first-child {
    top: -2px;
}

.section3 .data>div:last-child:after {
    display: none;
}

.section3 .data>div p:first-child {
    font-size: 2em;
    font-weight: bold;
    color: #000;
}

.section3 .data>div p:first-child>span {
    font-size: 20px;
}

.section3 .data>div p:first-child.green {
    color: #0a7272;
    font-size: 2.25em;
}

.section3 .data>div p:last-child {
    font-size: 16px;
    color: #000000;
}

.section3 .to-config {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 85vh;
}

.section3 .to-config a {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.section3-1 {
    width: 100% !important;
    height: 10.80rem !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

.section3-1 .bj {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.section3-1 .active {
    display: block;
}

.section3-1 .bj1 {
    background: url(../img/p3/bg01.png) no-repeat center center;
    background-size: cover;
}

.section3-1 .bj2 {
    background: url(../img/p3/bg02.png) no-repeat center center;
    background-size: cover;
}

.section3-1 .bj3 {
    background: url(../img/p3/bg03.png) no-repeat center center;
    background-size: cover;
}

.section3-1 .bj4 {
    background: url(../img/p3/bg04.png) no-repeat center center;
    background-size: cover;
}

.section3-1 .bj5 {
    background: url(../img/p3/bg05.png) no-repeat center center;
    background-size: cover;
}

.section3-1 .bj6 {
    background: url(../img/p3/bg06.png) no-repeat center center;
    background-size: cover;
}

.section3-1 .car-box1 {
    width: 11.475rem;
    height: 3.82rem;
    position: absolute;
    left: 3.98rem;
    top: 2.2rem;
}

.section3-1 .car-box1 .car-color1 {
    display: none;
    width: 11.475rem;
    height: 3.82rem;
}

.section3-1 .car-box1 .active {
    display: block;
}

.section3-1 .ulbox {
    display: flex;
    gap: .33rem;
    list-style: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 6rem;
}

.section3-1 .ulbox li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*margin-right: .33rem;*/
    cursor: pointer;
    position: relative;
}

.section3-1 .ulbox li .tips-c {
    position: absolute;
    bottom: -.20rem;
    width: 320%!important;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.section3-1 .ulbox li img {
    width: .66rem;
    height: .66rem;
}

.section3-1 .ulbox li p {
    color: #030000;
    display: none;
    font-size: .14rem;
    margin-top: .10rem;
    padding-left: 0rem;
}

.section3-1 .ulbox .active p {
    display: block;
    width: 100%;
    text-align: center;
}

.section3-1 .parameter-list {
    margin-top: 7.30rem;
    /* width: 50%; */
}

.section3-1 .bottom .dispose-bnt {
    border: none;
}

.section3-1 .parameter-list li {
    width: 33.3%;
}

.theme-4 {
    background: url(../img/p4/bg_p4.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-4 .img1 {
    position: absolute;
    width: 5.47rem;
    height: 3.36rem;
    top: 1.20rem;
    right: 1.13rem;
    /* opacity: 0; */
}

.theme-4 .img1_active {
    /* right: 113rem;
    opacity: 1; */
    transition: all 0.5s;
}

.theme-4-1 {
    background: url(../img/p5/bg_p5.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-4-1 .img1 {
    position: absolute;
    width: 11.86rem;
    height: 100vh;
    top: 0;
    right: 0;
}

.theme-4-1 .img2 {
    position: absolute;
    width: 5.57rem;
    height: auto;
    top: 4.00rem;
    right: .71rem;
}

.theme-4-1 .img3 {
    color: #fff;
    position: absolute;
    width: 5rem;
    height: auto;
    top: 4rem;
    right: 13vw;
    opacity: 0;
    text-align: left;
}

.theme-4-1 .img4 {
    position: absolute;
    width: 3.98rem;
    height: auto;
    top: .90rem;
    left: 7.16rem;
    /* opacity: 0; */
}

.theme-4-1 .img5 {
    position: absolute;
    width: 2.28rem;
    height: auto;
    top: 60vh;
    right: 2.45rem;
    opacity: 1;
    cursor: pointer;
}

.theme-4-1 .btn {
    width: 2.10rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    color: #fff;
    margin: 0 auto;
}

.theme-4-1 .top {
    width: 100%;
    text-align: center;
    margin-top: 1.06rem;
}

.theme-4-1 .top img {
    width: 4.15rem;
    height: auto;
}

.theme-4-1 .middle {
    width: 100%;
    margin-top: .90rem;
    padding-left: .90rem;
}

.theme-4-1 .middle img {
    width: 6.49rem;
    height: auto;
}

.theme-4-1 .bottom {
    width: 100%;
    position: absolute;
    bottom: .26rem;
    left: 0;
    text-align: center;
}

.theme-4-1 .bottom .img1 {
    width: 4.89rem;
    height: auto;
    margin-bottom: .40rem;
}

.theme-4-1 .bottom .open {
    width: 100%;
    text-align: center;
}

.theme-4-1 .bottom .open .btn {
    width: 2.10rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    color: #fff;
    margin: 0 auto;
}

.theme-4-1 .mengban11 {
    background: url(../img/a2/mengban_bg.png) no-repeat center center;
    background-size: cover;
    width: 10.00rem;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 223;
}

.theme-5-2-2 .close {
    right: 4.20rem;
    top: .60rem;
}

.theme-4-1 .close {
    position: absolute;
    width: .40rem;
    height: .40rem;
    background: url(../img/close.png) no-repeat center center;
    background-size: 60%;
    cursor: pointer;
    /* transition: all 0.5s; */
    opacity: 0.9;
    border-radius: 50%;
    border: 2px solid #eee;
    right: 5.40rem;
    top: 1.30rem;
    opacity: 0;
}

.theme-4-1 .mengban11 .list {
    width: 85%;
    padding-top: .80rem;
    padding-right: .20rem;
}

.theme-4-1 .mengban11 .list img {
    width: 8.26rem;
    height: auto;
}

.theme-4-1 .mengban11 .list p {
    text-align: left;
    color: #fff;
    margin-bottom: .10rem;
    font-size: .20rem;
}

.theme-4-1 .mengban11 .list p.imgp {
    position: relative;
    font-size: .28rem;
    margin-bottom: .40rem;
}

.theme-4-1 .mengban11 .list .tips {
    font-size: .12rem;
}

.theme-4-2 {
    position: relative;
    overflow: hidden;
}

.theme-4-2 .mySwiper-show-show {
    position: relative;
    overflow: hidden;
}

.theme-4-2 .mySwiper-show-bj {
    position: relative;
}

.theme-4-2 .mySwiper-show {
    position: relative;
    z-index: 3;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-4-2 .mySwiper-show .img-box {
    width: 100%;
    height: 100vh;
}

.theme-4-2 .mySwiper-show .swiper-slide {
    background: none;
    text-align: left;
    position: relative;
    overflow: hidden
}

.theme-4-2 .mySwiper-show .swiper-slide img {
    width: 100%;
    float: right
}

.theme-4-2 .mySwiper-show .swiper-slide .text {
    font-size: .35rem;
    font-weight: bold;
    position: absolute;
    left: 1.85rem;
    top: .50rem;
    width: 3.90rem;
    line-height: .40rem;
    display: none
}

.theme-4-2 .mySwiper-show .swiper-slide .text .txt {
    font-size: .18rem;
    color: #616161;
    font-weight: normal;
    text-align: left;
    line-height: 25px;
    padding-top: .35rem
}

.theme-4-2 .mySwiper-show .swiper-pagination {
    transform: inherit;
    position: absolute;
    left: 17%;
    bottom: .20rem;
    width: 12.00rem;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-4-2 .mySwiper-show .swiper-pagination-box {
    height: .75rem;
    overflow: hidden;
    white-space: nowrap
}

.theme-4-2 .mySwiper-show .swiper-pagination .li {
    width: 100%;
    font-size: .16rem;
    color: #6E7072;
    opacity: 1;
    text-align: center;
    background: none;
    height: 1.00rem;
}

.theme-4-2 .mySwiper-show .swiper-pagination .li span {
    display: block;
    padding: .20rem .20rem;
    font-size: .20rem;
    padding-bottom: .05rem;
    position: relative;
    opacity: 0;
}

.theme-4-2 .mySwiper-show .swiper-pagination .li em {
    display: inline-block;
    font-size: .16rem;
    text-align: center;
    opacity: 0;
}

.theme-4-2 .mySwiper-show .swiper-pagination .li i {
    display: block;
    width: 100%;
    height: .02rem;
    background: #6E7072;
    margin: 0 auto;
}

.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active {
    width: 100%;
    background: none
}

.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.theme-4-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active i {
    background: #fff;
    height: .04rem;
    width: 3.90rem;
}

.theme-4-2 .mySwiper-show-text {
    display: none
}

.theme-4-2 .mySwiper-show-box {
    position: absolute;
    left: 1.60rem;
    top: .70rem;
    width: 4.50rem;
    overflow: hidden;
    bottom: 0
}

.theme-4-2 .mySwiper-show-box li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none
}

.theme-4-2 .mySwiper-show-box li .text {
    font-size: .35rem;
    font-weight: bold;
    line-height: .40rem
}

.theme-4-2 .mySwiper-show-box li .text .title {
    display: block;
    height: .53rem
}

.theme-4-2 .mySwiper-show-box li .text .title-ioc {
    width: 100%;
    display: block;
    margin-top: .20rem
}

.theme-4-2 .mySwiper-show-box li .text .txt {
    font-size: .18rem;
    font-weight: normal;
    text-align: justify;
    line-height: .35rem;
    padding-top: .35rem;
    padding-right: .85rem
}

.theme-4-2 .mySwiper-show-box li.hover {
    display: block;
    z-index: 3
}

.theme-4-3 {
    overflow: hidden;
    height: 100vh;
    position: relative;
    background: url(../img/p7/bg_p7.jpg) no-repeat center 0;
    background-size: cover;
}

.theme-4-3 .img1 {
    position: absolute;
    width: 1.94rem;
    height: auto;
    bottom: 2.61rem;
    right: .71rem;
}

.theme-4-3 .img2 {
    position: absolute;
    width: 6.56rem;
    height: auto;
    top: .91rem;
    right: .80rem;
}

.theme-4-4 {
    position: relative;
    overflow: hidden;
}

.theme-4-4 .mySwiper-show-show {
    position: relative;
    overflow: hidden;
}

.theme-4-4 .mySwiper-show-bj {
    position: relative;
}

.theme-4-4 .mySwiper-show {
    position: relative;
    z-index: 3;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-4-4 .mySwiper-show .img-box {
    width: 100%;
    height: 100vh;
}

.theme-4-4 .mySwiper-show .swiper-slide {
    background: none;
    text-align: left;
    position: relative;
    overflow: hidden
}

.theme-4-4 .mySwiper-show .swiper-slide img {
    width: 100%;
    float: right
}

.theme-4-4 .mySwiper-show .swiper-slide .text {
    font-size: .35rem;
    font-weight: bold;
    position: absolute;
    left: 1.85rem;
    top: .50rem;
    width: 3.90rem;
    line-height: .40rem;
    display: none
}

.theme-4-4 .mySwiper-show .swiper-slide .text .txt {
    font-size: .18rem;
    color: #616161;
    font-weight: normal;
    text-align: left;
    line-height: 25px;
    padding-top: .35rem
}

.theme-4-4 .mySwiper-show .swiper-pagination {
    transform: inherit;
    position: absolute;
    left: 17%;
    bottom: .20rem;
    width: 12.00rem;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* background: url(../img/p8/zhezhao.png) no-repeat center center;
    background-size: cover; */
}


/* .theme-4-4-1 .zhezhao {
    width: 100%;
    height: 100rem;
    position: absolute;
    bottom: 20rem;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
} */

.theme-4-4 .mySwiper-show .swiper-pagination-box {
    height: .75rem;
    overflow: hidden;
    white-space: nowrap
}

.theme-4-4 .mySwiper-show .swiper-pagination .li {
    width: 100%;
    font-size: .16rem;
    color: #6E7072;
    opacity: 1;
    text-align: center;
    background: none;
    height: 1.00rem;
}

.theme-4-4 .mySwiper-show .swiper-pagination .li span {
    display: block;
    padding: .20rem .20rem;
    font-size: .22rem;
    padding-bottom: .05rem;
    position: relative;
    opacity: 0;
}

.theme-4-4 .mySwiper-show .swiper-pagination .li em {
    display: inline-block;
    font-size: .16rem;
    text-align: center;
    opacity: 0;
}

.theme-4-4 .mySwiper-show .swiper-pagination .li i {
    display: block;
    width: 100%;
    height: .02rem;
    background: #6E7072;
    margin: 0 auto;
}

.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active {
    width: 3.90rem;
    background: none
}

.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
    color: #fff;
    border-color: #fff;
    opacity: 1;
    width: 3.50rem;
}

.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
    color: #fff;
    border-color: #fff;
    opacity: 1;
    width: 3.90rem;
}

.theme-4-4 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active i {
    background: #fff;
    height: .04rem;
    width: 3.90rem;
}

.theme-4-4 .mySwiper-show-text {
    display: none
}

.theme-4-4 .mySwiper-show-box {
    position: absolute;
    left: 1.60rem;
    top: .70rem;
    width: 4.50rem;
    overflow: hidden;
    bottom: 0
}

.theme-4-4 .mySwiper-show-box li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none
}

.theme-4-4 .mySwiper-show-box li .text {
    font-size: .35rem;
    font-weight: bold;
    line-height: .40rem
}

.theme-4-4 .mySwiper-show-box li .text .title {
    display: block;
    height: .53rem
}

.theme-4-4 .mySwiper-show-box li .text .title-ioc {
    width: 100%;
    display: block;
    margin-top: .20rem
}

.theme-4-4 .mySwiper-show-box li .text .txt {
    font-size: .18rem;
    font-weight: normal;
    text-align: justify;
    line-height: .35rem;
    padding-top: .35rem;
    padding-right: .85rem
}

.theme-4-4 .mySwiper-show-box li.hover {
    display: block;
    z-index: 3
}

.theme-4-5 {
    overflow: hidden;
    height: 100vh;
    position: relative;
    background: url(../img/p9/bg_p9.jpg) no-repeat center 0;
    background-size: cover;
}

.theme-4-5 .img4 {
    position: absolute;
    width: 6.65rem;
    height: .68rem;
    top: 1.00rem;
    right: 1.00rem;
}

.theme-4-6-2 {
    overflow: hidden;
    height: 100vh;
    position: relative;
    background: url(../img/p9/bg02_p9.jpg) no-repeat center center;
    background-size: cover;
}

.theme-4-6-1 {
    overflow: hidden;
    height: 100vh;
    position: relative;
}
.theme-4-6 .teshu{
	background: #000;
	padding-top: 50px;
}
.theme-4-6-1 .teshu{
	background: #000;
	padding-top: 40px;
}
.theme-4-6-2 .img1 {
    position: absolute;
    width: 5.36rem;
    height: auto;
    top: 1.18rem;
    left: 1.05rem;
}

.theme-4-6-2 .video {
    position: absolute;
    width: 7.72rem;
    height: 4.63rem;
    top: 20px;
    right: 0;
    background: url(../img/p9/img03.png) no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.theme-4-6-1 .img2 {
    position: absolute;
    width: 8.70rem;
    height: 2.57rem;
    right: .50rem;
    top: .50rem;
}

.theme-4-5 .img1 {
    position: absolute;
    width: 1.94rem;
    height: auto;
    bottom: 1.10rem;
    right: 1.56rem;
}

.theme-4-6 {
    position: relative;
    overflow: hidden;
}

.theme-4-6 .mySwiper-show-show {
    position: relative;
    overflow: hidden;
}

.theme-4-6 .mySwiper-show-bj {
    position: relative;
}

.theme-4-6 .mySwiper-show {
    position: relative;
    z-index: 3;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-4-6 .mySwiper-show .img-box {
    width: 100%;
    height: 100vh;
}

.theme-4-6 .mySwiper-show .swiper-slide {
    background: none;
    text-align: left;
    position: relative;
    overflow: hidden
}

.theme-4-6 .mySwiper-show .swiper-slide img {
    width: 100%;
    float: right;
    /* position: relative; */
}

.theme-4-6 .mySwiper-show .swiper-slide .img1 {
    position: absolute;
    width: 5.36rem;
    height: auto;
    top: 1.18rem;
    left: 1.05rem;
}

.theme-4-6 .mySwiper-show .swiper-slide .text {
    font-size: .35rem;
    font-weight: bold;
    position: absolute;
    left: 1.85rem;
    top: .50rem;
    width: 3.90rem;
    line-height: .40rem;
    display: none
}

.theme-4-6 .mySwiper-show .swiper-slide .text .txt {
    font-size: .18rem;
    color: #616161;
    font-weight: normal;
    text-align: left;
    line-height: 25px;
    padding-top: .35rem
}

.theme-4-6 .mySwiper-show .swiper-pagination {
    transform: inherit;
    position: absolute;
    left: 17%;
    bottom: .20rem;
    width: 12.00rem;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-4-6 .mySwiper-show .swiper-pagination-box {
    height: .75rem;
    overflow: hidden;
    white-space: nowrap
}

.theme-4-6 .mySwiper-show .swiper-pagination .li {
    width: 100%;
    font-size: .16rem;
    color: #6E7072;
    opacity: 1;
    text-align: center;
    background: none;
    height: 1.00rem;
}

.theme-4-6 .mySwiper-show .swiper-pagination .li span {
    display: block;
    padding: .20rem .20rem;
    font-size: .22rem;
    padding-bottom: .05rem;
    position: relative;
    opacity: 0;
}

.theme-4-6 .mySwiper-show .swiper-pagination .li em {
    display: inline-block;
    font-size: .16rem;
    text-align: center;
    opacity: 0;
}

.theme-4-6 .mySwiper-show .swiper-pagination .li i {
    display: block;
    width: 100%;
    height: .02rem;
    background: #6E7072;
    margin: 0 auto;
}

.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active {
    width: 100%;
    background: none
}

.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.theme-4-6 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active i {
    background: #fff;
    height: .04rem;
    width: 3.00rem;
}

.theme-4-6 .mySwiper-show-text {
    display: none
}

.theme-4-6 .mySwiper-show-box {
    position: absolute;
    left: 1.60rem;
    top: .70rem;
    width: 4.50rem;
    overflow: hidden;
    bottom: 0
}

.theme-4-6 .mySwiper-show-box li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none
}

.theme-4-6 .mySwiper-show-box li .text {
    font-size: .35rem;
    font-weight: bold;
    line-height: .40rem
}

.theme-4-6 .mySwiper-show-box li .text .title {
    display: block;
    height: .53rem
}

.theme-4-6 .mySwiper-show-box li .text .title-ioc {
    width: 100%;
    display: block;
    margin-top: .20rem
}

.theme-4-6 .mySwiper-show-box li .text .txt {
    font-size: .18rem;
    font-weight: normal;
    text-align: justify;
    line-height: .35rem;
    padding-top: .35rem;
    padding-right: .85rem
}

.theme-4-6 .mySwiper-show-box li.hover {
    display: block;
    z-index: 3
}

.theme-4-7 {
    overflow: hidden;
    height: 100vh;
    position: relative;
    background: url(../img/p10/bg.png) no-repeat center center;
    background-size: cover;
}

.theme-4-7 .img01 {
    position: absolute;
    width: 3.98rem;
    height: auto;
    top: 1.10rem;
    right: 7.61rem;
}

.theme-4-7 .img02 {
    position: absolute;
    width: 3.44rem;
    height: .33rem;
    top: 2.86rem;
    right: 7.86rem;
}

.theme-4-7 .img03 {
    position: absolute;
    width: 12.54rem;
    height:auto;
    /* height: 383rem; */
    top: 3.76rem;
    right: 3.31rem;
}

.theme-4-7 .img04 {
    position: absolute;
    width: 5.15rem;
    height: auto;
    right: 6.90rem;
    bottom: 1.00rem;
}

.theme-4-7 .img1 {
    position: absolute;
    width: 1.68rem;
    height: auto;
    bottom: .62rem;
    right: .85rem;
}

.theme-4-7 .img2 {
    position: absolute;
    width: 12.54rem;
    height: auto;
    bottom: 1.85rem;
    right: 3.31rem;
}

.theme-4-7-1 {
    overflow: hidden;
    height: 100vh;
    position: relative;
    background: url(../img/p11/bg_p11.jpg) no-repeat center center;
    background-size: cover;
}

.theme-4-7-1 .bg {
    position: absolute;
    width: 6.80rem;
    height: 1.21rem;
    bottom: .83rem;
    left: 1.66rem;
    display: none;
}

.theme-4-7-1 .bg p {
    width: 100%;
    color: #fff;
    font-size: .20rem;
    text-align: center;
    height: .40rem;
    line-height: .40rem;
}

.theme-4-7-1 .bg p em {
    font-weight: bold;
    font-size: .35rem;
}

.theme-4-7-1 .active {
    display: block;
    background: url(../img/p11/img03.png) no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.theme-4-7-1 .img2 {
    position: absolute;
    width: 5.82rem;
    height: auto;
    top: 1.64rem;
    right: .95rem;
}

.theme-4-7-1 ul {
    width: 3.80rem;
    height: auto;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    top: 4.40rem;
    right: 3.00rem;
}

.theme-4-7-1 ul li {
    width: 5.08rem;
    height: .70rem;
    line-height: .70rem;
    background: url(../img/p11/img01.png) no-repeat center center;
    background-size: 90%;
    margin-bottom: .30rem;
    color: #076C94;
    font-size: .18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.theme-4-7-1 ul .actives {
    background: url(../img/p11/img02.png) no-repeat center center;
    background-size: 90%;
    color: #fff;
}

.theme-4-7-2 {
    position: relative;
    overflow: hidden;
    background: url(../img/p11/bg01_p11.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
}

.theme-4-7-2 .img1 {
    width: 3.74rem;
    height: 6.32rem;
    position: absolute;
    top: 1.8rem;
    left: 3.70rem;
}

.theme-4-8 {
    background: url(../img/p12/bg_p12.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-4-8 .img1 {
    width: 4.43rem;
    height: 2.09rem;
    position: absolute;
    top: 1.23rem;
    left: 7.39rem;
}

.theme-4-9 {
    background: url(../img/p12/bg01_p12.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-4-9 .img1 {
    width: 4.17rem;
    height: 2.20rem;
    position: absolute;
    bottom: 2.21rem;
    left: 1.66rem;
}

.theme-5-1 {
    background: url(../img/p13/bg.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-5-1 .img1 {
    width: 6.29rem;
    height: 1.90rem;
    position: absolute;
    top: 1.11rem;
    left: 1.45rem;
}

.theme-5-1 .img2 {
    width: 16.50rem;
    height: 2.93rem;
    position: absolute;
    bottom: .66rem;
    left: 1.41rem;
}

.dot-show .dot {
    position: relative
}

.dot-show .dot {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer
}

@keyframes fade {
    from {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 0.3;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    50% {
        opacity: 0.3;
        -webkit-transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

.theme-5-2 {
    position: relative;
    overflow: hidden;
}

.theme-5-2 .mySwiper-show-show {
    position: relative;
    overflow: hidden;
}

.theme-5-2 .mySwiper-show-bj {
    position: relative;
}

.theme-5-2 .mySwiper-show {
    position: relative;
    z-index: 3;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-5-2 .mySwiper-show .img-box {
    width: 100%;
    height: 100vh;
}

.theme-5-2 .mySwiper-show .swiper-slide {
    background: none;
    text-align: left;
    position: relative;
    overflow: hidden
}

.theme-5-2 .mySwiper-show .swiper-slide img {
    width: 100%;
    float: right
}

.theme-5-2 .img1 {
    position: absolute;
    width: 6.72rem!important;
    height: 1.41rem;
    top: 4.66rem;
    left: .58rem;
}

.theme-5-2-3 .img1 {
    position: absolute;
    width: 5.03rem!important;
    height: .81rem;
    top: .69rem;
    left: 1.04rem;
}

.theme-5-2 .img2 {
    position: absolute;
    width: 10.79rem!important;
    height: 5.28rem;
    top: 2.31rem;
    left: 1.22rem;
}

.theme-5-2 .img3 {
    position: absolute;
    width: 4.35rem!important;
    height: 3.97rem;
    top: 3.13rem;
    right: 1.07rem;
}

.theme-5-2 .img4 {
    position: absolute;
    width: 9.69rem!important;
    height: 2.52rem;
    top: 1.02rem;
    left: 1.16rem;
}

.theme-5-2 .mySwiper-show .swiper-slide .text {
    font-size: .35rem;
    font-weight: bold;
    position: absolute;
    left: 1.85rem;
    top: .50rem;
    width: 3.90rem;
    line-height: .40rem;
    display: none
}

.theme-5-2 .mySwiper-show .swiper-slide .text .txt {
    font-size: .18rem;
    color: #616161;
    font-weight: normal;
    text-align: left;
    line-height: 25px;
    padding-top: .35rem
}

.theme-5-2 .mySwiper-show .swiper-pagination {
    transform: inherit;
    position: absolute;
    left: 17%;
    bottom: .20rem;
    width: 12.00rem;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.theme-5-2 .mySwiper-show .swiper-pagination-box {
    height: .75rem;
    overflow: hidden;
    white-space: nowrap
}

.theme-5-2 .mySwiper-show .swiper-pagination .li {
    width: 100%;
    font-size: .16rem;
    color: #6E7072;
    opacity: 1;
    text-align: center;
    background: none;
    height: 1.00rem;
}

.theme-5-2 .mySwiper-show .swiper-pagination .li span {
    display: block;
    padding: .20rem .20rem;
    font-size: .22rem;
    padding-bottom: .05rem;
    position: relative;
    opacity: 0;
}

.theme-5-2 .mySwiper-show .swiper-pagination .li em {
    display: inline-block;
    font-size: .16rem;
    text-align: center;
    opacity: 0;
}

.theme-5-2 .mySwiper-show .swiper-pagination .li i {
    display: block;
    width: 100%;
    height: .02rem;
    background: #6E7072;
    margin: 0 auto;
}

.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active {
    width: 100%;
    background: none
}

.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
    color: #fff;
    border-color: #fff;
    opacity: 1;
}

.theme-5-2 .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active i {
    background: #fff;
    height: .04rem;
    width: 3.00rem;
}

.theme-5-2 .mySwiper-show-text {
    display: none
}

.theme-5-2 .mySwiper-show-box {
    position: absolute;
    left: 1.60rem;
    top: .70rem;
    width: 4.50rem;
    overflow: hidden;
    bottom: 0
}

.theme-5-2 .mySwiper-show-box li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none
}

.theme-5-2 .mySwiper-show-box li .text {
    font-size: .35rem;
    font-weight: bold;
    line-height: .40rem
}

.theme-5-2 .mySwiper-show-box li .text .title {
    display: block;
    height: .53rem
}

.theme-5-2 .mySwiper-show-box li .text .title-ioc {
    width: 100%;
    display: block;
    margin-top: .20rem
}

.theme-5-2 .mySwiper-show-box li .text .txt {
    font-size: .18rem;
    font-weight: normal;
    text-align: justify;
    line-height: .35rem;
    padding-top: .35rem;
    padding-right: .85rem
}

.theme-5-2 .mySwiper-show-box li.hover {
    display: block;
    z-index: 3
}

.theme-5-2-1 {
    background: url(../img/p15/bg_p15.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-5-2-1 .img1 {
    position: absolute;
    width: 2.28rem;
    height: .43rem;
    top: 2.60rem;
    left: 2.37rem;
    cursor: pointer;
}

.theme-5-2-1 .img2 {
    position: absolute;
    width: 4.50rem;
    height: .66rem;
    top: 1.49rem;
    left: 1.26rem;
}

.theme-5-2-2 {
    background: url(../img/p15/bg_p15.jpg) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-5-2-2 .masks_pc {
    position: absolute;
    width: 10.28rem;
    height: 100vh;
    top: 0rem;
    right: -10.28rem;
    background: url(../img/p15/img03.png) no-repeat center center;
    /* background: rgba(0, 0, 0, 0.3); */
    background-size: cover;
}


/* .theme-5-2-2 .img4 {
    position: absolute;
    width: 1028rem;
    height: 1080rem;
    top: 0;
    right: 0;
} */

.theme-5-3 .content-box .car-item .car_box {
    width: 5.25rem;
    height: 2.54rem;
    /* margin-left: 54rem; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    background: linear-gradient(152deg, #F0F7FE 0%, #B0BBC4 100%, #B0CCD0 100%);
    margin-bottom: .20rem;
}

.theme-5-3 .content-box .car-item .car_box img {
    width: 3.20rem;
    height: auto;
    margin-bottom: .25rem;
}

.theme-5-3 .content-box .car-item .car_box .car_price {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .16rem
}

.theme-5-3 .content-box .car-item .car_box .car_price p {
    font-size: .30rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
}

.theme-5-3 .content-box .car-item .car_box .car_price span {
    font-size: .20rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
}

.theme-5-3 .content-box .car-item .car_box .car_tips {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-5-3 .content-box .car-item .car_box .car_tips div {
    font-size: .17rem;
    font-family: AlibabaPuHuiTiR;
    color: #757575;
    line-height: .24rem;
    text-align: center;
}

.theme-5-3 .content-box .car-item .car_box .car_tips .left {
    width: 1.26rem;
    height: .31rem;
    line-height: .31rem;
    background: url(../img/duibi/name_bg.png) no-repeat center center;
    background-size: cover;
    padding-left: .15rem;
}

.theme-5-3 .content-box .chahun .car-item .car_box .car_tips .left {
    background: url(../img/p17/img08.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.theme-5-3 .content-box .hundong .car-item .car_box .car_tips .left {
    background: url(../img/p17/hundong2.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.theme-5-3 .content-box .car-item .car_box .car_tips .right {
    width: 1.88rem;
    height: .31rem;
    line-height: .31rem;
    background: url(../img/duibi/detail_bg.png) no-repeat center center;
    background-size: cover;
    padding-left: .15rem;
}

.theme-5-3 .content-box .chahun .car-item .car_box .car_tips .right {
    background: url(../img/p17/img07.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.theme-5-3 .content-box .hundong .car-item .car_box .car_tips .right {
    background: url(../img/p17/hundong1.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.theme-5-3 .content-box .car-item .item-ul {
    width: 5.25rem;
    height: 2.40rem;
    /* margin-left: 54rem; */
}

.theme-5-3 .content-box .car-item .item-ul .item-li {
    list-style: none;
    width: 6.00rem;
    height: .40rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiM;
    color: #414141;
    line-height: .40rem;
    text-align: left;
}

.theme-5-3 .content-box .car-item .item-ul li:nth-child(odd) {
    background: linear-gradient(270deg, #D6DFE6 0%, #BAC3C9 100%)
}

.theme-5-3 .content-box .car-item .item-ul .item-li span {
    display: block;
    height: .40rem;
    line-height: .40rem;
    margin-left: .40rem;
    padding-left: .75rem;
    position: relative;
}

.theme-5-3 .content-box .car-item .item-ul .item-li span:after {
    content: "";
    position: absolute;
    width: .40rem;
    height: .40rem;
    left: 0;
    top: 50%;
    margin-top: -.20rem;
    /* background: #000; */
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_fadongji:after {
    background: url(../img/icon/发动机.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_zhidaohulian:after {
    background: url(../img/icon/智导互联.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_zhinengzuocang:after {
    background: url(../img/icon/旋钮.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_menbashou:after {
    background: url(../img/icon/门把手.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_jiangzao:after {
    background: url(../img/icon/ico_ANC降噪.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_jinqigeshan:after {
    background: url(../img/icon/进气格栅.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_CMBS:after {
    background: url(../img/icon/CMBS.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_FCW:after {
    background: url(../img/icon/FCW.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_LKAS:after {
    background: url(../img/icon/LKAS.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_RDM:after {
    background: url(../img/icon/RDM.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_LDW:after {
    background: url(../img/icon/LDW.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_ACC:after {
    background: url(../img/icon/ACC.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_ACL:after {
    background: url(../img/icon/ACL.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_quanjingtianchuang:after {
    background: url(../img/icon/ico_天窗.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_yinxiang:after {
    background: url(../img/icon/ico_BOSE音响.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_zuoyi:after {
    background: url(../img/icon/座椅.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_tongfeng:after {
    background: url(../img/icon/ico_前排座椅通风.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_chongdian:after {
    background: url(../img/icon/ico_手机无线充电.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_anquanchaogan:after {
    background: url(../img/icon/安全超感360.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_lungu:after {
    background: url(../img/icon/ico_轮毂.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_houshijing:after {
    background: url(../img/icon/流媒体后视镜.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_taban:after {
    background: url(../img/icon/ico_运动踏板.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_kongqijinghua:after {
    background: url(../img/icon/空气净化.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_kapianyaoshi:after {
    background: url(../img/icon/ico_卡片钥匙.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_jianzhen:after {
    background: url(../img/icon/ico_ADS全时自适应减震系统\ .png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_shexiangtou:after {
    background: url(../img/icon/CWC摄像头.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_SBW:after {
    background: url(../img/icon/电子换挡.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_fangdao:after {
    background: url(../img/icon/后排座椅放倒.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_LED:after {
    background: url(../img/icon/全LED大灯.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_zhinengping:after {
    background: url(../img/icon/DA智能屏.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_jiare:after {
    background: url(../img/icon/后视镜.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_yuguaqi:after {
    background: url(../img/icon/雨刮器.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_HUD:after {
    background: url(../img/icon/HUD.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_kongzhi:after {
    background: url(../img/icon/后排中央控制系统.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_xuanjia:after {
    background: url(../img/icon/可调节式悬架控制.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_fenweideng:after {
    background: url(../img/icon/车内暖色氛围灯.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_houbeixiang:after {
    background: url(../img/icon/后备厢脚部感应开启系统.png) no-repeat;
    background-size: 100%;
}

.theme-5-3 .content-box .swiper {
    display: none;
}

.theme-5-3 .content-box .active {
    display: block
}

.theme-5-3 .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 1.24rem; */
    padding: 0;
    position: relative;
    /* margin-top: 1rem; */
}

.theme-5-3 .bottom .tishi {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    color: #444444;
    line-height: .22rem;
    position: absolute;
    left: 1.24rem;
}

.theme-5-3 .bottom .tishi .red {
    color: #E60000;
}

.theme-5-3 .bottom .btns {
    /* margin-left: 5.15rem; */
    width: 2.10rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    color: #414141;
    font-size: .22rem;
    font-family: AlibabaPuHuiTiM;
    cursor: pointer;
    border: 1px solid #414141;
}

.theme-5-3 .mySwiper-theme-5-3 .swiper-slide {
    width: 100%;
    display: flex;
    background: none;
}

.theme-5-3 .mySwiper-theme-5-3 .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 3%;
}

.theme-5-4 {
    background: url(../img/p18/bg_p18.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-5-4 .img1 {
    width: 6.99rem;
    height: 2.89rem;
    position: absolute;
    top: .96rem;
    right: .61rem;
}

.long_img {
    background: url(../img/p19/bg.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: auto;
    /* padding-top: 100rem; */
}


/*美图鉴赏*/

.theme-imgs {
    /* background: url(../img/a6/meitu_bg.png) no-repeat center center; */
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: 100vh;
    padding-top: 1rem;
}

.theme-1610 {
    width: 16.10rem;
    margin: 0 auto
}

.theme-title {
    font-size: .42rem;
    line-height: .50rem;
    padding-bottom: .30rem;
    text-align: center;
    color: #fff;
}

.theme-title:after {
    content: "";
    display: block;
    width: .70rem;
    height: 1px;
    background: #7f7f7f;
    margin: .15rem auto 0 auto
}

.theme-imgs .swiper {}

.theme-imgs .swiper .swiper-slide {
    width: 100%;
    background: none;
}

.theme-imgs .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .20rem;
}

.theme-imgs .swiper .swiper-slide .img-box {
    width: 14.07rem;
    /* height: 6.48rem; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .20rem;
}

.theme-imgs .swiper .swiper-slide .img-box .img {
    width: 4.45rem;
    /* height: 3.33rem; */
    height: auto;
}

.theme-imgs .swiper .swiper-slide .left {}

.theme-imgs .swiper .swiper-slide .left img {
    width: 5.76rem;
    height: auto;
}

.theme-imgs .swiper .swiper-slide .right .top,
.theme-imgs .swiper .swiper-slide .right .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .20rem;
}

.theme-imgs .swiper .swiper-slide .right .top img,
.theme-imgs .swiper .swiper-slide .right .bottom img {
    width: 4.18rem;
    height: auto;
}

.theme-imgs .swiper .swiper-slide .right .top .img2,
.theme-imgs .swiper .swiper-slide .right .top .img3 {
    margin-bottom: .20rem;
}

.theme-imgs .swiper .swiper-pagination {
    bottom: 0;
    position: relative;
}

.theme-imgs .swiper .swiper-pagination-bullet {
    width: 1.00rem;
    height: .04rem;
    background: #999;
    border-radius: 0;
}

.theme-imgs .swiper .swiper-pagination-bullet-active {
    background: #000;
}


/*美图鉴赏弹窗*/

.imglist-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: none
}

.imglist-pop .box {
    position: absolute;
    width: 80%;
    height: auto;
    top: 8%;
    left: 10%;
    /* transform: translateY(-60%); */
    margin: 0 auto
}

.imglist-pop .box .close {
    position: absolute;
    right: .60rem;
    top: 0;
    background: url(../img/close.png) no-repeat center center;
    background-size: 100%;
    z-index: 99;
}

.imglist-pop .box .swiper-slide {
    overflow: hidden;
    background: none;
}

.imglist-pop .box img {
    width: 100%;
    height: auto;
    max-height: 7.75rem;
    max-width: 12.60rem;
    /* max-width: none */
}

.imglist-pop .box .downloada {
    position: absolute;
    right: .30rem;
    bottom: .30rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: .50rem;
    padding: 0 .20rem;
    line-height: .40rem;
    color: #fff;
    font-size: .20rem;
    display: none
}

.imglist-pop .box .downloada:after {
    content: "点击下载大图"
}


/*预约试驾*/

.theme-pre-book {
    overflow: hidden;
    /* padding: 1.60rem 0 0 0; */
    /* background: url(../img/a6/yuyue_bg.png) no-repeat center center; */
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
    background: linear-gradient(221deg, #076594 0%, #2DAEC1 29%, #EEEEEE 100%);
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.pre-book-box {
    height: 4.70rem;
    background: #f4f4f4;
    position: relative
}

.pre-book-box .title {
    position: absolute;
    left: .50rem;
    top: .45rem;
    color: #000;
    font-size: .40rem;
    z-index: 2
}

.pre-book-box .title:after {
    content: "";
    display: block;
    width: .70rem;
    height: 2px;
    margin: 0;
    margin-top: .10rem;
    background: #000
}

.pre-book-box .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 6.80rem;
    height: 100%
}

.pre-book-box .box {
    padding: .30rem 1.00rem 0rem 7.85rem;
    text-align: left
}

.form-box .li {
    padding-bottom: .20rem
}

.form-box .li .input-box {
    width: 50%;
    border-bottom: 1px solid #6e6e6e;
    height: .45rem;
    line-height: .45rem;
    float: left
}

.form-box .li .input-box .name {
    font-size: .15rem;
    color: #666666;
    width: .60rem;
    float: left
}

.form-box .li .input-box .text {
    width: 100%;
    height: .45rem;
    background: none;
    border: 0
}

.form-box .li .input-box.w100 {
    width: 100%
}

.form-box .li.w50 {
    margin-left: -2%
}

.form-box .li.w50 .input-box {
    width: 48%;
    margin-left: 2%
}

.form-box .li .input-box .select {
    width: 100%;
    height: .45rem;
    background: none;
    border: 0
}

.form-box .li .radio-box {
    float: left;
    font-size: .15rem;
    line-height: .40rem;
    padding-top: .15rem
}

.form-box .li .radio-box .label {
    float: left
}

.form-box .label {
    margin-left: .55rem;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.form-box .label i {
    display: inline-block;
    width: .18rem;
    height: .18rem;
    border: 1px solid #6e6e6e;
    margin-right: .05rem;
    position: relative;
    top: .03rem
}

.form-box .label input:checked+i {
    background: url(../img/checked.jpg) no-repeat;
    background-size: cover;
    border-color: #22ACC5;
}

.form-box .label input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0
}

.form-box .policy-txt {
    text-align: center;
    font-size: .14rem;
    line-height: .30rem;
    padding: 0 0 .35rem 0
}

.form-box .policy-txt input {
    margin-right: .05rem
}

.form-box .policy-txt a {
    /* color: #2FAEC6 */
}

.form-box .policy-txt a:hover {
    text-decoration: underline
}

.form-box .bnt {
    display: block;
    width: 1.78rem;
    height: .48rem;
    color: #fff;
    border: 1px solid #739DB9;
    font-size: .17rem;
    text-align: center;
    margin: 0 auto;
    line-height: .48rem;
    background: #739DB9;
}

.form-box .bnt:hover {
    background: #739DB9;
    border-color: #739DB9
}


/*新闻资讯*/

.theme-news {
    overflow: hidden;
    position: relative;
    padding: 1rem 0 0 0;
    box-sizing: border-box;
    background: linear-gradient(221deg, #076594 0%, #2DAEC1 29%, #EEEEEE 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-list {
    overflow: hidden;
    margin-left: -2.00rem
}

.news-list li {
    float: left;
    width: 50%;
    padding-bottom: .80rem
}

.news-list li .box {
    margin-left: 2.00rem;
    display: block;
    padding-left: 1.25rem;
    position: relative;
    text-align: left;
    color: #666
}

.news-list li .box .time {
    position: absolute;
    left: 0;
    top: 0
}

.news-list li .box .time .day {
    font-size: .40rem
}

.news-list li .box .h1 {
    font-size: .24rem;
    line-height: .30rem;
    height: .30rem;
    overflow: hidden;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis
}

.news-list li .box .txt {
    margin: .15rem 0 .30rem 0;
    line-height: .25rem;
    height: .25rem;
    overflow: hidden
}

.news-list li .box .more {
    display: block;
    width: 1.30rem;
    height: .40rem;
    line-height: .40rem;
    text-align: center;
    font-size: .14rem;
    border: 1px solid #303030;
}

.news-list li a:hover .time,
.news-list li a:hover .h1,
.news-list li a:hover .more {
    color: #739DB9
}

.news-list li a:hover .more {
    border-color: #739DB9;
}


/*底部信息*/

.footer {
    padding: 5vh 5vw;
    background: #000;
    color: #fff;
    font-size: 14px
}

.footer a {
    color: #fff;
    text-decoration: none
}

.footer .footer-top {}

.footer .footer-nav {
    float: left
}

.footer .footer-nav li {
    position: relative;
    padding: 0 20px;
    display: inline-block
}

.footer .footer-nav li:after {
    content: "";
    display: block;
    height: 10px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 6px;
    right: 0
}

.footer .footer-nav li:first-child {
    padding-left: 0
}

.footer .footer-nav li:last-child:after {
    display: none
}

.footer .text {
    font-weight: 300;
    text-align: left
}

.footer .footer-a {
    float: right
}

.footer .footer-a li {
    float: left
}

.footer .footer-a img {
    display: inline-block
}

.footer .footer-a .wechat {
    margin-right: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
    cursor: default
}

.footer .footer-a .wechat>img:first-child {
    position: relative;
    top: 5px;
    margin-right: 10px
}

.footer .footer-a .wechat>p {
    padding: 5px;
    background-color: #fff;
    text-align: center;
    color: #000;
    font-size: 12px;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    transition: all 0.2s;
    opacity: 0
}

.footer .footer-a .wechat:hover {
    border-bottom-color: #fff
}

.footer .footer-a .wechat:hover>p {
    opacity: 1
}

.footer .footer-a .weibo a {
    display: block;
    width: 100%;
    height: 100%
}

.footer .footer-a .weibo a>img {
    position: relative;
    top: 4px;
    margin-right: 10px
}

.illustrate-pop {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -150%;
    opacity: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 60%);
    z-index: 5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 8;
}

.illustrate-pop.active {
    bottom: 0;
    opacity: 1
}

.illustrate-pop .box {
    padding: 5.00rem 0 .60rem 0;
    font-size: .14rem;
    color: #fff;
    line-height: .30rem
}

.illustrate-pop .box .close {
    position: absolute;
    width: .40rem;
    height: .40rem;
    background: url(../img/close.png) no-repeat center center;
    background-size: 60%;
    cursor: pointer;
    transition: all 0.5s;
    opacity: 0.9;
    border-radius: 50%;
    border: 2px solid #fff;
    right: .20rem;
    top: .40rem;
}

.illustrate-pop .box .content-box {
    display: none
}

.illustrate-pop .box .content-box.show {
    display: block
}

.illustrate-pop .box .title {
    height: .60rem;
    margin: .30rem auto;
    display: block;
}

.illustrate-pop .box .content-box-6 {
    width: 9.60rem;
    margin: 0 auto
}

.illustrate-pop .box .content-box-7 {
    width: 13.00rem;
    margin: 0 auto
}

.content-box-list {
    overflow: hidden;
    position: relative;
    left: 1.00rem
}

.content-box-list li {
    float: left;
    width: 33.3%
}

.content-box-list li p {
    letter-spacing: 1px;
}

content-box-list li p {
    letter-spacing: 1px;
}

.dot-show .dot span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .20rem;
    height: .20rem;
    transform: translate(-50%, -50%);
    background: rgba(44, 164, 185, 0.4);
    border-radius: 50%;
    border: .01rem solid #2CA4B9;
    z-index: 3
}

.dot-show .dot span:before {
    content: "";
    position: absolute;
    width: .10rem;
    height: .10rem;
    left: 50%;
    top: 50%;
    background: #2CA4B9;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.dot-show .dot em {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    font-size: .16rem;
    line-height: .60rem;
    opacity: 0;
    /* opacity: 1; */
    transition: all 0.5s;
    white-space: nowrap;
    /* width: 4.28rem; */
    text-align: left;
}

.dot-show .dot em.left {
    width: 100%;
    height: 1.30rem;
    position: absolute;
    left: 0;
    right: initial;
    top: 0;
}

.dot-show .dot em.right {
    width: 100%;
    height: 1.30rem;
    position: absolute;
    left: initial;
    right: 0;
    top: 0;
}

.dot-show .dot em.left:after {
    content: "";
    position: absolute;
    width: .50rem;
    height: .01rem;
    left: .22rem;
    top: 22%;
    /* transform: rotate(45deg); */
    background: #2CA4B9;
    opacity: 0.5;
}

.dot-show .dot em.left:before {
    /* content: "";
	position: absolute;
	width: 4rem;
	height: 0.01rem;
	left: 0.73rem;
	top: 122%;
	background: #fff;
	opacity: 0.5; */
}

.dot-show .dot em.left i {
    font-style: normal;
    font-size: .22rem;
    display: block;
    padding: 0 .20rem;
    position: absolute;
    top: 0%;
    left: 119%;
    text-align: left;
    background: #2CA4B9;
    border-radius: .10rem;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.5) */
}

.dot-show .dot em.right:after {
    content: "";
    position: absolute;
    width: .60rem;
    height: .01rem;
    right: 34%;
    top: 43%;
    transform: rotate(135deg);
    background: #fff;
    opacity: 0.5;
}

.dot-show .dot em.right:before {
    /* content: "";
	position: absolute;
	width: 3rem;
    height: 0.01rem;
    right: 18%;
    top: 58%;
    background: #fff;
    opacity: 0.5; */
}

.dot-show .dot em.right i {
    font-style: normal;
    font-size: .22rem;
    display: block;
    padding: 0 .20rem;
    position: absolute;
    top: 13%;
    right: 119%;
    text-align: right;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45)
}

.dot-show .dot em.right i b,
.dot-show .dot em.left i b {
    font-size: .18rem;
    font-weight: normal;
}

.dot-show .dot:hover em {
    opacity: 1;
}

.dot-show .dot {
    position: relative
}

.dot-show .dot {
    position: absolute;
    width: .60rem;
    height: .60rem;
    cursor: pointer
}

.dot-show .dot:before {
    content: "";
    position: absolute;
    width: .60rem;
    height: .60rem;
    left: 0;
    top: 0;
    background: #2CA4B9;
    border-radius: 50%;
    animation: fade 3s infinite;
    -webkit-animation: fade 2s infinite;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 2
}

@keyframes fade {
    from {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 0.3;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    50% {
        opacity: 0.3;
        -webkit-transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

.theme-4-5 .d1 {
    top: 2.55rem;
    left: 6.10rem;
}

.theme-4-5 .d2 {
    top: 1.55rem;
    left: 8.10rem;
}

.theme-4-5 .d3 {
    top: 3.21rem;
    left: 8.72rem;
}

.theme-4-5 .d4 {
    top: 3.3rem;
    left: 6.80rem;
}

.theme-4-5 .d5 {
    top: 4.46rem;
    left: 7.15rem;
}

.theme-4-5 .d6 {
    top: 8rem;
    left: 4.95rem;
}

.theme-4-5 .d7 {
    top: 8.5rem;
    left: 7.10rem;
}

.theme-4-5 .d8 {
    top: 7.42rem;
    left: 8.47rem;
}

.theme-4-5 .d9 {
    top: 4.91rem;
    left: 12.23rem;
}

.theme-4-5 .d10 {
    top: 3.3rem;
    left: 13.10rem;
}

.theme-4-5 .d11 {
    top: 4.5rem;
    right: 3.50rem;
}

.theme-4-3 .d1 {
    top: 3.36rem;
    right: 5.40rem;
}

.theme-4-3 .d2 {
    top: 3.40rem;
    left: 10.40rem;
}

.theme-4-3 .d3 {
    top: 4.85rem;
    right: 4.76rem;
}

.theme-4-3 .d4 {
    top: 4.54rem;
    right: 4.40rem;
}

.theme-4-3 .d5 {
    /* bottom: 1.48rem; */
    top:7.67rem;
    left: 4.6rem;
}

.theme-4-3 .d6 {
    top: 4.57rem;
    left: 9.02rem;
}

.theme-4-3 .d7 {
    top: 5.52rem;
    left: 8.81rem;
}

.theme-4-3 .d8 {
    top: 2.84rem;
    left: 7.50rem;
}

.theme-4-3 .d4 em.left i {
    right: 119%;
    left: initial;
}

.theme-4-3 .d4 em.left:after {
    right: .22rem;
    left: initial;
}

.theme-5-3 {
    background: url(../img/p17/bg1_p17.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.theme-5-3 .tab {
    width: 100%;
    padding: 0 1.00rem;
    margin-top: .76rem;
    display: flex;
    justify-content: center;
    padding: 0;
}

.theme-5-3 .tab .tab-item {
    width: 5.78rem;
    height: .40rem;
    background: url(../img/duibi/nomall.png) no-repeat center center;
    background-size: cover;
    color: #757575;
    line-height: .40rem;
    text-align: center;
    cursor: pointer;
}

.theme-5-3 .tab .active {
    background: url(../img/p17/img01.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.theme-5-3 .content-box {
    width: 100%;
    padding: 0 .30rem;
    margin-top: .30rem;
    display: flex;
    margin-bottom: .20rem;
}

.theme-5-3 .content-box .car-item {
    width: 5.22rem;
    height: auto;
    position: relative;
}

.theme-5-3 .content-box .car-item .car_type {
    width: 1.93rem;
    height: .42rem;
    position: absolute;
    top: 0rem;
    left: 0;
}

.theme-5-3 .content-box .chahun .car-item .car_type {
    background: url(../img/p17/1.png) no-repeat center center;
    background-size: cover;
}

.theme-5-3 .content-box .hundong .car-item .car_type {
    background: url(../img/p17/2.png) no-repeat center center;
    background-size: cover;
}

.theme-5-3 .content-box .qiyou .car-item .car_type {
    background: url(../img/p17/3.png) no-repeat center center;
    background-size: cover;
}

.theme-5-3 .content-box .car-item .car_type .car_type_name {
    width: 1.42rem;
    height: .41rem;
    line-height: .41rem;
    /* background: url(../img/duibi/sub_bg.png) no-repeat center center; */
    background-size: cover;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiB;
    color: #fff;
    text-align: center;
    margin-left: .30rem
}

.theme-5-3 .content-box .car-item .car_box {
    width: 5.80rem;
    height: 3.94rem;
    /* margin-left: 54rem; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: url(../img/p17/img09.png) no-repeat center center;
    background-size: cover;
    margin-bottom: .20rem;
}

.theme-5-3 .content-box .car-item .car_box img {
    width: 4.06rem;
    height: auto;
    margin-top: 1.00rem;
    margin-bottom: .25rem;
}

.theme-5-3 .content-box .car-item .car_box .car_price {
    width: 5.30rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .16rem
}

.theme-5-3 .content-box .car-item .car_box .car_price p {
    font-size: .30rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    width: 2.95rem;
}

.theme-5-3 .content-box .car-item .car_box .car_price p:nth-child(1) {
    width: 1.95rem;
}

.theme-5-3 .content-box .car-item .car_box .car_price span {
    font-size: .20rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
}

.theme-5-3 .content-box .car-item .car_box .car_tips {
    width: 5.30rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-5-3 .content-box .car-item .car_box .car_tips div {
    font-size: .17rem;
    font-family: AlibabaPuHuiTiR;
    color: #757575;
    line-height: .24rem;
    text-align: center;
}

.theme-5-3 .content-box .car-item .car_box .car_tips .left {
    width: 1.95rem;
    height: .32rem;
    line-height: .32rem;
    background: url(../img/p17/img08.png) no-repeat center center;
    background-size: cover;
    padding-left: .15rem;
    text-align: left;
    color: #fff;
}

.theme-5-3 .content-box .qiyou .car-item .car_box .car_tips .left {
    background: url(../img/p17/qiyou2.png) no-repeat center center;
    background-size: cover;
}

.theme-5-3 .content-box .car-item .car_box .car_tips .right {
    width: 2.65rem;
    height: .32rem;
    line-height: .32rem;
    background: url(../img/p17/img07.png) no-repeat center center;
    background-size: cover;
    padding-left: .15rem;
    color: #fff;
    text-align: left;
}

.theme-5-3 .content-box .qiyou .car-item .car_box .car_tips .right {
    background: url(../img/p17/qiyou1.png) no-repeat center center;
    background-size: cover;
}

.theme-5-3 .content-box .chahun .swiper-wrapper {
    justify-content: center;
}

.theme-5-3 .content-box .car-item .item-ul {
    width: 5.80rem;
    height: 2.40rem;
    /* margin-left: 54rem;s */
    position: relative;
}

.theme-5-3 .content-box .car-item .item-ul .item-li {
    list-style: none;
    width: 5.70rem;
    height: .40rem;
    font-size: .16rem;
    font-family: AlibabaPuHuiTiM;
    color: #414141;
    line-height: .40rem;
    text-align: left;
    margin-left: .10rem;
}

.theme-5-3 .content-box .car-item .item-ul li:nth-child(odd) {
    background: rgba(241, 241, 241, 0.75);
}

.theme-5-3 .content-box .car-item .item-ul .item-li span {
    display: block;
    height: .40rem;
    line-height: .40rem;
    margin-left: .40rem;
    padding-left: .75rem;
    position: relative;
}

.theme-5-3 .content-box .car-item .item-ul .item-li span:after {
    content: "";
    position: absolute;
    width: .40rem;
    height: .40rem;
    left: 0;
    top: 50%;
    margin-top: -.20rem;
    /* background: #000; */
}


/* .theme-5-3 .content-box .car-item .item-ul .item-li .icon_yibiao:after {
background: url(../img/icon/yibiao.png) no-repeat;
background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_zuoyi:after {
background: url(../img/icon/zuoyi.png) no-repeat;
background-size: 100%;
}

.theme-5-3 .content-box .car-item .item-ul .item-li .icon_anjian:after {
background: url(../img/icon/anjian.png) no-repeat;
background-size: 100%;
} */

.theme-5-3 .content-box .swiper {
    display: none;
}

.theme-5-3 .content-box .active {
    display: block
}

.theme-5-3 .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 1.24rem; */
    padding: 0;
}

.theme-5-3 .bottom .tishi {
    font-size: .16rem;
    font-family: AlibabaPuHuiTiR;
    color: #444444;
    line-height: .22rem;
}

.theme-5-3 .bottom .tishi .red {
    color: #E60000;
}

.theme-5-3 .bottom .btns {
    /* margin-left: 5.15rem; */
    width: 2.50rem;
    height: .57rem;
    background: url(../img/p17/img03.png) no-repeat center center;
    background-size: cover
}

.theme-5-3 .mySwiper-theme-5-3 .swiper-slide {
    width: 100%;
    display: flex;
    background: none;
}

.theme-5-3 .mySwiper-theme-5-3 .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 3%;
}

swiper-rtl .swiper-button-prev {
    right: 3%;
}

.theme-5-3 .content-box .qiyou .car-item .item-ul :after {
    content: '';
    display: block;
    position: absolute;
    height: 2.40rem;
    width: .06rem;
    background: linear-gradient(#FFF 0%, #757575 100%);
    top: 0;
    left: 0;
}

.theme-5-3 .content-box .chahun .car-item .item-ul :after {
    content: '';
    display: block;
    position: absolute;
    height: 2.40rem;
    width: .06rem;
    background: linear-gradient(#FFF 0%, #076C94 100%);
    top: 0;
    left: 0;
}

.theme-5-3 .content-box .hundong .car-item .item-ul :after {
    content: '';
    display: block;
    position: absolute;
    height: 2.40rem;
    width: .06rem;
    background: linear-gradient( #FFF 0%, #0A7272 100%);
    top: 0;
    left: 0;
}


/* .swiper-pagination-bullet-active {
    border-radius: initial!important;
} */

.swiper-pagination-bullet:focus {
    outline: none;
}


/* .mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span {
    border: none!important;
}

.mySwiper-show .swiper-pagination .swiper-pagination-bullet-active em {
    border: none!important;
} */
.theme-4-2 .mySwiper-show .swiper-slide,
.theme-4-4 .mySwiper-show .swiper-slide,
.theme-4-6 .mySwiper-show .swiper-slide,
.theme-5-2 .mySwiper-show .swiper-slide
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme-4-2 .mySwiper-show .swiper-slide img,
.theme-4-4 .mySwiper-show .swiper-slide img,
.theme-4-6 .mySwiper-show .swiper-slide img,
.theme-5-2 .mySwiper-show .swiper-slide img
{
    object-fit: cover;
}
@media screen and (max-width: 1441px){
    .slide3 .car-box .car-color {
        width: 11.6rem;
    }
    .theme-4-7-2 .img1{
        top: 2.38rem;
    }
    .theme-4-3 .d5{
        top: auto;
        bottom: 1.48rem;
    }
    .theme-4-1 .img5 {
        top: 55vh;
    }
    .theme-3 .theme-3-logo{
        margin-top: 0.75rem;
    }
    .slide3 .car_type{
        margin-top: .5rem;
    }
    .section3-1 .car-box1{
        top: 2.7rem;
    }
    .section3-1 .ulbox{
        top: 6.8rem;
    }
    .section3-1 .parameter-list{
        margin-top:8rem
    }
    .slide3 .bottom{
        bottom: 1.5rem;
    }
}