.blueText { color: #02A1C7;}
.pagination { position: absolute; z-index: 20; width: 100%; left: 0; bottom: 10px; text-align: center;}
.swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: #fff; margin: 0 5px; opacity: 0.7; cursor: pointer;}
.swiper-visible-switch { background: #aaa;}
.swiper-active-switch { background: #02A1C7;}

.btn { display: inline-block; font-size: 18px; padding: 15px 50px; background: #fff; color: #267dca; cursor: pointer;}
.btn.btnA { background: #267dca; color: #fff;}
.btn.btnA:hover { color: #fff;}

.scene-1 {}
.scene-1 .titleA { padding: 40px 0 0;}
.scene-1 .titleA h5 { margin: 0;}
.scene-1 .tabbar { text-align: center; font-size: 0;}
.scene-1 .tabbar .item { display: inline-block; padding: 0 20px; margin: 0 20px; color: #333; font-size: 20px; height: 90px; line-height: 90px; cursor: pointer;}
.scene-1 .tabbar .item.active,
.scene-1 .tabbar .item:hover { color: #02A1C7; border-bottom: 2px #02A1C7 solid;}
.scene-1 .content { display: none;}
.scene-1 .content.active { display: block;}
.scene-1 .cars { text-align: center; font-size: 0; padding: 30px 0;}
.scene-1 .cars .item { display: inline-block; width: 200px; margin: 0 25px; cursor: pointer;}
.scene-1 .cars .item img { width: 215px; height: 106px; margin-bottom: 10px;}
.scene-1 .cars .item span { display: block; font-size: 16px; color: #757575;}
.scene-1 .cars .item span em { font-style: normal; padding: 0 5px; color: #02A1C7;}
.scene-1 .cars .item .size { display: none;}
.scene-1 .cars .item .original { display: block;}
.scene-1 .cars .item.active .size { display: block;}
.scene-1 .cars .item.active .original { display: none;}
.scene-1 .info { display: none; background: #000;}
.scene-1 .info.active { display: block;height:31vw}
.scene-1 .info .txt { float: left; width:23vw; padding: 1vw 0 0 10%; color: #fff;}
.scene-1 .info .txt p { margin-bottom:0.5vw;}
.scene-1 .info .txt h5,
.scene-1 .info .txt h2,
.scene-1 .info .txt h3,
.scene-1 .info .txt h4 { font-weight: normal; margin: 0; padding: 0;}
.scene-1 .info .txt h5 { font-size: 23px;}
.scene-1 .info .txt h2 { font-size: 23px;}
.scene-1 .info .txt h3 { font-size: 16px;}
.scene-1 .info .txt h4 { font-size: 13px;}
.scene-1 .info .img { position: relative; float: right; width:55vw;}
.scene-1 .info .img img { vertical-align: top; width: 55vw;height:31vw}
.scene-1 .btns { margin-top: 40px;}
.scene-1 .btns .btn { margin-right: 40px;}
.scene-1 .img { position: relative;}
.scene-1 .img .tabs { position: absolute; z-index: 10; right: 10%; top: 10%;}
.scene-1 .img .tabs .item { display: none;}
.scene-1 .img .tabs .item.active { display: block;}
.scene-1 .img .con { position: relative; display: none; height: 100%;}
.scene-1 .img .con.active { display: block;}
.scene-1 .cars .item a { display: block;margin-top:10px;margin-left:60px;}
.scene-1 .cars .item a i.icon_see{display: block;width:85px;height:21px;background: url(../series/pc_see1.jpg) no-repeat;}

.scene-2 {}
.scene-2 .titleA { padding: 40px 0 0;}
.scene-2 .titleA h5 { margin: 0;}
.scene-2 .tabbar { text-align: center; font-size: 0; margin-bottom: 30px;}
.scene-2 .tabbar .item { display: inline-block; padding: 0 20px; margin: 0 60px; color: #333; font-size: 20px; height: 90px; line-height: 90px; cursor: pointer;}
.scene-2 .tabbar .item.active,
.scene-2 .tabbar .item:hover { color: #02A1C7; border-bottom: 2px #02A1C7 solid;}
.scene-2 .content { display: none;}
.scene-2 .content.active { display: block;}
.scene-2 .tabs { text-align: center; font-size: 0; background: #353535;}
.scene-2 .tabs .item { display: inline-block; padding: 0 20px; margin: 0 40px; color: #fff; font-size: 16px; height: 90px; line-height: 90px;
	cursor: pointer;}
.scene-2 .tabs .item.active,
.scene-2 .tabs .item:hover { color: #02A1C7;}

.scene-2 .con { display: none; position: relative;}
.scene-2 .con.active { display: block;}
.scene-2 .con .txt { position: absolute; top: 25%; right: 15%; width: 21%; color: #000;}
.scene-2 .con .txt h5 { font-size: 45px; font-weight: normal;}
.scene-2 .con .txt h2 { font-size: 35px; font-weight: normal; margin-bottom: 15px; border-top: 1px #000 solid; padding-top: 30px;}
.scene-2 .con .txt p { font-size: 18px; line-height: 35px;}
.scene-2 .con .txt a { font-size: 18px; margin-right: 15px;}
.scene-2 .con .txt a:hover,
.scene-2 .con .txt a.active { color: #1e7bcd !important; border-bottom: 1px #1e7bcd solid;}
.scene-2 .con .txt.white { color: #fff;}
.scene-2 .con .txt.white h2 { border-top-color: #fff;}
.scene-2 .con .txt.white a { color: #fff;}
.scene-2 .con img { width: 100%;}

.scene-3 {}
.scene-3 .content {}
.scene-3 .content .item { position: relative; float: left; width: 33.3333%;}
.scene-3 .content .item img { width: 100%; vertical-align: top;}
.scene-3 .content .item span { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .7;}


.function { padding: 4% 0;}
.function .item { width: 10%; margin: 0 6%;}
.function .item span { font-size: 30px;}



.scene-1 .con .titleA { position: absolute; z-index: 2; top: 5%; left: 5%; padding: 0; text-align: left;}
.scene-1 .con .titleA h5 { font-size: 30px;}
.scene-1 .con .titleA h2 { font-size: 20px;}
.scene-1 .con .content360 { position: absolute; z-index: 1; top: 5%; left: 52%; margin-left: -54%; width: 90%;}
.scene-1 .con .content360 img { width: 55vw; vertical-align: top;}
.scene-1 .con .content720 { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000;}
.scene-1 .inside .titleA h5 { color: #fff;}
.scene-1 .inside .titleA h2 { color: #fff;}
.scene-1 .colors { position: absolute; z-index: 2; left:92%; top: 8%; width: 100%;font-size: 0;}
.scene-1 .colors .item { display: block; margin:1% 0; width: 25px; height: 25px; border-radius: 100%; cursor: pointer;}

@media (min-width: 1367px) {

	.titleA h5 { font-size: 45px;}
	.titleA h2 { font-size: 20px;}
	.titleB h5 { font-size: 38px; margin-bottom: 10px;}
	.titleB h2 { font-size: 16px;}
	.titleC { padding: 60px 0;}
	.titleC h5 { font-size: 45px;}

	.btn { font-size: 16px; padding: 10px 40px;}

	.scene-1 .info .txt h5 { font-size: 30px;}
	.scene-1 .info .txt h2 { font-size: 26px;}
	.scene-1 .info .txt h3 { font-size: 20px;}
	.scene-1 .info .txt h4 { font-size: 14px;}
	.scene-1 .btns .btn { margin-right: 20px;}

	.scene-2 .con .txt h5 { font-size: 30px;}
	.scene-2 .con .txt h2 { font-size: 24px;}
	.scene-2 .con .txt p { font-size: 14px; line-height: 25px;}
	.scene-2 .con .txt a { font-size: 14px;}

	.function .item span { font-size: 24px;}
}

@media (max-width: 1366px) {

	.pagination { bottom: 80px;}
	.titleA h5 { font-size: 35px; letter-spacing: 3px;}
	.titleA h2 { font-size: 16px; letter-spacing: 3px;}
	.titleB h5 { font-size: 38px; margin-bottom: 10px; letter-spacing: 2px;}
	.titleB h2 { font-size: 16px; letter-spacing: 2px;}
	.titleC { padding: 40px 0;}
	.titleC h5 { font-size: 35px; letter-spacing: 3px;}

	.btn { font-size: 14px; padding: 10px 30px;}

	.scene-1 .tabbar .item { padding: 0 15px; margin: 0 15px; font-size: 16px; height: 60px; line-height: 60px;}

	.scene-1 .cars .item { margin: 0 15px;}
	.scene-1 .cars .item span { font-size: 14px;}
	.scene-1 .info .txt { padding-top: 1vw}
	.scene-1 .info .txt p { margin-bottom: 0.2vw;}
	.scene-1 .info .txt h5 { font-size: 2vw;}
	.scene-1 .info .txt h2 { font-size: 2vw;}
	.scene-1 .info .txt h3 { font-size: 1.4vw;}
	.scene-1 .info .txt h4 { font-size: 1.1vw;}
	.scene-1 .btns { margin-top: 20px;}
	.scene-1 .btns .btn { margin-right: 20px;}

	.scene-2 .tabbar .item { padding: 0 15px; margin: 0 15px; font-size: 16px; height: 60px; line-height: 60px;}
	.scene-2 .tabs .item { font-size: 14px;}

	.scene-2 .con .txt h5 { font-size: 26px;}
	.scene-2 .con .txt h2 { font-size: 18px;}
	.scene-2 .con .txt p { font-size: 14px; line-height: 25px;}
	.scene-2 .con .txt a { font-size: 14px;}

	.function .item span { font-size: 18px;}

}
.modalTestdrive1{position:absolute;bottom:0;width:100%;height:70px;background:rgba(0,0,0,.5);color:#fff;z-index:999}
.modalTestdrive1 i{color:red;}

.rv-new{
	width: 85%;
	padding: 20px;
	margin: 30px auto 0;
	min-height: 400px;
/*	border: 1px solid #333;*/
}
.rv-new .rv-filter{
	width: 100%;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #D8D8D8;
}
.rv-new .rv-filter .f-item{
	margin-bottom: 20px;
	height: 25px;
	display: flex;
	justify-content: left;
	font-size: 18px;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #333333;
	line-height: 25px;
}
.rv-new .rv-filter .f-item .t-item{
	width: 160px;
	text-align: left;
}
.rv-new .rv-filter .f-item .d-item span{
	cursor: pointer;
	display: inline-block;
	margin-right: 50px;
	padding: 0 8px;
	border-radius: 15px;
}
.rv-new .rv-filter .f-item .d-item .check{
	padding: 0 8px;
	border-radius: 15px;
	background: #02A1C7;
	color: #fff;
}
.rv-content{
	width: 100%;
}
.con-item li.title { position: absolute; top: 0; left: 0; width: 16%; line-height: 200px; text-align: center; font-size: 30px;margin-right: 0; cursor: default;}
.con-item li .m-item{ height: 250px;}
/* 改+加 */
.con-item li .m-item .lookMore{margin:10px 0 0 60px;display: block;width: 85px;height: 21px;}
.con-item li .m-item .lookMore .lookImg{width: 68px;height: 13px;}

.con-item li b { display: block; font-size: 19px; font-weight: normal; padding: 20px 0 5px 15px;color: #999;}
.con-item li img {width: 215px; height: 100px;}
.con-item li span { display: block; font-size: 16px; padding-left: 15px; color: #757575;}
.con-item li span em { font-style: normal; padding-left: 5px; color: #02A1C7;}
.con-item{padding: 0;width: 100%;}
.con-item .rv-title{ height: 50px;display: flex;justify-content: left;margin-top: 30px;}
.con-item .rv-title .rv-name{width: 140px;text-align: center; height: 37px;font-size: 26px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #02A1C7;line-height: 27px;margin-right: 24px;}
.con-item .rv-title .rv-name .skew{ width: 112px;height:10px;background: #E2E2E2;margin: 0 auto;transform: skew(-15deg);}
.con-item .rv-title .rv-con{height: 30px;font-size: 22px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #333333;line-height: 30px;}
.con-item .box{box-sizing: border-box; width:100%;padding-left: 15%;display: flex;justify-content: left;flex-wrap: wrap;}
.con-item li { cursor: pointer; list-style: none; width: 220px; height: 250px; margin-right: 50px;box-sizing: border-box;}
.con-item li img{border: 1px solid #fff;padding: 1px;}
.con-item li .lookImg{border:none;padding: 0;}
.con-item li:hover img{border: 1px solid #02A1C7;}
.con-item li:hover .lookImg{border:none;}
.con-item li:hover b{color: #02A1C7;}
.con-item li span { color: #02A1C7;}
.con-item li span em {color: #02A1C7;}
.con-item .cycle{border-bottom: 1px solid #D8D8D8;}
.con-item .cycle:last-child{border-bottom: none;}