body{
	color: #333 !important;
}
.kv {
	height: 100vh;
	width: 100%;
	position: relative;
}

.kv .kv-img img {
	height: 100vh;
	width: 100%;
	object-fit: cover;
}

/* 上左样式 */
.ck_text_btn.left_top {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: auto;
	text-align: left;
	/* left: 1.5rem; */
	top: 2.3rem;
	position: absolute;
}

img.ct_1 {
	height: 0.36rem;
}

.ck_text_btn .ct_2 {
	font-size: 0.26rem;
	line-height: 0.3rem;
	margin-top: 0.15rem;
	font-weight: 300;
	letter-spacing: 0.28em;
	color: #fff;
}

.ck_text_btn .ct_3 {
	font-size: 0.18rem;
	line-height: 0.18rem;
	margin-top: 0.15rem;
	letter-spacing: 0;
	font-weight: 300;
}

.ck_text_btn .ct_4 {
	margin-top: 0.25rem;
	font-size: 0.18rem;
	line-height: 0.18rem;
	letter-spacing: 0.01rem;
}

.ck_text_btn .ct_5 {
	font-size: 0.16rem;
	line-height: 1.5em;
	margin-top: 0.1rem;
	font-weight: 300;
}

.ck_btn {
	display: flex;
	margin-top: 0.3rem;
}

.ck_btn .cb {
	width: 2rem;
	height: 0.52rem;
	border: 0.5px solid #fff;
	position: relative;
	cursor: pointer;
	text-align: center;
}

.ck_btn .cb_1 {
	margin-left: 0.2rem;
}

.ck_btn .cb .ckb_qy {
	position: absolute;
	top: 0.53rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	display: none;
}

.left_bottom .ck_btn .cb .ckb_qy {
	top: auto;
	bottom: 0.53rem;
}

.right_bottom .ck_btn .cb .ckb_qy {
	top: auto;
	bottom: 0.53rem;
}

.ck_btn .cb:hover .ckb_qy {
	display: block;
}

.ck_btn .cb a {
	width: 100%;
	height: 100%;
	z-index: 1;
	font-size: 0.16rem;
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0.52rem;
	position: relative;
	transition: all .5s;
}

.ck_btn .cb_1::after {
	content: "";
	display: block;
	width: 100%;
	height: 0%;
	position: absolute;
	bottom: 0;
	top: auto;
	transition: 0.5s;
	background-color: #fff;
	z-index: 0;
}

.ck_btn .cb_2::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	transition: 0.5s;
	background-color: #fff;
	z-index: 0;
}

.ck_btn .cb_1 a {
	color: #fff;
}

.ck_btn .cb_2 a {
	color: #444;
}

.section .detail {
	padding: 0;
	font-size: 0.62rem;
	line-height: 0.85rem;
}


.section .detail .t1 {
	font-weight: 400;
}

.section .detail .t2 {
	font-weight: 200;
}
.section .new_detail_tag{
    font-size: 0.35rem;
    line-height: 0.5rem;
    padding: 0 1.8rem 0.8rem ;
    padding-top: 0rem;
} 
.section .new_detail_tag .t1{
    font-weight: 500;
}
.section .new_detail_tag .t2{
    font-weight: 500;
}
.section video {
	width: 100%;
}

.section img {
	width: 100%;
}
.cn_back{
    height: 6.7rem;
    object-fit: cover;
}
.section03 .zhijia-beizhu{
    position: relative;
}
.beizhu_new_top{
    margin-top: 1rem;
}
.section03 .zhijia-beizhu div{
        position: absolute;
    right: .5rem;
    bottom: 0.4rem;
    color: rgba(225, 225, 225, 0.4);
    font-size: 0.14rem;
    text-align: right;
}


/* tab swiper */
.tab_swiper {
	padding: 1rem 1.8rem;
}
.no-padding-btm{
    padding-bottom: 0 !important;
}

.tab_swiper .swiper-slide img {
	width: 100%;
}
.box_swiper .swiper-slide img {
    width: 100%;
}

.swiper_tab {
	display: flex;
	justify-content: center;
	margin-top: 0.2rem;
}

.swiper_tab .list {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.swiper_tab .list div {
	padding: 0.2rem 0.2rem;
	margin: 0 0.2rem;
	font-size: 0.18rem;
	font-weight: 400;
	color: #000;
	opacity: 0.5;
	transition: all .5s;
	position: relative;
	cursor: pointer;
    white-space: nowrap;
}
.swiper_tab .color_fff div{
    /* color: #fff; */
}
.swiper_tab .list.color_fff{
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.4); */
}

.swiper_tab .list div:nth-of-type(1) {
	margin-left: 0;
}

.swiper_tab .list div:nth-last-of-type(1) {
	margin-right: 0;
}

.swiper_tab div.active {
	opacity: 1;
}

.swiper_tab .list div::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #dbad76;
	height: 1px;
	opacity: 0;
	transition: all .5s;
}

.swiper_tab .list div.active::after {
	opacity: 1;
}

.swiper_tab_text {
	height: 1rem;
	position: relative;
}

.swiper_tab_text div {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	width: 80%;
	opacity: 0;
	transition: all .5s;
	color: #8c8c8c;
	font-size: 0.17rem;
	font-weight: 300;
}

.swiper_tab_text div.active {
	opacity: 1;
}

.swiper_tab_text_t {
	height: 1rem;
	position: relative;
}

.swiper_tab_text_t div {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	width: 80%;
	opacity: 0;
	transition: all .5s;
	color: #8c8c8c;
	font-size: 0.17rem;
    margin-top: -0.15rem;
}

.swiper_tab_text_t div.active {
	opacity: 1;
}


.sec02-data {
	display: flex;
	padding: 1.2rem 2rem 0 2rem;
	justify-content: space-between;
}

.data-box {}

.data-t {
	color: #C6854F;
	font-size: 0.19rem;
	font-weight: 200;
}

.data-d {
	font-size: 0.38rem;
	font-weight: 300;
	margin-top: 0.1rem;
}

.sec02-data-mb {
	display: none;
}
.section02 .box_swiper {
	margin-top: 0.5rem;
}
.section02 .box_swiper01 {
	margin-top: 1rem;
}

.box_swiper_per .swiper-container{
   /* margin-left: 0;
   margin-right: 0; */
   margin-left: auto;
   margin-right: auto; 
}

.box_swiper .swiper-container {
	width: 60%;
	height: 100%;
    overflow: inherit;
}
.box_swiper .swiper-container.swt_02_01{
    width: 80%;
}
.box_swiper .swiper-container.swt_02{
    width: 80%;
}
.box_swiper .swiper-container.swt_03{
    width: 80%;
}
.box_swiper .swiper-container.swt_06{
    width: 80%;
}
.box_swiper .swiper-container.swt_06_01{
    width: 80%;
}
.box_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	opacity: 0.2;
}

.box_swiper .swiper-slide-active,
.box_swiper .swiper-slide-duplicate-active {
	opacity: 1;
}


.hi4-box {
	padding: 0rem 1.8rem 0.8rem 1.8rem;
}

.hi4-title {
	font-size: 0.38rem;
	font-weight: normal;
    margin-left: 1rem;
}

.hi4-beizhu{
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.14rem;
    text-align: right;
    padding: 0rem 1.8rem 0 0;
}
.only_beizhu{
     color: rgba(0, 0, 0, 0.5);
    font-size: 0.15rem;
    text-align: left;
    padding: 0.1rem;
    margin: 0rem 1.8rem;
    margin-top: 0.4rem;
    letter-spacing :  normal;        
    line-height :  0.25rem;
    background: #f8f8f8
}
.hi4-beizhu-last{
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.14rem;
    text-align: right;
    padding: 0.4rem 1.5rem 1rem 0;
}
.section03 .hi4-beizhu{
        /* padding: 0rem 10%; */
        padding: 0 1rem;
    width: 100%;
    margin-top: -0.2rem;
}

.hi4-box .part-box {
	padding-top: 1rem;
}

.hi4-box .part-detail-box {
	display: flex;
	margin-top: 0.3rem;
}

.hi4-box .part-detail-img {
	width: 70%;
}

.hi4-box .part-detail-img img {
	width: 100%;
}

.hi4-box .part-detail-text {
	width: 30%;
	background-color: rgb(241, 241, 241);
}

.hi4-text {
	width: 80%;
	margin-left: 10%;
	margin-top: 15%;
}

.hi4-text .t {
	font-size: 0.36rem;
	font-weight: normal;
}

.hi4-text .d {
	font-size: 0.18rem;
	margin-top: 0.2rem;
	line-height: 0.27rem;
	font-weight: 200;
}

.box-bottom {
	width: 98%;
	position: relative;
}

.box-bottom:nth-of-type(2) {
	margin-left: 1%;
}

.box-bottom img {
	width: 100%;
}

.box-bottom .box-bottom-t {
	position: absolute;
	width: 90%;
	bottom: 1rem;
	left: 5%;
}

.box-bottom .box-bottom-t div:nth-of-type(1) {
	color: #fff;
	font-size: 0.34rem;
	font-weight: normal;
}

.box-bottom .box-bottom-t div:nth-of-type(2) {
	color: #fff;
	font-size: 0.18rem;
	margin-top: 0.16rem;
	line-height: 0.27rem;
	font-weight: 200;
	opacity: 0.7;
}
.part_o_c{
	width: 0.4rem !important;
	position: absolute;
	left: 50%;
	bottom: 0.4rem;
	transform: translateX(-50%) !important;
	z-index: 6;
}
.part_show{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	color: #fff;
	padding: 0.5rem;
	z-index: 5;
	opacity: 0;
}
.box-bottom.active .part_show{
	opacity: 1;
}

.box-bottom.active .box-bottom-t{
	opacity: 0;
}
.part_show div:nth-of-type(1){
	font-size: 0.4rem;
}
.part_show div:nth-of-type(2){
	font-size: 0.24rem;
	margin-top: 0.2rem;
}

.section05 {
	/* padding-top: 0.4rem; */
	position: relative;
	height: 100%;
    margin-top: -0.8rem
}

.section05 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.form-box {
	position: absolute;
	width: 5rem;
	right: 1rem;
	top: 1.5rem;
	padding: 0.5rem;
	background: rgba(255, 255, 255, 0.2);
	/* 半透明底色增强磨砂感 */
	backdrop-filter: blur(20px);
	/* 核心：司 */
}

.form-box input {
	background: transparent;
}

.form-title {
	font-size: 0.28rem;
	font-weight: 530;
}

.form-box .form {
	margin-top: .3rem;
	position: relative;
}

.form-box .input-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	margin-bottom: .35rem;
}

.form-box .input-box input {
	border: none;
	outline: none;
	font-size: .16rem;
	flex: 1;
	background-color: transparent;
	padding-bottom: .17rem;
}

.form-box .privacy-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: .35rem;
}

.form-box .privacy-box .box {
	width: .25rem;
	height: .25rem;
	border: 2px solid #030303;
	margin-right: .1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-box .privacy-box .t {
	font-size: .16rem;
	display: flex;
	font-weight: 500;
}



.unit_n1 {
	width: 100%;
	position: relative;
	margin-top: 0.3rem;
}

.u1_img {
	width: 100%;
}

.u1_img img {
	width: 100%;
	opacity: 0;
	transition: all 1s;
}

.u1_img img:nth-of-type(2) {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.u1_img img.active {
	opacity: 1;
}

.u1_text {
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	color: #fff;
	width: 30%;
}

.u1t_min {
	opacity: 0.4;
	transition: all 1s;
}

.u1t_min.active {
	opacity: 1;
    transition: all 1s;
}

.u1t_t1 {
	font-size: 0.34rem;
    color: rgba(225,225,225,1);
    transition: all .6s;
}

.u1t_t2 {
	font-size: 0.18rem;
	margin-top: 0.2rem;
	transition: all .6s;
	letter-spacing: 1px;
	font-weight: 200;
    color: #fff;
    line-height: 0.27rem

}

.u1t_min.active .u1t_t1,
.u1t_min.active .u1t_t2{
    color: #fff;
    transition: all .6s;
}

/* .u1t_min.active .u1t_t2 {
	transition: all .6s;
	opacity: 0.8;
} */

.u1t_t1_1 {
	margin-top: 1.4rem;
	position: relative;
}

.u1t_t1_1::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(225,225,225,0.5);
	opacity: 0.5;
	position: absolute;
	top: -0.7rem;
	left: 0;
}








/* 预约试驾 */



.section01 {
	position: relative;
    
}
.gdpz img{
    padding: 0 1.5rem;
    padding-bottom: 1.5rem;
}

.section01 .video-btn {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 1.2rem;
    bottom: 1rem;
	width: 3.2rem;
	height: 0.75rem;
	cursor: pointer;
	background: transparent;
	opacity: .6;
	border: 1px solid rgba(225, 225, 225, .5);
	transition: all 0.5s;
    border-radius: 0.75rem;
}
.section01 .video-btn:hover{
	background: rgba(225, 225, 225, 1);
	transition: all 0.5s;
}

.section01 .video-btn img:nth-of-type(1){
	opacity: 1;
	transition: all 0.5s;
}
.section01 .video-btn img:nth-of-type(2){
	opacity: 0;
	transition: all 0.5s;
}
.section01 .video-btn:hover img:nth-of-type(1){
	opacity: 0;
	transition: all 0.5s;
}
.section01 .video-btn:hover img:nth-of-type(2){
	opacity: 1;
	transition: all 0.5s;
}

.section01 .video-btn .text {
	font-size: 0.18rem;
	color: #fff;
	margin-right: 0.17rem;
	font-weight: normal;
	transition: all 0.5s;
}
.section01 .video-btn:hover .text{
	color: #000;
	transition: all 0.5s;
}

.section01 .video-btn .delta {
	width: 0.12rem;
    height: 0.12rem;
    display: flex;
    position: relative;
}

.section01 .video-btn .delta img {
	width: 100%;
	position: absolute;
}

.video1 {
	display: block;
}

.video2 {
	display: none;
}


.swiper_tab_03_list{
	display: none;
}


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

.box_swiper_per{
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    margin-top: 1rem;
}
.box_swiper_per_only{
    margin-top: 0.6rem;
}



.choose_lanshan {
    background-color: #dde0e1;
    position: relative;
    padding: 1.2rem 1.7rem 1.2rem;
    width: 100%;
    overflow-x: hidden;
}

.cls_title {
    font-size: 0.4rem;
    color: #0d0d0d;
    font-weight: 500;
    letter-spacing: 0.027rem;
    text-align: center;
}

.choose_lanshan .swiper-container {
    margin-top: 0.68rem;
}

.choose_lanshan .swiper-container .cls_bk {
    width: 100%;
}
.cls_btn_list {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}

.cls_btn_list .btn_style_warya {
    width: 2.4rem;
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.cls_pagination {
    /* display: none; */
}
.cls_btn_list .cls_btn_1 {
    background-color: #373a3d;
    color: #fff
}

.cls_btn_list .cls_btn_1 span{
    font-size: .15rem
}

.cls_btn_list .cls_btn_2 {
    border: 1px solid #373a3d;
    color: #373a3d;
    margin-left: 0.2rem;
    background: transparent
}
.cls_btn_list .cls_btn_2 span{
    font-size: .15rem
}
.cls_detail img{
     width: 100%;
}


.section-title{
    font-size: 0.38rem;
    font-weight: normal;
    margin-bottom: 0.35rem;
    /* margin-left: 1rem; */
    margin-left: 2.8rem;
}
/* .section-title-1{
    padding-left: 1.8rem
} */



.part3-detail-box {
    background-color: #fff;
    padding: 0 1.8rem;
}
.part3-detail-box-hi4{
    padding: 1rem 1.8rem 0;
    position: relative;
}
.part3-detail-box-hi4 img{
    width: 100%
}
.part3-detail-box-hi4 .hi4-title{
    margin-bottom: 0.3rem;
}
.part3-detail-box-hi4 .top-box-pc{
        position: absolute;
    right: 13%;
    padding: 0 !important;
    top: 35%;
    width: 5rem;
    z-index: 111;
}
.part3-detail-box-hi4 .top-box-pc .txt{
    color: #fff;
}
.part3-detail-box-hi4 .top-box-pc .txt div:nth-of-type(1){
    font-size: 0.28rem;
}
.part3-detail-box-hi4 .top-box-pc .txt div:nth-of-type(2){
    margin-top: 0.25rem;
    line-height: 0.27rem;
    font-weight: 200;
    color: #fff;
    opacity: 0.7
}
.part3-detail-box-hi4 .top-box-pc .units{
    margin-top: 0.9rem !important;
}
.part3-detail-box-hi4 .top-box-pc .units .unit{
    margin-right: 1.5rem !important;
}
.part3-detail-box-hi4 .top-box-pc .units .unit .text{
    color: #fff !important;
    white-space: nowrap
}
.part3-detail-box-hi4 .top-box-pc .units .unit .desc{
    color: #EDC481;
}
.part3-detail-box-hi4 .top-box-pc .units .unit .desc .num{
    color: #EDC481 !important;
}
.part3-detail-box-hi4 .top-box-pc{
    display: block
}
.part3-detail-box-hi4 .top-box-mb{
    display: none
}
.part3-detail-box .top-box {
    padding: 1rem 0rem 0.4rem;
    margin-left: 1rem;
}
.part3-detail-box .top-box .t {
    font-size: 0.38rem;
    color: #000;
    line-height: 0.5rem;
}
.part3-detail-box .top-box .d {
    font-size: 0.2rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.1rem;
    font-weight: 300;
    line-height: 0.28rem;
    width: 60%;
}
.part3-detail-box-d .top-box .d {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.part3-detail-box-d .top-box .d .video-btn {
    display: flex;
    width: 1.8rem;
    height: 0.5rem;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.part3-detail-box-d .top-box .d .video-btn img {
    width: 0.2rem;
    margin-left: 0.1rem;
}

.part3-detail-box .top-box .units {
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
}
.part3-detail-box .top-box .units .unit {
    color: #dbac77;
    margin-right: 0.6rem;
}
.part3-detail-box .top-box .units .unit .text {
    font-size: 0.18rem;
    font-weight: 300;
    margin-top: 0.15rem;
}
.part3-detail-box .top-box .units .unit .desc {
    margin-top: 0.25rem;
    display: flex;
    align-items: flex-end;
    line-height: 1;
}
.part3-detail-box .top-box .units .unit .desc .num {
    font-size: 0.4rem;
    color: #ce8b44;
}
.part3-detail-box .top-box .units .unit .desc .un {
    font-size: 0.2rem;
    font-weight: 400;
    margin-left: 0.08rem;
    padding-bottom: 0.02rem;
    color: #fff;
}
.part3-detail-box .top-box .units .unit:nth-last-of-type(1) {
    margin-right: 0;
}
.part3-detail-box .img-box {
    position: relative;
}
.part3-detail-box .img-box img {
    width: 100%;
}
.part3-detail-box .img-box .img-deatil-box {
    position: absolute;
    bottom: 0.5rem;
    width: 100%;
    left: 0;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.part3-detail-box .img-box .img-deatil-box .box {
    flex: 1;
    -webkit-backdrop-filter: saturate(80%) blur(17px);
    backdrop-filter: saturate(80%) blur(17px);
    height: 2.4rem;
    border-radius: 0.1rem;
    padding: 0.3rem 0.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-right: 0.1rem;
}
.part3-detail-box .img-box .img-deatil-box .box .t-box-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    flex-direction: column;
    width: 100%;
}
.part3-detail-box .img-box .img-deatil-box .box .t-box-1 .icon {
    width: 0.36rem;
}
.part3-detail-box .img-box .img-deatil-box .box .t-box-1 .icon img {
    width: 100%;
}
.part3-detail-box .img-box .img-deatil-box .box .t-box-1 .t {
    font-size: 0.18rem;
    color: #fff;
    padding-left: 0.18rem;
    margin-top: 0.3rem;
}
.part3-detail-box .img-box .img-deatil-box .box .b-box {
    font-size: 0.165rem;
    color: rgba(255, 255, 255, 0.7);
    max-height: 0;
    overflow: hidden;
    margin-top: 0.2rem;
    font-weight: 200;
    line-height: 0.27rem;
}
.part3-detail-box .img-box .img-deatil-box .box:hover .t-box-1 {
    flex-direction: row;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 0.26rem;
}
.part3-detail-box .img-box .img-deatil-box .box:hover .t-box-1 .t {
    margin-top: 0;
}
.part3-detail-box .img-box .img-deatil-box .box:hover .b-box {
    max-height: 2rem;
    transition: all 1s ease;
}
.part3-detail-box .img-box .img-deatil-box .box:nth-last-of-type(1) {
    margin-right: 0;
}
.part3-detail-box-white {
    background-color: #fff;
}
.part3-detail-box-white .top-box .t {
    color: #000;
}
.part3-detail-box-white .top-box .d {
    color: #000;
}
.part3-detail-box-white .top-box .units .unit {
    color: #000;
}
.part3-detail-box-white .top-box .units .unit .text {
    color: #000;
}
.part3-detail-box-white .top-box .units .unit .desc .num {
    color: #ce8b44;
    display: flex;
    line-height: 0.4rem;
    align-items: flex-end;
}
.part3-detail-box-white .top-box .units .unit .desc .num span{
    font-size: 0.25rem;
    line-height: 0.25rem;
}

.part3-detail-box-white .top-box .units .unit .desc .un {
    color: #ce8b44;
}
.part3-detail-box-white .swiper-container .swiper-control .navs-box .navs {
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
.part3-detail-box-white .swiper-container .swiper-control .navs-box .navs .nav {
    color: #000;
}
.part3-detail-box-white .swiper-container .swiper-control .details .text {
    color: #000;
}


/* 颜色切换--外饰 */
.color_sw {
			width: 100%;
			height: 100vh;
			overflow: hidden;
		}

		.cs_title {
			position: absolute;
			top: 1.2rem;
			left: 2.8rem;
			z-index: 555;
			font-size: 0.42rem;
            font-weight: 300;
		}

		.color_sw .swiper-slide img {
			width: 100%;
                height: 100%;
    object-fit: cover;
		}

		.color_sw .swiper-slide .cs_text {
			position: absolute;
            top: 1.28rem;
            right: 4.2rem;
            font-size: 0.2rem;
            font-weight: 300;
            line-height: 0.28rem;
		}
        .color_sw .swiper-slide .cs_text span:nth-of-type(1){
            font-size: 0.28rem;
            font-weight: 350;
        }
        .color_sw .swiper-slide .cs_text span:nth-of-type(2){
            font-size: 0.2rem;
            line-height: 0.54rem;
            letter-spacing: 0.0178rem;
        }
		.car_style{
			position: absolute;
			bottom: 0.5rem;
			left: 50%;
			transform: translateX(-50%);
			z-index: 555;
			display: flex;
		}
		.cs_color{
			margin: 0 0.15rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			cursor: pointer;
		}
		.cs_color img{
			width: 0.4rem;
			height: 0.4rem;
			border-radius: 100%;
			overflow: hidden;
			border: 1px solid transparent;
			padding: .1px;
		}
        .color_sw  .cs_color:nth-of-type(1).active img{
            border: 1px solid #868686;
        }
        .color_sw  .cs_color:nth-of-type(2).active img{
            border: 1px solid #246A70;
        }
        .color_sw  .cs_color:nth-of-type(3).active img{
            border: 1px solid #2F3941;
        }
        .color_sw  .cs_color:nth-of-type(4).active img{
            border: 1px solid #889498;
        }
        .color_sw  .cs_color:nth-of-type(5).active img{
            border: 1px solid #6B857D;
        }
        .color_sw  .cs_color:nth-of-type(5).active div{
            color: #fff;
        }

        .color_ns-box  .cs_color:nth-of-type(1).active img{
            border: 1px solid rgb(213, 206, 200);
        }
        .color_ns-box  .cs_color:nth-of-type(2).active img{
            border: 1px solid rgb(42, 43, 41);
        }
        .color_ns-box  .cs_color:nth-of-type(3).active img{
            border: 1px solid rgb(195,123,51);
        }
        .color_ns-box  .cs_color:nth-of-type(4).active img{
            border: 1px solid gray;
        }
		.cs_color div{
			font-size: 0.16rem;
			margin-top: 0.05rem;
			opacity: 0;
            white-space: nowrap;
		}
		.cs_color.active div{
			opacity: 1;
		}


/* 颜色切换---内饰 */
.color_ns-box{
    margin: 1rem 1.8rem 0;
}
.color_ns {
			width: 100%;
			overflow: hidden;
		}

		.color_ns-box .cs_title {
			position: relative;
			top: 0rem;
			left: 0rem;
			z-index: 555;
			font-size: 0.38rem;
            padding: 0 0 0.4rem 0rem;
            font-weight: normal;
            margin-left: 1rem;
		}

		.color_ns .swiper-slide img {
			width: 100%;
		}

		.color_ns .swiper-slide .cs_text {
			position: absolute;
			top: 1rem;
			right: 3rem;
			font-size: 0.3rem;
		}
		
		.color_ns-box .car_style{
			position: relative;
            bottom: 0;
            z-index: 555;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 0.3rem;
            left: 0;
                transform: translateX(0);
		}
		.color_ns .cs_color{
			margin: 0 0.15rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			cursor: pointer;
		}
		.color_ns .cs_color img{
			width: 0.3rem;
			height: 0.3rem;
			border-radius: 100%;
			overflow: hidden;
			border: 1px solid transparent;
			padding: .1px;
		}
		.color_ns .cs_color.active img{
			border: 1px solid #000;
		}
		.color_ns .cs_color div{
			font-size: 0.16rem;
			margin-top: 0.05rem;
			opacity: 0;
		}
		.color_ns .cs_color.active div{
			opacity: 1;
		}


.swiper-container-fade .swiper-slide{
    position: relative
}
.img-beizhu{
    position: absolute;
    right: 0.3rem;
    bottom: 0.2rem;
    z-index: 333;
        color: rgba(225,225,225, 0.4);
    font-size: 0.14rem;
}


.sec01-video {
        position: relative
    }


.quanyi{
        /* padding: 1rem 1.8rem 0; */
}
.quanyi img{
    width: 100%
}

.yuding{
    width: 2.4rem;
    /* position: relative; */
    bottom: 0.55rem;
    position: absolute;
    z-index: 3;
    opacity: 0;
    transition: all .5s;
}
.yuding img{
    width: 100%;
}
.cls_btn_list>div:nth-of-type(1){
        display: flex;
    position: relative;
}
.cls_btn_list>div:nth-of-type(1):hover .yuding{
    opacity: 1;
    transition: all .5s;
}

.quanyi-btn{
    display: none
}
.all-tag-cen{
    position:absolute;
    top:1rem;
    left:50%;
    transform: translateX(-50%) !important;
    color:#fff;
    padding:0 !important;
    z-index:5;
    text-align:center;
}





@media (max-width: 768px) {

    .quanyi{
        position: relative;
    }
    .quanyi-btn {
        position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: 0.7rem;
    background: #fff;
    text-align: center;
    line-height: 0.7rem;
    display: block;
    }

    .cgs_btn{
        display: none !important;
    }

    .color_ns-box .car_style{
        /* left: 3.25rem !important; */
    }

    .section-title-1{
        padding-left: 0;
    }
    .section-title{
        font-size: 0.44rem;
        margin-left: 0.5rem;
    }

.cls_btn_list .btn_style_warya {
        width: 3rem;
        height: 0.7rem;
    }
    .cls_btn_list .btn_style_warya span{
        font-size: .2rem
    }
 .choose_lanshan .swiper-container .cls_bk {
        height: 11rem;
    }

    .choose_lanshan {
        padding: 1.2rem 0.45rem 1.2rem;
    }
    .cls_pagination {
        display: block;
        position: relative;
        bottom: auto !important;
        margin-top: 0.2rem;
    }

    .cls_pagination .swiper-pagination-bullet {
        width: 0.5rem;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 0
    }

    .cls_pagination .swiper-pagination-bullet-active {
        background-color: #373a3d;
    }

	.ck_text_btn .ct_2 {
		margin-top: 0.2rem;
		font-size: 0.3rem;
		letter-spacing: 0.2rem;
		text-align: center;
	}

	img.ct_1 {
		height: 0.42rem;
	}

	.ck_text_btn.left_top {
		/* left: 1.15rem; */
	}

	.section01 {
		position: relative;
        /* background: #000; */
	}

	

	.section01 .sec01-video {
        position: relative;
	}
    

	.section01 .video-btn {
		width: 3.88rem;
		height: .87rem;
		border-radius: 0.7rem;
		opacity: 1;
		bottom: 1.75rem;
		top: auto;
		z-index: 55;
		position: absolute;
		display: flex !important;
		align-items: center;
		justify-content: center;
		right: 1.2rem;
        left: 50%;
        transform: translateX(-50%);
		cursor: pointer;
		transition: all 0.3s;
		background: rgba(225, 225, 225, .2);
		border: none;
	}

	.section01 .video-btn .text {
		color: #fff;
		font-weight: normal;
		font-size: .24rem;
		margin-right: .3rem;
	}

	.section01 .video-btn .delta {
		width: .13rem;
	}


    .box-bottom.active .part_o_c{
	transform: rotate(45deg) !important;
	margin-left: -0.2rem;
}




	.tab_swiper {
		padding: 1rem 0.5rem 0;
	}

	.sec02-data {
		padding: 1rem .5rem 0 .5rem;
	}

	.sec02-data-02,
	.sec02-data-03 {
		display: flex;
		/* justify-content: space-between; */
	}

	.sec02-data-02>div:nth-of-type(1),
	.sec02-data-03>div:nth-of-type(1) {
		width: 65%;
	}

	.sec02-data-02>div:nth-of-type(2),
	.sec02-data-03>div:nth-of-type(2) {
		width: 35%;
	}

	.sec02-data-02,
	.sec02-data-03 {
		margin-top: 0.3rem;
	}

	.data-t {
		font-size: 0.24rem;
		font-weight: 300;
	}

	.data-d {
		font-size: 0.41rem;
		font-weight: 350;
		margin-top: 0.1rem;
	}

	.test_driver_right {
		width: 90%;
		right: 5%;
		top: 60%;
		/* bottom: -15%; */
		padding: 0 0.6rem .8rem 0.6rem;
		background: rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(10px);
	}

	.yysj_text {
		font-size: 0.42rem;
		padding: 0.2rem 0 0.2rem 0;
	}

	.si_all div,
	.min_si_all_2 input {
		font-size: 0.32rem;
	}

	.min_si_all,
	.min_si_all_2 {
		height: 0.85rem;
	}

	.td_rule {
		font-size: 0.26rem;
		font-weight: 300;
	}

	.submit-btn {
		height: 0.9rem;
		font-size: 0.28rem;
	}

	.sec02-data-pc {
		display: none;
	}

	.sec02-data-mb {
		display: block;
	}



	.car_wg_pop_mb {
		display: none;
	}

	.unit_i4 img {
		width: 100%;
	}

	.unit_i4 {
		height: auto;
	}


	.video1 {
		display: none;
	}

	.video2 {
		display: block;
	}

	.swiper_tab{
		display: none;
	}
	.swiper_tab_text_t{
		height: 3rem;
	}
	.swiper_tab_text_t div{
		text-align: left;
		top: auto;
		left: auto;
		transform: translate(0,0);
		padding: 0.32rem 0rem 0.25rem;
		width: 100%;
		font-size: 0.22rem;
		color: #666;
        margin-top: 0;
	}
	.swiper_tab_text_t .s_title{
		font-weight: normal;
		line-height: 0.8rem;
		font-size: 0.32rem;
		margin-bottom: -0.38rem;
        color: #333;
        /* margin-left: 0.5rem; */
	}
	.swiper_tab_text_t div{
		line-height: 0.4rem;
	}
	
	.swiper_tab_03_list{
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0 1.2rem 1rem;
		display: flex !important;
	}
	.swiper_tab_03_list img{
		width: 30%;
	}
    .swiper_tab_03_list .swiper_tab_page{
        padding-bottom: 0 !important ;
    }
    .section03 .swiper_tab_text_t{
        height: 3.2rem
    }
	.sw_page_btn{
		width: 0.75rem;
		height: 0.75rem;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: gainsboro;
	}
	.swiper_tab_03_page{
		bottom: auto !important;
		display: flex !important;
		justify-content: center;
		width: auto !important;
	}
	.swiper_tab_03_page .swiper-pagination-bullet{
		margin: 0 0.1rem;
	}
	.swiper_tab_03_page .swiper-pagination-bullet-active{
		background: #C6854F;
	}

	.section .swiper_tab_page {
		width: 100%;
		/* padding: 0 .5rem; */
		position: relative;
		bottom: 0.5rem;
        padding-bottom: 0.4rem;
	}
	.section02 .swiper-pagination-bullet{
		width: 0.5rem;
		height: 2px;
		display: inline-block;
		background: #000;
		opacity: .2;
		margin-right: 0.15rem;
		border-radius: 0;
	}
	.section02 .swiper-pagination-bullet-active{
		background-color: #C6854F;
		opacity: 1;
	}


	.hi4-box{
		padding: 0;
        /* background: rgb(240, 240, 240); */
	}
	.hi4-box .part-box{
		padding: 1rem 0.5rem 0;
		background: rgb(240, 240, 240);
	}
	.hi4-box .part-box-white{
		background: #fff;
	}
	.hi4-box .box_swiper{
		padding: 0.5rem;
		margin-top: 0;
		background: rgb(240, 240, 240);
                padding-bottom: 0.8rem !important;
	}
    .hi4-box .box_swiper img{
        width: 100%;
    }
	.hi4-box .box_swiper-whtie{
		background: #fff;
	}
	.hi4-box .box_swiper-whtie .swiper_tab_text_t{
		background: rgb(240, 240, 240);
		height: 3.1rem;
	}
	.hi4-box .box_swiper-whtie .swiper_tab_text_t05{
		padding: 0 0.3rem;
	}
	.hi4-box .box_swiper-whtie .swiper_tab_text_t05 div{
		width: 95%;
	}
	.hi4-box .box_swiper-whtie .swiper_tab_text_t .swiper_tab_page{
		top: 0.15rem;
	}

    .hi4-box .box_swiper-whtie .swiper_tab_page{
        top: 0.7rem;
        padding-top: 0.28rem;
    }

	.hi4-box .swiper_tab_page{
		top: 0.12rem;
        padding: 0;
        left: 38%;
		width: 30%;
	}
	.hi4-box .swiper_tab_04_page{
		/* top: -0.35rem; */
        top: -0.02rem
	}
	.hi4-box .swiper-pagination-bullet{
		width: 0.5rem;
		height: 2px;
		display: inline-block;
		background: rgba(0, 0, 0);
		opacity: 0.2;
		margin-right: 0.15rem;
		border-radius: 0;
		
	}
	.hi4-box .swiper-pagination-bullet-active{
		background-color: #C6854F;
		opacity: 1;
	}
	.hi4-title{
		font-size: 0.44rem;
        margin-left: .5rem;
	}
    .hi4-beizhu{
        left: 0.5rem;
        right: 0;
        font-size: 0.16rem;
        text-align: left;
        padding: 0.2rem 0.5rem 0.5rem;
    }

	.hi4-box .part-detail-box{
		display: block;
		margin-top: 0;
	}
	.box-bottom{
		margin-top: 0.5rem;
	}
	.box-bottom:nth-of-type(2){
		margin-left: 0;
	}

	.box-bottom .box-bottom-t div:nth-of-type(1){
		font-size: 0.38rem;
		font-weight: 400;
		text-align: center;
	}
	.box-bottom .box-bottom-t div:nth-of-type(2){
		font-size: 0.26rem;
	}

	.tab_swiper .swiper_tab_text_t div{
		padding: 0.2rem 0;
	}
    .swiper_tab_text_t04{
                    padding: 0 0.3rem;
        width: 90%;
    }
	.tab_swiper .swiper_tab_page{
		width: 100%;
        position: relative;
		padding: 0;
	}
	.tab_swiper .swiper-pagination-bullet{
		width: 0.5rem;
		height: 2px;
		display: inline-block;
		background: #000;
		opacity: .2;
		margin-right: 0.15rem;
		border-radius: 0;
	}
	.tab_swiper .swiper-pagination-bullet-active{
		background-color: rgb(227, 167, 38);
		opacity: 1;
	}
	

	.part-detail-box-pc{
		display: none !important;
	}

	.section02 .box_swiper,
	.section .box_swiper{
		padding:0;
        margin: 0;
	}
	.section02 .box_swiper{
		padding-top: 0.5rem;
    }
    .section03 .box_swiper{
        padding-top:0;
    }
    .section .detail {
		position: absolute;
		padding: 1.7rem 0rem 0rem 0.7rem;
		font-size: 0.48rem;
		line-height: 0.8rem;
		z-index: 5;
		color: #fff;
        top: 1rem;
        left: 0.3rem;
        text-align: center;
        width: calc(100% - 0.6rem);
	}
    .all-tag-cen{
        transform: translateX(0) !important;
        left: 0.3rem;
    }
    .section .detail .t1{
        font-weight: 550;
    }
    .section .all-tag-cen .t1{
        text-align: left;
        text-indent: 0.5rem;
    }
    .tag-data-list{
        margin-top: 6.6rem !important;
        width: 7rem !important;
        text-align: left;
    }
    .tag-data-list-box-num{
        font-size: 0.32rem !important;
    }



    .section01 .tab_swiper{
        background: #fff;
    }



    .part3-detail-box {
        padding: 0rem 0.45rem;
    }
    .part3-detail-box .top-box {
        padding: 1.5rem 0 0.3rem;
        margin-left: 0.5rem;
    }
    .part3-detail-box .top-box .t {
        font-size: 0.44rem;
        line-height: 0.7rem;
        font-weight: 500;
    }
    .part3-detail-box .top-box .d {
        font-size: 0.26rem;
        margin-top: 0.4rem;
        line-height: 1.5;
        font-weight: 300;
        width: 100%;
    }
    .part3-detail-box-d .top-box .d {
        flex-direction: column;
    }
    .part3-detail-box-d .top-box .d .video-btn {
        margin-top: 0.4rem;
        margin-bottom: 0.1rem;
        width: 2.6rem;
        height: 0.7rem;
    }
    .part3-detail-box-d .top-box .d .video-btn img {
        width: 0.26rem;
    }
    .part3-detail-box .top-box .units {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .part3-detail-box .top-box .units .unit {
        margin-right: 0;
        width: 50%;
        margin-bottom: 0.32rem;
    }
    .part3-detail-box .top-box .units .unit:nth-of-type(odd) {
        width: 50%;
    }
    .part3-detail-box .top-box .units .unit .text {
        font-size: 0.24rem;
        font-weight: 260;
    }
    .part3-detail-box .top-box .units .unit .desc .num {
        font-size: 0.4rem;
        font-weight: 500;
    }
    .part3-detail-box .top-box .units .unit .desc .un {
        font-size: 0.2rem;
    }
    .part3-detail-box .top-box .units .unit.unit-big {
        width: 100%;
    }
    .part3-detail-box .top-box .units.units-big .unit {
        width: 41%;
    }
    .part3-detail-box .top-box .units.units-big .unit-big {
        width: 100%;
    }
    .part3-detail-box .img-box .img-deatil-box {
        display: none;
    }
    .part3-detail-box .part-detail-text-change {
        flex-direction: column;
    }
    .part3-detail-box .part-detail-text-change .left-box {
        width: 100%;
    }
    .part3-detail-box .part-detail-text-change .right-box {
        width: 100%;
        padding: 0.35rem;
        margin-top: 0.7rem;
    }
    .part3-detail-box .part-detail-text-change .right-box .tab {
        background-color: rgba(110, 110, 110, 0.12);
        border-bottom: 0;
        margin-bottom: 0.2rem;
        padding: 0.35rem 0.23rem;
    }
    .part3-detail-box .part-detail-text-change .right-box .tab .title-box .t {
        font-size: 0.28rem;
    }
    .part3-detail-box .part-detail-text-change .right-box .tab .title-box .dots {
        width: 0.28rem;
    }
    .part3-detail-box .part-detail-text-change .right-box .tab .detail-box .t {
        font-size: 0.24rem;
        line-height: 1.4;
    }
    .part3-detail-box .part-detail-text-change .right-box .tab:nth-of-type(1) {
        padding-top: 0.35rem;
    }
    .part3-detail-box
        .part-detail-text-change
        .right-box
        .tab.active:nth-last-of-type(1) {
        padding-bottom: 0.35rem;
    }



    .part3-detail-box-hi4 .top-box-mb{
            position: relative;
    right: 0;
    top: 0;
    width: 100%;
        background: rgb(240, 240, 240);
        padding: 0.3rem !important;
        margin-left: 0;
    }
    .part3-detail-box-hi4 .top-box-mb .txt{
        color: #000;
    }
    .part3-detail-box-hi4{
                padding: 1rem 0.5rem !important;
    }
    .part3-detail-box-hi4 .hi4-title{
        margin-bottom: 0.5rem;
    }
    .part3-detail-box-hi4 .top-box-mb .txt div:nth-of-type(1){
        color: #333;
        font-size: 0.4rem;
        line-height: 0.8rem;
    }
    .part3-detail-box-hi4 .top-box-mb .txt div:nth-of-type(2){
            font-size: 0.26rem;
    color: #666;
    line-height: 0.4rem;
    margin-top: 0;
    font-weight: normal;
    }
    .part3-detail-box-hi4 .top-box-mb .units .unit .text{
        color: #000 !important;
        font-size: 0.26rem;
        white-space: nowrap;
    }
    .part3-detail-box-hi4 .top-box-mb .units .unit .desc .num{
        font-size: 0.56rem !important;
    font-weight: 500 !important;
    }
    .part3-detail-box-hi4 .top-box-mb .units .unit{
        margin-bottom: 0.6rem !important;
    }
    .part3-detail-box-hi4 .top-box-mb .units{
        margin-top: 0.6rem !important;
    }
    .part3-detail-box-hi4 .top-box-pc{
        display: none
    }
    .part3-detail-box-hi4 .top-box-mb{
        display: block
    }


    .section03 .hi4-beizhu{
padding: 0 0.5rem 1rem 0.5rem !important;
    margin-top: -0.5rem;
    }


    .cs_title{
        font-weight: normal;
        left: 1rem;
        /* top: 2.5rem; */
    }
    .color_sw .swiper-slide .cs_text{
        top: 2.8rem;
        right: auto;
        left: 1rem;
        font-size: 0.3rem;
        line-height: 0.4rem;
    }
    .car_style{
        bottom: 2.2rem;
    }
    .cs_color img{
        width: 0.5rem;
        height: 0.5rem;
        padding: 0;
    }
    .cs_color div{
        font-size: 0.24rem;
        margin-top: 0.15rem;
    }


    .color_ns-box{
        margin: 1rem 0.5rem;
    }
    .color_ns-box .cs_title{
        padding: 0 0 0.4rem 0;
        margin-left: 0.5rem;
    }


    .section,
    .part3-detail-box-hi4,
    .hi4-box,
    .choose_lanshan{
        width: 100%;
        /* overflow-x: hidden;
        overflow-y: hidden; */
    }

   

}









.video-box {
	width: 100%;
	position: fixed;
	height: 100vh;
	background: #000;
	z-index: 100000;
	top: 0;
	left: 0;
	display: none;
}

.video-box video {
	width: 100%;
	height: 100vh;
}

.video-box .close-box {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	z-index: 6;
	background-color: #6b6b6b;
	border-radius: 100%;
	opacity: 0.5;
	transition: all 0.5s;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-box .close-box img {
	width: 0.15rem;
}

.choose_lanshan .swiper-pagination-bullet{
        width: 0.35rem;
    height: 2px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
}
.choose_lanshan .swiper-pagination-bullet-active{
    background: rgba(0, 0, 0, 0.7);
}
.choose_lanshan .swiper-pagination{
    margin-top: 0.2rem;
    position: relative;
}

.cgs_btn{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0.5rem;
    bottom: 7rem;
}
.cgs_btn-l img,
.cgs_btn-r img{
        width: 100%;
    position: absolute;
    
}
.cgs_btn-l,
.cgs_btn-r{
    width: 0.8rem;
    height: .8rem;
    position: relative;
}
.cgs_btn-l{

}
.cgs_btn-r{ 

}
.cgs_btn-l img:nth-of-type(1),
.cgs_btn-r img:nth-of-type(1){
    opacity: 1;
    transition: all .6s;
}
.cgs_btn-l img:nth-of-type(2),
.cgs_btn-r img:nth-of-type(2){
    opacity: 0;
    transition: all .6s;
}
.cgs_btn-l:hover img:nth-of-type(1),
.cgs_btn-r:hover img:nth-of-type(1){
    opacity: 0;
    transition: all .6s;
}
.cgs_btn-l:hover img:nth-of-type(2),
.cgs_btn-r:hover img:nth-of-type(2){
    opacity: 1;
    transition: all .6s;
}
.cgs_btn-r img:nth-of-type(1){
    transform: rotate(180deg);
}
.cgs_btn-l img:nth-of-type(2){
    transform: rotate(180deg);
}

.btn_style_warya-mb{
    display:none !important; 
}
.btn_style_warya-pc{
    display:flex !important; 
}

.cs_new_whtie{
    color: white
}



@media (max-width: 768px) {
    .box_swiper .swiper-container {
        width: 100% !important;
            overflow: hidden;
    }
	.video-box .close-box {
		width: 1rem;
		height: 1rem;
		z-index: 999;
        top: 1rem;
        right: 1rem;
	}

	.video-box .close-box img {
		width: 0.4rem;
	}

    .section03 .zhijia-beizhu div{
        right: auto;
    left: 0.5rem;
    width: 88%;
    font-size: 0.16rem;
    text-align: left;
    }

    .section05{
        padding-top: 0.8rem;
    }



    .color_sw .swiper-slide img{
        height: 100vh;
        object-fit: cover;
    }
    .color_sw{
        background-color: #fff;
        margin-top: 1rem;
    }

    
    .btn_style_warya-mb{
    display:flex !important; 
}
.btn_style_warya-pc{
    display:none !important; 
}


}



/* 1 */
.chang_box{
	width: 100%;
	height: 200vh;
	position: relative;
}

.chang_num{
	padding: 0.5rem 1.8rem 0;
	height: 100vh;
    overflow: hidden;
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cnt_01{
	font-size: 0.4rem;
	padding: 0 1rem;
    padding-top: 0.5rem
}
.cnt_02{
	font-size: 0.2rem;
	padding: 0.23rem 1rem 0.4rem;
    
}
.cn_img{
	width: 100%;
	position: relative;
    padding-bottom: 0.2rem;
}
.cn_back{
	width: 100%;
}
.cn_num_01{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	z-index: 5;
	left: 60%;
	top: 2rem;
	transition: all .5s;
	opacity: 0;
}
.cn_num_01 .cnn_o{
	position: absolute;
	top: 50%;
	left: -1rem;
	transform: translateY(-50%);
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	color: #fff;
}
.cnn_o div{
	font-size: 0.25rem;
	line-height: 0.25rem;
}
.cnn_o span{
	font-size: 0.16rem;
	font-size: 0.16rem;
}
.yuan{
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #fff;
}
.cn_num_01 .xian{
	height: 0rem;
	width: 1px;
	background-color: #fff;
	transition: all 1s;
}
.cn_num_02{
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 5;
	left: 52%;
	bottom: 19vh;
	transition: all .5s;
	opacity: 0;
}
.cn_num_02 .cnn_o{
	position: absolute;
	top: 0.2rem;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
	color: #fff;
}
.cn_num_02 .xian{
	height: 1px;
	width: 0rem;
	background-color: #fff;
	transition: all 1s;
}
.cn_num_01.active .xian{
	height: 1.9rem;
}
.cn_num_02.active .xian{
	width: 1.7rem;
}
.cn_num_01.active,
.cn_num_02.active{
	opacity: 1;
}

.unit_4,
.u4_i{
	position: relative;
}
.u4_i img{
	width: 100%;
}
.u4_i div{
	font-size: 0.62rem;
	color: #fff;
	text-align: center;
}
.u4_ul{
	padding: 1rem 1.5rem;
}
.u4_ul li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1%;
}
.u4_ul li:nth-last-of-type(1){
	margin-bottom: 0%;
}
.u4_u_i{
	width: 64%;
	border-radius: 10px;
	overflow: hidden;
    position: relative;
}
.u4_u_i img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.u4_u_t{
	width: 35%;
	background-color: rgb(241, 241, 243);
	border-radius: 10px;
	overflow: hidden;
	padding: 0.8rem 0.7rem 0.5rem;
}
.u4ut_01{
	font-size: 0.3rem;
	font-weight: 300;
}
.u4ut_02{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.3rem;
	font-size: 0.2rem;
	font-weight: 300;
}
.u4ut_02 span{
	display: block;
	width: 50%;
	margin-top: 0.15rem;
	padding-left: 0.15rem;
	position: relative;
}
.u4ut_02 div{
	width: 100%;
	margin-top: 0.15rem;
	padding-left: 0.15rem;
	position: relative;
}
.u4ut_02 span::before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0rem;
	background-color: rgb(214, 168, 120);
}
.u4ut_02 div::before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0rem;
	background-color: rgb(214, 168, 120);
}

/* 2 */
.ai_box{
	padding: 0rem 2.8rem;
}
.ait_01{
	font-size: 0.4rem;
	padding: 0 1.5rem;
}
.ait_02{
	font-size: 0.2rem;
	padding: 0 1.5rem;
	margin-top: 0.25rem;
}
.ai_min{
    margin: 0 1.8rem;
	margin-top: 0.5rem;
	position: relative;
}
.ai_min_top{
     margin-top: 1rem
}
.ai_min::first-line{
    margin: 0;
}
.ai_min_text_01{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.5rem;
	color: #fff;
}
.ai_min_text_02{
	position: absolute;
	top: 3.5rem;
	transform: translateY(-50%);
	left: 1.5rem;
	color: #fff;
    width: 4.5rem;
}
.amt_01{
	font-size: 0.4rem;
}
.amt_02{
	font-size: 0.16rem;
	margin-top: 0.17rem;
    line-height: 0.25rem;
    opacity: 0.6;
    font-weight: 400
}
.amt_03{
	display: flex;
	justify-content: space-between;
	margin-top: 1.5rem;
}
.amt_03_o{
	margin-top: 0.5rem;
}
.a3m_01{
	color: rgb(226, 180, 124);
	font-size: 0.3rem;
	line-height: 0.3rem;
	display: flex;
	align-items: flex-end;
    font-weight: bold;
}
.a3m_01 span{
	font-size: 0.2rem;
	line-height: 0.2rem;
}
.a3m_02{
	font-size: 0.14rem;
	margin-top: 0.16rem;
    color: white;
    font-weight: 100;
}


.unit_3{
	position: relative;
	background-color: rgb(30, 28, 29);
    margin-top: 1rem;
}
.u3_top{
	position: relative;
    background: white;
}
.u3_top img{
	width: 100%;
}
.u3_top div{
	color: #fff;
	font-size: 0.62rem;
}


.u3_min{
	padding: 1.5rem 1.5rem 0;
	background-color: rgb(30, 28, 29);
}
.u3m_title{
	font-size: 0.4rem;
	color: #fff;
}
.u3_honour{
	position: relative;
	margin-top: 0.8rem;
}
.u3_honour video{
	width: 49.5%;        
    height :  5rem;        
    border-radius :  10px;
    object-fit: cover;
}
.u3_honour .u3h_main{
    background: #2E2E2E;
    width :  49.5%;        
    right :  0;        
    top :  0;        
    transform :  translateY(0);        
    padding :  0.5rem;        
    height :  5rem;        
    border-radius :  10px;
}
.u3h_main{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	width: 30%;
}
.u3hm_01{
	font-size: 0.35rem;
    color: rgb(219, 175, 121);
}
.u3hm_02{
	font-size: 0.16rem;
	line-height: 0.26rem;
	margin-top: 0.3rem;
    opacity: 0.6;
}
.u3hm_other{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.u3hm_other li{
	width: 50%;
	margin-top: 0.45rem;
}
.u3hm_other li div:nth-of-type(1){
	font-size: 0.3rem;
	color: rgb(219, 175, 121);
}
.u3hm_other li div:nth-of-type(2){
	font-size: 0.16rem;
	margin-top: 0.15rem;
}

.u3_cd{
	margin-top: 0.8rem;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.u3c_left{
	width: 30%;
}
.u3c_right{
	width: 69%;
}
.u3cl_min{
	height: 3.3rem;
	overflow: hidden;
	border-radius: 10px;
	background-color: rgb(46, 46, 46);
}
.u3cl_min img{
	object-fit: cover;
	height: 3.3rem;
	width: 100%;
}
.u3cl_min:nth-of-type(2){
	margin-top: 0.15rem;
}
.u3cl_min_02{
	display: flex;
	padding :  0.5rem 0.35rem 1rem;
	flex-direction: column;
	justify-content: space-between;
}
.u3m_01{
	color: rgb(219, 175, 121);
	font-size: 0.26rem;
}
.u3m_02{
	font-size: 0.16rem;
	line-height: 0.25rem;
	color: #fff;
	opacity: 0.6;
}

.u3c_right{
	background-color: rgb(46, 46, 46);
	height: 6.75rem;
	border-radius: 10px;
	padding: 0.35rem;
}
.u3cr_01{
	color: rgb(219, 175, 121);
	font-size: 0.26rem;
	padding: 0 0.2rem;
}
.u3cr_02{
	font-size: 0.16rem;
	line-height: 0.25rem;
	color: #fff;
	opacity: 0.6;
	margin-top: 0.25rem;
	padding: 0 0.2rem;
}
.u3cr_03{
	display: flex;
	margin-top: 0.3rem;
}
.u3cr_03_min{
	width: 56%;
	background-color: rgb(39, 40, 42);
	border-radius: 10px;
	overflow: hidden;
	padding: 0.25rem 0.4rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.u3cr_03_min_02{
	margin-left: 1.5%;
	width: 42.5%;
}
.u33m_01{
	padding: 0.05rem 0.1rem;
	color: rgba(255, 255, 255, 0.5);
}
.color_01{
	background-color: rgb(66, 55, 49);
}
.u33m_02{
	margin-top: 0.15rem;
}
.color_02{
	background-color: rgb(45, 66, 57);
}
.u33m_02{
	display: flex;
	color: #fff;
	align-items: center;
}
.u33m_02 div:nth-of-type(1){
	font-size: 0.4rem;
}
.u33m_02 div:nth-of-type(2){
	font-size: 0.14rem;
	margin-left: 0.1rem;
}
.u3cr_03_bk{
	width: 100%;
	height: 2.8rem;
	margin-top: 0.35rem;
	border-radius: 10px;
}
.u3_power{
	display: flex;
	justify-content: space-between;
	margin-top: 0.8rem;
}
.u3p_min{
	width: 49.5%;
}
.u3p_min video{
	border-radius: 10px;
	height: 4rem;
	object-fit: cover;
    width: 100%;
}
.u3p_text{
	border-radius: 10px;
	background-color: rgb(38, 36, 37);
	height: 4rem;
	padding: 0.8rem 0.5rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.u3p_min .u3p_text{
	margin-top: 2.5%;
}
.u3p_min_2 video{
	margin-top: 2.5%;
}
.u3p_min_2 .u3p_text{
	margin-top: 0rem;
}
.u3pt_01{
	color: rgb(219, 175, 121);
	font-size: 0.26rem;
}
.u3pt_02{
	font-size: 0.16rem;
	line-height: 0.25rem;
	color: #fff;
	opacity: 0.6;
	margin-top: 0.15rem;
}
.u3pt_03{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.u3p3_min{
	width: 33.33%;
}
.up3m_01{
	display: flex;
	align-items: flex-end;
}
.up3m_01 div{
	font-size: 0.35rem;
	line-height: 0.35rem;
}
.up3m_01 span{
	font-size: 0.18rem;
	line-height: 0.18rem;
	margin-left: 0.05rem;
}
.up3m_02{
	margin-top: 0.05rem;
    font-size: 0.14rem;
    font-weight: 200;
}



.u3m_ul{
	margin-top: 0.8rem;
	display: flex;
	justify-content: space-between;
}
.u3m_min{
	width: 49.5%;
	border-radius: 10px;
	background-color: rgb(38, 36, 37);
	overflow: hidden;
}
.u3m_min video{
    width: 100%
}
.u3mm_01{
	padding: 0.5rem 0.5rem 0.1rem;
	color: rgb(219, 175, 121);
	font-size: 0.35rem;
}
.u3mm_02{
	padding: 0rem 0.5rem 0.5rem;
	font-size: 0.16rem;
	line-height: 0.28rem;
	opacity: 0.6;
	color: #fff;
}
.pc-pad-new{
    display: flex;
}
.pc-pad-new-two{
    display: block
}
.mb-only-new{
    display: none;
}
.mb-only-new-two{
    display: none;
}
.only-tag-t2{
    margin-left: 1rem;
}

.no-margin{
    margin-left: 0;
    padding-bottom:0;
    margin-bottom: 0;
    margin-top: 1rem;
}


@media(max-width:768px){
    .chang_num{
        padding: 0 0.5rem;
    }
    .ai_min{
        margin: 0 0.5rem;
        margin-top: 0.5rem;
    }
    .ai_min_text_01{
        left: 0.5rem;
        transform: translateY(0);
        bottom: 2rem;
        top: auto;
    }
    .ai_min_text_02{
        top: auto;
        left: 0.5rem;
        bottom: 1rem;
        transform: translateY(0);
    }
    .amt_03{
        margin-top: 0.5rem;
    }
    .end_tag_mb{
        left: 0.5rem;
    }
    .u3_top div{
        font-size: 0.48rem;
        text-align: left;
    }
    .u3_min{
       padding :  1rem 0.5rem 0;
    }
    .u3_min_last_video video{
        width: 100%;
    }
    .u3m_title{
        padding-left: 0.5rem;
    }
    .u3_honour{
        margin-top: 0.4rem;
    }
    .u3_honour video{
        width: 100%;
        height: auto;
    }
    .u3h_main{
        position: static;
    }
    .u3_honour .u3h_main{
        width: 100%;
        height: auto;
    }
    .u3hm_02{
        font-size: 0.22rem;
        line-height: 0.4rem;
        color: #666;
        opacity: 1;
    }
    .u3hm_other li div:nth-of-type(1){
        font-size: 0.35rem;
        font-weight: bold
    }
    .u3hm_other li div:nth-of-type(2){
        font-size: 0.2rem;
        line-height: 0.4rem;
        color: #666;
        opacity: 1;
    }
    .u3pt_01{
        font-size: 0.35rem;
    }
    .u3pt_02{
        font-size: 0.22rem;
        line-height: 0.4rem;
        color: #666;
        opacity: 1;
    }
    .up3m_01{
        color: rgb(219, 175, 121);
        line-height: 0.4rem;
        font-weight: bold;
    }
    .up3m_02{
        font-size: 0.2rem;
        line-height: 0.4rem;
        color: #666;
        font-weight: 500;
    }
    .section01 .tab_swiper{
        padding-bottom: 0;
    }
    .section .box_swiper_per .new_home_chao{
        margin-top:0; 
    }
    .cnt_01{
        padding: 0 0.5rem;
    }
    .cnt_02{
        padding: 0.2rem 0.5rem 0.4rem;
    }
    .pc-pad-new{
        display: none;
    }
    .pc-pad-new-two{
        display: none;
    }
    .mb-only-new{
        display: block;
    }
    .mb-only-new-two{
        display: flex;
        margin-top: 0.45rem;
    }
    .ai_box{
        padding: 0 0.5rem
    }
    .box_swiper_per{
        padding: 0.5rem 0.5rem 0;
        margin-top: 0;
    }
    .box_swiper_per .swiper_tab_page{
        width:100%;            
        position:relative;
        padding: 0;
    }
    .box_swiper_per .swiper-pagination-bullet{
        width:0.5rem;            
        height:2px;            
        display:inline-block;            
        background: #000;            
        opacity:0.2;            
        margin-right:0.15rem;            
        border-radius:0;
    }
    .box_swiper_per .swiper-pagination-bullet-active {            
        background-color: rgb(227, 167, 38);            
        opacity: 1;       
    }
    .u3_min .box_swiper_per{
        padding: 0;
        margin-top: 0.4rem;
        border-radius: 10px;
    }
    .u3_min .swiper-container{
        border-radius: 10px;
    }
    .u3_power{
        display: block;

    }
    .u3p_min{
        width: 100%;
    }
    .u3p_min_2{
        margin-top: 0.5rem;
        display: flex;
        flex-direction: column-reverse;
    }
    .u3p_text{
        padding: 0.6rem 0.5rem 0.4rem;
        justify-content: unset
    }
    .u3hm_other li{
        width: 25%;
    }
    .u4_i div{
        text-align: left;
    }
    .u4_ul{
        padding: 0.5rem;
    }
    .u4_ul li{
        display: block;
        position: relative;
        margin-bottom: 0.5rem;
    }
    .u4_u_i{
        width: 100%;
    }
    .u4_u_t{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: none;
        color: white;
        padding: 0.5rem 0.3rem 0.5rem;
        z-index: 99;
    }
    .u4ut_02{
        position: absolute;
        bottom: 0.8rem;
    }
    .u4ut_02 span{
        width: 33%;
    }
    .u4ut_02 div{
        width: 50%
    }
    .gdpz .new_detail_tag{
        position: static;
        padding: 0.5rem;
        text-align: left;
        color: black;
    }
    .gdpz .new_detail_tag .t1{
        font-weight: 500;
        font-size: 0.4rem;
        text-indent: 0;
    }
    .gdpz .new_detail_tag div{
        font-weight: 500;
        font-size: 0.4rem;
        text-indent: 0;
    }
    .gdpz img{
        padding: 0 0.5rem;
        padding-bottom: 1rem;
    }
    .only-tag-t2{
        margin-left: 0.5rem;
    }
    .hi4-beizhu-last{
        padding: 0.7rem 0.5rem 1rem;
        font-size: 0.16rem;
        text-align: left;
    }
    .top-min-box5{
        margin-top: 0;
        padding-top: 1rem;
    }
    .unit_3 {
        margin-top: 0.5rem;
    }
    .swiper_tab_01_01{
        margin-top: 0.5rem;
    }
    .no-padding-btm{
        padding-top: 0.5rem;
    }
    .swiper_tab_text_t_two{
        height: 2.5rem;
    }
    .unit_3 .s_title{
       color: rgb(219, 175, 121);
       font-size: 0.35rem;
       font-weight: bold;
    }
    .cs_color{
        margin: 0
    }
    .no-margin{
       margin-left: 0.5rem;
    }
    .swt_07_01 .swiper-wrapper .swiper-slide{
       background: none;
       border-radius: 10px;
    }
    .swt_07_01 .swiper-wrapper .swiper-slide img{
       border-radius: 10px;
    }
    .swt_08_01 .swiper-wrapper .swiper-slide{
       background: none;
       border-radius: 10px;
    }
    .swt_08_01 .swiper-wrapper .swiper-slide video{
       border-radius: 10px;
    }
    .u3p_min_2 .u3p_text{
        margin-top: 2.5%;
    }
    .cn_num_01 .cnn_o{
        top: -45%;
        transform :  translate(-50%, -50%);
        left: 0rem
    }
    .only_beizhu{
        margin: 0 0.5rem;
    }
}



@media(max-width:768px){
    .cn_back{
        height: 100vh;
        object-fit: cover;
    }
    .cn_back{
        height: 83vh;
        object-fit: cover;
    }
    .chang_box{
        height: auto;
    }
    .chang_num{
        justify-content: flex-start;
        top: 0;
        height: auto;
        position: relative;
    }
    .cn_num_01{
        top: 40%;
    }
    .cn_num_02{
        bottom: 12vh;
    }
    .cn_num_01.active .xian{
        height: 0.9rem;
    }
    .cn_num_02.active .xian{
        width: 0.8rem
    }
    


    .cn_back {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .cn_img{
        padding-bottom: 0rem;
    }
}<!--0.00023913383483887-->