@charset "utf-8";
.web{display:none !important}


/*配置单样式*/
.bh-50{height:60px}
.min-110{min-height:80px}
.table-container{padding:50px}
.table-container .fixed-top{transition:all .3s; position:relative}
.table-container .fixed-top.fixed{position:fixed; width: calc(100% - 100px); top:50px; z-index:5}

.table-container ul{display:flex; text-align:center; background:#fff}
.table-container li{width:55%;display:flex;}
.table-container li.li-width{width:45%}
.table-container li:first-child{text-align:left; padding:5px 10px}
.table-container li span{width:100%; display:block; padding:5px 10px}
.table-container li .w200{width:210%}

.table-container .top-tit{background:#92d1e9}
.table-container .top-tit li{color:#fff; font-size: 1.25em; font-weight: bold}
.table-container .price{background:#fff}
.table-container .price li{border-bottom:1px solid #686868; color:#92d1e9; font-size: 1.25em; font-weight: bold}
.table-container .price li span{border-left:1px solid #686868}
.table-container .price li span font{font-size:1.35em}


.table-container .tips{font-size:12px; color: #999; text-align:right; line-height:25px; margin-bottom:15px}
.item-container .item .tit{color:#92d1e9; font-size:1.25em; font-weight:bold; padding:30px 0 10px 0; cursor:pointer; border-bottom:2px solid #000}
.item-content,
.item-content .item-content-list{position:relative}
.item-content ul:nth-child(even){background:#e6e6e6}
.item-container .item-content{display:none; border-bottom:1px solid #686868}
.item-container .item.open .item-content{display:block; }
.item-container .item-content li span{border-left:1px solid #686868}

.item-container .item-content li.split{padding:0 10px}
.item-container .item-content li.split div:first-child{width:25%; padding:5px 10px;-webkit-box-pack:center; position:relative}
.item-container .item-content li.split div:first-child .top50{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%)}
.item-container .item-content li.split div:nth-child(2){width:100%}
.item-container .item-content li.split >div>div{padding:5px 10px} 
.item-container .item-content li.merge{display:block}
.item-container .item-content li.merge > div{display:flex}

.item-container .item-content.split ul:nth-child(even){background:#fff}
.item-container .item-content.split li:nth-child(1){padding:0 10px}
.item-container .item-content.split li:nth-child(1) span{padding:5px 10px}
.item-container .item-content.split li:nth-child(1) span:nth-child(1),
.item-container .item-content.split li:nth-child(1) span:nth-child(2){border:0}




.item-content.split .title-h1,
.item-content.split .item-content-list .title-h2{position:absolute; text-align:center; left:0; z-index:2}
.item-content.split .title-h1{top:0; bottom:0; width:14%;}
.item-content.split .title-h1 div{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}


.item-content.split .item-content-list .title-h2{left:14%; top:50%; transform:translateY(-50%); width:15%;}
.item-content.split ul li:nth-child(1) span:nth-child(3){margin-right:-10px}
.item-content.split .item-content-list ul li:nth-child(1) span:nth-child(1){background:none}
.item-content.split ul li:nth-child(1) span:nth-child(1),
.item-content.split ul li:nth-child(1) span:nth-child(2){width:45%}

.item-content.split .item-content-list span{background:#e6e6e6}

.item-pour{text-align:right; line-height:25px}



.header-box.webanv .layout{width:100%}
.header-box.webanv .layout{height:50px; line-height:25px;}
.header-box.webanv .layout .logo2{display:none}
.header-box.webanv .layout .nav{position:fixed; top:0; right:-100%; background:#000; color:#fff; padding:0; z-index:3; bottom:0; width:40%; transition:all 1.5s; -webkit-transition:all 1.5s}
.header-box.webanv .layout .nav.open{right:0}
.header-box.webanv .layout .nav>li{float:none; padding:15px 0 0 15px;}
.header-box.webanv .layout .nav>li span{ font-size:14px; display:block; border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:5px}
.header-box.webanv .layout .nav ul,
.header-box.webanv .layout .nav-right ul{position:relative; width:auto; top:inherit; left:inherit; transform: translateX(0); display:block}
.header-box.webanv .layout .nav ul li,
.header-box.webanv .layout .nav-right ul li{background:none; border:0; text-align:left}
.header-box.webanv .layout .nav ul li a,
.header-box.webanv .layout .nav-right ul li a{ color:#fff; font-weight:normal}

.header-box.webanv .layout .nav-right{ top:0; bottom:0; text-align:center; padding:15px}
.header-box.webanv .layout .nav-right .second_nav{ display:none !important}

@media screen and (max-width:980px){
	.web{display:block !important}
	.pc{display:none !important}
	.table-container .fixed-top.fixed{top:60px}
	
}

@media screen and (max-width:750px){
	body{max-width:750px; min-width:350px; overflow-x:hidden; margin:0 auto}
}

/*手机样式*/
@media screen and (max-width:980px){
	.pzb-box{width:100%; overflow:auto}
	.pzb-box img{ width:12rem; max-width:none;}
	.bh-50{height:50px}
	.web{display:block}
	.pc{display:none}
	
	.nav-left{ display:none !important}
	
	.swiper-slide{box-sizing: content-box;/* padding-bottom: 0.02rem; margin-top:-0.02rem;*/ transform: translate3d(0, 0, 0);}
	.fixed-right{display:none}
	
	/*KV专区*/
	.theme-1 .bnt{width:2rem; height:0.6rem; border:1px solid #000; color:#000; line-height:0.6rem; font-size:0.2rem; left:3rem; bottom:0.25rem}
	.theme-1 .bnt:hover{background:#000; color:#fff}
	
	/*TVC专区*/
	.theme-2 .video{width:100%; display:none}
	.theme-2 .mask #section2_video{width:90%}
	.theme-2 .mask .clear{right:50%; transform: translateX(50%); top:70%; margin:auto}
	
	
	.theme-3{height:13.3rem;}
	.theme-3 .theme-3-logo{height:1.22rem; display:block; margin:0.7rem auto; position:relative; z-index:3}
	
	.slide3 .bj-box{position:absolute; width:100%; height:100%; left:0; top:0}
	.slide3 .bj-box:before{ display:none}
	.slide3 .bj-box .car-bj{position:absolute; width:100%; left:0; top:0; height:0}
	.slide3 .bj-box .car-bj.active{opacity:1; z-index:2; height:13.3rem;}
	.slide3 .bj-box .car-bj:before{height:8.8rem; background-size: contain !important; top:4.55rem}
	
	.slide3 .car-box{width:6.82rem; height:3.68rem; margin-top:0}
	.slide3 .car-dot{height:auto; margin-top:0.4rem}
	.slide3 .car-dot li .tips{bottom:-0.35rem; left:50%; transform: translateX(-50%);}
	.slide3 .car-dot li{font-size:0.2rem; height:auto; margin:0 0.08rem}
	.slide3 .car-dot li i{width:0.9rem; height:0.45rem; background-size:cover !important}
	
	.slide3 .bottom{padding-top:0.4rem}
	.slide3 .bottom .dispose-bnt{width:2.15rem; height:0.55rem; margin:0 auto; line-height:0.55rem; font-size:0.2rem}
	
	.slide3 .bottom .parameter-list{width:95%; padding-left:5%; font-size:0.22rem; line-height:0.5rem; text-align:left; display:block}
	.slide3 .bottom .parameter-list li{width:50%; float:left; margin-bottom:0.6rem}
	.slide3 .bottom .parameter-list li:before{height:0.34rem; left:-0.35rem}
	.slide3 .bottom .parameter-list li:nth-child(1):before,
	.slide3 .bottom .parameter-list li:nth-child(3):before{display:none}
	.slide3 .bottom .parameter-list li:nth-child(1){width:50%}
	.slide3 .bottom .parameter-list li p{padding-left:0}
	.slide3 .bottom .parameter-list li .b{font-size:0.35rem; padding-right:0.05rem}
	
	
	/*先锋美学*/
	.theme-4-1 .wz1{left:0.35rem; top:2.12rem; height:1.9rem}
	.theme-4-1 .wz2{left:0; bottom:0.38rem; width:100%}
	.theme-4-1 .text{left:0.35rem; top:4.4rem; font-size:0.25rem; line-height:0.45rem; letter-spacing:3px}
	
	
	.mySwiper-show .swiper-slide{text-align:center}
	.mySwiper-show .swiper-slide .img{float:none; width:6.9rem; margin:0}
	.mySwiper-show .swiper-slide .text{font-size:0.35rem; font-weight:bold; position:relative; left:0; top:0; line-height:0.4rem; text-align:left; min-width:100%; height:1.6rem; overflow:hidden}
	.mySwiper-show .swiper-slide .text .title{height:0.8rem; 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-slide .text-box{font-size: 0.25rem;  text-align:justify; line-height: 0.4rem; padding-top:0.8rem; padding-left:1.1rem; padding-right:1.1rem; opacity:0; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
	.mySwiper-show .swiper-slide-active .text-box{opacity:1}
	.mySwiper-show .swiper-pagination{display:none}
	.mySwiper-show .button{width:0.38rem; height:0.44rem; top:3.2rem; margin:0}
	.mySwiper-show .swiper-button-prev{left:0}
	.mySwiper-show .swiper-button-next{right:0}
	.mySwiper-show-text{display:none}
	.mySwiper-show.l85 .swiper-slide img{margin-right:0}
	
	.theme-4-2{padding:0 0.25rem 2rem 0.25rem; height:11.3rem}
	.theme-4-2 .mySwiper-show{margin-top:3.5rem}
	.theme-4-2 .mySwiper-show .button{top:2.9rem}
	.theme-4-2 .mySwiper-show .swiper-slide:before{width:0.66rem; height:0.96rem; left:0; top:3.75rem}
	.theme-4-2 .mySwiper-show .swiper-slide:after{width:1.04rem; height:1.94rem; right:0; top:1.6rem}
	.theme-4-2 .mySwiper-show .swiper-slide .img{margin-right:0; width:6.15rem}
	.theme-4-2 .mySwiper-show .swiper-slide .text .title.t5{top:0;}
	
	.theme-4-3{height:13.3rem}
	.theme-4-3 .pf{position:absolute; left:50%; transform:translateX(-50%); color:#fff; bottom:15px; background:rgba(0,0,0,0.4); border-radius:50px; padding:2px 10px; z-index:2}
	.theme-4-3 .scroll-box{overflow-x:auto}
	.theme-4-3 .box{height:13.3rem; width:25.59rem; transform:none !important; opacity:1}
	.theme-4-3 .d1{left:18rem; top:5rem}
	.theme-4-3 .d2{left:16.8rem; top:9rem}
	.theme-4-3 .d3{left:12.2rem; top:8.8rem}
	.theme-4-3 .d4{left:12rem; top:5.55rem}
	.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{padding:0 0.25rem 2rem 0.25rem; height:11.3rem}
	.theme-4-4 .mySwiper-show{margin-top:3.5rem}
	.theme-4-4 .mySwiper-show .button{top:2.9rem}
	.theme-4-4 .mySwiper-show .swiper-slide:before{width:0.66rem; height:0.96rem; left:0; top:3.75rem}
	.theme-4-4 .mySwiper-show .swiper-slide:after{width:1.04rem; height:1.94rem; right:0; top:1.6rem}
	.theme-4-4 .mySwiper-show .swiper-slide .img{margin-right:0; width:6.15rem}


	/*超凡动力*/
	.theme-5-1 .wz1{left:0.35rem; top:2.12rem; height:1.9rem}
	.theme-5-1 .wz2{left:0; bottom:0.38rem; width:100%}
	.theme-5-1 .text{left:0.35rem; top:4.4rem; font-size:0.25rem; line-height:0.45rem; letter-spacing:3px}
	
	
	.theme-5-2{padding:0 0.25rem 2rem 0.25rem}
	.mySwiper-theme5-2{padding-top:3.45rem; overflow:visible}
	.mySwiper-theme5-2 .button{margin-top:0; top:6.8rem}
	.mySwiper-theme5-2 .swiper-pagination{left:-0.25rem; top:0; right:-0.25rem; width:auto; bottom:auto; display:block; margin:0}
	.mySwiper-theme5-2 .swiper-pagination .li{width:100%; top:0}
	.mySwiper-theme5-2 .swiper-pagination .li:nth-child(1){left:0.3rem}
	.mySwiper-theme5-2 .swiper-pagination .li:nth-child(2){left:1.3rem}
	.mySwiper-theme5-2 .swiper-pagination .li:nth-child(3){left:2.3rem}
	.mySwiper-theme5-2 .swiper-pagination .li span{margin-left:0}
	.mySwiper-theme5-2 .swiper-pagination .li img{width:100%; float:left}
	.mySwiper-theme5-2 .swiper-pagination .li .title2-box{position:absolute; left:0; top:0; opacity:0; height:0; -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 .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-6-1 .wz1{left:0.35rem; top:2.12rem; height:1.9rem}
	.theme-6-1 .wz2{left:0; bottom:0.38rem; width:100%}
	.theme-6-1 .text{left:0.35rem; top:4.4rem; font-size:0.25rem; line-height:0.45rem; letter-spacing:3px}
	
	.theme-6-2 .bj{width:auto; position:relative; height:13.3rem; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%); -o-transform:translateY(-50%); max-width:none}
	.theme-6-2 .title-img{top:1.25rem}
	.theme-6-2 .bottom{bottom:1rem}
	.theme-6-2 .bottom.active{bottom:3.5rem}
	
	.theme-6-2 .bottom .bnt{height:0.7rem; width:2.9rem; line-height:0.7rem; font-size:0.24rem}
	
	.theme-6-2-pop{bottom:-350%}
	.theme-6-2-pop .close{right:0.25rem; top:1.8rem}
	.theme-6-2-pop .box{padding:3rem 0.25rem 0.6rem 0.25rem; font-size:0.22rem; line-height:0.4rem}
	.theme-6-2-pop .text-web{height:4rem; overflow:auto}
	
	.theme-6-3{padding:0 0.25rem; height:13.3rem; overflow:hidden}
	.theme-6-3 .mySwiper-show{padding-bottom:0; margin-top:2rem}
	
    .theme-6-4 .bj{width:auto; position:relative; height:13.3rem; left:50%; transform: translateX(-60%); -ms-transform: translateX(-60%); -moz-transform: translateX(-60%);
    -webkit-transform: translateX(-60%); -o-transform: translateY(-60%); max-width:none}
	.theme-6-4 .title-img{top:1.7rem}
	.theme-6-4 .bottom{bottom:1.4rem}
	.theme-6-4 .bottom.active{bottom:3.5rem}
	.theme-6-4 .bottom .bnt{height:0.7rem; width:2.95rem; line-height:0.7rem; font-size:0.24rem}
	
	.car-show{-webkit-transform:scale(0.8); transform:scale(0.8); overflow:visible;}
	.car-show .img0-0{width:100%; left:0}
	.car-show .img0-1{ width:100%; left:0; background-size: 42% !important;}
	 
	.theme-6-5{padding:0 0.25rem; overflow:hidden; height:13.3rem}
	.theme-6-5 .mySwiper-show{padding-bottom:0; margin-top:2rem}
	.theme-6-5 .mySwiper-show-box{height:2.5rem}
	.mySwiper-theme6-5 .swiper-slide .text .h112{ height:1.12rem}
	
	
	
	
	.theme-bj{background:none}
	.theme-1730{width:auto; margin:0 0.25rem}
	
	
	.imglist-pop{background:rgba(0,0,0,0.8);}
	.imglist-pop .box{width:100%}
	.imglist-pop .box .swiper-button-next,
	.imglist-pop .box .swiper-button-prev{display:none}
	.imglist-pop .box .close{right:44%; transform:translateX(-50%); top:auto; bottom:-0.8rem}
	
	/*美图鉴赏*/
	.mySwiper-imgs .swiper-slide span{width:3.4rem; height:1.75rem; margin-left:0.15rem; margin-bottom:0.13rem}
	.mySwiper-imgs .swiper-slide span:nth-child(1),
	.mySwiper-imgs .swiper-slide span:nth-child(3),
	.mySwiper-imgs .swiper-slide span:nth-child(5){margin-left:0}
	.mySwiper-imgs .swiper-slide span:nth-child(4){margin-left:0.15rem;}
	
	
	/*预约试驾*/
	.theme-pre-book{padding:1.4rem 0 0 0;}
	.pre-book-box{height:auto; position:relative; background:#f8f8f8}
	.pre-book-box .title{left:0.25rem; top:0.4rem; font-size:0.42rem; text-shadow: 2px 0px 1px rgba(0,0,0,0.5);}
	.pre-book-box .title:after{margin:0.25rem 0 0 0; background:#fff}
	.pre-book-box .img{position:relative; left:0; top:0; width:100%; height:auto}
	.pre-book-box .box{padding:0.6rem 0.4rem; text-align:left}
	
	.form-box .li{padding-bottom:0.2rem}
	.form-box .li .input-box{width:100%; border-bottom: 1px solid #c5c5c5; height:0.6rem; line-height:0.6rem;}
	.form-box .li.w50{margin-left:0}
	.form-box .li.w50 .input-box{width:100%; margin-left:0; margin-bottom:0.25rem}
	.form-box .li.w50 .input-box:nth-child(2){margin-bottom:0}
	.form-box .li .input-box .text,
	.form-box .li .input-box .select{height:0.55rem;}
	.form-box .li .radio-box{font-size:0.15rem; line-height:0.4rem; padding-top:0.25rem}
	.form-box .li .radio-box .label{float:left}
	.form-box .label{margin-left:0; margin-right:0.55rem}
	.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 .label{margin-right:0}
	.form-box .policy-txt input{margin-right:0.05rem}
	.form-box .policy-txt a{color:#2059b3}
	.form-box .policy-txt a:hover{ text-decoration:underline}
	.form-box .bnt{width:2.5rem; height:0.7rem; font-size:12px; line-height:0.7rem}


	/*新闻资讯*/
	.theme-news{padding:1.4rem 0 0 0;}
	.news-list{overflow:hidden; margin-left:0}
	.news-list li{float:none; width:auto; padding-bottom:0.5rem}
	.news-list li .box{margin-left:0; padding-left:1.4rem; position:relative; text-align:left; color:#666}
	.news-list li .box .time{position:absolute; left:0.1rem; top:0; text-align:center; font-size:12px}
	.news-list li .box .time .day{font-size:0.5rem}
	.news-list li .box .h1{font-size:0.25rem; line-height:0.4rem; height:0.4rem}
	.news-list li .box .txt{margin:0.15rem 0 0.3rem 0; line-height:25px; height:25px; font-size:12px;}
	.news-list li .box .more{width:1.5rem; height:0.4rem; line-height:0.4rem; border:1px solid #868686; font-size:12px}
	
	
	
	.table-container{padding:50px 0.3rem; overflow:auto}
	
}