@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
*{margin:0;padding:0;word-wrap:break-word}
* img{border:0}
* 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"}
body{overflow-x:hidden}
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}
/*.fl{float:left}*/
/*.fr{float:right}*/
.fr{
    font-weight: bold;
}
.fl1 {
    text-align: left;
}
.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}

{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
{-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%)}

.close{position:absolute; width:.44rem; height:0.44rem; background:url(../img/slide2/close-1.png) no-repeat center center; background-size:100%; cursor:pointer; transition:all 0.5s; opacity:0.9}
.close:hover{transform:rotate(180deg) !important}
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}


.swiper-slide,
.box-box{transform:translate3d(0, 0, 0)}
.swiper-slide.slide6 *,
.swiper-slide.slide7 *,
.swiper-slide.slide8 *,
.swiper-slide.slide9 *{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:100px}
.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)}
}

.header-car{position:fixed; width:100%; height:40px; background-image:linear-gradient(to right, #f4f5f9 , #bfcbdb 80%); top:0; left:0; z-index:10}
/* .header-car-box{width:1150px; height:40px; line-height:40px; position:relative; margin:0 auto} */
.header-car-box{width:100%; height:40px; line-height:40px; position:relative; margin:0;padding:0 40px;box-sizing: border-box;}

.header-car-box .logo{position:absolute; width:98px; left:40px; top:50%; transform:translateY(-50%)}
.header-car-box .nav2{position:absolute; right:0; top:0; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer}
.header-car-box .nav2 .second_nav{position:absolute; width:120px; background:#fff; left:50%; margin-left:-60px; top:40px; line-height:40px; overflow:hidden; display:none}
.header-car-box .nav2:hover .second_nav{ display:block}
.header-car-data{padding:0 0px 0 130px; overflow:hidden}
.header-car-data .name{font-size:14px; font-weight:bold}
.header-car-data .jg{font-size:14px; font-weight:bold; padding-left:60px}
.header-car-data .jg .fb{color:#dc0000; font-size:16px; padding:0 5px}
.header-car-data .bnt{width:110px; height:26px; float:right; display:block; line-height:26px; text-align:center; border:1px solid #000; margin-top:7px; font-size:12px; font-weight:bold}
.header-car-data .bnt.a2{color:#fff; border-color:#dc0000; background:#dc0000; margin-left:40px}

.nav-left{position:fixed; left:0.5rem; bottom:0.8rem; z-index:99; display:none}
.nav-left li a{display:block; padding:0.07rem 0 0.07rem 0.3rem; font-size:0.14rem; color:#666; line-height:0.22rem; position:relative}
.nav-left li a i{position:absolute; left:0; top:0; width:0.12rem; height:0.12rem;  border-radius:50%; top:50%; transform:translateY(-50%)}
.nav-left li a i:before{content:""; position:absolute; width:0.06rem; height:0.06rem; left:50%; top:50%;  transform:translate(-50%,-50%); background-size:100% !important; background:#675f58; border-radius:50%}
.nav-left li.active a{color:#fff; font-size:0.16rem}
.nav-left li.active a i{border:2px solid #fff}

/*右悬浮*/
.fixed-right{position:fixed; right:0; bottom:0.8rem; width:60px; background:#817977; text-align:center; z-index:999; border:1px solid #757272}
.fixed-right .li{position:relative}
.fixed-right .li .a{display:block; height:60px; overflow:hidden; border-top:1px solid #898481; font-size:12px; color:#fff; cursor:pointer}
.fixed-right .li .a i{display:block; width:24px; height:24px; background-size:100% !important; margin:6px auto}
.fixed-right .yuyue .a i{background:url(../img/yuyue.png) no-repeat center center}
.fixed-right .app .a i{background:url(../img/app.png) no-repeat center center}
.fixed-right .gzh .a i{background:url(../img/gzh.png) no-repeat center center}
.fixed-right .webo .a i{background:url(../img/webo.png) no-repeat center center}
.fixed-right .to-top .a i{background:url(../img/to-top.png) no-repeat center center}
.fixed-right .dianzi .a i{background:url(../img/dianzi.png) no-repeat center center;background-size:85% !important;

}
.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}
.fixed-right .config-icon .a i {
    background-size: 100% !important;
    background: url(../img/peizhi.png) no-repeat center center;
}

.slide-bnt{display:inline-block; width:1.4rem; height:0.38rem; border:1px solid rgba(255,255,255,0.8); position:relative; line-height:0.38rem; font-size:0.2rem; color:#fff !important; text-align:center;transform:translate(50% - 50vw, 418px)}
.slide-bnt i,
.slide-bnt:before,
.slide-bnt:after{content:"";position:absolute; width:0.05rem; height:0.05rem;  border:2px solid #fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.slide-bnt i{top:-1px; border-bottom:0}
.slide-bnt:before,
.slide-bnt:after{bottom:-1px; border-top:0}
.slide-bnt .i1{left:-1px; border-right:0}
.slide-bnt .i2{right:-1px; border-left:0}
.slide-bnt:before{left:-1px; border-right:0}
.slide-bnt:after{right:-1px; border-left:0}

.slide-bnt:hover i,
.slide-bnt:hover:before,
.slide-bnt:hover:after{width:50%; height:50%}

/*KV专区 */
.slide1{position:relative; overflow:hidden; text-align:left}
.slide1 .bj{
    /* background:#3993c5 url(../img/slide1/bj.jpg) no-repeat center bottom;  */
 
    /* height:110vh;  */
    height: 100%;
    width:100%;
    /* background:#3993c5 url(/html/images/20260421-civic/20260506-crv/20260731-pc-s.jpg) no-repeat center center;  */
    /* background:#3993c5 url(/html/images/20260421-civic/20260506-crv/20260903pc-s.png) no-repeat center center;  */
    background:#3993c5 url(/html/images/20260421-civic/20260506-crv/20260930pc-s.png) no-repeat center center; 
    background-size:cover;
    
}

.slide1 .img-top{
    position:absolute; 
    left:15.1rem; 
    top:7.8rem
    /* left:1.1rem; 
    top:1.6rem */
}
.slide1 .img-top .slide-bnt{color:#fff !important}
.slide1 .img-top .slide-bnt,
.slide1 .img-top .slide-bnt i,
.slide1 .img-top .slide-bnt:before,
.slide1 .img-top .slide-bnt:after{border-color:#fff}
.slide1 .img-top .img0{height:0.94rem; display:block; margin-bottom:0.5rem}
.slide1 .logo,
.slide1 .img1,
.slide1 .img2{bottom:2.7rem}
.slide1 .logo{position:absolute; left:0.3rem; height:1.27rem}
.slide1 .img1{position:absolute; left:4.5rem; height:0.4rem}
.slide1 .img2{position:absolute; right:0.35rem; height:0.58rem}

/*TVC专区*/
.slide2{overflow:hidden}
.slide2 .video{width:100%}
.slide2 .mask{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5)}
.slide2 .mask .play{position:absolute; width:1.66rem; height:1.67rem; background:url(../img/slide2/play.png) no-repeat; background-size:100%; top:50%; left:50%; transform:translate(-50%,-50%)}

.slide2 .mask.active{background-color:rgba(0, 0, 0, 0.9)}
.slide2 .mask #section2_video{position:absolute; width:70%; left:0; right:0; top:5%; bottom:0;  margin:auto; display:none}
.slide2 .mask .clear{width:.4rem; height:0.36rem; background:url(../img/slide2/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}
.slide2 .mask .clear:hover{transform:rotate(180deg)}




.page-sx-center{position:absolute; width:100%; left:0}
.logo-title{height:1rem}

/*强劲由我*/
.slide4-1{background:url(../img/slide4/a0/bj.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:relative; overflow:hidden}
.slide4-1 img{display:block; margin:0 auto; opacity:0; position:relative}
.slide4-1 .img1{top:-0.5rem}
.slide4-1 .img2{height:0.34rem; margin-top:0.8rem; top:-0.3rem}
.slide4-1 .img3{height:3.3rem; margin-top:0.9rem; top:-0.3rem}
.slide4-1 .img3-title{height:0.59rem; margin-top:0.9rem; top:-0.3rem}
.slide4-1 .text{margin-top:0.9rem; top:-0.3rem; font-size:0.24rem; line-height:0.5rem; opacity:0; position:relative}
.slide4-1 .img4{height:1.18rem; margin-top:0.6rem; bottom:-1rem}

.slide4-1.swiper-slide-active .img1{transition:all 1s linear 0.5s;  -webkit-transition:all 1s linear 0.5s}
.slide4-1.swiper-slide-active .img2{transition:all 1s linear 1s; -webkit-transition:all 1s linear 1s}
.slide4-1.swiper-slide-active .img3,
.slide4-1.swiper-slide-active .img3-title,
.slide4-1.swiper-slide-active .text{transition:all 1s linear 1.5s; -webkit-transition:all 1s linear 1.5s}
.slide4-1.swiper-slide-active .img4{transition:all 1s linear 2s; -webkit-transition:all 1s linear 2s}

.slide4-1.swiper-slide-active img{opacity:1}
.slide4-1.swiper-slide-active .img1,
.slide4-1.swiper-slide-active .img2,
.slide4-1.swiper-slide-active .img3,
.slide4-1.swiper-slide-active .img3-title,
.slide4-1.swiper-slide-active .text{top:0; opacity:1}
.slide4-1.swiper-slide-active .img4{bottom:0}



.slide4-2{background:url(../img/slide4/a1/bj.jpg) no-repeat center bottom; background-size:cover; overflow:hidden; position:relative; overflow:hidden}
.slide4-2 .logo-title{position:absolute; left:0; right:0; margin:0 auto; top:0; transition:all 1s linear;  -webkit-transition:all 1s linear; opacity:0}
.slide4-2.swiper-slide-active .logo-title{opacity:1; top:1rem}
.slide4-2 .bj{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:2; display:none}
.slide4-2 .car-show{position:absolute; width:14rem; left:0; right:0; bottom:0; margin:0 auto; z-index:3}
.slide4-2 .car-show .car-show-tab .div{display:none}
.slide4-2 .car-show .car-show-tab .show{z-index:2; display:block}
.slide4-2 .car-show .img1{display:block; margin:0 auto; height:6.5rem; position:relative; top:-0.3rem}
.slide4-2 .car-show .img2{position:absolute; left:0; height:1.2rem; top:-0.5rem}
.slide4-2 .car-show .div-show .text-left{position:absolute; right:0; bottom:2.5rem; color:#666; width:3rem; text-align:left; /*background-image:linear-gradient(to left, rgba(244,245,249,0.8) , #bfcbdb 80%);*/ padding:0.15rem 0.2rem}
.slide4-2 .car-show .div-show .text-left .h1{font-size:0.24rem; padding-bottom:0.05rem}
.slide4-2 .car-show .div-show .text-left .h2{font-size:0.12rem}
.slide4-2 .car-show .div-show .text-left .h3{font-size:0.4rem; font-weight:bold; padding:0.05rem 0}
.slide4-2 .car-show .div-show .text-left .h4{font-size:0.12rem}
.slide4-2 .car-show .div .text{ position:absolute; width:100%; left:0; color:#fff; font-size:0.18rem; text-align:center; top:3.5rem; line-height:0.3rem}
/*.slide4-2 .car-show .car-show-tab .img1{position:relative; right:-0.5rem; top:-0.5rem}*/
.slide4-2 .car-show .car-parameter{position:absolute; width:100%; left:0; bottom:0.5rem; z-index:3}
.slide4-2 .car-show .car-parameter li{float:left; width:25%}

.slide4-2 .car-show .car-parameter li .box{background:url(../img/slide4/a1/li.png); height:1.8rem;  cursor:pointer}
.slide4-2 .car-show .car-parameter li .box:hover,
.slide4-2 .car-show .car-parameter li.active .box{background:url(../img/slide4/a1/lia.png);}
.slide4-2 .car-show .car-parameter li .name{height:0.5rem; line-height:0.5rem; color:#283442; font-weight:bold; font-size:0.16rem; overflow:hidden}
.slide4-2 .car-show .car-parameter li .box:hover .name,
.slide4-2 .car-show .car-parameter li.active .box .name{color:#fff}
.slide4-2 .car-show .car-parameter li .box .text{padding:0.35rem 0 0 1rem; color:#666; font-size:0.12rem; line-height:0.25rem; text-align:left; font-weight:bold}
.slide4-2 .car-show .car-parameter li:nth-child(1) .box .text{padding-left:0.3rem}
.slide4-2 .car-show .car-parameter li:nth-child(1) .box{clip-path: polygon(100% 0%, 78% 100%, 0% 100%, 0% 0%);  margin:0 -0.4rem 0 0}
.slide4-2 .car-show .car-parameter li:nth-child(2) .box,
.slide4-2 .car-show .car-parameter li:nth-child(3) .box{clip-path:polygon(100% 0%, 80% 100%, 0% 100%, 20% 0%); margin:0 -0.4rem}
.slide4-2 .car-show .car-parameter li:nth-child(4) .box{clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 22% 0%); margin:0 0 0 -0.39rem}


.slide4-3{background:url(../img/slide4/a2/bj.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:relative; overflow:hidden}
.slide4-3 .title{padding-top:1.1rem; text-align:left; padding-left:1.1rem; font-size:0.42rem; color:#fff}
.slide4-3 .title .h1{font-size:0.22rem; padding-top:0.1rem}
.slide4-3 .title .h2{font-size:0.26rem; padding-top:0.3rem; color:#666}
.slide4-3 .page-sx-center{transform: translateY(-45%); -ms-transform: translateY(-45%); -moz-transform: translateY(-45%); -webkit-transform: translateY(-45%); -o-transform: translateY(-45%);}
.slide4-3 img{display:block; margin:0 auto; opacity:0; top:-0.5rem; position:relative}
.slide4-3 .img0 img{display:inline-block; height:2.2rem}
.slide4-3 .img0 img:nth-child(2){margin:0 1rem}
.slide4-3 .img0{height:2.1rem;  margin-top:0.9rem;}
.slide4-3 .img4{height:2.42rem;  margin-top:0.5rem}
.slide4-3 .img5{height:5rem;  margin-top:0.2rem}
.slide4-3 .tips,
.slide4-3 .tips1{width:12.08rem; text-align:left; color:#666; font-size:0.14rem; padding-top:0.5rem; margin:0 auto; opacity:0; top:-0.5rem; position:relative}
.slide4-3.swiper-slide-active .img1,
.slide4-3.swiper-slide-active .img5{transition:all 0.5s linear 0.5s; -webkit-transition:all 0.5s linear 0.5s}
.slide4-3.swiper-slide-active .img2,
.slide4-3.swiper-slide-active .tips1{transition:all 0.5s linear 1.5s; -webkit-transition:all 0.5s linear 1.5s}
.slide4-3.swiper-slide-active .img3{transition:all 0.5s linear 2s; -webkit-transition:all 0.5s linear 2s}
.slide4-3.swiper-slide-active .img4{transition:all 0.5s linear 2.5s; -webkit-transition:all 0.5s linear 2.5s}
.slide4-3.swiper-slide-active .tips{transition:all 0.5s linear 3s; -webkit-transition:all 0.5s linear 3s}
.slide4-3.swiper-slide-active img,
.slide4-3.swiper-slide-active .tips,
.slide4-3.swiper-slide-active .tips1{opacity:1; top:0}

.slide4-4{background:url(../img/slide4/a3/bj.jpg) no-repeat; background-size:cover; overflow:hidden; position:relative; overflow:hidden}
.slide4-4 .box-box{padding-top:1.1rem}
.slide4-4 .title{text-align:left; padding-left:1.1rem; font-size:0.42rem; color:#666}
.slide4-4 .title img{height:0.67rem}
.slide4-4 .slide4-4-tab-nav{padding-left:4.7rem; padding:0.7rem 0 0.7rem 4.7rem}
.slide4-4 .slide4-4-tab-nav li{float:left; cursor:pointer; margin-right:0.55rem; position:relative}
.slide4-4 .slide4-4-tab-nav li:before{content:""; position:absolute; width:20rem; height:10.8rem; background:url(../img/slide4/a3/bj.png) no-repeat; background-size:cover; left:-5.55rem; top:-2.5rem; opacity:0; z-index:-1}

.slide4-4 .slide4-4-tab-nav li img{height:0.37rem; float:left;  position:relative; z-index:2}
.slide4-4 .slide4-4-tab-nav li.active img{opacity:0}
.slide4-4 .slide4-4-tab-nav li.active:before{opacity:1}
.slide4-4 .slide4-4-tab-nav li:nth-child(1).active{background:url(../img/slide4/a3/a1a.png) no-repeat; background-size:100%}
.slide4-4 .slide4-4-tab-nav li:nth-child(2).active{background:url(../img/slide4/a3/a2a.png) no-repeat; background-size:100%}
.slide4-4 .slide4-4-tab-nav li:nth-child(3).active{background:url(../img/slide4/a3/a3a.png) no-repeat; background-size:100%}
.slide4-4 .slide4-4-tab-nav li:nth-child(4).active{background:url(../img/slide4/a3/a4a.png) no-repeat; background-size:100%}

.slide4-4 .slide4-4-tab-box{min-height:5rem; margin-left:4.7rem; text-align:left; position:relative; right:-1rem; z-index:2; height:5rem; transition:all 0.5s; opacity:0;}
.slide4-4.swiper-slide-active .slide4-4-tab-box{ opacity:1; right:0}
.slide4-4 .slide4-4-tab-box .div{position:absolute; left:0; top:0;  z-index:-5; }
.slide4-4 .slide4-4-tab-box .div.show{opacity:1; z-index:3; }
.slide4-4 .slide4-4-tab-box .div img{height:4.55rem; position:relative; right:-1rem; opacity:0;}
.slide4-4 .slide4-4-tab-box .div.show img{right:0; opacity:1; transition:all 1.5s; -webkit-transition:all 1.5s}


.slide4-4 .slide4-4-tab-box .div:nth-child(1){padding-left:0.6rem}
.slide4-4 .slide4-4-tab-box .div:nth-child(2){padding-left:3.2rem}
.slide4-4 .slide4-4-tab-box .div:nth-child(3){padding-left:5.8rem}
.slide4-4 .slide4-4-tab-box .div:nth-child(4){padding-left:8.3rem}
.slide4-4 .slide4-4-tab-nav{top:-0.5rem}
.slide4-4 .slide4-4-tab-nav,
.slide4-4 .slide4-4-tab-box{position:relative; opacity:0}
.slide4-4.swiper-slide-active .slide4-4-tab-nav{transition:all 0.5s linear 0.5s;  -webkit-transition:all 0.5s linear 0.5s}
.slide4-4.swiper-slide-active .slide4-4-tab-box{transition:all 0.5s linear 1s; -webkit-transition:all 0.5s linear 1s}
.slide4-4.swiper-slide-active .slide4-4-tab-nav,
.slide4-4.swiper-slide-active .slide4-4-tab-box{opacity:1; top:0}


.car-highlights-dot .dot{position:absolute; width:0.6rem; height:0.6rem; cursor:pointer}
.car-highlights-dot .dot:before{content:""; position:absolute; width:0.6rem; height:0.6rem; left:0; top:0; background:#fff; border-radius:50%; animation:fade 3s infinite;  -webkit-animation:fade 2s infinite; opacity:0; -webkit-transform:scale(0);transform:scale(0)}
@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)
	 }
 }
.car-highlights-dot .dot span{position:absolute; left:50%; top:50%; width:0.2rem; height:0.2rem; transform:translate(-50%,-50%); background:rgba(255,255,255,0.4); border-radius:50%; border:0.01rem solid #fff}
.car-highlights-dot .dot span:before{content:""; position:absolute; width:0.1rem; height:0.1rem; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%); border-radius:50%}
.car-highlights-dot .dot em{color:#fff; position:absolute; left:0.25rem; top:50%; transform:translateY(-50%); font-size:0.16rem; line-height:0.2rem; text-align:left; padding-left:0.65rem; opacity:0;  transition:all 0.5s; white-space:nowrap}
.car-highlights-dot .dot em i{ font-style:normal; background:rgba(1,112,192,0.5); color:#fff; padding:0 5px; border-radius:50px; font-size:12px}
.car-highlights-dot .dot em:before{content:""; position:absolute; width:0.5rem; height:0.01rem; left:0; top:50%; background:#fff; transform:translateY(-50%)}
.car-highlights-dot .dot em:after{content:""; position:absolute; width:0.06rem; height:0.06rem; left:0.5rem; top:50%; background:#fff; transform:translateY(-50%); border-radius:50%}
.car-highlights-dot .dot:hover em{opacity:1}



/*出众由我*/
.slide5-1{background:url(../img/slide5/a1/bj.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:relative}
.slide5-1 .slide5-1-car{position:relative; margin:1rem 0 0 2rem; width:13rem;}
.slide5-1 .slide5-1-car .img1{width:100%}
.slide5-1 .slide5-1-car .more{position:absolute; right:-3.8rem; top:0; cursor:pointer}
.slide5-1 .slide5-1-car .more .img2{width:3.8rem; display:block}
.slide5-1 .slide5-1-car .more .a{display:block; padding-left:0.4rem; font-size:0.24rem; color:#006ebd; line-height:0.36rem; position:relative; background:url(../img/slide5/a1/dat.png) no-repeat 0 center; background-size:8%; text-align:left; margin-top:0.15rem}

.slide5-1 .dot.d0{left:9.5rem; top:1.4rem}
.slide5-1 .dot.d1{left:7.8rem; top:2.2rem}
.slide5-1 .dot.d2{left:1.7rem; top:1.1rem}
.slide5-1 .dot.d3{left:1.6rem; top:2.6rem}
.slide5-1 .dot.d4{left:12rem; top:1.8rem}

.slide5-2{background:url(../img/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position:relative}


.mySwiper-imgshow{position:relative; overflow:hidden; margin-top:12vh; background:rgba(255,255,255,0)}
.swiper-slide-active .mySwiper-imgshow{opacity:1}
.mySwiper-imgshow .swiper-slide{background:rgba(255,255,255,0); overflow:hidden;}
.mySwiper-imgshow.swiper-fade .swiper-slide{opacity:0 !important}
.mySwiper-imgshow .swiper-slide span{position:relative;  margin-left:-2rem}
.mySwiper-imgshow .swiper-slide img{height:80vh;}
.mySwiper-imgshow .swiper-slide .img{bottom:0; width:45vh; position:absolute; right:-15vh; height:auto; opacity:0.3; cursor:pointer}
.mySwiper-imgshow .swiper-button{color:#000; font-weight:bold; top:50%}
.mySwiper-imgshow .swiper-button-prev{left:1.8rem}
.mySwiper-imgshow .swiper-button-next{right:1.8rem}
.mySwiper-imgshow .swiper-pagination{width:auto; bottom:inherit; right:0.7rem; text-align: right; line-height:0.2rem; height:2rem; overflow: hidden; left:inherit; top:.6rem}
.mySwiper-imgshow .swiper-pagination .li{border-radius:0; background:rgba(255,255,255,0); width:auto; height:auto; display:block; opacity:0.8}
.mySwiper-imgshow .swiper-pagination .li a{color: #666; font-size:0.16rem; padding-right: 0.3rem; display: block;  position: relative; line-height:0.4rem;
}
.mySwiper-imgshow.swiper-fade .swiper-slide-active{opacity:1 !important; z-index:3}

.mySwiper-imgshow .swiper-pagination .li a i{position:absolute; width:0.12rem; height:0.12rem; transform:translateY(-50%); right:0; top:50%;border-radius:50%}
.mySwiper-imgshow .swiper-pagination .li a i:before{content:""; position:absolute; width:0.06rem; height:0.06rem; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:#333}
.mySwiper-imgshow .swiper-pagination .li a i:after{content:""; position:absolute; width:0; height:0.02rem; right:0.14rem; top:50%; transform:translateY(-50%); background:#afafaf}
.mySwiper-imgshow .swiper-pagination .li a,
.mySwiper-imgshow .swiper-pagination .li a i,
.mySwiper-imgshow .swiper-pagination .li a i:after{transition:all 0.5s; -webkit-transition:all 0.5s}
.mySwiper-imgshow .swiper-pagination .li.swiper-pagination-bullet-active{opacity:1}
.mySwiper-imgshow .swiper-pagination .li.swiper-pagination-bullet-active a{padding-right:0.4rem; color:#333; font-size:0.18rem}
.mySwiper-imgshow .swiper-pagination .li.swiper-pagination-bullet-active a i{border:0.02rem solid #333}
.mySwiper-imgshow .swiper-pagination .li.swiper-pagination-bullet-active a i:after{width:0.2rem}
.mySwiper-imgshow .show-a{position:absolute; width:45vh; right:1.45rem; height:40vh; bottom:8vh; overflow:hidden; z-index:3; display:none}
.mySwiper-imgshow .show-a li{position:absolute; width:100%; left:0; top:0; display:none; cursor:pointer; opacity:0.8}
.mySwiper-imgshow .show-a li.active{display:block; z-index:2}
.mySwiper-imgshow .show-a li img{width:100%; position:absolute; left:0; top:0;}


.slide5-3{overflow:hidden; position:relative}
.slide5-3 .slide5-3-box{background:url(../img/slide5/a2/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position: relative; overflow: hidden; height:100vh}
.slide5-3 .img-box .bottom{position:fixed; left:50%; transform:translateX(-50%); color:#fff; bottom:15px; background:rgba(0,0,0,0.4); border-radius:50px; padding:2px 10px;}
.slide5-3 .more{position:absolute; right:0.6rem; bottom:1.2rem; cursor:pointer}
.slide5-3 .more .img2{width:3.8rem; display:block}
.slide5-3 .more .a{display:block; padding-left:0.4rem; font-size:0.24rem; color:#fff; line-height:0.36rem; position:relative; background:url(../img/slide5/a2/dat.png) no-repeat 0 center; background-size:8%; text-align:left; margin-top:0.15rem}
.slide5-3 .dot.d0{left: 10rem;top: 2.5rem;}
.slide5-3 .dot.d1{left: 12.3rem; top: 1.8rem;}
.slide5-3 .dot.d2{left: 11.1rem;top: 5.6rem;}
.slide5-3 .dot.d3{left: 7.5rem; top: 2.5rem;}
.slide5-3 .dot.d4{left: 6.9rem; top: 1.8rem;}
.slide5-3 .dot.d5{left:6.2rem; top:5.5rem}
.slide5-3 .dot.d6{left:8rem; top:4.8rem}
.slide5-3 .dot.d7{left:4.4rem; top:3.9rem}

.slide5-4{background:url(../img/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position:relative}


/*智控由我*/
.slide6-1{background:url(/html/images/20260421-civic/20260506-crv/image8.png) no-repeat center 0; background-size:cover; overflow:hidden; position:relative}
/* .slide6-1{background:url(../img/slide6/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position:relative} */
.slide6-1 .logo-title{ margin-top:1rem}
.slide6-1 .bottom{position:absolute; width:100%; left:0; bottom:1rem; transition:all 0.5s; -webkit-transition:all 0.5s;}
.slide6-1 .bottom .img{height:0.6rem; display:block; margin:0 auto; margin-bottom:0.5rem}
.slide6-1 .bottom .slide-bnt{width:2rem}
.slide6-1 .bottom.active{bottom:3.5rem; opacity:0}
.slide6-2{background:url(../img/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position:relative}

.illustrate-pop{position: absolute; width: 100%; left: 0; bottom: -150%; opacity: 0; background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,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:5rem 0 0.6rem 0; font-size:0.14rem; color:#000; line-height: 0.3rem}
.illustrate-pop .box .close{position: absolute; width:.4rem; height: 0.4rem; background:url(../img/slide2/close-h.png) no-repeat center center; background-size:50%; cursor: pointer; transition: all 0.5s; opacity: 0.9; border-radius:50%; border:2px solid #000; right:2rem; top:4rem;}
.illustrate-pop .box .content-box{display:none}
.illustrate-pop .box .content-box.show{display:block}
.illustrate-pop .box .title{width:2rem; margin: 0.3rem auto; display: block;}
.illustrate-pop .box .content-box-6{width:9.6rem; margin:0 auto}
.illustrate-pop .box .content-box-7{width:13rem; margin:0 auto}
.content-box-list{overflow:hidden; position:relative; left:1rem}
.content-box-list li{float:left; width:25%}


/*安心由我*/
.slide7-1{/*background:url(../img/slide7/bj.jpg) no-repeat center 0;*/ background:#000; background-size:cover; overflow:hidden; position:relative}
.slide7-1 .logo-title{ margin-top:1rem; position:relative; z-index:3}
.slide7-1 .bottom{position:absolute; width:100%; left:0; bottom:1rem; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:3}
.slide7-1 .bottom .img{width: 2rem; display:block; margin:0 auto; margin-bottom:0.2rem}
.slide7-1 .bottom .slide-bnt{width:2rem; color:#fff !important; border: 1px solid rgba(255,255,255,0.8);}
.slide7-1 .slide-bnt i,
.slide7-1 .slide-bnt:before,
.slide7-1 .slide-bnt:after{ border-color:#fff}
.slide7-1 .bottom.active{bottom:3.5rem; opacity:0}


/*汽车动画*/
.slide7-1 .car-show{position:absolute; width:100%; left:0; top:0; height:100%; width:19.2rem; height:10.8rem; left:50%; top:50%; margin-left:-9.6rem; margin-top:-5.4rem; overflow:hidden}
.slide7-1 .car-show img{position:absolute; width:100%; left:0; top:0; height:100%}
.slide7-1 .car-show .img5{height:14.81rem; top:50%; margin-top:-7.28rem}
.slide7-1 .car-show .img0-0{position:absolute; left:5.8rem; top:3.84rem; width:7.6rem; height:3.3rem; background-size:7.6rem 1.34rem; border-top:0.07rem solid rgba(102,102,102,0.3); border-bottom:0.07rem solid rgba(102,102,102,0.3)}
.slide7-1 .car-show .img0-1{position:absolute; left:5.8rem; top:4.9rem; width:7.6rem; height:1.34rem; background-image:url(../img/slide7/img/img0-1.png); background-size:7.6rem 1.34rem; background-position:7.6rem 0; animation:run 2s linear infinite; z-index:3}

@keyframes run{
    from{background-position:7.6rem 0}
    to{background-position:0 0}
}

.slide7-1 .car-show .img1{z-index:2}
.slide7-1 .car-show .img5-1{z-index:3}
.slide7-1 .car-show .img5-2{z-index:2}
.slide7-1 .car-show .img5-3{z-index:1}
.slide7-1 .car-show .img5-4{z-index:3}

.slide7-1 .car-show  .img2,
.slide7-1 .car-show  .img3,
.slide7-1 .car-show  .img4,
.slide7-1 .car-show  .img5{opacity:0}
.slide7-1 .car-show  .img5{border-radius:50%}


.slide7-1 .car-show  .img2{transition:all 0.5s linear 0.5s; -webkit-transition:all 0.5s linear 0.5s; /* Safari 和 Chrome */}
.slide7-1 .car-show  .img3{transition:all 0.5s linear 0.8s; -webkit-transition:all 0.5s linear 0.8s; /* Safari 和 Chrome */}
.slide7-1 .car-show  .img4{transition:all 0.5s linear 1.1s; -webkit-transition:all 0.5s linear 1.1s; /* Safari 和 Chrome */}
.slide7-1 .car-show  .img5-1{transition:all 0.5s linear 1.5s; -webkit-transition:all 0.5s linear 1.5s; /* Safari 和 Chrome */}
.slide7-1 .car-show  .img5-2,
.slide7-1 .car-show  .img5-3,
.slide7-1 .car-show  .img5-4{transition:all 0.5s linear 1.8s; -webkit-transition:all 0.5s linear 1.8s; /* Safari 和 Chrome */}


.slide7-1.swiper-slide-active .car-show .img2,
.slide7-1.swiper-slide-active .car-show .img3,
.slide7-1.swiper-slide-active .car-show .img4{opacity:1; animation: lightC 1.5s linear infinite;}
@keyframes lightC {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
.slide7-1.swiper-slide-active .car-show .img5{border-radius:0; opacity:1}
/*汽车动画*/





.slide7-2{background:url(../img/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position:relative}
.slide7-2 .logo{width:2rem; left:1.8rem; top:12vh; position:absolute}

/*历史车型*/
.slide8{background:url(../img/slide8/bj.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:relative}
.slide8 .box-box{position:absolute; left:0; width:100%; top:50%; transform:translateY(-45%); text-align:left}
.slide8 .title{height:1.35rem; margin-left:0.95rem}
.slide8 .logo-title{display:block; margin:0 auto}
.Swiper-history-car,
.Swiper-history-car .swiper-slide{background:rgba(255,255,255,0)}
.Swiper-history-car{height:5rem; margin-top:0.8rem; overflow:hidden}
.Swiper-history-car .swiper-slide{overflow:hidden; text-align:left; opacity:0 !important}
.Swiper-history-car .swiper-slide-active{opacity:1 !important; z-index:2}
.Swiper-history-car .swiper-slide img{width:11.9rem; height:5.3rem; float:left;}
.Swiper-history-car .swiper-slide .text{margin-right:1.65rem; width:5rem; float:right; font-weight:normal; padding-top:0.8rem}
.Swiper-history-car .swiper-slide .text .h1{font-size:0.25rem; line-height:0.36rem; padding:0.15rem 0}
.Swiper-history-car .swiper-slide .text .h1 .fs50{ font-size:0.5rem; padding-bottom:0.25rem}
.Swiper-history-car .swiper-slide .text .h1 .fs30{ font-size:0.3rem}
.Swiper-history-car .swiper-slide .text .txt{font-size:0.16rem; line-height:0.25rem; color:#666; padding:0.25rem 0}
.Swiper-history-car .swiper-slide .text .txt span{display:inline-block}
.Swiper-history-car .swiper-slide .text .txt .tit{font-size:0.26rem; line-height:0.35rem; padding:0 0.1rem; color:#006ebc; border:1px solid #006ebc; margin-bottom:0.15rem}

.history-nav{margin:0 auto; width:10rem; position:relative}
.history-nav:before{content:""; position:absolute; }
.history-nav .arrow{position:absolute; width:0.18rem; height:0.6rem; left:0.41rem; z-index:2; top:-0.3rem; background:url(../img/slide8/arrow.png) no-repeat center 0; background-size:100%;transition:all 0.2s}
.history-nav .li{float:left; width:9%; text-align:center; font-size:0.24rem; color:#666; cursor:pointer; position:relative; padding-top:0.25rem; transition:all 0.5s; -webkit-transition:all 0.5s}
.history-nav .li:before{content:""; position:absolute; width:2px; height:0.12rem; left:50%; top:0; transform:translateX(-50%); background:#666; z-index:2}
.history-nav .li:after{content:""; position:absolute; height:3px; left:0.57rem; top:0; background:url(../img/slide8/dot.png); width:90%}
.history-nav .li:nth-child(11):after{display:none}
.history-nav .li.active:before{display:none}
.history-nav .li:hover{color:#0170c0;}
.history-nav .li:hover:before{background:#0170c0;}

/*车型对比*/
.slide9{background:url(../img/slide9/bj.jpg) no-repeat center 0; background-size:cover; overflow:hidden; position:relative}
.slide9 .tips{ position:absolute; left:0.8rem; bottom:0.5rem; font-size:0.14rem}
.slide9 .configuration-nav{padding:0.7rem 0.8rem 0 0.8rem; overflow:hidden; position:relative; z-index:3;
    display: flex;
justify-content: center;
}
.slide9 .configuration-nav li{
    /*float:left;*/
    width:33.3%;
}
.slide9 .configuration-nav li span{display:block; height:0.5rem; text-align:center; line-height:0.5rem; font-size:0.2rem; font-weight:bold; color:#666; background-size:100% !important; cursor:pointer}
.slide9 .configuration-nav li.active span{color:#fff}
.slide9 .configuration-nav li:nth-child(1) span{background:url(../img/slide9/li1.png) no-repeat right 0;}
.slide9 .configuration-nav li:nth-child(2) span{background:url(../img/slide9/li2.png) no-repeat right 0;}
.slide9 .configuration-nav li:nth-child(3) span{background:url(../img/slide9/li3.png) no-repeat right 0;}
.slide9 .configuration-nav li.active:nth-child(1) span{background:url(../img/slide9/li1a.png) no-repeat right 0;}
.slide9 .configuration-nav li.active:nth-child(2) span{background:url(../img/slide9/li2a.png) no-repeat right 0;}
.slide9 .configuration-nav li.active:nth-child(3) span{background:url(../img/slide9/li3a.png) no-repeat right 0;}
.slide9 .slide-bnt{color:#000 !important; border-color:#000; /*height:0.5rem; line-height:0.5rem; width:2.5rem; font-size:0.24rem; */position:absolute; left:0; right:0; margin:0 auto; bottom:5%}
.slide9 .slide-bnt i,
.slide9 .slide-bnt:before,
.slide9 .slide-bnt:after{border-color:#000}
.slide9 .box-box{/*position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%) padding-top:0.2rem;*/ overflow:hidden}
.slide9 .box-box{position:absolute; left:0; right:0; top:50%; transform:translateY(-47%)}

.configuration-swiper{background:rgba(255,255,255,0); position:relative; overflow:hidden; margin:0 0 0 0.8rem; padding-right:0.8rem}
.configuration-swiper .swiper{background:rgba(255,255,255,0); position:relative; overflow:hidden; height:auto; width:auto}
.configuration-swiper .swiper-slide{background:rgba(255,255,255,0); overflow:hidden}
.configuration-swiper .car-show-top{position:relative; height:2.35rem; clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); overflow:hidden; padding-top:0.9rem}
.configuration-swiper .car-show-top:before{content:""; position:absolute; left:0; top:0.6rem; width:100%; bottom:0; background:url(../img/slide9/light.png) no-repeat center right; background-size:70%; z-index:2}
.configuration-swiper .car-show-top:after{content:""; position:absolute; left:0; top:0.5rem; left: 0.74rem; right:0; bottom:0; background:rgba(210,215,222,0.8);}
.configuration-swiper .car-show-top:after{top:0.9rem}
.configuration-swiper .car-show-top .bj{position:absolute; top:0; right:0; height:0.9rem; z-index:2}
.configuration-swiper .car-show-top .name{position:absolute; top:0.48rem; left:1.7rem; width:1.8rem; height:0.42rem; line-height:0.42rem; text-align:left; font-size:0.18rem; font-weight:bold; overflow:hidden; color:#000; z-index:3}
.configuration-swiper .car-show-top .car{position:absolute; width:40%; left:15%; top:1.3rem; z-index:3}
.configuration-swiper .car-show-top .text{position:absolute; top:1.1rem; right:15%; text-align:left; z-index:3}
.configuration-swiper .car-show-top .title-h1{font-size:0.18rem; font-weight:bold; line-height:0.4rem}
.configuration-swiper .car-show-top .title-h1 span{font-size:0.28rem}
.configuration-swiper .car-show-top .title{font-size:12px; color:#fff; height:20px; line-height:20px; background:url(../img/slide9/line1.png) no-repeat right 0; padding:0 0 0 8px; margin-bottom:0.2rem; position:relative}
.configuration-swiper .car-show-top .title:after{content:""; position:absolute; width:30px; height:20px; right:-30px; top:0; background-size:cover!important}
.configuration-swiper .s1 .car-show-top .title{background:url(../img/slide9/line1.png) no-repeat right 0; background:#e7141b}
.configuration-swiper .s2 .car-show-top .title{background:url(../img/slide9/line2.png) no-repeat right 0; background:#9098a1}
.configuration-swiper .s3 .car-show-top .title{background:url(../img/slide9/line3.png) no-repeat right 0; background:#006ebc}
.configuration-swiper .s1 .car-show-top .title:after{background:url(../img/slide9/line1a.png) no-repeat;}
.configuration-swiper .s2 .car-show-top .title:after{background:url(../img/slide9/line2a.png) no-repeat;}
.configuration-swiper .s3 .car-show-top .title:after{background:url(../img/slide9/line3a.png) no-repeat;}


/*新加*/
.configuration-swiper .car-show-top .car{left:0; right:-0.5rem; margin:0 auto; width:50%; top:1.08rem;}
.configuration-swiper .car-show-top .text{top:2.3rem; right:1.2rem; left:1.2rem; text-align:left; width:100%}
.configuration-swiper .car-show-top .text .li{float:left; padding:0 0.4rem}
.configuration-swiper .car-show-top .title-h1 span{}
.configuration-swiper .car-show-top .text .title{display:inline-block; margin-top:0.1rem}


.configuration-swiper .car-config-list{margin-top:0.15rem;  overflow:hidden; margin-left:0.74rem; text-align:left}
.configuration-swiper .car-config-list ul{padding-left:0.05rem; border-left:0.05rem solid #e7141b;}
.configuration-swiper .s1 .car-config-list ul{border-color:#e7141b}
.configuration-swiper .s2 .car-config-list ul{border-color:#9098a1}
.configuration-swiper .s3 .car-config-list ul{border-color:#006ebc}
.configuration-swiper .car-config-list li{font-size:0.16rem; height:0.4rem;}
.configuration-swiper .car-config-list li:last-child{}
.configuration-swiper .car-config-list li:nth-child(odd){background:url(../img/slide9/li.png) no-repeat; background-size:cover}
.configuration-swiper .car-config-list li span{display:block; height:0.4rem; line-height:0.4rem; margin-left:0.4rem; padding-left:0.6rem; position:relative}
.configuration-swiper .car-config-list li span:after{content:""; position:absolute; width:0.4rem; height:0.4rem; left:0; top:50%; margin-top:-0.2rem; background:#000}
.configuration-swiper .car-config-list li .ico_ANC:after{background:url(../img/slide9/ico/ico_ANC.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_AWD:after{background:url(../img/slide9/ico/ico_AWD.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_BOSE:after{background:url(../img/slide9/ico/ico_BOSE.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_DMS:after{background:url(../img/slide9/ico/ico_DMS.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_BSI:after{background:url(../img/slide9/ico/ico_BSI.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_ccrs:after{background:url(../img/slide9/ico/ico_ccrs.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_CMBS:after{background:url(../img/slide9/ico/ico_CMBS.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_CTM:after{background:url(../img/slide9/ico/ico_CTM.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_DA:after{background:url(../img/slide9/ico/ico_DA.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_ddzy:after{background:url(../img/slide9/ico/ico_ddzy.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_fdj:after{background:url(../img/slide9/ico/ico_fdj.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_qn:after{background:url(../img/slide9/ico/ico_qn.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_tj:after{background:url(../img/slide9/ico/ico_tj.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_gs:after{background:url(../img/slide9/ico/ico_gs.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_gywm:after{background:url(../img/slide9/ico/ico_gywm.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_fxm:after{background:url(../img/slide9/ico/ico_fxm.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_IMMD:after{background:url(../img/slide9/ico/ico_IMMD.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_aqcg:after{background:url(../img/slide9/ico/ico_aqcg.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_whsjld:after{background:url(../img/slide9/ico/ico_whsjld.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_CONNECT:after{background:url(../img/slide9/ico/ico_CONNECT.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_HUD:after{background:url(../img/slide9/ico/ico_HUD.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_jhq:after{background:url(../img/slide9/ico/ico_jhq.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_LED:after{background:url(../img/slide9/ico/ico_LED.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_lt:after{background:url(../img/slide9/ico/ico_lt.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_LWC:after{background:url(../img/slide9/ico/ico_LWC.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_MVCS:after{background:url(../img/slide9/ico/ico_MVCS.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_RWC:after{background:url(../img/slide9/ico/ico_RWC.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_bs:after{background:url(../img/slide9/ico/ico_bs.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_sjwxc:after{background:url(../img/slide9/ico/ico_sjwxc.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_sxtqx:after{background:url(../img/slide9/ico/ico_sxtqx.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_tc:after{background:url(../img/slide9/ico/ico_tc.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_TFT:after{background:url(../img/slide9/ico/ico_TFT.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_zy:after{background:url(../img/slide9/ico/ico_zy.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_zyjr:after{background:url(../img/slide9/ico/ico_zyjr.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_zytf:after{background:url(../img/slide9/ico/ico_zytf.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_E-CVT:after{background:url(../img/slide9/ico/ico_E-CVT.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_SBW:after{background:url(../img/slide9/ico/ico_SBW.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_zwl:after{background:url(../img/slide9/ico/ico_zwl.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_AHB:after{background:url(../img/slide9/ico/ico_AHB.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_szys:after{background:url(../img/slide9/ico/ico_szys.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_hsjjr:after{background:url(../img/slide9/ico/ico_hsjjr.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_ld4:after{background:url(../img/slide9/ico/ico_ld4.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_ld8:after{background:url(../img/slide9/ico/ico_ld8.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_SENSING360:after{background:url(../img/slide9/ico/ico_SENSING360.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_ADS:after{background:url(../img/slide9/ico/ico_ADS.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_ydtb:after{background:url(../img/slide9/ico/ico_ydtb.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_kpys:after{background:url(../img/slide9/ico/ico_kpys.png) no-repeat; background-size:100%}
.configuration-swiper .car-config-list li .ico_fspjr:after{background:url(../img/slide9/ico/ico_fspjr.png) no-repeat; background-size:100%}


.configuration-swiper .swiper-pagination{display:none}
.configuration-swiper .button{color:#666; margin-top:-100px}
.configuration-swiper .swiper-button-prev{left:0}
.configuration-swiper .swiper-button-next{right:0.3rem}
/*美图赏析*/
.swiper-page-iframe{height:100vh; overflow:hidden; position:relative}
.slide10-0{background:url(../img/slide10/bj.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:relative}
.slide10-0 .box-1500,
.swiper-page-iframe .box-1500{margin:0 auto; position:absolute; left:0; right:0; width:15rem; top:50%; transform:translateY(-50%)}
.slide10-0 .swiper-slide{background:rgba(255,255,255,0)}
.mySwiper-imgs{width:15rem; margin:0 auto; padding-bottom:0.45rem}
.mySwiper-imgs img{width:100%}
.mySwiper-imgs .s9{bottom:0}
.mySwiper-imgs .s9 .swiper-pagination-bullet{width:0.8rem; height:0.04rem; border-radius:0.5rem; background:#6a6b6b; opacity:1}
.mySwiper-imgs .s9 .swiper-pagination-bullet-active{background:#0070be}

.mySwiper-imgs .swiper-wrapper .swiper-slide{position:relative; overflow:hidden; background:rgba(255,255,255,0)}
.mySwiper-imgs .swiper-wrapper .swiper-slide span{position:absolute; width:3.62rem; height:2.68rem; z-index:2}
.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(1){width:7.4rem; height:100%; left:0; top:0}
.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(2){left:7.6rem; top:0}
.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(3){right:0; top:0}
.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(4){left:7.6rem; bottom:0}
.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(5){right:0; bottom:0}

/*底部*/
.swiper-bottom .swiper-slide{height:auto}
.slide10{background:#fff; position:relative; background-image:linear-gradient(to right, #9db1ca , #e2e3e8 30%); background:url(../img/slide10/slide10.jpg) no-repeat; background-size:cover}
.slide10 .swiper-slide{background:rgba(255,255,255,0)}
.slide10 .box-1500{width:15rem; margin:0 auto; padding:0.25rem 0}
.slide10 .title,
.slide10-0 .title,
.swiper-page-iframe .title{font-size:0.42rem; line-height:0.5rem; padding-bottom:0.7rem; text-align:center}
.slide10 .title:after,
.slide10-0 .title:after,
.swiper-page-iframe .title:after{content:""; display:block; width:0.7rem; height:1px; background:#000; margin:0.15rem auto 0 auto}



/*预约试驾*/
.pre-book-box{width:15rem; margin:1.2rem auto 0.5rem auto; height:5rem; background:#e8ebf0; position:relative}
.pre-book-box .title{position:absolute; left:0.5rem; top:0.45rem; color:#fff; font-size:0.4rem; z-index:2; text-shadow:2px 3px 1px rgba(0,0,0,0.5)}
.pre-book-box .title:after{content:""; display:block; width:0.7rem; height:2px; margin:0; margin-top:0.1rem; background:#fff; }
.pre-book-box .img{position:absolute; left:0; top:0; width:6rem; height:100%}
.pre-book-box .box{padding:0.6rem 1rem 0rem 6.45rem; text-align:left}

.form-box .li{padding-bottom:0.2rem}
.form-box .li .input-box{width:50%; border-bottom:1px solid #6e6e6e; height:0.45rem; line-height:0.45rem; float:left}
.form-box .li .input-box .name{font-size:0.15rem; color:#666666; width:0.6rem; float:left}
.form-box .li .input-box .text{width:100%; height:0.45rem; background:rgba(255,255,255,0); 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:0.45rem; background:none; border:0}

.form-box .li .radio-box{float:left; font-size:0.15rem; line-height:0.4rem; padding-top:0.15rem}
.form-box .li .radio-box .label{ float:left}
.form-box .label{margin-left:0.55rem; position:relative; overflow:hidden; cursor:pointer}
.form-box .label i{display:inline-block; width:0.18rem; height:0.18rem; border:1px solid #6e6e6e; margin-right:0.05rem; position:relative; top:0.03rem}
.form-box .label input:checked+i{background:url(../img/slide11/checked.jpg) no-repeat; background-size:cover; border-color:#4693c5}
.form-box .label input{position:absolute; left:0; top:0; z-index:2; opacity:0}

.form-box .policy-txt{text-align:center; font-size:0.14rem; line-height:0.3rem; padding:0 0 0.35rem 0}
.form-box .policy-txt input{margin-right:0.05rem}
.form-box .policy-txt a{ color:#006ebd}
.form-box .policy-txt a:hover{ text-decoration:underline}
.form-box .bnt{ display:block; width:1.75rem; height:0.35rem; color:#fff; background:#006ebd; font-size:0.17rem; text-align:center; margin:0 auto; line-height:0.35rem}


/*新闻资讯*/
.news-list{overflow:hidden; margin-left:-2rem}
.news-list li{float:left; width:50%; padding-bottom:0.4rem}
.news-list li .box{margin-left:2rem; 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:0.4rem}
.news-list li .box .h1{font-size:0.24rem; line-height:0.3rem; height:0.3rem; overflow:hidden; color:#333; white-space:nowrap; text-overflow:ellipsis}
.news-list li .box .txt{margin:0.15rem 0 0.3rem 0; line-height:0.25rem; height:0.25rem; overflow:hidden}
.news-list li .box .more{display:block; width:1.12rem; height:0.33rem; line-height:0.33rem; text-align:center; border:1px solid #303030}

.news-list li a:hover .time,
.news-list li a:hover .h1,
.news-list li a:hover .more{color:#006ebd}
.news-list li a:hover .more{ border-color:#006ebd}

/*美图鉴赏弹窗*/
.imglist-pop{position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.8); display:none}
.imglist-pop .box{position:relative; width:1075px; top:50%; transform:translateY(-50%); margin:0 auto}
.imglist-pop .box .close{position:absolute; right:-0.6rem; top:0; background:url(../img/slide2/close.png) no-repeat center center; background-size:100%}
.imglist-pop .box .swiper-slide{overflow:hidden}
.imglist-pop .box img{width:100%; float:left}
.imglist-pop .box .downloada{position:absolute; right:0.3rem; bottom:0.3rem; background:rgba(0,0,0,0.3); border-radius:0.5rem; padding:0 0.2rem; line-height:0.4rem; color:#fff; font-size:0.2rem; display:none}
.imglist-pop .box .downloada:after{content:"点击下载大图"}

.mySwiper9 .swiper-wrapper .swiper-slide{position:relative; overflow:hidden}
.mySwiper9 .swiper-wrapper .swiper-slide span{position:absolute; width:3.62rem; height:2.68rem; z-index:2}
.mySwiper9 .swiper-wrapper .swiper-slide span:nth-child(1){width:7.4rem; height:100%; left:0; top:0}
.mySwiper9 .swiper-wrapper .swiper-slide span:nth-child(2){left:7.6rem; top:0}
.mySwiper9 .swiper-wrapper .swiper-slide span:nth-child(3){right:0; top:0}
.mySwiper9 .swiper-wrapper .swiper-slide span:nth-child(4){left:7.6rem; bottom:0}
.mySwiper9 .swiper-wrapper .swiper-slide span:nth-child(5){right:0; bottom:0}

/*新版的燃油版的样式*/
.canshuBtn-kong {
    cursor: pointer;
    width: 1.75rem;
    height: .45rem;
    border-radius: .08rem;
    border: .01rem solid #FFFFFF;
    font-family: AlibabaPuHuiTiR;
    font-size: .18rem;
    color: #FFFFFF;
    line-height: .45rem;
    text-align: center;
    font-style: normal;
}
.canshuBtn-kong a {
    color: #FFFFFF;
    font-size: .18rem;
    font-family: AlibabaPuHuiTiR;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.swiper05-car-config-bg-box {
    background: url("../../images/page1/pc/car-config-bg.jpg") no-repeat center center;
    background-size: 100% auto; /* 关键：宽满，高自适应 */
    padding-top: 0rem;
}
.swiper05-car-config-bg-box .slide3 .logo-title {
    padding-top: 0rem;
}
.data-slide3-logo {
    width: 3.22rem;

}
.swiper05-none {
    display: none;
}

.slide3 .hei {
    width: 3.22rem;
}

.swiper05-car-config-box-type {
    width: 4.65rem;
    height: .53rem;
    margin: .42rem auto .68rem;
    display: none;
    align-items: center;
    justify-content: center;
}
.swiper05-car-config-box-type.show {
    display: flex;
}
.swiper05-car-config-box-type-item {
    font-family: AlibabaPuHuiTiBold;
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .53rem;
    text-align: center;
    font-style: normal;
    width: 2.61rem;
    height: .53rem;
    background: url('../images/page1/pc/swiper05-car-config-left.png') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#configCarImg-web {
    display: none;
}


.swiper05-car-config-box-type-item.action  {
    background: url('../../images/page1/pc/swiper05-car-config-left-active.png') no-repeat;
    background-size: 100% 100%;
}

.swiper05-car-config-box-type-item-right  {
    background: url('../../images/page1/pc/swiper05-car-config-right.png') no-repeat;
    background-size: 100% 100%;
    margin-left: -.57rem;
}

.swiper05-car-config-box-type-item-right.action  {
    background: url('../../images/page1/pc/swiper05-car-config-right-active.png') no-repeat;
    background-size: 100% 100%;
}

.swiper05-car-config-carImg img {
    height: 100%;
}

.swiper05-car-config-carImg {
    height: 4rem;
    text-align: center;
    margin: 0.69rem auto 0;
}

.swiper05-car-config-btnBox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .33rem;
    margin: auto;
    /*margin-top: .26rem;*/
}
.swiper05-car-config-btnBox-itemBox {
    justify-content: center;
    align-items: center;
    gap: .33rem;
    display: none;
}
.swiper05-car-config-btnBox-itemBox-show {
    display: flex;
}

.swiper05-car-config-btnBox-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    font-family: AlibabaPuHuiTiR;
    font-size: .18rem;
    color: #FFFFFF;
    line-height: .25rem;
    text-align: left;
    font-style: normal;
    cursor: pointer;
}
.swiper05-car-config-btnBox-item-tips{
    position: absolute;
}
.swiper05-car-config-btnBox-item-tips span {
    color: #ffffff;
    font-size: .12rem;
    width: 2rem;
    position: absolute;
    left: -.36rem;
    bottom: -.28rem;
    display: none;
}
.action .swiper05-car-config-btnBox-item-tips span {
    display: inline-block;
}

.swiper05-car-config-btnBox-item div {
    width: .78rem;
    height: .15rem;
}

.swiper05-btnList {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .24rem;
    margin-top: .48rem;
    padding-bottom: .87rem;
}

.swiper05-car-config-btnBox-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.93rem;
    height: .4rem;
    border-radius: 0.2rem;
    overflow: hidden;
    background: rgba(214, 214, 214, 0.6);
    /*opacity: 0.6;*/

}

.swiper05-car-config-btnBox-switch div {
    cursor: pointer;
    font-family: AlibabaPuHuiTiR;
    font-size: .20rem;
    color: rgba(0, 0, 0, 0.6);
    line-height: .4rem;
    text-align: center;
    font-style: normal;
    width: 1.12rem;
}
.swiper05-car-config-btnBox-switch div:first-child {
    margin-right: -0.155rem;
}
.swiper05-car-config-btnBox-switch div:last-child {
    margin-left: -0.155rem;
}
.swiper05-car-config-btnBox-switch .action {
    border-radius: 0.2rem;
    color: #ffffff;
    font-family: AlibabaPuHuiTiBold;
    /*background: linear-gradient( 270deg, rgba(235, 218, 128, 0.6) 0%, rgba(167, 86, 25, 0.6) 100%), linear-gradient( 180deg, rgba(134, 102, 78, 0.6) 0%, rgba(0,0,0,0.3) 100%);*/
    overflow: hidden;
    background: linear-gradient( 270deg, #EBDA80 0%, #A75619 100%);
    position: relative;
}
.swiper05-car-config-btnBox-switch .action::before {
    content: '外观';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, #86664E 0%, rgba(0,0,0,0.5) 100%);
    /*opacity: 0.8;*/
}
.swiper05-car-config-btnBox-switch-item:last-of-type.action::before {
    content: '内饰';
}
.pc {
    display: inline-block;
}
/*手机样式*/
@media screen and (max-width:960px){
    #configCarImg-web {
        display: inline-block;
    }
    .pc {
        display: none;
    }



    .yuyueBtn-quan, .canshuBtn-kong {
        height: .48rem;
        line-height: .48rem;
        width: 2.1rem;
    }
    .canshuBtn-kong a, .yuyueBtn-quan {
        font-size: .24rem;
    }

    .swiper05-container {
        display: flex;
        flex-direction: column-reverse;
        margin-left: .6rem;
        margin-right: .6rem;
        margin-top: .66rem;
    }

    .swiper05-car-config-bg-box .logo-title {
        margin-top: 2.99rem !important;
    }

    .swiper05-container-father {
        flex: auto;
    }

    .swiper05-container .title-box {
        transform: translateY(-33%);
    }

    .swiper05-logo-box {
        margin-top: 5.04rem;
        position: relative;
        z-index: 999;
    }

    .swiper05-container .swiper-pagination-box {
        bottom: -4.24rem;
    }

    .swiper05-container .content-box {
        width: 100%;
    }
    .swiper05-container .swiper-pagination-box .custom-next {
        background-size: 100% 100%;
    }
    .swiper05-container-tips-web {
        margin-top: .29rem;
        margin-left: .59rem;
        font-family: AlibabaPuHuiTiR;
        font-size: .30rem;
        color: #000000;
        line-height: .42rem;
        text-align: left;
        font-style: normal;
    }


    .swiper05-container .title-box p:last-of-type {
        font-size: .24rem;
        width: 4.33rem;
    }

    .swiper05-container .yuyueBtn2 {
        font-size: .24rem;
        width: 2.10rem;
        height: .48rem;
        line-height: .48rem;
    }

    .swiper05-container .swiper-pagination-bullet {
        font-size: .3rem;
    }

    /*.section05 {*/
    /*	background: #f0f2f5;*/
    /*}*/

    .swiper05-car-config-box {
        position: relative;
    }
    .swiper05-car-config-box::before {
        content: "";
        position: absolute;
        top: -3.7rem;
        left: 0;
        right: 0;
        bottom: -.4rem;
        background-image: url("../../images/page1/wap/swiper05-car-config-bg.jpg");
        background-size: 100% 100%;
        z-index: -1;

    }
    .swiper05-car-config-box.neishihei::before {
        background-image: url("../../images/page1/wap/Interior/heise.jpg");
    }
    .swiper05-car-config-box.neishizong::before {
        background-image: url("../../images/page1/wap/Interior/zongse.jpg");
    }
    .swiper05-car-config-box.hundong-bg::before {
        background-image: url("../../HEV/img/slide3/a1/bj_web.jpg");
        top: -2.3rem;
    }
    .swiper05-car-config-btnBox-itemBox-hundong .swiper05-car-config-btnBox-item-color {
        width: .58rem;
    }
    .swiper05-car-config-btnBox {
        flex-direction: column;
        gap: .4rem;
    }
    .swiper05-car-config-btnBox-switch {
        width: 2.13rem;
    }
    .swiper05-car-config-btnBox-switch div {
        font-size: .24rem;
    }

    .swiper05-car-config-btnBox-switch div:first-child {
        margin-right: -.055rem;
    }

    .swiper05-car-config-btnBox-switch div:last-child {
        margin-left: -.055rem;
    }
    .swiper05-car-config-btnBox-itemBox {

        /*margin-top: .4rem;*/
    }
    .swiper05-car-config-btnBox-item {
        font-size: .24rem;
    }
    .swiper05-btnList {
        margin-top: 1.14rem;
        padding-bottom: 1.7rem;
    }

    .swiper05-car-config-carImg {
        margin-top: 3.35rem;
        margin-bottom: .58rem;
        width: 6.5rem;
        height: 2.49rem;
        position: relative;
    }
    /*.swiper05-car-config-carImg img {*/
    /*    margin-top: 1.5rem;*/
    /*}*/
    .swiper05-car-config-box-type-item,
    .swiper14-car-config-box-type-item {
        background: url('../../images/page1/wap/swiper05-car-config-left.png') no-repeat;
        background-size: 100% 100%;
    }

    .swiper05-car-config-box-type-item-right,
    .swiper14-car-config-box-type-item-right {
        background: url('../../images/page1/wap/swiper05-car-config-right.png') no-repeat;
        background-size: 100% 100%;
    }
    .swiper05-car-config-box-type-item.action,
    .swiper14-car-config-box-type-item.action {
        background: url('../../images/page1/wap/swiper05-car-config-left-active.png') no-repeat;
        background-size: 100% 100%;
    }

    .swiper05-car-config-box-type-item-right.action,
    .swiper14-car-config-box-type-item-right.action {
        background: url('../../images/page1/wap/swiper05-car-config-right-active.png') no-repeat;
        background-size: 100% 100%;
    }

    .swiper05-car-config-carImg img {
        height: 2.49rem;
    }
    .swiper05-car-config-bg-box {
        background: transparent;
    }
}