@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"}
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}
.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:0.44rem; background:url(../img1/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{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:20vh; z-index:999}
.fixed-right > div{height:40px; line-height:40px; color:#fff}
.fixed-right > div a{display:flex; color:#ffffff; cursor:pointer}
.fixed-right > div a > div:first-child{font-size:14px; text-align:center; width:0; overflow:hidden; position:absolute; right:42px; background-color:#93d1e9; white-space:nowrap}
.fixed-right > div a > div:first-child span{opacity:0}
.fixed-right > div a > div:nth-child(2){width:40px; height:40px; border-bottom:1px solid rgba(255, 255, 255, 0.5); text-align:center; line-height:40px; position:absolute; right:0; background-color:#93d1e9}
.fixed-right > div a > div:nth-child(2) > img{display:inline-block; vertical-align:middle}
.fixed-right > div:last-child a > div:nth-child(2){border-bottom:0}
.fixed-right > div:hover a > div:first-child{transition:all 0.2s; width:100px}
.fixed-right > div:hover a > div:first-child span{opacity:1}


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

/*子导航*/
.nav-left{position:fixed; left:0.35rem; bottom:1.4rem; z-index:99; display:none}
.nav-left li a{display:block; padding:0.1rem 0 0.1rem 0.3rem; font-size:0.16rem; color:#808080; line-height:0.26rem; position:relative}
.nav-left li a span{opacity:0}
.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%}
.nav-left li a.active,
.nav-left li a:hover{color:#93d1e9; 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:#93d1e9}
.nav-left li a.active i:before,
.nav-left li a:hover i:before{background:#93d1e9}

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


/*KV专区*/
.theme-1{position:relative; overflow:hidden}
.theme-1 .bj{width:100%; float:left}
.theme-1 .bnt{position:absolute; width:1.4rem; height:0.48rem; border:1px solid #010101; color:#010101; text-align:center; line-height:0.48rem; font-size:0.2rem; left:7.55rem; bottom:0.45rem; z-index:2}
.theme-1 .bnt:hover{ background:#010101; color:#fff; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}


/*TVC专区*/
.theme-2{overflow:hidden; position:relative}
.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:97;}
.theme-2 .mask .play{position:absolute; width:1.66rem; height:1.67rem; background:url(../img1/slide2/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);z-index:9991; position:fixed}
.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:.4rem; height:0.36rem; background:url(../img1/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}
.theme-2 .mask .clear:hover{transform:rotate(180deg)}


/*车型赏析*/
.theme-3{height:10rem; background:#93d1e9; overflow:hidden; position:relative}
.slide3 .bj-box{position:absolute; width:100%; height:100%; left:0; top:0}
.slide3 .bj-box:before{content:""; position:absolute; width:100%; height:4.1rem; left:0; top:0; background:url(../img1/slide3/bj.png) no-repeat; background-size:100%; z-index:3}
.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:10rem;}
.slide3 .bj-box .car-bj:before{content:""; position:absolute; width:100%; height:5.9rem; left:0; top:4.1rem}
.slide3 .bj-box .car-bj.c1{background:url(../img1/slide3/car-a-bj1.png) repeat-y; background-size:100%}
.slide3 .bj-box .car-bj.c2{background:url(../img1/slide3/car-a-bj2.png) repeat-y; background-size:100%}
.slide3 .bj-box .car-bj.c3{background:url(../img1/slide3/car-a-bj3.png) repeat-y; background-size:100%}
.slide3 .bj-box .car-bj.c4{background:url(../img1/slide3/car-a-bj4.png) repeat-y; background-size:100%}
.slide3 .bj-box .car-bj.c5{background:url(../img1/slide3/car-a-bj5.png) repeat-y; background-size:100%}


.slide3 .bj-box .car-bj.c1:before{background:url(../img1/slide3/car-bj1.jpg) repeat-x}
.slide3 .bj-box .car-bj.c2:before{background:url(../img1/slide3/car-bj2.jpg) repeat-x}
.slide3 .bj-box .car-bj.c3:before{background:url(../img1/slide3/car-bj3.jpg) repeat-x}
.slide3 .bj-box .car-bj.c4:before{background:url(../img1/slide3/car-bj4.jpg) repeat-x}
.slide3 .bj-box .car-bj.c5:before{background:url(../img1/slide3/car-bj5.jpg) repeat-x}


.slide3 .car-box{width:11rem; height:5.31rem; margin:0 auto; position:relative; margin-top:1.6rem; z-index:4}
.slide3 .car-box .car-color{position:absolute; width:100%; height:100%; left:0; top:0; 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:0.8rem; z-index:4}
.slide3 .car-dot li{font-size:0.2rem; cursor:pointer; position:relative; height:0.8rem; display:inline-block; margin:0 0.15rem}
.slide3 .car-dot li p{opacity:0}
.slide3 .car-dot li .name{line-height:0.2rem; padding-top:0.15rem}
.slide3 .car-dot li .tips{position:absolute; bottom:-0.2rem; left:-41%;  font-size:0.12rem; white-space:nowrap; line-height:0.2rem}
.slide3 .car-dot li i{display:block; width:0.61rem; height:0.31rem; background:#fff; border:1px solid rgba(0,0,0,0)}

.slide3 .car-dot li:nth-child(1) i{background:url(../img1/slide3/car-dot1-b.jpg) no-repeat}
.slide3 .car-dot li:nth-child(2) i{background:url(../img1/slide3/car-dot2-b.jpg) no-repeat}
.slide3 .car-dot li:nth-child(3) i{background:url(../img1/slide3/car-dot3-b.jpg) no-repeat}
.slide3 .car-dot li:nth-child(4) i{background:url(../img1/slide3/car-dot4-b.jpg) no-repeat}
.slide3 .car-dot li:nth-child(5) i{background:url(../img1/slide3/car-dot5-b.jpg) no-repeat}
.slide3 .car-dot li.active i{border-color:#000}
.slide3 .car-dot li.active p{opacity:1}

.slide3 .bottom{text-align:center; padding-top:0.3rem; position:relative; z-index:4}
.slide3 .bottom .dispose-bnt{display:block; color:#fff; width:1.8rem; height:0.5rem; margin:0.4rem auto 0 auto; text-align:center; line-height:0.48rem; border:1px solid #fff; font-size:0.18rem;  transition:all 0.5s; -webkit-transition:all 0.5s}
.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 .bottom .parameter-list{width:70%; padding-left:5%; display: flex; margin:0 auto; color:#fff; font-size:0.14rem; line-height:0.3rem; text-align:left}
.slide3 .bottom .parameter-list li{width:25%;  position:relative}
.slide3 .bottom .parameter-list li:before{content:""; position:absolute; width:2px; height:0.24rem; left:0; top:50%; background:#fff; transform:translateY(-50%)}
.slide3 .bottom .parameter-list li:first-child:before{display:none}
.slide3 .bottom .parameter-list li:nth-child(1){width:20%}
.slide3 .bottom .parameter-list li p{padding-left:0.35rem}
.slide3 .bottom .parameter-list li .b{font-weight:bold; font-size:0.24rem; padding-right:0.05rem}

.mySwiper-show{position:relative; z-index:3; background:#fff}
.mySwiper-show .swiper-slide{background:#fff; text-align:right}
.mySwiper-show .swiper-slide .img{float:right; width:11.25rem}
.mySwiper-show .swiper-slide .text{font-size:0.35rem; font-weight:bold; position:absolute; left:1.55rem; top:1.2rem; line-height:0.4rem; text-align:left; min-width:6.35rem}
.mySwiper-show .swiper-slide .text .title{height:0.71rem; display:block; float:none; width:auto}
.mySwiper-show .swiper-slide .text .txt{font-size:0.18rem; color:#666; font-weight:normal; text-align:left; line-height:25px; padding-left:0.9rem; padding-top:1.1rem; width:4.5rem}
.mySwiper-show .swiper-pagination{width:11.55rem; overflow:hidden; right:0.85rem; margin-left:-0.25rem; bottom:0}
.mySwiper-show .swiper-pagination-box{height:0.37rem; overflow:hidden; white-space:nowrap}
.mySwiper-show .swiper-pagination .li{width:20%; float:left; height:auto; border-radius:0; margin:0; background:none; font-size:0.16rem; color:#aaa; opacity:1; text-align:left}
.mySwiper-show .swiper-pagination-box .li{float:none; display:inline-block}
.mySwiper-show .swiper-pagination .li span{display:block; border-top:2px solid #aaaaaa; padding:0.15rem 0; line-height:0.2rem; margin-left:0.25rem}
.mySwiper-show .swiper-pagination .swiper-pagination-bullet-active{ background:none; } 
.mySwiper-show .swiper-pagination .swiper-pagination-bullet-active span{color:#000; border-color:#000}
.mySwiper-show .button{width:0.38rem; height:0.44rem}
.mySwiper-show .button:after{display:none}
.mySwiper-show .swiper-button-prev{left:0.25rem; background:url(../img1/prev.png) no-repeat; background-size:100%}
.mySwiper-show .swiper-button-next{right:0.25rem; background:url(../img1/next.png) no-repeat; background-size:100%}
.mySwiper-show-text{display:none}


.mySwiper-show.l85 .swiper-slide img{margin-right:0.85rem}

.logo-bottom{position:absolute; right:0.35rem; bottom:0.25rem; height:0.8rem; z-index:3}

/*先锋美学*/
.theme-4-1{position:relative; overflow:hidden}
.theme-4-1 .bj{width:100%; float:left}
.theme-4-1 .wz1{position:absolute; left:1.5rem; top:1.75rem; height:2.79rem}
.theme-4-1 .wz2{position:absolute; left:0; bottom:0.38rem; width:100%}
.theme-4-1 .text{position:absolute; left:13.7rem; top:6.1rem; color:#fff; font-size:0.22rem; line-height:0.45rem}

.theme-4-2{position:relative; overflow:hidden; padding:1.4rem 0 2rem}
/*.theme-4-2 .mySwiper-show{margin-top:1rem}*/
.theme-4-2 .mySwiper-show .swiper-slide{position:relative}
.theme-4-2 .mySwiper-show .swiper-slide:before,
.theme-4-2 .mySwiper-show .swiper-slide:after{content:""; position:absolute}
.theme-4-2 .mySwiper-show .swiper-slide:before{width:1.4rem; height:2.04rem; left:4.18rem; top:4.6rem; background:url(../img1/slide4/a1/zs-left.png) no-repeat; background-size:100%}
.theme-4-2 .mySwiper-show .swiper-slide:after{width:2.21rem; height:4.12rem; right:0.4rem; top:0; background:url(../img1/slide4/a1/zs-right.png) no-repeat; background-size:100%}
.theme-4-2 .mySwiper-show .swiper-slide .img{margin-right:1.15rem; width:13rem}
.theme-4-2 .mySwiper-show .swiper-slide .text .title{height: 0.64rem}
.theme-4-2 .mySwiper-show .swiper-slide .text .title.t5{height: 1rem; position:relative; top:-0.36rem}

.theme-4-2 .swiper-pagination{display:none}




.theme-4-3{overflow:hidden; height:10rem; position:relative}
.theme-4-3 .box{background:url(../img1/slide4/a2/bj.jpg) no-repeat center 0; background-size:cover; overflow: hidden; position: relative; overflow:hidden; height:10rem}
.dot-show .dot{position:relative}
.dot-show .dot{position:absolute; width:0.6rem; height:0.6rem; cursor:pointer}
.dot-show .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); 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)
	 }
 }
.dot-show .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; z-index:3}
.dot-show .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%}
.dot-show .dot em{color:#fff; position:absolute; left:0; top:0; font-size:0.16rem; line-height:0.6rem; opacity:0; transition:all 0.5s; white-space:nowrap; width:4.28rem; text-align:center; background:url(../img1/slide4/a2/dot-bj.png) no-repeat; background-size:100%}
.dot-show .dot em i{font-style:normal; font-size:0.22rem; display:block; padding-left:0.6rem}

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


.theme-4-3 .box{}
.theme-4-3 .d1{left:13.3rem; top:3.7rem}
.theme-4-3 .d2{left:12.5rem; top:6.6rem}
.theme-4-3 .d3{left:8.9rem; top:6.6rem}
.theme-4-3 .d4{left:9.15rem; top:4.1rem}
.theme-4-3 .d3 em,
.theme-4-3 .d4 em{left:auto; right:0}
.theme-4-3 .d3 em i,
.theme-4-3 .d4 em i{padding-left:0; padding-right:0.6rem}


.theme-4-4{background:#fff; position:relative; overflow:hidden; padding:1.4rem 0 2rem 0}
/*.theme-4-4 .mySwiper-show{margin-top:1rem}*/
.theme-4-4 .mySwiper-show .swiper-slide{position:relative}
.theme-4-4 .mySwiper-show .swiper-slide:before,
.theme-4-4 .mySwiper-show .swiper-slide:after{content:""; position:absolute}
.theme-4-4 .mySwiper-show .swiper-slide:before{width:1.4rem; height:2.04rem; left:4.18rem; top:4.6rem; background:url(../img1/slide4/a1/zs-left.png) no-repeat; background-size:100%}
.theme-4-4 .mySwiper-show .swiper-slide:after{width:2.21rem; height:4.12rem; right:0.4rem; top:0; background:url(../img1/slide4/a1/zs-right.png) no-repeat; background-size:100%}
.theme-4-4 .mySwiper-show .swiper-slide .img{ margin-right:1.15rem; width:13rem}
.theme-4-4 .swiper-pagination{display:none}


/*超凡动力*/
.theme-5-1{position:relative; overflow:hidden}
.theme-5-1 .bj{width:100%; float:left}
.theme-5-1 .wz1{position:absolute; left:1.55rem; top:1.75rem; height:2.79rem}
.theme-5-1 .wz2{position:absolute; left:0; bottom:0.38rem; width:100%}
.theme-5-1 .text{position:absolute; left:1.55rem; top:5.2rem; color:#fff; font-size:0.22rem; line-height:0.45rem}

.theme-5-2{ position:relative; overflow:hidden; padding-bottom:1.6rem}
.mySwiper-theme5-2{padding-top:2.8rem}
.mySwiper-theme5-2 .button{margin-top:1.2rem}
.mySwiper-theme5-2 .swiper-pagination{left:-0.5rem; top:0; right:0.5rem; width:auto; bottom:auto}
.mySwiper-theme5-2 .swiper-pagination .li{position:relative; width:33.3%; top:-0.7rem; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.mySwiper-theme5-2 .swiper-pagination .li span{display:block; overflow:hidden; margin-left:1.4rem; position:relative; padding:0; border:0}
.mySwiper-theme5-2 .swiper-pagination .li img{width:100%; float:left; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.mySwiper-theme5-2 .swiper-pagination .li .title2-box{position:absolute; left:0; top:0; opacity:0; height:0; /*-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 0.3s ease;transition:all 1s ease;*/ overflow:hidden}
.mySwiper-theme5-2 .swiper-pagination .li .title2{}
.mySwiper-theme5-2 .swiper-pagination .swiper-pagination-bullet-active{top:0}
.mySwiper-theme5-2 .swiper-pagination .swiper-pagination-bullet-active .title1{opacity:0}
.mySwiper-theme5-2 .swiper-pagination .swiper-pagination-bullet-active .title2-box{opacity:1; height:100%}

.theme-5-2 .mySwiper-theme5-2  .swiper-slide .text .title.t3{ height:0.69rem}

/*智领旅途*/
.theme-6-1{position:relative; overflow:hidden}
.theme-6-1 .bj{width:100%; float:left}
.theme-6-1 .wz1{position:absolute; left:1.55rem; top:1.75rem; height:2.79rem}
.theme-6-1 .wz2{position:absolute; left:0; bottom:0.38rem; width:100%}
.theme-6-1 .text{position:absolute; left:12.9rem; top:3.2rem; color:#fff; font-size:0.22rem; line-height:0.45rem}


.theme-6-2{position:relative; overflow:hidden}
.theme-6-2 .bj{width:100%; float:left}
.theme-6-2 .title-img{position:absolute; left:0; top:0.9rem; right:0; margin:0 auto; height:0.71rem}

.theme-6-2 .bottom{position:absolute; width:100%; left:0; bottom:0.8rem; transition:all 0.5s; -webkit-transition:all 0.5s}
.theme-6-2 .bottom.active{bottom:3.5rem; opacity:0}
.theme-6-2 .bottom.active .bnt{opacity:0}
.theme-6-2 .bottom .bnt{height:0.54rem; line-height:0.54rem; border:1px solid #fff; color:#fff; font-size:0.2rem; color:#fff; text-align:center; width:2.2rem; display:block; margin:0.4rem auto 0 auto; cursor:pointer;  transition:all 0.5s; -webkit-transition:all 0.5s}
.theme-6-2 .bottom .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)}
.theme-6-2-pop{position:absolute; width:100%; left:0; bottom:-150%; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7) 30%); /*background:url(../img1/slide6/bj1.png) no-repeat center bottom; background-size:cover*/ opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; z-index:8}
.theme-6-2-pop .close{right:0.8rem; top:1.8rem; background: url(../img1/close.png) no-repeat center center; background-size:100%}
.theme-6-2-pop.active{bottom:0; opacity:1}

.theme-6-2-pop .box{padding:3.8rem 2.8rem 0.6rem 2.8rem; text-align:left; font-size:0.17rem; color:#fff; line-height:0.3rem}
.theme-6-2-pop .box .title{height:0.61rem; margin:0.3rem auto; display:block}

.theme-6-3{background:#fff; padding:1.53rem 0; position:relative}
.theme-6-3 .mySwiper-show{padding-bottom:1rem}



.theme-6-4{overflow:hidden; position:relative}
.theme-6-4 .bj{float:left; width:100%}
.theme-6-4 .title-img{height:0.8rem; position:absolute; top:1.3rem; margin:0 auto; left:0; right:0; z-index:9}
.theme-6-4 .bottom{position:absolute; width:100%; left:0; bottom:1.2rem; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:9}
.theme-6-4 .bottom.active{bottom:3.5rem; opacity:0}
.theme-6-4 .bottom.active .bnt{opacity:0}
.theme-6-4 .bottom .bnt{height:0.53rem; width:2.4rem; display:block; margin:0 auto; transition:all 0.5s; -webkit-transition:all 0.5s; font-size:0.2rem; color:#fff; text-align:center; line-height:0.53rem; border:1px solid #fff}
.theme-6-4 .bottom .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)}
.theme-6-4 .theme-6-2-pop .box{text-align:center}


.car-show{position:absolute; width:100%; left:0; top:0; height:100%; width:19.2rem; height:10rem; left:50%; top:50%; margin-left:-9.6rem; margin-top:-5rem; overflow:hidden}
.car-show img{position:absolute; width:100%; left:0; top:0; height:100%}
.car-show .img6{height:14.81rem; top:50%; margin-top:-7.28rem}
.car-show .img0-0{position:absolute; left:5.65rem; top:3.4rem; width:7.95rem; height:3.45rem; background-size:7.6rem 1.34rem; border-top:0.07rem solid rgba(255,255,255,0.3); border-bottom:0.07rem solid rgba(255,255,255,0.3)}
.car-show .img0-1{position:absolute; left:5.65rem; top:4.5rem; width:7.95rem; height:1.4rem; background-image:url(../img1/slide6/a2/car/img0-1.png); background-size:100%; 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}
}

.car-show .img1{z-index:2; width:1.2rem; height:0.57rem; top:4.84rem; left:9.09rem;}
.car-show .img6-1{z-index:3}
.car-show .img6-2{z-index:2}
.car-show .img6-3{z-index:1}
.car-show .img6-4{z-index:3}

.car-show  .img2,
.car-show  .img3,
.car-show  .img4{opacity:0}



.car-show  .img2{transition:all 0.5s linear 0.5s; -webkit-transition:all 0.5s linear 0.5s; /* Safari 和 Chrome */}
.car-show  .img3{transition:all 0.5s linear 0.8s; -webkit-transition:all 0.5s linear 0.8s; /* Safari 和 Chrome */}
.car-show  .img4{transition:all 0.5s linear 1.1s; -webkit-transition:all 0.5s linear 1.1s; /* Safari 和 Chrome */}


.car-show.swiper-slide-active .img2,
.car-show.swiper-slide-active .img3,
.car-show.swiper-slide-active .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;
  }
}




.theme-6-5{background:#fff; padding:1.53rem 0; position:relative}
.theme-6-5 .mySwiper-show{padding-bottom:1rem}
.mySwiper-theme6-5 .swiper-slide .text .h112{ height:1.12rem}

.theme-1730{width:17.3rem; margin:0 auto}
.theme-title{font-size:0.42rem; line-height:0.5rem; padding-bottom:0.7rem; text-align:center}
.theme-title:after{content:""; display: block; width: 0.7rem; height:1px; background: #7f7f7f; margin:0.15rem auto 0 auto}

/*美图鉴赏*/
.theme-imgs{overflow:hidden;   padding:1rem 0 0 0}
.mySwiper-imgs{overflow:hidden; padding-bottom:0.6rem}
.mySwiper-imgs .swiper-slide{overflow:hidden; position:relative}
.mySwiper-imgs .swiper-slide .box{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.mySwiper-imgs .swiper-slide span{display:block; width:5.58rem; height:2.9rem; float:left; background:rgba(0,0,0,0); margin-left:0.2rem; margin-bottom:0.15rem}
.mySwiper-imgs .swiper-slide span:nth-child(1),
.mySwiper-imgs .swiper-slide span:nth-child(4){margin-left:0}
.mySwiper-imgs img{width:100%}
.mySwiper-imgs .swiper-pagination{bottom:0}
.mySwiper-imgs .swiper-pagination .swiper-pagination-bullet{width:0.75rem; height:4px; border-radius:5px; background:#000000; margin:0 5px}
.mySwiper-imgs .swiper-pagination .swiper-pagination-bullet-active{background:#93d1e9}


/*美图鉴赏弹窗*/
.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:relative; width:1075px; top:50%; transform:translateY(-50%); margin:0 auto}
.imglist-pop .box .close{position:absolute; right:-0.6rem; top:0; background:url(../img1/slide2/close.png) no-repeat center center; background-size:100%}
.imglist-pop .box .swiper-slide{overflow:hidden}
.imglist-pop .box img{width:105%;  max-width:none}
.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:"点击下载大图"}



/*预约试驾*/
.theme-pre-book{overflow:hidden; padding:1.6rem 0 0 0}
.pre-book-box{height:5rem; background:#f4f4f4; position:relative}
.pre-book-box .title{position:absolute; left:0.5rem; top:0.45rem; color:#fff; font-size:0.4rem; z-index:2}
.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:6.8rem; height:100%}
.pre-book-box .box{padding:0.75rem 1rem 0rem 7.85rem; 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: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: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(../img1/slide8/checked.jpg) no-repeat; background-size:cover; border-color:#93d1e9}
.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:#93d1e9}
.form-box .policy-txt a:hover{text-decoration:underline}
.form-box .bnt{display:block; width:1.78rem; height:0.38rem; color:#000; border:1px solid #8e8e8e; font-size:0.17rem; text-align:center; margin:0 auto; line-height:0.38rem}
.form-box .bnt:hover{background:#93d1e9; border-color:#93d1e9}

/*新闻资讯*/
.theme-news{overflow:hidden; padding:1.60rem 0 0.5rem 0}
.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:#93d1e9}
.news-list li a:hover .more{ border-color:#93d1e9}

/*底部信息*/
.footer a{color:#fff; text-decoration:none}
.footer .footer-a img{ vertical-align:baseline}