html{
	background-color: #151415;
}
/* .heander_icon img:hover, .head_select_box img:hover{
	opacity: 1;
} */
.banner_left{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0.25rem;
	z-index: 10;
	left: 0.5rem;
	cursor: pointer;
	opacity: 0;
	transition: all .4s;
}
.banner_right{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0.25rem;
	z-index: 10;
	right: 0.5rem;
	cursor: pointer;
	opacity: 0;
	transition: all .4s;
}
.banner_left.active,
.banner_right.active{
	opacity: 1;
}

.banner_pagination span{
	position: relative;
}
.banner_pagination span::after{
	content: '';
	width: 0%;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 0;
	background-color: #bf906c;
}
.banner_pagination span.swiper-pagination-bullet-active{
	width: 1rem;
}
.banner_pagination span.active::after{
	width: 100%;
	transition: all 5s linear;
}

/* banner遮罩 */
.banner_shade{
	width: 100%;
	height: 100vh;
	background-color: #000;
	transition: all 3.5s;
	position: absolute;
	z-index: 20;
}
.banner_shade.active{
	height: 0;
}








/* 页面整体 */
.body_swiper{
	width: 100%;
	height: 100vh;
}




/* banner */
.banner{
	width: 100%;
	height: 100vh;
	background-color: #2b2d2f;
}
.banner_swiper .swiper-slide{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.banner_swiper .swiper-slide .kv_img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
	transform: scale(1.2);
	transition: all 2s;
	transition-delay: 0.3s;
}
.banner_swiper .swiper-slide-active .kv_img{
	transform: scale(1);
}
.banner_pagination{
	position: absolute;
	bottom: 0rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	opacity: 0;
	transition: all 1s;
	transition-delay: 2s;
}
.banner_pagination.active{
	opacity: 1;
	bottom: 0.5rem;
}
.banner .swiper-pagination-bullet{
	background: rgba(255, 255, 255, 0.55);
	width: 0.4rem;
	height: 1px;
	opacity: 1;
	margin: 0 0.06rem;
	transition: all .6s;
	border-radius: 0;
}
.banner .swiper-pagination-bullet-active{
	width: 0.4rem;
	height: 1px;
	border-radius: 0;
	opacity: 1;
}
.kv_text{
	position: absolute;
	bottom: 0.6rem;
	left: 0.8rem;
}

.kv_text .kv_t1{
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1s;
	transition-delay: 0.6s;
}
.kv_text .kv_t1_txl{
	line-height: 0.6rem;
	margin-bottom: 0.15rem;
}
.kv_text .kv_t2{
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1s;
	transition-delay: 0.8s;
}
.kv_text .kv_time{
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1s;
	transition-delay: 1s;
}
.banner_swiper .swiper-slide.swiper-slide-active .kv_text .kv_t1{
	transform: translateY(0);
	opacity: 1;
}
.banner_swiper .swiper-slide.swiper-slide-active .kv_text .kv_t2{
	transform: translateY(0);
	opacity: 1;
}
.banner_swiper .swiper-slide.swiper-slide-active .kv_text .kv_time{
	transform: translateY(0);
	opacity: 1;
}
.banner_swiper .swiper-slide.swiper-slide-active .kv_btn{
	/* transform: translateY(0);
	opacity: 1; */
}
.kv_text._leave{
	bottom: -1rem;
	opacity: 0;
}
.kv_t1{
	color: #fff;
	font-size: 0.5rem;
	line-height: 0.8rem;
}
.kv_t2{
	color: #fff;
	font-size: 0.2rem;
	line-height: 0.4rem;
	margin-top: -0.05rem;
	letter-spacing: 2px;
}
.kv_t3{
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.25rem;
	font-weight: 300;
	margin-top: 0.3rem;
	display: none;
}
.kv_time{
	display: flex;
	font-size: 0.5rem;
	color: rgb(199 142 102);
	font-weight: bold;
	margin-top: 0.3rem;
	opacity: 0;
	transition: all .4s;
}
.kt_u{
	line-height: 0.5rem;
	margin: 0 0.2rem;
}
.kv_time div{
	position: relative;
}
.kt_h::after{
	content: 'HOUR';
	color: rgb(199 142 102);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.3rem;
	font-size: 0.14rem;
	opacity: 0.5;
}
.kt_m::after{
	content: 'MINUTE';
	color: rgb(199 142 102);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.3rem;
	font-size: 0.14rem;
	opacity: 0.5;
}
.kt_s::after{
	content: 'SECOND';
	color: rgb(199 142 102);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.3rem;
	font-size: 0.14rem;
	opacity: 0.5;
}


.kv_btn{
	position: absolute;
	bottom: 0rem;
	right: 0.8rem;
	z-index: 1;
	transition: all 1s;
	transition-delay: 1s;
	opacity: 0;
}
.banner_swiper .swiper-slide-active .kv_btn{
	opacity: 1;
	bottom: 0.6rem;
}
.kv_btn._leave{
	bottom: -1rem;
	opacity: 0;
}
.kv_b1{
	display: block;
	width: 3.7rem;
	height: 0.75rem;
	line-height: 0.75rem;
	text-align: center;
	/* background-color: #fff; */
	font-size: 0.15rem;
}
.b1_color_2{
	background-color: rgba(64, 64, 64, 0.6);
	color: rgba(255, 255, 255, 0.9);
}



/* 车型轮播 */
.car_model{
	width: 100%;
	height: 100vh;
}
.car_model_show{
	position: relative;
}
.car_model_bk{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.car_model_text{
	position: absolute;
	top: 15vh;
	left: 1.2rem;
}
.cmt_t1{
	color: rgb(129, 93, 67);
	font-size: 0.18rem;
}
.cmt_t2{
	color: #fff;
	font-size: 0.6rem;
	line-height: 0.8rem;
	margin-top: 0.15rem;
	margin-left: -0.05rem;
}
.cmt_t3{
	font-size: 0.19rem;
	line-height: 0.22rem;
	color: #a7a7a7;
	margin-top: 0.1rem;
}
.cmt_t4{
	margin-top: 8vh;
	color: #fff;
	display: flex;
}
.cmt4_min{
	margin: 0 0.4rem;
	position: relative;
}
.cmt4_min::after{
	content: '';
	position: absolute;
	right: -0.4rem;
	top: 5%;
	height: 95%;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.3);
}
.cmt4_min:nth-of-type(1){
	margin: 0 0.4rem 0 0;
}
.cmt4_min:nth-last-of-type(1){
	margin: 0 0rem 0 0.4rem;
}
.cmt4_min:nth-last-of-type(1)::after{
	width: 0px;
}
.cmt4m_t1{
	font-size: 0.16rem;
	opacity: 0.5;
}
.cmt4m_t2{
	margin-top: 0.25rem;
	display: flex;
	align-items: flex-end;
}
.cmt4m_t2 div:nth-of-type(1){
	font-size: 0.4rem;
	line-height: 0.5rem;
}
.cmt4m_t2 .cmt4m_t2_unit{
	font-size: 0.16rem;
	line-height: 0.25rem;
	margin-left: 0.1rem;
}
.car_model_b1{
	display: block;
	width: 3.7rem;
	height: 0.75rem;
	line-height: 0.75rem;
	text-align: center;
	background-color: #fff;
	font-size: 0.15rem;
	/* margin-top: 15vh; */
}
.car_model_text{
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	transition: opacity 0.8s cubic-bezier(.4,0,.2,1);
}
.car_model_text.active{
	opacity: 1;
	pointer-events: auto;
}
.car_model_text .cmt_t1, .car_model_text .cmt_t2,
.car_model_text .cmt_t3, .car_model_text .cmt_t4{
	pointer-events: none;
}
.car_model_text .cmt_t1, .car_model_text .cmt_t2,
.car_model_text .cmt_t3, .car_model_text .cmt_t4,
.car_model_text .cmt_btn{
	position: relative;
	top: 0.6rem;
	opacity: 0;
	transition: all .6s;
}
.car_model_text.active .cmt_t1, .car_model_text.active .cmt_t2,
.car_model_text.active .cmt_t3, .car_model_text.active .cmt_t4,
.car_model_text.active .cmt_btn{
	top: 0rem;
	opacity: 1;
}
.car_model_text.active .cmt_t1{
	transition-delay: 0s;
}
.car_model_text.active .cmt_t2{
	transition-delay: 0.1s;
}
.car_model_text.active .cmt_t3{
	transition-delay: 0.2s;
}
.car_model_text.active .cmt_t4{
	transition-delay: 0.3s;
}
.car_model_text.active .cmt_btn{
	transition-delay: 0.4s;
}

.car_type_img{
	position: absolute;
	top: 13vh;
	width: 42%;
	right: 10%;
	z-index: 1;
	opacity: 0;
	transition: opacity 2.2s cubic-bezier(.4,0,.2,1);
}
.car_type_img.active{
	opacity: 1;
}

.car_img_list{
	position: absolute;
	top: 35vh;
	right: 6%;
	width: 51%;
	z-index: 2;
	display: flex;
	transition: transform 2.2s cubic-bezier(.4,0,.2,1);
	transform: translateX(-100%);
	pointer-events: none;
}
.car_img_list img{
	width: 100%;
	opacity: 0;
	transition: opacity 0.7s;
	transition-delay: 0.5s;
	flex-shrink: 0;
}
.car_img_list img.car-active{
	opacity: 1;
}
.car_img_list img.car-after{
	opacity: 0.2;
}

.car_page{
	position: absolute;
	bottom: 5vh;
	width: calc(100% - 2.4rem);
	left: 1.2rem;
	display: flex;
	align-items: center;
	z-index: 3;
}
.car_page_btn{
	display: flex;
}
.cpb_style{
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	border: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.3rem;
	opacity: 0.4;
	transition: opacity .7s cubic-bezier(.4,0,.2,1);
	cursor: pointer;
}
.cpb_style img{
	width: 0.2rem;
}
.cpb_style:hover{
	opacity: 1;
}
.car_page_line{
	flex: 1;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
}
.car_page_line div{
	width: 0;
	height: 100%;
	background-color: rgb(199 142 102);
	transition: width 1s;
}

/* news */
.news_box{
	position: sticky;
	top: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
/* .news_bk_marks{
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	background-image: linear-gradient(to bottom, #17181a, #17181a,#5f4434);
	opacity: 0;
	transition: all 1s;
}
.news_box._into .news_bk_marks{
	opacity: 0;
} */
.n_change_t{
	color: #fff;
	position: relative;
	left: 20%;
	font-size: 1.8rem;
    margin: 2rem 2.8rem 0;
    transition: left 1s;
	transition-delay: 1s;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.8rem;
	z-index: 2;
}
.n_change_t div{
	overflow: hidden;
	position: relative;
}
.n_change_t div span{
	position: relative;
	top: 1.8rem;
	transition: all 1s;
	display: block;
}
.n_change_t._into div span{
	top: 0rem;
}
.n_change_t._into{
	left: 0%;
}
.n_change_t._color div span{
  background-image: linear-gradient(to top, rgb(199, 142, 102),rgb(199, 142, 102), #00ff85);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-attachment: fixed;
}


.n_zoom_v{
	width: 100%;
	position: relative;
	z-index: 2;
}
.nzv_video{
	width: 100%;
	transform: scale(0.67);
	transition: all .1s;
	position: relative;
	z-index: 1;
}
.nzv_video video{
	width: 100%;
}
.n_zoom_v .nzv_gx{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.nzv_video_i{
	display: none !important;
}
.nzv_video_i._baidu{
	display: block !important;
}

.zv_ls_t{
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1s;
}
.news_box._into .zv_ls_t{
	transform: translateY(0rem);
	opacity: 1;
}
.zoom_v_text .zv_ls_t:nth-of-type(1){
	transition-delay: 0.1s;
}
.zoom_v_text .zv_ls_t:nth-of-type(2){
	transition-delay: 0.3s;
}
.zoom_v_text .zv_ls_t:nth-of-type(3){
	transition-delay: 0.5s;
}
.zoom_v_text .zv_ls_t:nth-of-type(4){
	transition-delay: 0.7s;
}
.zoom_v_t_sb1{
	font-size: 0.2rem;
}
.zoom_v_t_sb2{
	font-size: 0.5rem;
	font-weight: 700;
	margin: 0.2rem 0;
	font-family: 'PM';
}
.zoom_v_text{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.zoom_v_text .btn_4{
	margin-top: 0.4rem;
}
.zoom_v_text .btn_4_d div{
	color: #fff;
}
.zoom_v_text .btn_4_d::after{
	width: 0;
}
.zoom_v_text .btn_4_d::before{
	background-color: #fff;
}

.news_title_co{
	background-image: linear-gradient(to top, #fff,#fff, #fff);
	-webkit-background-clip: text;
	background-clip: text;
	color: #fff;
	position: absolute;
	z-index: 4;
	top: 1rem;
	transition: all 1s ease-in-out;
	left: 50%;
	transform: translate(-50%,2rem);
	opacity: 0;
}
.news_title_co div{
	overflow: hidden;
}
.news_title_co span{
	display: block;
	transition: all 1s;
}
.news_box._begin span{
	
}
.news_box .ntc_2 span{
	padding-left: 1rem;
	transition: all 1.2s ease-in-out;
	opacity: 0;
}
.news_box._left .ntc_2 span{
	padding-left: 0rem;
	transition-delay: 0.2s;
	opacity: 1;
}
.ntc_1{
	font-size: 1.4rem;
	line-height: 1.9rem;
	font-weight: bold;
	margin-top: -0.3rem;
}
.ntc_2{
	font-size: 0.26rem;
	line-height: 0.28rem;
}
.news_box._begin .news_title_co{
	transform: translate(-50%,0);
	opacity: 1;
}
.news_box._left .news_title_co{
	left: 1rem;
	transform: translate(0,0);
	background-image: linear-gradient(to top, rgb(199, 142, 102),rgb(199, 142, 102),rgb(134,176,152),rgb(0,199,189),rgb(0,199,189));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vz_v01{
	position: absolute;
	bottom: 0.5rem;
	left: 2rem;
	width: calc(100% - 4rem);
	display: block;
	z-index: 3;
	transform: scale(0.7);
	opacity: 0;
	transition: all 1s;
	cursor: none;
}
.news_box._begin .vz_v01{
	opacity: 1;
	transform: scale(1);
	transition-delay: 2.2s;
}





/* 新闻列表 */
.news_text_list{
	display: flex;
	width: 100%;
	position: relative;
	z-index: 1;
	padding: 0 0rem 0 1rem;
	left: 33%;
	transition: all 1s ease-in-out;
}
.news_text_list._into{
	left: 0%;
}
.ntlt_text{
	color: #f2e5dc;
}
.ntlt_text._color{
	color: #fff;
}
.news_pic{
	width: 100%;
	height: 250vh;
	display: flex;
	position: relative;
	align-items: flex-start;
}
.mb_pic_box{
	display: flex;
	position: relative;
	align-items: flex-start;
	height: 100vh;
	top: 0;
	position: sticky;
}
.ntl_title{
	font-size: 1.4rem;
	line-height: 1.5rem;
	color: #fff;
	padding-right: 1.3rem;
	position: sticky;
	top: 0rem;
	height: 100vh;
	padding-top: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.ntlt_text .ntlt_text_t{
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
}
.ntlt_text div{
	overflow: hidden;
}
.ntlt_text div span{
	transform: translateY(2rem);
	display: block;
	transition: all 1s;
}
.ntl_title._into .ntlt_text div span{
	transform: translateY(0rem);
}
.news_text_list .btn_4{
	display: block;
	margin-top: 0.35rem;
	opacity: 0;
	transition: all 1s;
}
.news_text_list .btn_4 div{
	color: #fff !important;
}
.news_text_list .btn_4_d::after{
	background-color: #fff;
}
.news_text_list .btn_4_d::before{
	background-color: #fff;
}
.news_text_list._into .btn_4{
	opacity: 1;
}
.ntl_list{
	flex: 1;
	padding-top: 2rem;
	height: 100vh;
	top: 0;
	overflow: hidden;
	position: sticky;
	opacity: 0;
	transition: all 1;
}
.ntl_list._into{
	opacity: 1;
}
.ntl_list_box{
	display: flex;
	position: relative;
}
.ntl_list_min{
	width: 36%;
	flex-shrink: 0;
	margin-right: 3%;
	cursor: pointer;
}
.ntl_list_min:nth-last-of-type(1){
	margin-right: 0;
}
.nlm_v4_t1{
	width: 100%;
	opacity: 0;
	transform: translateX(2rem) scale(1);
	transition: all 1s;
}
.nlm_v4_t1_ov{
	overflow: hidden;
}

.nlm_v4_t2{
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.18rem;
	font-weight: 300;
	line-height: 0.28rem;
	margin-top: 0.15rem;
	transform: translateX(2rem);
	opacity: 0;
}
.nlm_v4_t3{
	color: rgba(255, 255, 255, 0.3);
	font-size: 0.16rem;
	margin-top: 0.1rem;
	font-weight: 300;
	transform: translateX(2rem);
	opacity: 0;
}
.ntl_list_min._into .nlm_v4_t1{
	transition: all 1s;
	transform: translateX(0);
	opacity: 1;
	height:377px;
	object-fit: cover;
}
.ntl_list_min:hover .nlm_v4_t1{
	transform: scale(1.04);
}
.ntl_list_min._into .nlm_v4_t2{
	transition: all 1s;
	transition-delay: 0.2s;
	transform: translateX(0);
	opacity: 1;
}
.ntl_list_min._into .nlm_v4_t3{
	transition: all 1s;
	transition-delay: 0.4s;
	transform: translateX(0);
	opacity: 1;
}































/* 取消body swiper */
.banner, .car_model{
	width: 100%;
	height: 100vh;
	position: relative;
}


/* 车型v2 */
.car_model_v2{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: sticky;
	padding: 15vh 0 0;
	top: 0;
}

.car_name_tab{
	position: relative;
	z-index: 1;
}

.car_name_list{
	display: flex;
	margin-left: 0.5rem;
}
.b_h1{
	display: flex;
	align-items: center;
	color: #fff;
}
.b_h1 img,.b_h2 img{
	width: 0.12rem;
	margin-right: 0.1rem;
}
.b_h2{
	display: flex;
	align-items: center;
	color: rgb(199 142 102);
}
.e_type .b_h2{
	display: flex;
	align-items: center;
	color: rgb(0, 183, 187);
}
.car_name_min{
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.2rem;
	margin: 0 0.3rem;
}
.car_name_min::after{
	content: '';
	width: 0%;
	height: 2px;
	background-color: rgb(199 142 102);
	position: absolute;
	top: 0;
	transition: all 1s;
	opacity: 0;
}
.car_name_min.e_type::after{
	background-color: rgb(0, 183, 187);
}
.car_name_min.active::after{
	width: 100%;
	opacity: 1;
}
.btn_s3{
	overflow: hidden;
	cursor: pointer;
	position: relative;
	font-family: 'PM';
}
.b_h1, .b_h2{
	transform-origin: 0% 0%;
	transition: transform 0.3s;
}
.btn_s3:hover .b_h1{
	transform: translateY(-100%);
}
.btn_s3:hover .b_h2{
	transform: translateY(-100%);
}
.btn_s3.active .b_h1{
	transform: translateY(-100%);
}
.btn_s3.active .b_h2{
	transform: translateY(-100%);
}

/* 变色模块 */
.car_model_v2{
	/* 电 */
	/* background: linear-gradient(to bottom, rgb(224,224,224), rgb(160,165,171)); */
	transition: background 1s;
}
.car_model_v2.change_color_1{
	/* 油 */
	/* background: #2b2d2f; */
}
.car_model_v2.change_color_2{
	/* 变黑 */
	/* background: rgb(23, 24, 26); */
}

.change_bk_box{
	transition: all 1s;
	position: relative;
	/* 油 */
	background: #2b2d2f;
}
.change_bk_box.change_color_1{
	/* 电 */
	background: linear-gradient(to bottom, rgb(224,224,224), rgb(160,165,171), rgb(160,165,171), rgb(160,165,171), rgb(160,165,171), rgb(160,165,171));
}
.change_bk_box.change_color_2{
}
	/* 变黑  渐变色失效 模块代替*/
.c_c_c_l{
	transition: all 1s;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(to bottom, rgb(23, 24, 26),rgb(23, 24, 26),rgb(23, 24, 26),rgb(23, 24, 26),rgb(23, 24, 26),rgb(82, 60, 47), rgb(157, 107, 74),rgb(76, 60, 49), #211d1b, rgb(23, 23, 23), rgb(23, 23, 23));
}
.change_bk_box.change_color_2 .c_c_c_l{
	opacity: 1;
}


.car_model_bg_color.active,.car_model_bg.active{
	opacity: 1;
}
.car_model_img{
	width: 62%;
	overflow: initial;
	margin-top: 15vh;
	z-index: 3;
}
.car_model_img .car_slide{
	position: relative;
	opacity: 0.5;
	transition: opacity 1.5s;
}
.car_model_img .car_slide.swiper-slide-prev{
	opacity: 0;
}
.car_model_img .car_slide.swiper-slide-active{
	opacity: 1;
}
.mcar_i{
	width: 90%;
	margin-left: 5%;
}
.mcar_l{
	position: absolute;
	left: 17%;
	top: 55%;
	width: 13%;
}
.mcar_r{
	position: absolute;
	left: 64.2%;
	top: 54%;
	width: 13%;
}
.mcar_l_vx{
	position: absolute;
	left: 16.2%;
	top: 51%;
	width: 13.5%;
}
.mcar_r_vx{
	position: absolute;
	left: 63.7%;
	top: 51.5%;
	width: 13.5%;
}
.mcar_txl_l{
	left: 17.5%;
	top: 53.5%;
}
.mcar_txl_r{
	left: 65.2%;
	top: 53.5%;
}

.mcar_l._go{
  transform-origin: center;
  animation: rotate1 1.2s infinite linear;
}
.mcar_r._go{
  transform-origin: center;
  animation: rotate1 1.2s infinite linear;
}
.mcar_l._bk{
  transform-origin: center;
  animation: rotate2 1.2s infinite linear;
}
.mcar_r._bk{
  transform-origin: center;
  animation: rotate2 1.2s infinite linear;
}
@keyframes rotate1{
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes rotate2{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.car_model_bottom_list{
	position: relative;
	margin-top: 6vh;
}
@media (max-width: 768px){
	.car_model_bottom_list{
		height: 3.8rem;
	}
}

.car_model_bottom{
	position: absolute;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	padding: 0 1rem;
	align-items: flex-end;
	top: 0;
	width: 100%;
	pointer-events: none;
}
.car_model_bottom.active{
	pointer-events: auto;
}
.car_model_bottom:nth-of-type(1){
	position: relative;
}
.car_model_b1{
    display: block;
    width: 3.7rem;
    height: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 0.15rem;
	color: #fff;
}
.cm2_t1{
	color: rgb(129, 93, 67);
	font-size: 0.18rem;
	transform: translateY(1rem);
	opacity: 0;
}
.cm2_t2{
	font-size: 0.5rem;
	color: rgb(199 142 102);
	margin-top: 0.05rem;
	transform: translateY(1rem);
	opacity: 0;
	
}
.cm2_t3{
	font-size: 0.2rem;
	color: rgb(199 142 102);
	margin-top: -0.05rem;
	transform: translateY(1rem);
	opacity: 0;
	line-height: 0.4rem;
	letter-spacing: 2px;
}
.e_type .cm2_t1{
	color: rgba(255, 255, 255, 1);
}
.e_type .cm2_t2{
	color: #fff;
}
.e_type .cm2_t3{
	color: #fff;
}
.car_model_bottom.active .cm2_t1{
	transition: all 1s;
	transform: translateY(0rem);
	opacity: 1;
}
.car_model_bottom.active .cm2_t1 .cm2_t1_btn{
	display: flex;
}
.car_model_bottom.active .cm2_t1 .cm2_t1_btn div{
	width: 0.6rem;
	height: 0.26rem;
	line-height: 0.26rem;
	text-align: center;
	font-size: 0.12rem;
	margin-bottom: 0.1rem;
	cursor: pointer;
	font-weight: 300;
	transition: all .3s;
	background-color: rgb(0, 183, 187);
	color: #fff;
	position: relative;
}
.car_model_bottom.active .cm2_t1 .cm2_t1_btn div:nth-of-type(1){
	border-radius: 3px 0 0 3px;
}
.car_model_bottom.active .cm2_t1 .cm2_t1_btn div:nth-of-type(2){
	border-radius: 0px 3px 3px 0px;
}
.car_model_bottom.active .cm2_t1 .cm2_t1_btn div:nth-of-type(1)::after{
	content: '';
	height: 0.13rem;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	opacity: 0.5;
}
@media (max-width: 768px){
	.car_model_bottom.active .cm2_t1 .cm2_t1_btn div{
		width: 1rem;
		height: 0.4rem;
		line-height: 0.4rem;
		font-size: 0.2rem;
	}
	.car_model_bottom.active .cm2_t1 .cm2_t1_btn div:nth-of-type(1)::after{
		height: 0.2rem;
	}
}
.car_model_bottom.active .cm2_t2{
	transition: all 1s;
	transition-delay: 0.2s;
	transform: translateY(0rem);
	opacity: 1;
}
.car_model_bottom.active .cm2_t3{
	transition: all 1s;
	transition-delay: 0.4s;
	transform: translateY(0rem);
	opacity: 1;
}
.car_model2_btn{
	transform: translateY(1rem);
	opacity: 0;
}
.car_model_bottom.active .car_model2_btn{
	transform: translateY(0rem);
	opacity: 1;
	transition: all 1s;
}
.car_name_text{
	position: absolute;
	z-index: 1;
	height: 40vh;
	right: 13vw;
	overflow: hidden;
	pointer-events: none;
	top: 20vh;
}
.car_name_text img{
	height: 32vh;
	position: absolute;
	top: 100%;
	opacity: 0;
	transition: all 2s;
}
.car_name_text img:nth-of-type(1){
	position: relative;
}
.car_name_text img.active{
	opacity: 1;
	top: 0;
}

.pno{
	pointer-events: none;
}
.cmw_prev,.cmw_next{
	position: absolute;
	top: 53%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s;
}
.cmw_prev:hover,.cmw_next:hover{
	transform: translateY(-50%) scale(1.1);
}
.cmw_prev{
	left: 1rem;
	pointer-events: none;
	opacity: 0.25;
}
.cmw_next{
	right: 1rem;
}
.cmw_prev img, .cmw_next img{
	width: 0.3rem;
	opacity: 0.35;
	transition: all .5s;
}
.cmw_prev img:hover, .cmw_next img:hover{
	opacity: 1;
}

.mcar_vx_l{
	left: 16%;
	top: 50%;
	width: 14%;
}
.mcar_vx_r{
	left: 63.5%;
	top: 50%;
	width: 14%;
}

.mcar_rx_l{
	left: 16.5%;
	top: 53%;
	width: 14%;
}
.mcar_rx_r{
	top: 53.5%;
	left: 65.5%;
}
.mcar_es_l{
	width: 12%;
	left: 17.5%;
	top: 53%;
}
.mcar_es_r{
	left: 66.5%;
	top: 53%;
	width: 12%;
}
.mcar_et_l{
	left: 17.5%;
	top: 53%;
}
.mcar_lx_l{
	left: 18.2%;
}
.mcar_lx_r{
	left: 66.2%;
	top: 54.5%;
}

@media (max-width: 767px){
	.mcar_l.mcar_rx_l{
		left: 13%;
		top: 53%;
	}
	.mcar_r.mcar_rx_r{
		left: 67%;
		top: 53%;
	}
	.mcar_r.mcar_txl_r{
		left: 67%;
	}
	.mcar_l.mcar_lx_l{
		left: 14.7%;
		top: 54%;
	}
	.mcar_r.mcar_lx_r{
		left: 68%;
		top: 54%;
	}
	.mcar_l.mcar_es_l {
		width: 12.5%;
		left: 14.5%;
		top: 55%;
	}
	.mcar_r.mcar_es_r {
		width: 12%;
		left: 69%;
		top: 55%;
	}
	.mcar_l.mcar_et_l{
		left: 15%;
		width: 11.5%;
		top: 56%;
	}
	.mcar_r.mcar_et_r{
		width: 11.5%;
		left: 67.0%;
		top: 56%;
	}
}






._op0{
	opacity: 0 !important;
}

/* 新美图 */
.n_img_list{
	margin-top: 0rem;
	position: sticky;
	top: 0;
	padding: 10vh 0.6rem 0;
	width: 100%;
	height: 100vh;
}
.nil_title{
	color: #fff;
	position: relative;
	left: 28%;
	overflow: hidden;
	transition: left 1s ease-in-out, color .2s ease-in-out;
	transition-delay: 1s;
	font-size: 1.2rem;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
}
.nil_title span{
	display: block;
	transform: translateY(1.8rem);
	transition: all 1s ease-in-out;
}
.nil_title._into{
	left: 0%;
}
.nil_title._into span{
	transform: translateY(0rem);
}
.nil_title._color span{
	color: rgb(227, 180, 150);
}
.nil_img_tab{
	margin-top: 0vh;
	display: flex;
	justify-content: space-between;
}
.nil_img_tab .nilt_min{
	width: 49.3%;
	position: relative;
}
.nil_img_tab .nilt_min .nilt_min_i{
	overflow: hidden;
}
.nil_img_tab .nilt_min_i img{
	width: 100%;
	height: 70vh;
	object-fit: cover;
	margin-left: 150%;
	position: relative;
	transform: scale(1.06);
	transition: margin 1.5s, transform 0.7s;
}
.nil_img_tab.active .nilt_min_i img{
	margin-left: 0;
	transform: scale(1);
}
.nilt_min_d{
	margin-top: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	bottom: 0.65rem;
	left: 0.5rem;
	opacity: 0;
}
.nil_img_tab.active .nilt_min_d{
	transition: all .5s;
	transition-delay: 1.3s;
	opacity: 1;
}
.nimd_t1{
	color: #fff;
	font-size: 0.24rem;
	transform: translateY(0.5rem);
	transition: all 1s;
	transition-delay: 0s;
}
.nimd_t2{
	color: #fff;
	font-size: 0.4rem;
	transform: translateY(0.5rem);
	margin-top: 0.05rem;
	transition: all 1s;
	transition-delay: 0.1s;
	font-family: 'PM';
}
.nilt_min_d .btn_4{
	margin-top: 0.15rem;
	display: block;
	transform: translateY(0.5rem);
	transition: all 1s;
	transition-delay: 0.3s;
}
.nimd_t1,.nilt_min_d .btn_4{
	opacity: 0;
}
.nil_img_tab .nilt_min:hover .nimd_t1{
	opacity: 1;
	transform: translateY(0rem);
}
.nil_img_tab .nilt_min:hover .nimd_t2,.nil_img_tab .nilt_min:hover .nilt_min_d .btn_4{
	opacity: 1;
	transform: translateY(0rem);
}
.nilt_min:hover .nilt_min_i img{
	transform: scale(1.04);
}

.unit_long{
	height: 1rem;
	position: absolute;
	pointer-events: none;
	opacity: 0;
}


/* 2023 12 06 首页更新 所有模块适配一屏 */
.ping_sticky{
	position: relative;
	height: 180vh;
	width: 100%;
}
/* 缩放视频部分 */
.zoom_v_text{
	position: absolute;
	top: 1.4rem;
	color: #fff;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	text-align: center;
}
.zoom_v_t1{
	font-size: 0.8rem;
	font-weight: 700;
	transform: translateY(2rem);
	opacity: 0.5;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
}
.zoom_v_t2{
	margin-top: 0.1rem;
	font-size: 0.4rem;
	transform: translateY(2rem);
	opacity: 0.2;
}


.n_img_box{
	height: 280vh;
}