@charset "utf-8";

.web {
	display: none
}

body {
	overflow: hidden
}

/*配置单样式*/
.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 ul * {
	overflow: hidden
}

.table-container li {
	width: 55%;
	display: flex;
	position: relative
}

.table-container li.li-width {
	width: 45%
}

.table-container li:first-child {
	text-align: left;
	padding: 5px 10px;
	justify-content: center;
	flex-direction: column;
}

.table-container li span {
	width: 100%;
	display: block;
	padding: 5px 10px;
	min-height: 20px
}

.table-container li .s4 {
	width: 441%
}

.table-container li .w200 {
	width: 210%
}

.table-container .top-tit {
	background: #006ebc
}

.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: #006ebc;
	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: #006ebc;
	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;
	justify-content: center;
	flex-direction: column;
	display: flex
}

.item-container .item-content li.split {
	padding: 0 10px;
	flex-direction: inherit;
}

.item-container .item-content li.split>div:first-child {
	width: 30%;
	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;
	display: flex
}

.item-container .item-content li.merge {
	display: block;
	position: relative
}

.item-container .item-content li.merge:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	left: 0;
	top: 0;
	border-left: 1px solid #686868
}

.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-container .item-content.split ul li.li-width {
	flex-direction: initial
}



.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: 11.6%
}

.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: 11.6%;
	top: 50%;
	transform: translateY(-50%);
	width: 11%
}

.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-content.split .item-content-list ul li {
	flex-direction: initial;
}

.item-pour {
	font-size: .11rem;
	text-align: right;
	line-height: 25px
}

.fr {
	font-weight: normal
}



.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
	}

	.pc {
		display: none
	}

	.table-container .fixed-top.fixed {
		top: 60px
	}

}


/*手机样式*/
@media screen and (max-width:900px) {
	.pzb-box {
		width: 100%;
		overflow: auto
	}

	.pzb-box img {
		width: 12rem;
		max-width: none
	}

	.bh-50 {
		height: 50px
	}

	.web {
		display: block
	}

	.pc {
		display: none
	}

	body {
		max-width: 750px;
		min-width: 350px
	}

	.nav-left {
		display: none !important
	}

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


	.fixed-right {
		display: none
	}

	/*.fixed-right .li .a{height:72px}
	.fixed-right .li .a i{margin:3px auto}
	.fixed-right >div{display:none}
	.fixed-right .yuyue{display:block}*/

	.slide-bnt {
		width: 2rem;
		height: 0.5rem;
		line-height: 0.5rem;
		font-size: 0.2rem
	}

	.slide4-2 .logo-title,
	.slide5-1 .logo-title,
	.slide6-1 .logo-title,
	.slide7-1 .logo-title,
	.slide8 .logo-title {
		height: 0.8rem
	}


	/*KV专区 */
	.slide1 .bj {
		/* background:#3384b9 url(../img/slide1/web_bj.jpg) no-repeat center top;  */
		/* background:#3993c5 url(/html/images/file20260421civic/20260506/crv-hd-m.png) no-repeat center center;  */
		/* background: #3993c5 url(/html/images/20260421-civic/20260506-crv/20260731-web-s.jpg) no-repeat center center; */
		/* background: #3993c5 url(/html/images/20260421-civic/20260506-crv/20260903web-s.png) no-repeat center center; */
		background: #3993c5 url(/html/images/20260421-civic/20260506-crv/20260930web-s.png) no-repeat center center;
		background-size: 100% 100%;
		height: 100%;
	}


	.slide1 .img-top {
		position: absolute;
		left: 0rem;
		top: unset;
		bottom: 0.2rem;
		width: 100%;
		text-align: center
	}

	.slide1 .img-top .img0 {
		height: 0.88rem;
		margin: 0 auto;
		margin-bottom: 0.8rem
	}

	.slide1 .img1 {
		left: 2.8rem;
		height: 0.28rem;
	}

	.slide1 .logo {
		height: 0.78rem
	}

	.slide1 .logo,
	.slide1 .img1,
	.slide1 .img2 {
		bottom: 3.3rem
	}


	/*TVC专区*/
	.slide2 {
		overflow: hidden;
		background: url(../img/slide2/web_bj.jpg) no-repeat center center;
		background-size: cover
	}

	.slide2 .video {
		width: 100%;
		display: none
	}

	.slide2 .mask #section2_video {
		width: 90%
	}

	.slide2 .mask .clear {
		right: 50%;
		transform: translateX(50%);
		top: 70%;
		margin: auto
	}

	.slide2 .mask,
	.slide2 .mask .play {
		background: none
	}


	/*强劲由我*/
	.slide4-1 {
		background: url(../img/slide4/a0/bj.jpg) no-repeat center center;
		background-size: cover
	}

	.slide4-1 .img3 {
		height: auto;
		width: 90%
	}

	.slide4-1 .text {
		font-size: 0.28rem;
		line-height: 0.65rem;
		padding: 0 0.5rem
	}

	.slide4-1 .img4 {
		height: auto;
		width: 60%
	}


	.slide4-2 {
		background: url(../img/slide4/a1/bj_web.jpg) no-repeat center bottom;
		background-size: cover
	}

	.slide4-2.swiper-slide-active .logo-title {
		top: 1.5rem
	}

	.slide4-2 .car-show {
		width: auto;
		padding-bottom: 5rem
	}

	.slide4-2 .car-show .img1 {
		height: auto;
		width: 100%;
		top: 0
	}

	.slide4-2 .car-show .img2 {
		height: 1.34rem;
		top: 3.2rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}

	.slide4-2 .car-show .div-show .text-left {
		left: 0;
		right: 0;
		width: auto;
		bottom: 3.4rem;
		text-align: center
	}

	.slide4-2 .car-show .div-show .text-left .h1 {
		font-size: 0.26rem;
		font-weight: bold
	}

	.slide4-2 .car-show .div-show .text-left .h3 {
		font-size: 0.46rem;
	}

	.slide4-2 .car-show .div .text {
		line-height: 0.35rem
	}

	.slide4-2 .car-show .car-parameter {
		bottom: 0
	}

	.slide4-2 .car-show .car-parameter li {
		float: none;
		width: 100%
	}

	.slide4-2 .car-show .car-parameter li .box,
	.slide4-2 .car-show .car-parameter li.active .box {
		background: none;
		height: auto
	}

	.slide4-2 .car-show .car-parameter li .name {
		height: auto;
		line-height: 0.35rem;
		font-size: 0.26rem;
		text-align: center;
		padding: 0.25rem 0.3rem;
		background: url(../img/slide4/a1/li.png)
	}

	.slide4-2 .car-show .car-parameter li .box .text {
		padding: 0.35rem 0;
		color: #fff;
		font-size: 0.2rem;
		line-height: 0.35rem;
		text-align: left;
		font-weight: bold;
		display: none;
		background: rgba(226, 231, 237, 0.8);
		text-align: center
	}

	.slide4-2 .car-show .car-parameter li.active .name,
	.slide4-2 .car-show .car-parameter li:hover .name {
		background: url(../img/slide4/a1/lia.png)
	}

	.slide4-2 .car-show .car-parameter li.active .box .text {
		display: block;
		background: rgba(180, 207, 223, 0.8)
	}

	.slide4-2 .car-show .car-parameter li:nth-child(1) .box .text {
		padding-left: 0
	}

	.slide4-2 .car-show .car-parameter li:nth-child(1) .box,
	.slide4-2 .car-show .car-parameter li:nth-child(2) .box,
	.slide4-2 .car-show .car-parameter li:nth-child(3) .box,
	.slide4-2 .car-show .car-parameter li:nth-child(4) .box {
		clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
		margin: 0
	}

	.slide4-3 {
		background: url(../img/slide4/a1/bj_web.jpg) no-repeat center center;
		background-size: cover;
		overflow: hidden;
		position: relative;
		overflow: hidden
	}

	.slide4-3 .title {
		padding-top: 1.5rem;
		padding-left: 0.25rem
	}

	.slide4-3 .box-box {
		width: 90%;
		position: absolute;
		left: 5%;
		top: 50%;
		transform: translateY(-40%)
	}

	.slide4-3 .page-sx-center {
		width: 90%;
		left: 5%
	}

	.slide4-3 .img0 img {
		display: block;
		height: 2.1rem
	}

	.slide4-3 .img0 img:nth-child(2) {
		margin: 0.5rem auto
	}

	.slide4-3 .img0 {
		height: auto;
		width: 100%;
		margin-top: 1rem
	}

	.slide4-3 .img4,
	.slide4-3 .img5 {
		height: auto;
		width: 100%;
		margin-top: 0.5rem
	}

	.slide4-3 .tips,
	.slide4-3 .tips1 {
		width: 100%;
		font-size: 0.12rem;
		padding-top: 0.5;
		margin: 0 auto
	}

	.slide4-4 {
		background: url(../img/slide4/a3/bj.jpg) no-repeat center center;
		background-size: cover
	}

	.slide4-4 .box-box {
		padding: 0 0.25rem;
		padding-top: 1.5rem;
		color: #fff
	}

	.slide4-4 .title {
		padding-left: 0
	}

	.slide4-4 .title img {
		height: auto;
		width: 100%
	}

	.slide4-4 .slide4-4-tab-nav {
		padding-left: 0;
		padding: 0.7rem 0
	}

	.slide4-4 .slide4-4-tab-nav li {
		width: 25%;
		margin-right: 0
	}

	.slide4-4 .slide4-4-tab-nav li:before {
		display: none
	}

	.slide4-4 .slide4-4-tab-nav li img {
		height: auto;
		width: 90%
	}

	.slide4-4 .slide4-4-tab-nav li:nth-child(1).active,
	.slide4-4 .slide4-4-tab-nav li:nth-child(2).active,
	.slide4-4 .slide4-4-tab-nav li:nth-child(3).active,
	.slide4-4 .slide4-4-tab-nav li:nth-child(4).active {
		background-size: 90%
	}

	.slide4-4 .slide4-4-tab-box {
		min-height: 7.5rem;
		margin-left: 0;
		text-align: left;
		position: relative;
		z-index: 2;
		height: 7.5rem;
		margin-top: 1rem
	}

	.slide4-4 .slide4-4-tab-box .div {
		padding: 0 0.5rem !important
	}

	.slide4-4 .slide4-4-tab-box .div img {
		height: auto;
		width: 80%;
		right: -1rem;
		opacity: 0
	}

	.slide4-4 .slide4-4-tab-box .div img.w2 {
		width: 100%;
		margin-top: 0.2rem
	}

	.slide4-4 .slide4-4-tab-box .div:nth-child(1),
	.slide4-4 .slide4-4-tab-box .div:nth-child(2),
	.slide4-4 .slide4-4-tab-box .div:nth-child(3),
	.slide4-4 .slide4-4-tab-box .div:nth-child(4) {
		padding-left: 0
	}


	/*出众由我*/
	.slide5-1 {
		background: url(../img/slide5/a1/bj-web.jpg) no-repeat 70% center;
		background-size: cover
	}

	.slide5-1 .logo-title {
		position: relative;
		top: -1.8rem
	}

	.slide5-1 .slide5-1-car {
		margin: 1rem 0 0 0;
		width: 100%;
		padding: 0
	}

	.slide5-1 .slide5-1-car .img1 {
		width: 100%;
		position: relative;
		left: -0.4rem
	}

	.slide5-1 .slide5-1-car .more {
		position: absolute;
		right: 2.8rem;
		top: 4.5rem;
		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: 5.3rem;
		top: 1rem
	}

	.slide5-1 .dot.d1 {
		left: 4.1rem;
		top: 1.5rem
	}

	.slide5-1 .dot.d2 {
		left: 0.6rem;
		top: 0.8rem
	}

	.slide5-1 .dot.d3 {
		left: 0.6rem;
		top: 1.7rem
	}

	.slide5-1 .dot.d4 {
		left: 6.5rem;
		top: 1.3rem;
	}

	.car-highlights-dot .dot.d4 em {
		left: -2.75rem;
	}

	.car-highlights-dot .dot.d4 em:before {
		right: 0;
		left: auto;
		transform: translate(130%, -50%);
	}

	.car-highlights-dot .dot.d4 em:after {
		left: auto;
		right: -0.2rem;
	}

	.slide5-2,
	.slide5-4,
	.slide6-2,
	.slide7-2 {
		background: url(../img/bj_web.jpg) no-repeat center 0;
		background-size: cover
	}

	.mySwiper-imgshow-box {
		padding: 0 0.25rem;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-55%)
	}

	.mySwiper-imgshow {
		padding-top: 4rem;
		height: auto;
		margin: 0
	}

	.mySwiper-imgshow .swiper-slide {
		position: relative;
		overflow: hidden
	}

	.mySwiper-imgshow .swiper-slide span {
		margin-left: 0
	}

	.mySwiper-imgshow .swiper-slide img {
		height: auto;
		width: 100%;
		height: 4.3rem
	}

	.mySwiper-imgshow .swiper-slide span .img {
		display: none
	}

	.mySwiper-imgshow .swiper-slide .a {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 2
	}

	.mySwiper-imgshow .swiper-button {
		top: 75%
	}

	.mySwiper-imgshow .swiper-button:after {
		font-size: 0.5rem
	}

	.mySwiper-imgshow .swiper-button-prev {
		left: 0
	}

	.mySwiper-imgshow .swiper-button-next {
		right: 0
	}

	.mySwiper-imgshow .swiper-pagination {
		right: 0;
		top: .6rem
	}

	.mySwiper-imgshow .swiper-pagination {
		height: 3rem
	}

	.mySwiper-imgshow .swiper-pagination .li a {
		line-height: 0.6rem;
		font-size: 0.24rem
	}

	.mySwiper-imgshow .swiper-pagination .li.swiper-pagination-bullet-active a {
		font-size: 0.26rem
	}



	.slide5-3 .more {
		display: none
	}

	.slide5-3 .slide5-3-box {
		overflow-x: auto;
		width: 100%;
		height: 100vh;
		background: none
	}

	.slide5-3 .img-box {
		width: 19.9rem;
		height: 16.8rem;
		background: url(../img/slide5/a2/bj.jpg) no-repeat center 0;
		background-size: cover;
		position: relative;
		overflow: hidden
	}

	.slide5-3 .dot.d0 {
		left: 10.85rem;
		top: 4.1rem;
	}

	.slide5-3 .dot.d1 {
		left: 14.7rem;
		top: 3rem;
	}

	.slide5-3 .dot.d2 {
		left: 11.9rem;
		top: 8.6rem;
	}

	.slide5-3 .dot.d3 {
		left: 6.8rem;
		top: 5.1rem;
	}

	.slide5-3 .dot.d4 {
		left: 4.7rem;
		top: 2.3rem;
	}

	.slide5-3 .dot.d5 {
		left: 4.8rem;
		top: 8.7rem
	}

	.slide5-3 .dot.d6 {
		left: 7.7rem;
		top: 7.7rem
	}

	.slide5-3 .dot.d7 {
		left: 2.1rem;
		top: 6.2rem
	}

	/*智控由我*/
	.slide6-1 {
		background: url(/html/images/20260421-civic/20260506-crv/image8.png) no-repeat center 0;
		background-size: cover
	}

	/* .slide6-1{background:url(../img/slide6/bj.jpg) no-repeat center 0; background-size:cover} */
	.slide6-1 .logo-title {
		margin-top: 2rem
	}

	.slide6-1 .bottom {
		bottom: 2.1rem
	}

	.slide6-1 .bottom .img {
		margin-bottom: 0.7rem
	}


	.illustrate-pop .shade {
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		display: none
	}

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

	.illustrate-pop.active .shade {
		display: block
	}

	.illustrate-pop .box {
		padding: 3rem 0.3rem 0.6rem 0.3rem;
		font-size: 0.15rem;
		line-height: 0.45rem;
		position: relative;
		z-index: 2
	}

	.illustrate-pop .box .close {
		right: 0.8rem;
		top: 1.8rem;
		background: url(../img/slide2/close.png) no-repeat center center;
		background-size: 100%;
		border: 0;
		border-radius: 0
	}

	.illustrate-pop .box .title {
		opacity: 0.5;
		margin-bottom: 0.8rem
	}

	.illustrate-pop .box .content-box-6,
	.illustrate-pop .box .content-box-7 {
		width: auto;
		height: 4rem;
		overflow: auto;
		color: #666
	}

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

	.content-box-list li {
		float: none;
		width: auto
	}

	/*安心由我*/
	.slide7-1 {
		/*background:url(../img/slide7/bj.jpg) no-repeat center 0;*/
		background-size: cover
	}

	.slide7-1 .logo-title {
		margin-top: 2rem
	}

	.slide7-1 .bottom {
		bottom: 2.1rem
	}

	.slide7-1 .bottom .img {
		margin-bottom: 0.7rem
	}

	.slide7-1 .car-show .img0-1 {
		animation: none
	}


	/*历史车型*/
	.slide8 {
		background: url(../img/slide8/bj_web.jpg) no-repeat center center;
		background-size: cover
	}

	.slide8 .logo {
		height: auto;
		width: 60%
	}

	.slide8 .title-h1 {
		font-size: 0.3rem;
		line-height: 0.4rem;
		padding: 1rem 0 0 0;
		display: block;
		text-align: center
	}

	.slide8 .title-h1 .fs50 {
		font-size: 0.44rem;
		line-height: 0.7rem;
		padding-bottom: 0.1rem
	}

	.slide8 .box-box {
		padding-top: 2rem;
		position: relative;
		transform: translateY(0);
		top: 0
	}

	.Swiper-history-car {
		margin-bottom: 0.3rem;
		margin-top: 0.7rem;
		height: auto
	}

	.Swiper-history-car .swiper-slide {
		background: none
	}

	.Swiper-history-car .swiper-slide img {
		width: 100%;
		height: 3.4rem;
		min-height: 3rem;
		float: none
	}

	.Swiper-history-car .swiper-slide .text {
		width: 6rem;
		padding-top: 0;
		margin: 0 auto;
		float: none
	}

	.Swiper-history-car .swiper-slide .text .h1 {
		font-size: 0.32rem;
		line-height: 0.4rem;
		padding: 0.15rem 0;
		display: none
	}

	.Swiper-history-car .swiper-slide .text .txt .tit {
		font-size: 0.32rem;
		line-height: 0.35rem;
		text-align: center;
		padding: 0;
		color: #000;
		border: 0;
		margin-bottom: 0.15rem;
		display: block;
		border-bottom: 1px solid #999;
		padding-bottom: 0.2rem
	}

	.Swiper-history-car .swiper-slide .text .txt {
		font-size: 0.24rem;
		line-height: 0.4rem;
		color: #666;
		padding: 0;
		text-align: left
	}

	.history-nav {
		margin: 0 auto;
		width: 100%;
		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 {
		font-size: 0.22rem
	}

	.history-nav .li:after {
		width: 60%
	}

	/*车型对比*/
	.slide9 {
		background: url(../img/slide9/bj_web.jpg) no-repeat center 0;
		background-size: cover
	}

	.slide9 .configuration-nav {
		padding: 1.2rem 0.5rem 0 0.5rem;
		overflow: hidden;
		position: relative;
		z-index: 3
	}

	.slide9 .configuration-nav li {
		float: none;
		width: 100%;
		margin-bottom: 0.1rem
	}

	.slide9 .configuration-nav li span {
		display: block;
		height: 0.6rem;
		text-align: center;
		line-height: 0.6rem;
		font-size: 0.27rem;
		font-weight: bold;
		color: #666;
		background-size: cover !important;
		cursor: pointer
	}

	.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/li1.png) no-repeat right 0
	}

	.slide9 .configuration-nav li:nth-child(3) span {
		background: url(../img/slide9/li1.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/li1a.png) no-repeat right 0
	}

	.slide9 .configuration-nav li.active:nth-child(3) span {
		background: url(../img/slide9/li1a.png) no-repeat right 0
	}

	.slide9 .slide-bnt {
		bottom: 0.7rem
	}

	.slide9 .box-box {
		transform: translateY(0);
		position: relative;
		top: 0;
		padding-top: 0
	}

	.configuration-swiper {
		margin: 0;
		padding-bottom: 0
	}

	.configuration-swiper .car-show-top {
		height: 3.7rem
	}

	.configuration-swiper .car-show-top:after {
		left: 0.67rem
	}

	.configuration-swiper .car-show-top:before {
		bottom: 0;
		top: 3rem;
		width: 100%;
		background: url(../img/slide9/light.png) no-repeat center center;
		background-size: 80%
	}

	.configuration-swiper .car-show-top .name {
		position: absolute;
		top: 0.48rem;
		left: 1.4rem;
		width: 1.8rem;
		height: 0.4rem;
		line-height: 0.5rem;
		text-align: left;
		font-size: 0.22rem;
		font-weight: bold;
		overflow: hidden;
		color: #000;
		z-index: 2
	}

	.configuration-swiper .car-show-top .car {
		width: 60%;
		left: 0;
		right: -0.4rem;
		margin: 0 auto;
		top: 1.3rem;
		height: 1.8rem
	}

	.configuration-swiper .car-show-top .text {
		top: 3.3rem;
		right: 0.5rem;
		left: 0.5rem;
		text-align: left;
		width: 100%
	}

	.configuration-swiper .car-show-top .text .li {
		float: left;
		padding: 0 0.6rem
	}

	.configuration-swiper .car-show-top .title-h1 span {
		font-size: 0.38rem
	}

	.configuration-swiper .car-show-top .text .title {
		display: inline-block;
		margin-top: 0.1rem
	}

	/*后加*/
	.configuration-swiper .car-show-top .bj {
		height: auto;
		width: 100%
	}

	.configuration-swiper .car-show-top:after {
		top: 0.67rem;
		left: 0.6rem
	}

	.configuration-swiper .car-show-top .car {
		top: 1.1rem
	}

	.configuration-swiper .car-show-top .name {
		top: 0.35rem;
		left: 1.3rem;
		height: 0.35rem;
		line-height: 0.35rem;
		font-weight: normal;
		font-size: 0.24rem
	}

	/*.configuration-swiper .button{display:none}
	.configuration-swiper .swiper-pagination{display:block}
	.configuration-swiper .swiper-pagination .swiper-pagination-bullet{width:0.4rem; height:0.04rem; border-radius:0.5rem}
	.configuration-swiper .swiper-pagination .swiper-pagination-bullet-active{}*/
	.configuration-swiper .car-config-list {
		margin-left: 0.6rem
	}

	.configuration-swiper .car-config-list li {
		font-size: 0.14rem;
		height: 0.5rem
	}

	.configuration-swiper .car-config-list li span {
		height: 0.5rem;
		line-height: 0.5rem;
		font-size: 0.27rem;
		padding-left: 0.6rem;
		margin-left: 0.2rem;
	}

	.configuration-swiper .button {
		color: #666
	}

	.configuration-swiper .button:after {
		font-size: 30px
	}

	.configuration-swiper .swiper-button-prev {
		left: 0
	}

	.configuration-swiper .swiper-button-next {
		right: 0
	}

	.slide9 .tips {
		bottom: 0.2rem;
		left: 0.5rem
	}



	.slide10 {
		background: url(../img/bj1.jpg) no-repeat center bottom;
		background-size: cover
	}

	/*美图赏析*/
	.slide10 .box-1500 {
		width: auto;
		margin: 0 0.25rem
	}

	.slide10-0 .title {
		padding-bottom: 0.5rem
	}

	.slide10-0 {
		background: url(../img/bj_web.jpg) no-repeat center center;
		background-size: cover
	}

	.slide10-0 .box-1500 {
		position: relative;
		left: 0;
		right: 0;
		width: auto;
		top: 0;
		transform: translateY(0);
		padding: 1.8rem 0.25rem 0 0.25rem
	}

	.mySwiper-imgs {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0.45rem
	}

	.mySwiper-imgs img {
		width: 100%;
		height: 8.92rem
	}

	.mySwiper-imgs .s9 {
		bottom: 0
	}

	.mySwiper-imgs .s9 .swiper-pagination-bullet {
		width: 0.8rem;
		height: 0.04rem;
		border-radius: 0.5rem;
		background: #000;
		opacity: 1
	}

	.mySwiper-imgs .s9 .swiper-pagination-bullet-active {
		background: #006ebd
	}

	.mySwiper-imgs .swiper-wrapper .swiper-slide span {
		width: 3.4rem;
		height: 2.12rem
	}

	.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(1) {
		width: 100%;
		height: 4.35rem;
		left: 0;
		top: 0
	}

	.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(2) {
		left: 0;
		top: 4.5rem
	}

	.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(3) {
		right: 0;
		top: 4.5rem
	}

	.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(4) {
		left: 0;
		bottom: 0
	}

	.mySwiper-imgs .swiper-wrapper .swiper-slide span:nth-child(5) {
		right: 0;
		bottom: 0
	}

	.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
	}


	/*预约试驾*/
	.pre-book-box {
		width: 100%;
		margin: 1.2rem 0 0 0;
		height: auto;
		position: relative;
		background: #c9d3df;
	}

	.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
	}


	/*新闻资讯*/
	.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
	}


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

}

.cti-nav-bar .bnt-a {
	color: #fff;
	border: 1px solid #ffffff;
	background: transparent;
	position: absolute;
	right: 60px;
	top: 13px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 15px;
	border-radius: 2px
}

.cti-nav-bar .bnt-b {
	right: 150px;
}