/* 字体 */
@font-face {

    src: url('font/conthrax-sb.otf') format('truetype');
}
@font-face {
    font-family: 'p-bold';
    src: url('font/Poppins-Bold.otf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('font/Poppins-Medium.otf') format('truetype');
}

/* button */

.body_other{
	display: none;
}


/* banner */
.t9_banner{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.kv_i{
	width: 100%;
	height: 100vh;
	object-fit: cover;
	transition: all 1s;
}
.t9_kv_text{
	position: absolute;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%) translateY(0);
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 2;
	opacity: 1;
	transition: all 1s;
	transition-delay: .6s;
}
.kt_1 img{
	width: 2.6rem;
}
.kt_2{
	text-align: center;
	font-size: 0.2rem;
	color: #fff;

	letter-spacing: 2px;
	margin-top: 0.2rem;
}
.load_box{
	width: 100vw;
	position: relative;
}
.load_img{
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 555;
	transition: all 1s;
}

.load_img.load_end{
	top: -101vh;
}
.kv_load_i{
	width: 1.5rem;
	position: absolute;
	z-index: 1;
	bottom: 40%;
	left: 50%;
	transform: translateX(-50%);
	transition: all .5s;
}
.t9_banner.load_end .kv_load_i{
	opacity: 0;
}
.t9_banner.load_end .load_img .kv_i{
	transform: translateY(-101vh);
}
.t9_banner.load_end .t9_kv_text{
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* 安全 */
.safety_box{
	position: relative;
	width: 100%;
}
.safety_main{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.safety_main img{
	width: 100%;
}
.sm_text{
	position: absolute;
	width: calc(100% - 1rem);
	bottom: 1rem;
	left: 0.5rem;
	color: #fff;

}
.smt_01{
	font-size: 0.2rem;
	transform: translateY(1rem);
	opacity: 0;
}
.smt_01.active{
	transition: all 1s;
	opacity: 1;
	transform: translateY(0);
}
.smt_02{
	font-size: 0.55rem;
	position: relative;
	margin-top: 0.15rem;
	transform: translateY(1rem);
	opacity: 0;
}
.smt_02.active{
	transition: all 1s;
	transition-delay: .2s;
	opacity: 1;
	transform: translateY(0);
}
.smt_02 div{
	position: absolute;
	top: 0;
	left: 0;
}
.smt_02 div.show_1{
	position: relative;
}
.show_1{
	opacity: 0.5;
}
.show_2{
	width: 0%;
	white-space: nowrap;
	overflow: hidden;
}
.smt_03{
	padding-left: 37%;
	font-size: 0.2rem;
	line-height: 0.35rem;
	margin-top: 0.4rem;
	transform: translateY(1rem);
	opacity: 0;
	transition: all 1.5s;
}
.smt_03.active{
	opacity: 1;
	transform: translateY(0);
}

/* change num */
.safety_other{
	position: relative;
}
.safe_num{
	height: 300vh;
	position: relative;
}
.change_num{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
}
.change_n_left{
	width: 32%;
	background-color: rgb(219, 220, 215);
	padding: 1rem 0.5rem;
	position: relative;
	color: rgb(98, 82, 59);
}
.cnl_top{

}
.cnl_top div:nth-of-type(1){
	font-size: 0.2rem;
	line-height: 0.18rem;
	letter-spacing: 2px;
	opacity: 0.5;
}
.cnl_top div:nth-of-type(2){
	font-size: 0.55rem;
	line-height: 0.55rem;
	margin-top: 0.2rem;
}
.cnl_num_list{
	/*position: absolute;*/
	bottom: 3rem;
	left: 0.5rem;
}
.cm_01{
	font-size: 0.2rem;
	white-space: nowrap;
}
.cm_02{
	font-size: 0.7rem;
	line-height: 0.7rem;

	margin-top: 0.15rem;
	white-space: nowrap;
}
.cm_02 span{
	/* font-size: 0.26rem; */
}
.cnl_min{
	/*position: absolute;*/
	top: 1.5rem;
	left: 0;
	opacity: 0;
	transition: all 1s;
}
.cnl_min.active{
	top: 0;
	opacity: 1;
}
.cnl_num_list._into_1 .cnl_min:nth-of-type(1){
	top: -1.5rem;
	opacity: 0;
}
.cnl_num_list._into_2 .cnl_min:nth-of-type(1){
	top: -1.5rem;
	opacity: 0;
}
.cnl_num_list._into_2 .cnl_min:nth-of-type(2){
	top: -1.5rem;
	opacity: 0;
}
.cnl_num_list._into_3 .cnl_min:nth-of-type(1){
	top: -1.5rem;
	opacity: 0;
}
.cnl_num_list._into_3 .cnl_min:nth-of-type(2){
	top: -1.5rem;
	opacity: 0;
}
.cnl_num_list._into_3 .cnl_min:nth-of-type(3){
	top: -1.5rem;
	opacity: 0;
}
.change_n_right{
	width: 68%;
}
.change_n_right img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.change_n_right video{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}



.safe_text{
	background-color: rgb(219, 220, 215);
	padding: 0.5rem;
}
.safe_text_sw .swiper-wrapper{
	display: block;
}
.safe_t_min{
	display: flex;
	justify-content: space-between;
}
.safe_t_min:nth-of-type(2){
	margin-top: 0.15rem;
}
.stm_i{
	width: 58%;
	position: relative;
}
.stm_i img{
	width: 100%;
}
.stm_i video{
	width: 100%;
	display: block;
}
.stm_t{
	width: 41%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.5rem 0.5rem 0.4rem;
	color: #fff;
	background-color: rgb(146, 142, 130);
}
.st_01{
	font-size: 0.21rem;
	color: rgba(255, 255, 255, .5);
}
.st_02{
	/* font-size: 0.42rem; */
	font-size: 0.28rem;
	line-height: 0.43rem;
	margin-top: 0.15rem;
	font-weight: bold;
}
.st_03{
	font-size: 0.21rem;
	color: rgba(255, 255, 255, .7);
	line-height: 0.35rem;
	letter-spacing: 0.0055rem;
}

.unit_1{
	position: relative;
	height: 200vh;
}
.u1_min{
	position: sticky;
	height: 100vh;
	overflow: hidden;
	top: 0;
}
.unit_bk{
	height: 100vh;
	width: 100%;
	object-fit: cover;
}
.unit_text_1{
	position: absolute;
	bottom: 1rem;
	left: 0.5rem;
	color: #fff;

	transition: all 1s;
}
.ut_01{
	opacity: 0.6;
	font-size: 0.2rem;
	letter-spacing: 2px;
}
.ut_02{
	font-size: 0.5rem;
	line-height: 0.5rem;
	margin-top: 0.15rem;
}
.unit_text_2{
	position: absolute;
	bottom: -0.2rem;
	left: 0.5rem;
	color: #fff;
	display: flex;
	width: calc(100% - 1rem);
	justify-content: space-between;
	transition: all 1s;
	opacity: 0;
}
.ut_03{
	font-size: 0.2rem;
	opacity: 0.8;
}
.ut_04{
	font-size: 0.5rem;
	line-height: 0.5rem;
	margin-top: 0.15rem;

	/* font-family: 'p-bold'; */
}
.unit_1._into .unit_text_1{
	bottom: 2.2rem;
	opacity: 0;
}
.unit_1._into .unit_text_2{
	bottom: 1rem;
	opacity: 1;
}


.tab_change{
	padding: 1rem;
	background-color: rgb(111, 82, 68);
}
.tab_change_title{
	font-size: 0.28rem;
	color: #fff;
	font-weight: 500;
}
.tab_change_title span{
	margin-right: 0.6rem;
	transition: all 1s;
	cursor: pointer;
	position: relative;
}
.tab_change_title_list span{
	color: rgb(97, 80, 58, 0.5);
}

.tab_change_title_list span.active{
	color: rgb(97, 80, 58,1);
}
.tab_i{
	position: relative;
	margin-top: 0.2rem;
}
.tab_change_min_2 .tab_i{
	margin-top: 0rem;
}

.tab_i_show{
	position: relative;
	width: 100%;
}
.tab_i_show img{
	width: 100%;
}
.tab_i_c{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.tab_i_c img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transform: translate(0.2rem, 0rem) scale(1.01);
	transition: all .7s linear;
}
.tab_i_c img:nth-of-type(1){
	position: relative;
}
.tab_i_c img.active{
	clip-path: polygon(-140% 0, 100% 0, 100% 100%, -100% 100%);
	transform: translate(0rem, 0rem) scale(1);
}

.tab_i_show video{
	width: 100%;
}
.tab_i_c video{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transform: translate(0.2rem, 0rem) scale(1.01);
	transition: all .7s linear;
}
/* .tab_i_c video:nth-of-type(1){
	position: relative;
} */
.tab_i_c video.active{
	clip-path: polygon(-140% 0, 100% 0, 100% 100%, -100% 100%);
	transform: translate(0rem, 0rem) scale(1);
}



.tc_change{
	display: flex;
	align-items: center;
	z-index: 5;
	width: 100%;
	justify-content: space-between;
	position: relative;
	margin-top: -0.4rem;
}
.tc_text{
	color: #fff;
	position: relative;
	white-space: nowrap;
}
.tc_text div{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .7s;
	font-size: 0.22rem;
	padding-top: 0.2rem;
	opacity: 0;
}
.tc_text div.active{
	opacity: 1;
}
.tc_text div:nth-of-type(1){
	position: relative;
}
.tc_tab{
	display: flex;
	background-color: rgb(111, 82, 68);
}
.tc_tab img{
	width: 1.8rem;
	object-fit: cover;
	height: 1rem;
	margin: 0.08rem 0 0.08rem 0.08rem;
	cursor: pointer;
}
.tab_change.color_1{
	background-color: rgb(219, 220, 215);
}
.tab_change.color_1 .tc_tab{
	background-color: rgb(219, 220, 215);
}
.tab_change.color_1 .tab_change_title{
	color: rgb(97, 80, 58);
	display: flex;
		align-items: center;
}
.tab_change.color_1 .tc_text div{
	color: rgb(97, 80, 58);
}
.tab_change_min_list{
	position: relative;
}
.tab_change_min_1{
	opacity: 1;
	transition: all 1s;
}
.tab_change_min_2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: all 1s;
}
.tab_change_min_list.active .tab_change_min_1{
	opacity: 0;
}
.tab_change_min_list.active .tab_change_min_2{
	opacity: 1;
	pointer-events: auto;
}


.comfortable{
	background-color: rgb(219, 220, 215);
	padding: 0 1rem 1rem;
}
.comfortable img{
	margin-top: 0.2rem;
    width: 100%;
}
.comfortable_01{
	padding: 1rem;
}
.com_title{
	font-size: 0.28rem;
	color: #fff;
	font-weight: 500;
	color: rgb(97, 80, 58);

}

.comfortable-box{
	margin-top: 0.3rem;
	display: flex;
}
.comfortable-r,
.comfortable-l{
	width: 49.2%;
	position: relative;
}
.comfortable-r{
	margin-right: 1.6%;
}
.comfortable-l-bot{
	position: relative;
}
.comfortable-l-bot img{
	margin-top: 0.32rem;
}
.comfortable-r-t{
	position: absolute;
    top: 0.6rem;
    left: 0.7rem;
	color: #fff;
	display: flex;
}
.comfortable-l-t{
	position: absolute;
    top: 0.6rem;
    right: 0.7rem;
	color: #fff;
	display: flex;
}
/* .comfortable-l-t1{
	top: 4.8rem;
} */
.comfortable-r-t>div{
	margin-right: 1.2rem;
}
.comfortable-r-num{
	font-size: 0.8rem;

	position: relative;
}
.comfortable-r-num::after{
	content: '';
    display: block;
    width: 100%;
    height: 0.9px;
    position: absolute;
    background-color: #fff;
    top: 1.05rem;
}
.comfortable-r-d{
	    /* font-family: "p-bold"; */
		font-size: 0.16rem;
		margin-top: -0.05rem;
}



.safe_text_2{
	background-color: rgb(111, 82, 68);
	padding: 0rem 0.5rem 0.5rem;
}
.safe_text_2 .stm_t{
	background: linear-gradient(to right, rgb(172, 137, 117), rgb(154, 112, 88), rgb(154, 112, 88));
}





.car_wg_box{
	position: relative;
	height: 200vh;
	width: 100%;
}
.car_wg{
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	overflow: hidden;
	background: rgb(219, 220, 215);
}
.car_wg_bk{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.car_wg_top{
	position: absolute;
	left: 1rem;
	top: 1.2rem;
	opacity: 1;
	filter: blur(0rem);
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	transition-duration: 1s;
	color: rgb(98, 82, 59);
}
.cwt_t1{
	font-size: 0.2rem;

	color: rgb(98, 82, 59,0.4);
}
.cwt_t2{
	font-size: 0.5rem;
	line-height: 0.5rem;
	font-weight: 800;
	margin-top: 0.15rem;

}
.cwt_t3{
	font-size: 0.18rem;
	line-height: 0.38rem;
	margin-top: 0.15rem;
	letter-spacing: 0.007rem;
}
.cwt_t4{
	/* font-size: 0.16rem; */
	font-size: 0.24rem;
	margin-top: 0.2rem;
	line-height: 0.5rem;
	letter-spacing: 0.007rem;
	font-weight: 800;

}


.flicker_btn_1{
	top: 57%;
	right: 44%;
}
.flicker_btn_2{
	top: 64%;
    right: 59.5%;
}
.flicker_btn_3{
	top: 59%;
	right: 58.5%;
}
.flicker_btn_4{
	top: 54%;
	right: 23%;
}
.flicker_btn_5{
	top: 53%;
	right: 35%;
}
.flicker_btn_6{
	top: 38%;
	right: 37%;
}
.flicker_btn_7{
	top: 73%;
	right: 32%;
}


/* 外观弹窗 */
.car_wg_pop{
	position: absolute;
	top: 0;
	z-index: 10;
	height: 100vh;
	width: 50%;
	right: -55vw;
}
.wg_pop_close{
	position: absolute;
	left: -0.25rem;
	top: 55%;
	width: 0.5rem;
	height: 0.5rem;
	background-color: #fff;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	cursor: pointer;
	z-index: 5;
}
.wg_pop_close img{
	width: 0.15rem;
}
.wg_pop_img{
	position: relative;
	width: calc(100% - 1.6rem);
	margin-left: 0.8rem;
	margin-top: 0.6rem;
}
.wg_pop_img img{
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 1s;
}
.wg_pop_img img:nth-of-type(1){
	position: relative;
}
.wg_pop_img img.active{
	opacity: 1;
}
.wg_pop_text{
	padding: 1.8rem 0.8rem 0 0.8rem;
	position: relative;
}
.wpt_min{
	position: absolute;
	width: calc(100% - 1.6rem);
	left: 0.8rem;
	top: 1.8rem;
	opacity: 0;
	transition: all 1s;
}
.wpt_min:nth-of-type(1){
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}
.wpt_min.active{
	opacity: 1;
}
.wpt_min div{
	height: 0.8rem;
}
.wpt_min div:nth-of-type(1){
	font-size: 0.3rem;
	line-height: 0.3rem;

}
.wpt_min div:nth-of-type(2){
	font-size: 0.2rem;
	line-height: 0.32rem;
	margin-top: 0.2rem;
}
/* 打开弹窗 */
.car_wg_main{
	transition: all 1s;
}
.car_wg_pop{
	transition: all 1s;
	background-color: rgb(219, 220, 215);
	color: rgb(98, 82, 59);
}
.car_wg_pop_title{
	position: absolute;
	top: 1.2rem;
	left: 0.8rem;
	display: flex;
	font-size: 0.16rem;
	/*font-family: 'p-bold' !important;*/
	align-items: center;
}
.cwpt_line{
	background: rgb(98, 82, 59);
	width: 1.5rem;
	height: 1px;
	margin: 0 0.2rem;
}
.car_wg.open .car_wg_top{
	opacity: 0;
	filter: blur(0.6rem);
	transform: scale3d(1, 0.1, 1) translate3d(0, 50%, 0);
	transform-origin: bottom left;
	transition-property: filter, opacity, transform;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.car_wg.open .car_wg_bottom{
	opacity: 0;
	filter: blur(0.6rem);
	transform: scale3d(1, 0.1, 1) translate3d(0, 50%, 0);
	transform-origin: bottom left;
	transition-property: filter, opacity, transform;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.car_wg.open .car_wg_main{
	transform: translateX(-40%);
}
.car_wg.open .car_wg_pop{
	right: 0;
}




.wide{
	background-color: rgb(219, 220, 215);
	padding: 1rem;
	color: rgb(98, 82, 59);
}
.wide_title_01{
	font-size: 0.16rem;

	color: rgb(98, 82, 59,0.4);
}
.wide_title_02{
	font-size: 0.5rem;
	line-height: 0.5rem;

	margin-top: 0.15rem;
}
.wide img{
	width: 100%;
	margin-top: 0.4rem;
}
/* .wide_box{
	
}
.wide_bot{
	display: flex;
	margin-top: 0.2rem;
}
.wide_bot img{
	margin-top: 0;
}
.wide_bot_l,.wide_bot_r{
	width: 49.5%;
}
.wide_bot_l{
	margin-right: 1%;
} */

.wi_min{
	position: relative;
}
.wi_min img{
	width: 100%;
}
.wide img{
	margin-top: 0.2rem;
}
.wi_min span{
	position: absolute;
	display: block;
	left: 0.3rem;
	bottom: 0.3rem;
	color: #fff;
	font-size: 0.24rem;

}
.wim_list{
	display: flex;
	justify-content: space-between;
}
.wim_list .wi_min{
	width: 49.4%;
}
.comfortable_01{
	padding: 0.5rem 0.25rem;
}






/* 文字动效 */
.text_in{
	opacity: 0;
	transform: translateY(1rem);
	transition: all 1s;
}
.text_in._into{
	opacity: 1;
	transform: translateY(0rem);
}













/* 视频按钮 */
.play_v{
    position: absolute;
    opacity: 1;
    pointer-events: auto;
	width: 100%;
}
.stop_v{
    position: absolute;
	opacity: 0;
    pointer-events: auto;
	width: 100%;
}
.button_v.active .play_v{
    opacity: 0;
    pointer-events: none;
}
.button_v.active .stop_v{
    opacity: 1;
    pointer-events: auto;
}
.button_v{
	position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    left: 0.5rem;
	bottom: 0.5rem;
	cursor: pointer;
}


/* 圆形闪光按钮 */
.flicker_btn{
	position: absolute;
}
.HotspotPoint__point__3GEmahoi {
	display: block;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transform: scale(1);
	border: 1px solid transparent;
	transition: border 300ms;
}

.HotspotPoint__point__3GEmahoi:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	transform: translate(-50%, -50%);
	transition: transform 300ms, background 300ms;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid transparent;
}

.HotspotPoint__point__3GEmahoi:before {
	border-color: #fff;
}

.HotspotPoint__hidden__2I1UO_ir {
	pointer-events: none;
}

.HotspotPoint__hidden__2I1UO_ir:before {
	transform: translate(-50%, -50%) scale(0);
}

.HotspotPoint__opened__17jxY6X7 {
	border-color: #fff;
}

.HotspotPoint__opened__17jxY6X7:before {
	transform: translate(-50%, -50%) scale(2);
}

.HotspotPoint__opened__17jxY6X7:before {
	background: #fff;
}

.HotspotPoint__pulsing__1MVjgpDF:before {
	width: 24px;
	height: 24px;
}

.HotspotPoint__pulsing__1MVjgpDF::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	margin-left: -13px;
	transform-origin: center;
	border-radius: 50%;
	box-sizing: border-box;
	animation: HotspotPoint__pulse__1erxfkPR 2s infinite;
	border: 2px solid #fff;
}

.HotspotPoint__pulsing__1MVjgpDF::after {
	color: #fff;
	border: 2px solid #fff;
}
.flicker_btn:hover .HotspotPoint__pulsing__1MVjgpDF::after{
	color: #fff;
	border: 2px solid #fff;
	background-color: transparent;
	animation: HotspotPoint__pulse__1erxfkPR__hover 2s infinite;
}
.flicker_btn:hover  .HotspotPoint__point__3GEmahoi:before{
	background-color: transparent;
}
.flicker_btn.active .HotspotPoint__pulsing__1MVjgpDF::after{
	color: #fff;
	border: 2px solid #fff;
	background-color: transparent;
	animation: HotspotPoint__pulse__1erxfkPR__hover 2s infinite;
}
.flicker_btn.active  .HotspotPoint__point__3GEmahoi:before{
	background-color: transparent;
	border-color: #fff;
}

@keyframes HotspotPoint__pulse__1erxfkPR {
	0% {
		opacity: 0;
		border-width: 2px;
		transform: scale(0.5, 0.5);
		background-color: rgba(255, 255, 255, .8);
	}

	50% {
		opacity: 1;
		transform: scale(0.8, 0.8);
		border-width: 2px;
		background-color: rgba(255, 255, 255, .8);
	}

	100% {
		opacity: 0;
		border-width: 1px;
		background-color: rgba(255, 255, 255, .1);
		transform: scale(2.5, 2.5);
	}
}
@keyframes HotspotPoint__pulse__1erxfkPR__hover {
	0% {
		opacity: 0;
		border-width: 2px;
		transform: scale(0.5, 0.5);
		background-color: #fff;
	}

	50% {
		opacity: 1;
		transform: scale(0.8, 0.8);
		border-width: 2px;
		background-color: #fff;
	}

	100% {
		opacity: 0;
		border-width: 1px;
		background-color: #fff;
		transform: scale(2.5, 2.5);
	}
}

.car_wg_pop_mb{
	display: none;
}

.unit_i4 img{
	width: 100%;
}
.unit_i4{
	height: auto;
}



.comf_box{
	display: flex;
	margin-top: 0.2rem;
}
.comf_box img{
	width: 100%;
}
.comf_left{
	width: 49.5%;
	margin-right: 1.8%;
	position: relative;
}
.comf_right{
	width: 49.5%;
	position: relative;
}
.comf_right02{
	margin-top: 0.33rem;
	position: relative;
}
.comf_t1{
	position: absolute;
	top: 0.7rem;
    left: 0.8rem;
}
.comf_t2{
	position: absolute;
	top: 0.7rem;
    right: 0.8rem;
}
.comf_t3{
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}
.comf_t1 .title{
	color: rgb(190, 135, 81);
    font-size: 0.23rem;
    font-weight: 600;

}
.comf_t2 .title,
.comf_t3 .title{
	color: rgb(190, 135, 81);
    font-size: 0.23rem;
    font-weight: 600;
	text-align: right;

}
.comf_t3 .title{
	padding-bottom: 0.4rem;
    border-bottom: 1px solid rgb(97, 80, 58);
    width: 6rem;
}
.comf_box .num{

    color: rgb(97, 80, 58);
    font-size: 0.48rem;
	margin-top: 0.25rem;
	position: relative;
	display: flex;
	align-items: flex-end;
}
.comf_box .nums::after{
	content: '';
    display: block;
    width: 100%;
    height: 0.9px;
    position: absolute;
    background-color: rgb(97, 80, 58);
	top: 0.55rem;
	/* margin-top: 0.1rem; */
}
.comf_box .nums1::after{
	margin-top: 0.08rem;
}
.comf_box .comf_left .nums::after{
	width: 57%;
}
.comf_box .comf_left .comf_t1 .nums2::after{
	width: 79%;
}
.comf_box .num span{
	font-size: 0.32rem;
	margin-bottom: -0.08rem;
}
.comf_box .nums1 span:nth-of-type(1){
	font-size: 0.48rem;
	margin-bottom: -0.15rem;
}
.comf_box .t{
	color: rgb(97, 80, 58);
    font-size: 0.16rem;
    font-weight: 600;
    margin-top: 0.2rem;
}
.n_box{
	display: flex;
}
.n_box>div{
	text-align: right;
}
.n_box>div:nth-of-type(1){
	margin-right: 0.3rem;
	margin-left: 0.3rem;
}
.comf_t3 .t1{

	text-align: right;
	color: rgb(97, 80, 58);
	font-size: 0.2rem;
	margin-top: 0.4rem;
}
.comf_t3 .t2{
	margin-top: 0.23rem;
}



.sw_u1{
	padding-top: 0.5rem;
}
.sw_u1 .swiper-slide>div:nth-of-type(1){
	overflow: hidden;
}
.sw_u1 .swiper-slide img{
	width: 100%;
	scale: 1;
	transition: all 0.6s;
}
.sw_u1 .swiper-slide:hover img{
	scale: 1.2;
	transition: all 0.6s;
}
.sw_u1 .swiper-slide div{
	font-size: 0.2rem;
	margin-top: 0.3rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, .9);
}
.sw_page_btn{
	display: flex;
	align-items: center;
	margin-top: 0.4rem;
}
.sw_page_u1{
	position: relative !important;
	height: 1px;
	flex: 1;
}
.sw_pb{
	display: flex;
	align-items: center;
}
.sw_pb_s{
	margin-left: 0.22rem;
	width: 0.56rem;
	height: 0.56rem;
	border: 2px solid #fff;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	transition: all 0.5s;
}
.sw_pb_s img{
	width: 0.12rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.sw_page_btn .swiper-pagination-progress .swiper-pagination-progressbar{
	background-color: rgba(255, 255, 255, .8);
	height: 2px;
}
.swiper-pagination-progress{
	background: rgba(255, 255, 255, 0.25);
}
.sw_pb_left_1,
.sw_pb_right_1{
	opacity: 0.5;
	transition: all .5s;
}
.sw_pb_left_1:hover,
.sw_pb_right_1:hover{
	opacity: 1;
	transition: all .5s;
}



@media (max-width: 768px){
	.t9_kv_text{
		bottom: auto;
		top: 3.8rem;
	}
	.kt_2{
		white-space: nowrap;
		font-size: 0.24rem;
	}
	
	.sm_text {
	    bottom: auto;
		top: 1.5rem;
	    color: rgb(98, 82, 59);

	}
	.smt_01{
		font-size: 0.22rem;
	}
	.show_1{
		opacity: 1;
	}
	.smt_02{
		font-size: 0.52rem;
	}
	.smt_03{
		padding-left: 0;
		font-size: 0.18rem;
		line-height: 0.3rem;
		margin-top: 0.12rem;
	}
	
	.safety_other{
		overflow: hidden;
	}
	.safe_num{
		height: auto;
		padding: 0.25rem;
	}
	.change_num{
		display: flex;
		flex-direction: column-reverse;
		height: auto;
	}
	.change_n_right{
		width: 100%;
	}
	.change_n_right img{
		height: auto;
	}
	.change_n_right video{
		height: auto;
	}
	.change_n_left{
		width: 100%;
	}
	.cnl_min{
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
		display: flex;
		flex-direction: column-reverse;
	}
	.cnl_min.active{
		top: auto;
	}
	.cnl_num_list{
		position: relative;
		bottom: auto;
		left: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.cnl_min {
		width: 50%;
	}
	.cnl_top div:nth-of-type(2) {
	    font-size: 0.35rem;
	    line-height: 0.4rem;
		white-space: nowrap;
	}
	.cm_01{
		margin-top: 0.12rem;
	}
	.cm_02 {
	    font-size: 0.37rem;
	    line-height: 0.45rem;
	    margin-top: 0rem;
	}
	.cnl_num_list{
		margin-top: 0.5rem;
	}
	.cnl_min:nth-of-type(3),
	.cnl_min:nth-of-type(4){
		margin-top: 0.4rem;
	}
	
	.safe_text{
		padding: 0 0.25rem 0.25rem 0.25rem;
		background-color: #fff;
	}
	.safe_text_sw .swiper-wrapper{
		display: flex;
	}
	.safe_t_min{
		flex-direction: column;
	}
	.stm_i{
		width: 100%;
	}
	.stm_t{
		width: 100%;
	}
	.safe_t_min:nth-of-type(2){
		margin-top: 0;
	}
	.safe_t_min_rw{
		flex-direction: column-reverse;
		display: flex;
	}
	.button_v {
	    left: 0.3rem;
	    bottom: 0.3rem;
	}
	.st_02{
		margin-top: 0;
	}
	.safe_text_sw {
		overflow: initial;
	}
	
	
	.unit_text_1{
		bottom: 2.5rem;
		opacity: 0;
		transition: all 1s;
	}
	.unit_text_2{
		bottom: 0rem;
		opacity: 0;
		transition: all 1s;
		opacity: 0;
		flex-wrap: wrap;
	}
	.unit_text_2 .ut2_min{
		width: 50%;
	}
	.unit_text_2 .ut2_min:nth-of-type(3),
	.unit_text_2 .ut2_min:nth-of-type(4){
		margin-top: 0.3rem;
	}
	.ut_02{
		white-space: nowrap;
		font-size: 0.35rem;
		line-height: 0.45rem;
	}
	.ut_04{
		font-size: 0.37rem;
		line-height: 0.4rem;
	}
	.ut_03{
		font-size: 0.22rem;
	}
	._intom .unit_text_1{
		bottom: 3.8rem;
		opacity: 1;
	}
	._intom .unit_text_2{
		bottom: 1rem;
		opacity: 1;
	}
	
	.tab_change_title{
		display: none;
	}
	.tab_i{
		margin-top: 0;
	}
	.tab_change{
		padding: 0.5rem 0.25rem;
	}
	.tc_tab{
		display: none;
	}
	.tc_change{
		margin-top: 0.3rem;
	}
	.tc_text{
		position: relative;
	}
	.tc_text::after{
		content: '';
		display: block;
		width: 2px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #644c3e;
	}
	.tc_text div {
	    position: relative;
	    transition: all .7s;
	    font-size: 0.26rem;
	    opacity: 1;
		padding: 0.1rem 0rem 0 0.35rem;
		margin-bottom: 0.4rem;
		color: rgba(255, 255, 255, 0.5);
	}
	.tc_text div:nth-last-of-type(1){
		margin-bottom: 0;
	}
	.tc_text div::after{
		content: '';
		display: block;
		width: 2px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgb(179, 131, 108);
		z-index: 1;
		transition: all .7s;
		opacity: 0;
	}
	.tab_i_c,
	.tab_i_show{
		height: 4.3rem;
		overflow: hidden;
	}
	.tab_i_show img,
	.tab_i_show video,
	.tab_i_c img,
	.tab_i_c video{
		height: 4.3rem;
		object-fit: cover;
		width: 100%;
	}
	.tc_text div.active{
		color: rgba(255, 255, 255, 1);
	}
	.tc_text div.active::after{
		opacity: 1;
	}
	.safe_text_2 {
	    background-color: rgb(111, 82, 68);
	}
	.stm_t {
	    padding: 0.3rem 0.3rem 0.4rem;
	}
	.sts01 .stm_t{
		height: 3.3rem;
	}
	.st_01{
		font-size: 0.24rem;
	}
	.st_03{
		font-size: 0.24rem;
	}
	.st_02{
		font-size: 0.35rem;
		margin-top: 0.1rem;
	}
	.st_bottom{
		margin-top: 0.3rem;
	}
	
	.tab_change.color_1 .tab_change_min_list{
		margin-top: 0.2rem;
	}
	
	.tab_change_1{
		background-color: rgb(219, 220, 215);
	}
	.tab_change_2{
		background-color: rgb(111, 82, 68);
		padding: 0.1rem 0 0.6rem 0;
	}
	.tab_change_2 .com_title_text{
		color: #fff;
	}
	.tab_change_1 .tc_text div.active {
		color: rgb(97, 80, 58);
	}
	.tab_change_2 .tc_text div.active{
		color: rgba(255, 255, 255, 1);
	}
	.tab_change_1 .tc_text div {
		color: rgb(97, 80, 58,0.5);
	}
	.tab_change_2 .tc_text div{
		color: rgba(255, 255, 255, .7);
	}
	.tc_text_1::after{
		content: '';
		display: block;
		width: 2px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #d3cec4;
		/* background-color: rgb(97, 80, 58, 0.5); */
	}
	.tc_text_1 div::after{
		content: '';
		display: block;
		width: 2px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgb(179, 131, 108);
		z-index: 1;
		transition: all .7s;
		opacity: 0;
	}
	.tab_change_2 .tc_text_1 div::after{
		background-color: rgb(172, 137, 117);
	}
	.tab_change_2 .tc_text_1::after{
		background-color: #7b605e;
	}
	

	

	.comfortable{
		padding: 0.25rem 0.25rem;
	}
	.com_title{
		font-size: 0.36rem;
		font-weight: bold;
	}
	.com_title_text{
		font-size: 0.36rem;
		font-weight: bold;
		color: rgb(97, 80, 58, 1);
		margin-bottom: 0.2rem;
	}
	.comfortable .text_in{
		position: relative;
	}
	.comfortable .text_in div{
		position: absolute;
		bottom: 0.2rem;
		right: 0.2rem;
		color: #fff;
		font-size: 0.28rem;
	}
	
	.car_wg_pop{
		display: none;
	}
	.car_wg_pop_mb{
		position: relative;
		display: block;
		padding: 0.25rem;
		background-color: rgb(219, 220, 215);
	}
	.car_wg_pop_mb .swiper-slide{
		background-color: rgb(219, 220, 215);
	}
	.car_wg_pop_mb .swiper-slide img{
		width: 100%;
	}
	.cwt_t2{
		font-size: 0.45rem;
		line-height: 0.45rem;
	}
	.cwt_t3{
		padding-right: 0.4rem;
		font-size: 0.26rem;
		line-height: 0.4rem;
		margin-top: 0.3rem;
	}
	.cwt_t4{
		font-size: 0.32rem;
        line-height: normal;
        margin-top: 0.3rem;
	}
	
	.car_wg{
		position: relative;
		height: auto;
	}
	.car_wg_box{
		height: auto;
	}
	.car_wg_top {
	    left: 0.5rem;
	    top: 1.2rem;
	}
	.flicker_btn {
		display: none;
	}
	.car_mb_sw_text{
		font-size: 0.3rem;
		margin-top: 0.2rem;
		color: rgb(98, 82, 59);
		height: 0.8rem;
	}
	.car_w_m_sw_page{
		margin-top: 0.35rem;
	}
	.car_wg_pop_mb .swiper-pagination-bullet{
		opacity: 1;
		border-radius: 0;
		width: 0.4rem;
		height: 2px;
		margin: 0 0.06rem;
		background-color: rgb(186, 179, 170);
	}
	.car_wg_pop_mb .swiper-pagination-bullet-active{
		background-color: rgb(97, 81, 57);
	}
	
	.wide {
	    background-color: rgb(219, 220, 215);
	    padding: 0.25rem;
	    color: rgb(98, 82, 59);
		padding-top: 1rem;
	}
	.wide_title_02{
		font-size: 0.45rem;
		line-height: 0.45rem;
	}
	.wide_title_01{
		font-size: 0.2rem;
	}
	.wi_min{
		position: relative;
	}
	.wi_min img{
		width: 100%;
	}
	.wide img{
		margin-top: 0.2rem;
	}
	.wi_min span{
		position: absolute;
		display: block;
		left: 0.3rem;
		bottom: 0.3rem;
		color: #fff;
		font-size: 0.24rem;

	}
	.wim_list{
		display: flex;
		justify-content: space-between;
	}
	.wim_list .wi_min{
		width: 48.4%;
	}
	.comfortable_01{
		padding: 0.5rem 0.25rem;
	}
	

	.sw_u1{
		padding-top: 0.8rem;
	}
	.sw_pb{
		display: none;
	}
	.sw_page_u1{
		height: auto;
	}
	.sw_u1 .swiper-pagination-bullet{
		width: 0.5rem;
		height: 2px;
		margin-right: 0.1rem;
		border-radius: 0;
	}
	.sw_u1 .swiper-pagination-bullet-active{
		background-color: #000;
	}
	.sw_u1 .swiper-slide div{
		font-size: 0.24rem;
		line-height: 1.4;
	}
	


	.comf_box{
		display: block;
	}
	.comf_left{
		width: 100%;
	}
	.comf_right{
		width: 100%;
	}
	.comf_t1{
		position: absolute;
		top: 0.7rem;
		left: 0.4rem;
	}
	.comf_t2{
		position: absolute;
		top: 0.6rem;
		right: 0.4rem;
	}
	.n_box>div:nth-of-type(1) {
		margin-right: 0.2rem;
	}
	.comf_t3 {
		position: absolute;
		top: 0.5rem;
		right: 0.4rem;
	}
	.comf_right02{
		margin-top: 0;
	}


	.comfortable-box{
		display: block;
	}
	.comfortable-r, .comfortable-l{
		width: 100%;
	}
	.comfortable-r{
		margin-right: 0;
	}
	.comfortable-l-bot{
		position: relative;
	}
	.comfortable-l-t{
		top: 2.55rem;
		right: 0.2rem;
	}
	.comfortable-r-t{
		top: 0.2rem;
	}
	.comfortable-r-t>div{
		margin-right: 0.8rem;
	}
	.comfortable-r-num{
		font-size: 0.65rem;
	}
	.comfortable-r-num::after{
		top: 0.85rem;
	}
	
	
	
}









.mmmn{
	overflow: hidden;
	width: 0.3rem;
	height: 0.45rem;
}
.mmmn_1{
	width: 0.3rem;
}
.mmmn div::after{
	content: '0 1 2 3 4 5 6 7 8 9';
    display: block;
    transition: 1.5s cubic-bezier(0.0, 0.1, 0.58, 1.0), text-shadow 150ms;
	text-align: center;
	font-size: 0.48rem;
	line-height: 0.48rem;
	color: rgb(97, 80, 58);
}
._into.mmmn[data-val="0"] div::after{
	transform: translateY(0rem);
}
._into.mmmn[data-val="1"] div::after{
	transform: translateY(-0.48rem);
}
._into.mmmn[data-val="2"] div::after{
	transform: translateY(-0.96rem);
}
._into.mmmn[data-val="3"] div::after{
	transform: translateY(-1.44rem);
}
._into.mmmn[data-val="4"] div::after{
	transform: translateY(-1.92rem);
}
._into.mmmn[data-val="5"] div::after{
	transform: translateY(-2.4rem);
}
._into.mmmn[data-val="6"] div::after{
	transform: translateY(-2.88rem);
}
._into.mmmn[data-val="7"] div::after{
	transform: translateY(-3.36rem);
}
._into.mmmn[data-val="8"] div::after{
	transform: translateY(-3.84rem);
}
._into.mmmn[data-val="9"] div::after{
	transform: translateY(-4.32rem);
}
.cnl_num_list {
	margin-top: 0.5rem;
	position: relative;
	bottom: auto;
	left: auto;
	display: flex;
	flex-wrap: wrap;
}
.cm_01 {
	margin-top: 0.12rem;
}
.cnl_min {
	width: 50%;
}
.cm_02 {
	font-size: 0.30rem !important;
	line-height: 0.45rem !important;
	margin-top: 0rem;
}