body{
    max-width: 100% !important;
    overflow-x: hidden;
}

/* 底部进度 */
.progress_into{
	width: 0;
	height: 1.4rem;
	background-color: #13bd8f;
	color: #fff;
	position: fixed;
	bottom: 0rem;
	transition: bottom 1.5s;
	z-index: 10001;
}
.progress_into div{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.3rem;
	font-size: 1.4rem;
	font-weight: 300;
}
.progress_into.active{
	bottom: -3rem;
}


.approach_into_ping{
	width: 100%;
	height: 100vh;
	position: fixed;
	background-color: #000000;
	transition: all 1s;
	top: 0;
	z-index: 10000;
}
.green_bk{
	z-index: 9999;
	width: 100%;
	height: 130vh;
	position: fixed;
	background-color: #13bd8f;
	transition: all 1.1s;
	top: 0;
}
.green_bk.active{
	top: -130vh;
}
.approach_into_ping.active{
	top: -100vh;
}
.progress_box{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all .5s;
}
.approach_into_ping video{
	width: 55%;
	opacity: 0.7;
    margin-top: -2rem;
}
.approach_into_ping img{
	width: 100%;
	opacity: 0.7;
    margin-top: -2rem;
}
.progress_text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 0.6rem;
	letter-spacing: 0.1rem;
	color: #fff;
	font-weight: 300;
}
.progress_text div{
	display: flex;
	overflow: hidden;
	justify-content: center;
	height: 1rem;
}
.progress_text div span{
	display: block;
	margin-top: 1rem;
	opacity: 0;
	transition: all .5s;
}
.progress_text div span.active{
	margin-top: 0rem;
	opacity: 1;
}
.progress_box.active{
	opacity: 1;
}

@media (max-width: 768px) {
    .progress_into{
        height: 2rem;
    }
    .progress_into div{
        font-size: 1rem;
    }
    .progress_text{
        font-size: 0.5rem;
    }
}


/* 开屏 */
/* .approach_ping{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	opacity: 1;
	transition: all 1s;
	z-index: 10000;
    background: #fff;
}
.approach_ping.auto{
	opacity: 0;
	pointer-events: none;
}
.approach_ping .approach_detail .approach_bk{
	width: 100%;
	height: 100vh;
	object-fit: cover;
	transform: scale(1.1);
	transition: all 2s;
    opacity: 0;
}
.approach_ping .approach_detail .approach_bk.active{
	transform: scale(1);
    opacity: 1;
}
.approach_ping .approach_detail .approach_logo{
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%,-50%);
	width: 40%;
	opacity: 0;
	transition: all 4s;
}
.approach_ping .approach_detail .approach_logo.active{
	opacity: 1;
}
.approach_top_left{
	position: absolute;
	left: -50vw;
	top: -50vw;
	background-color: rgba(255,255,255,0.2);
	width: 80vw;
	height: 80vw;
	transform: rotate(33deg);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s;
	z-index: 1;
	opacity: 0;
}
.approach_top_left div{
	width: 65vw;
	height: 65vw;
	background-color: rgba(255,255,255,0.8);
}
.approach_bottom_right{
	position: absolute;
	right: -50vw;
	bottom: -50vw;
	background-color: rgba(255,255,255,0.2);
	width: 80vw;
	height: 80vw;
	transform: rotate(33deg);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s;
	z-index: 1;
	opacity: 0;
}
.approach_bottom_right div{
	width: 65vw;
	height: 65vw;
	background-color: rgba(255,255,255,0.8);
}

.approach_top_left.active{
	left: -62vw;
	opacity: 1;
}
.approach_bottom_right.active{
	right: -62vw;
	opacity: 1;
}

.approach_text_list{
	position: absolute;
	bottom: 28vh;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.45rem;
	letter-spacing: 0.18rem;
	clip-path: polygon(0 0, 0% 0, -15% 100%, 0 100%);
	transition: all 3s;
}
.approach_text_list.active{
	clip-path: polygon(0 0, 115% 0, 100% 100%, 0 100%);
}
.approach_text_bottom{
	position: absolute;
	bottom: 11vh;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.2rem;
	letter-spacing: 0.2rem;
	font-weight: 300;
	opacity: 0;
	transition: bottom 1s,opacity 3s;
}
.approach_text_bottom.active{
	bottom: 16vh;
	opacity: 1;
}

.approach_img_bottom{
	position: absolute;
	bottom: 13vh;
	left: 45%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 1s;
}
.approach_img_bottom.active{
	opacity: 1;
} */





/* banner */
.home_banner{
	width: 100%;
	height: 100vh;
}
.home_banner .hb_swiper .swiper-slide .sw_img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
    z-index: 1;
    position: relative;
}
.home_banner .hb_swiper .swiper-slide video{
    width: 100%;
	height: 100vh;
	object-fit: cover;
    z-index: 2;
    position: relative;
}
.home_banner .hb_swiper .swiper-slide #banner_mb_v1{
    width: 100%;
	height: 100vh;
	object-fit: cover;
    z-index: 2;
    position: absolute;
    top: 0;
}
.kv-pagination{
	z-index: 1;
	top: 92vh !important;
	width: 40% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background-color: rgba(255,255,255,.3);
	height: 2px !important;
}
.kv-pagination .swiper-pagination-progressbar{
	background: #fff !important;
}
.banner_btn_list{
	position: absolute;
	top: 81vh;
	left: 50%;
	transform: translateX(-50%);
    z-index: 2;
}
.banner_btn_list .bb_min{
	width: 3rem;
	line-height: 0.55rem;
	height: 0.55rem;
	position: relative;
}
.banner_btn_list .bb_min a{
	width: 100%;
	display: block;
	height: 100%;
	color: #fff;
	text-align: center;
	font-size: 0.15rem;
	letter-spacing: 0.05rem;
}
.banner_text{
    position: absolute;
    top: 20vh;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.banner_text div:nth-of-type(1){
	font-size: 0.4rem;
    letter-spacing: 0.1rem;
}
.banner_text div:nth-of-type(2){
    font-size: 0.24rem;
    margin-top: 0.2rem;
    font-weight: 300;
    letter-spacing: 0.07rem;
}
.banner-swiper-button-prev{
    position: absolute;
    left: 0.2rem;
    transform: translateY(-50%);
    top: 50%;
    width: 0.7rem;
    z-index: 1;
    opacity: 0;
    transition: all .3s;
    cursor: pointer;
}
.banner-swiper-button-next{
    position: absolute;
    right: 0.2rem;
    transform: translateY(-50%);
    top: 50%;
    width: 0.7rem;
    z-index: 1;
    opacity: 0;
    transition: all .3s;
    cursor: pointer;
}
.banner-swiper-button-prev img{
    width: 100%;
    transform: rotate(180deg);
}
.banner-swiper-button-next img{
    width: 100%;
}
.home_banner:hover .banner-swiper-button-next,
.home_banner:hover .banner-swiper-button-prev{
    opacity: 1;
}

@media (max-width: 768px) {
	.banner_btn_list{
		width: 80%;
		top: 75vh;
	}
	.banner_btn_list .bb_min{
		width: 100%;
		height: 0.9rem;
		line-height: 0.9rem;
	}
	.kv-pagination{
		width: 80% !important;
	}
	.banner_text div:nth-of-type(1){
            font-size: 0.48rem;
        }
    .banner_text div:nth-of-type(2){
        font-size: 0.3rem;
        margin-top: 0.2rem;
    }
	.banner_btn_list .bb_min a{
		font-size: 0.24rem;
	}
    .home_banner .banner-swiper-button-next,
    .home_banner .banner-swiper-button-prev{
        display: none;
    }
}

/* 品牌 */
.brand_box{
	position: relative;
    background-color: #c1c1c1;
    transition: background .7s;
    overflow: hidden;
}
.brand_slogan{
	position: absolute;
	top: 8vh;
	left: 1rem;
	z-index: 2;
}
.brand_slogan._fixed{
	position: fixed;
}
.brand_slogan .text_E{
	font-size: 0.8rem;
	font-weight: 200;
	color: rgba(255,255,255,0.5);
	display: flex;
	overflow: hidden;
    opacity: 0 !important;
}
.brand_slogan .text_E span{
	top: 1rem;
	position: relative;
	display: block;
	transition: all .5s;
	background: linear-gradient(0deg, rgba(255,255,255,0.1) 20%, rgba(255,255,255,0.3) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.brand_slogan .text_E span.active{
	top: 0rem;
}
.brand_slogan .text_C{
	font-size: 0.55rem;
	font-weight: 300;
	color: rgba(255,255,255,0.7);
	position: relative;
	display: flex;
    align-items: center;
	overflow: hidden;
	margin-top: -0.4rem;
}
/* .brand_slogan .text_C span{
	top: 1rem;
	position: relative;
	display: block;
	transition: all .5s;
}
.brand_slogan .text_C span.active{
	top: 0rem;
} */
.brand_slogan .text_C img{
	top: 1rem;
	position: relative;
	display: block;
	transition: all .5s;
    margin-left: 0.1rem;
    width: 0.54rem;
}
.brand_slogan .text_C img:nth-of-type(1){
    margin-left: 0rem;
}
.brand_slogan .text_C img.active{
	top: 0rem;
}
.brand_slogan .text_D{
	font-size: 0.55rem;
	font-weight: 300;
	color: rgba(255,255,255,0.7);
	position: relative;
	display: flex;
    align-items: center;
	overflow: hidden;
	margin-left: 0.3rem;
	margin-top: 0.1rem;
}
/* .brand_slogan .text_D span{
	top: 1rem;
	position: relative;
	display: block;
	transition: all .5s;
}
.brand_slogan .text_D span.active{
	top: 0rem;
} */
.brand_slogan .text_D img{
	top: 1rem;
	position: relative;
	display: block;
	transition: all .5s;
    margin-left: 0.1rem;
    width: 0.54rem;
}
.brand_slogan .text_D img:nth-of-type(1){
    margin-left: 0rem;
}
.brand_slogan .text_D img.active{
	top: 0rem;
}


.brand_slogan._brand_end{
	top: 408vh;
	position: absolute;
}
.brand_page_progress{
	position: absolute;
	top: 70vh;
	right: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
}
.brand_page_progress._fixed{
	position: fixed;
}
.brand_page_progress .bpp_min{
	border: 1px solid transparent;
	position: relative;
}
.brand_page_progress .bpp_min.active{
	border: 1px solid #fff;
}
.bpp_line{
	width: 1px;
	height: 0.2rem;
	background-color: #fff;
	margin: 5px 0;
}
.brand_page_progress .bpp_min div{
	width: 0.08rem;
	height: 0.08rem;
	background-color: #fff;
	margin: 2px;
}
.brand_page_progress._brand_end{
	top: 470vh;
	position: absolute;
}
.brand_logo_right{
    position: absolute;
    top: 70vh;
    right: 0;
    z-index: 1;
    overflow: hidden;
}
.brand_logo_right._fixed{
    position: fixed;
}
.brand_logo_right._brand_end{
	top: 470vh;
	position: absolute;
}
.brand_logo_right img{
    width: 6rem;
    margin-top: 0rem;
    margin-right: -0.9rem;
    opacity: 0.3;
}

.brand_every_ping{
	width: 100%;
	height: 100vh;
	position: relative;
	padding: 30vh 4vw 0;
	transition: all .5s;
    z-index: 1;
}

.brand_car_detail{
	display: flex;
}
.bcd_left_box{
	width: 65%;
	flex-shrink: 0;
}
.bcd_left_box img{
	width: 100%;
}
.bcd_right_box{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 0 0 4vw;
	color: #fff;
}
.brb_text{
	line-height: 0.27rem;
	font-weight: 300;
	position: relative;
	top: 2rem;
	transition: all 1.3s;
	opacity: 0;
}
.brb_text span{
	font-size: 0.24rem;
}
.brb_text.active{
	opacity: 1;
	top: 0rem;
	line-height: 0.34rem;
}

.title_logo{
    display: flex;
    align-items: flex-end;
    margin: 0.38rem 0 0rem;
    justify-content: center;
}
.title_logo_haval{
    margin: 1rem 0 0rem;
}
.title_logo .bcd_nc_1_hf{
    width: 2rem;
}
.title_logo .bcd_nc_2_hf{
    width: 0.8rem;
}
.title_logo .bcd_nc_1_ol{
    width: 1.2rem;
}
.title_logo .bcd_nc_2_ol{
    width: 0.8rem;
}
.title_logo .bcd_nc_1_tk{
    width: 0.65rem;
}
.title_logo .bcd_nc_2_tk{
    width: 0.8rem;
}
.title_logo .bcd_nc_1_wei{
    width: 0.8rem;
}
.title_logo .bcd_nc_2_wei{
    width: 0.8rem;
}
.title_logo .bcd_nc_1_pk{
    width: 2rem;
}
.title_logo .bcd_nc_2_pk{
    width: 0.8rem;
}
.bcd_right_btn{
    width: 100%;
    display: flex;
    justify-content: center;
}
.bcd_right_btn .button-bubble3{
    font-size: 0.18rem;
    width: 3rem;
    line-height: 0.55rem;
    height: 0.55rem;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.bcd_right_btn .button-bubble3 a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    transition: all .6s;
    cursor: pointer;
    font-size: 0.15rem;
    letter-spacing: 0.05rem;
}










.brb_icon{
	
}
.brb_logo img{
    margin-bottom: 0.4rem;
    display: none;
}
.haval_logo_min{
	width: 1.5rem;
}
.tank_logo, .pika_logo, .wei_logo{
	width: 0.4rem;
}
.oula_logo{
	width: 0.35rem;
}
.brand_page_num{
	margin: 0.2rem 0 0.3rem;
	font-size: 0.18rem;
    display: flex;
    align-items: center;
}
._fenge{
    font-size: 0.13rem;
    margin: 0 0.05rem;
    display: block;
    margin-top: -0.02rem;
}
.brb_link{
	position: relative;
	border-radius: 100%;
	border: 1px solid rgba(255,255,255,0.35);
	width: 0.6rem;
	height: 0.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all .4s;
}
.brb_link img{
	width: 0.18rem;
}
.brb_link_1:hover{
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(255,255,255,0);
}
.brb_link_2:hover{
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(255,255,255,0);
}
.brb_link_3:hover{
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(255,255,255,0);
}
.brb_link_4:hover{
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(255,255,255,0);
}
.brb_link_5:hover{
	background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(255,255,255,0);
}
.mb-left03{
	margin-left: 0.3rem;
}
.mb-t{
	display: none;
}
.pc-t{
    font-size: 0.18rem !important;
    padding: 0.8rem 0;
}

.text_icon_all{
    margin-bottom: 0.1rem;
    width: 0.8rem;
}

@media (max-width: 768px) {
    .brand_box{
        overflow: hidden;
    }
	.bcd_left_box{
		width: 100%;
	}
	.brand_car_detail{
		flex-direction: column;
	}
	.brand_slogan{
		left: 6%;
		top: 2vh;
        position: inherit !important;
	}
    .brand_slogan._fixed{
        position: inherit !important;
    }
	.brand_every_ping{
		padding: 10vh 6% 0;
        height: auto;
	}
    .brand_every_ping.end_bp{
        padding: 10vh 6% 10vh;
    }
	.bcd_right_box{
		padding: 0 0rem;
        flex-direction: initial;
        width: 100%;
        display: flex;
        justify-content: center;
	}
	.brb_icon{
		padding: 0.7rem 0 0.7rem;
		transition: all 1s;
		position: relative;
		top: 2rem;
		opacity: 0;
	}
	.brb_icon.active{
		top: 0rem;
		opacity: 1;
	}
	.brb_text{
		line-height: 0.4rem;
		padding: 0.3rem 0 0rem;
	}
	.brb_text.activeT{
		opacity: 0;
		top: -2rem;
	}
	.brb_icon.activeT{
		opacity: 0;
		top: -2rem;
	}
	.haval_logo_min{
		width: 2.5rem;
	}
	.tank_logo, .pika_logo, .wei_logo{
		width: 0.7rem;
	}
	.oula_logo{
		width: 0.5rem;
	}
	.brand_page_num{
		margin: 0.3rem 0 0.4rem;
		font-size: 0.28rem;
        font-weight: 500;
	}
	.brb_link{
		width: 0.8rem;
		height: 0.8rem;
	}
	.brb_link img{
		width: 0.25rem;
	}
	.brand_slogan .text_E span{
		background: linear-gradient(0deg, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.5) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.brand_slogan .text_F{
		display: flex;
		font-weight: 200;
		display: flex;
		overflow: hidden;
		margin-top: -0.2rem;
        opacity: 0;
	}
	.brand_slogan .text_E, .brand_slogan .text_F, .brand_slogan .text_C, .brand_slogan .text_D{
		font-size: 0.6rem;
	}
	.brand_slogan .text_F span{
		top: 1rem;
		position: relative;
		display: block;
		transition: all .5s;
		background: linear-gradient(0deg, rgba(255,255,255,0.5) 20%, rgba(255,255,255,0.5) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.brand_slogan .text_F span.active{
		top: 0rem;
	}
	.mb-left03{
		margin-left: 0rem;
	}
	.brand_slogan .text_C{
		margin-top: -0.08rem;
	}
	
	.brand_slogan .text_D{
		margin-left: 0rem;
		/* margin-top: -0.15rem; */
	}
	.brb_text span.title{
		font-size: 0.32rem;
		display: block;
		margin-bottom: 0.1rem;
	}
	.brb_text{
		font-size: 0.26rem;
		line-height: 0.42rem;
		/* padding-right: 0.5rem; */
	}
	.brb_text.active{
		line-height: 0.44rem;
	}
	.pc-t{
		display: none;
	}
	.mb-t{
		display: inline-block;
		font-size: 0.28rem !important;
        text-align: center;
        width: 100%;
        padding: 0.2rem 0;
	}
    .bcd_right_btn .button-bubble3{
        width: 3.5rem;
        line-height: 0.65rem;
        height: 0.65rem;
    }
    ._fenge{
        font-size: 0.22rem;
    }
    .brand_logo_right{
        top: 81vh;
    }
    .brand_logo_right img{
        margin-right: -1.2rem;
    }
    .brand_slogan._brand_end{
        top: 196vh;
    }
    .brand_page_progress, .brand_logo_right{
        display: none !important;
    }
    .title_logo_haval{
        margin: 0.5rem 0 0rem;
    }
    .bcd_right_btn .button-bubble3 a{
        font-size: 0.24rem;
    }
}

/* news */
.about_us_box{
	display: flex;
	padding: 0.5rem 0.8rem;
    justify-content: center;
}
.au_left{
	margin-right: 0.15rem;
}
.au_right{
	
}
.au_min_top{
	margin-bottom: 0.15rem;
}
.au_min_bottom{
	display: flex;
}

.au_min_s{
	position: relative;
}
.au_min_s img{
	width: 100%;
	transition: all .4s;
	margin-top: 1rem;
	opacity: 0;
}
.au_min_s img.active{
	margin-top: 0rem;
	opacity: 1;
}
.au_text{
	position: absolute;
	left: 0.5rem;
	opacity: 1;
	pointer-events: none;
	transition: all .7s;
	color: #fff;
	opacity: 0;
}
.au_text_1, .au_text_5 {
    transition: all .9s;
}
.au_text_1{
	top: 82%;
}
.au_text_2{
	top: 80%;
}
.au_text_3{
	top: 80%;
}
.au_text_4{
	top: 80%;
}
.au_text_5{
	top: 88.5%;
}
.au_text_1.active{
	top: 86%;
	opacity: 1;
}
.au_text_2.active{
	top: 80%;
	opacity: 1;
}
.au_text_3.active{
	top: 80%;
	opacity: 1;
}
.au_text_4.active{
	top: 80%;
	opacity: 1;
}
.au_text_5.active{
	top: 86%;
	opacity: 1;
}
.au_btn{
	position: absolute;
	bottom: 0rem;
	left: 0.5rem;
	transition: all .5s;
	opacity: 0;
	pointer-events: none;
	color: #fff;
	font-size: 0.18rem;
	font-weight: 300;
	letter-spacing: 0.05rem;
}
.au_btn a{
    display: flex;
    font-weight: 300;
    color: #fff;
}
.au_btn_3{
}
.fliter_box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: transparent;
}
.color_bk{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,0);
}
.au_min_s:hover .color_bk_1{
	background-color: 	rgba(158,200,225,0.6);
}
.au_min_s:hover .color_bk_2{
	background-color: rgba(92,160,227,0.6);
}
.au_min_s:hover .color_bk_3{
	background-color: rgba(172,210,228,0.6);
}
.au_min_s:hover .color_bk_4{
	background-color: rgba(160,172,200,0.6);
}
.au_min_s:hover .color_bk_5{
	background-color: rgba(96,128,185,0.6);
}
.au_min_s:hover .fliter_box{
	backdrop-filter: saturate(80%) blur(50px);
	-webkit-backdrop-filter: saturate(80%) blur(50px);
}
.au_min_s:hover .au_text{
	opacity: 1;
	pointer-events: auto;
	top: 0.5rem;
}
.au_min_s:hover .au_btn{
	opacity: 1;
	pointer-events: auto;
	cursor: pointer;
	bottom: 0.5rem;
}
.au_text div:nth-of-type(1){
	/* font-size: 0.194rem;
	font-weight: 300; */
	margin-bottom: 0.15rem;
    font-size: 0.3rem;
    font-weight: 500;
}
.au_text div:nth-of-type(2), .au_text div:nth-of-type(3){
	font-size: 0.3rem;
	margin-top: 0.16rem;
	line-height: 0.24rem;
	font-weight: 500;
	letter-spacing: 0.04rem;
}
.au_btn{
	display: flex;
	font-weight: 300;
}
.au_btn div:nth-of-type(2){
	margin-left: 0.06rem;
	transition: all .3s;
}
.au_btn:hover div:nth-of-type(2){
	margin-left: 0.2rem;
}
.about_us_box_mb{
	display: none;
}
@media (max-width: 768px) {
	.about_us_box{
		display: none;
	}
	.about_us_box_mb{
		padding: 1rem 0.5rem;
		display: block;
	}
	.au_min_box{
		width: 100%;
		position: relative;
		margin-top: 0.2rem;
		overflow: hidden;
	}
	.au_min_box:nth-of-type(1){
		margin-top: 0rem;
	}
	.au_min_box img{
		width: 100%;
		margin-top: 1.5rem;
		transition: all 1s;
	}
	.au_min_box img.active{
		margin-top: 0;
	}
	.au_text_mb{
		position: absolute;
		bottom: -1rem;
		opacity: 0;
		transition: all 1s;
		left: 0.5rem;
		color: #fff;
	}
	.au_text_mb div:nth-of-type(1){
		font-size: 0.28rem;
		font-weight: 500;
	}
	.au_text_mb div:nth-of-type(2){
		font-size: 0.32rem;
		font-weight: 500;
	}
	.au_text_mb.active{
		bottom: 0.5rem;
		opacity: 1;
	}
	.au_min_double_box{
		display: flex;
		margin-top: 0.2rem;
	}
	.amd_mb{
		position: relative;
	}
	.amd_mb img{
		width: 100%;
	}
	.amd_mb:nth-of-type(2){
		margin-left: 0.2rem;
	}
}

/* 企业文化 */
.qywh_box{
	width: 100%;
	height: 65vh;
	overflow: hidden;
	position: relative;
}
.qywh_box .bkimg{
	width: 100%;
	margin-top: -10vh;
	transition: margin .2s;
}
.qywh_text_btn{
	position: absolute;
	top: 30vh;
	opacity: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	transition: all 1s;
}
.qywh_text_btn.active{
	top: 10vh;
	opacity: 1;
}
/* .qywh_text_btn div:nth-of-type(1){
	font-size: 0.23rem;
	font-weight: 300;
} */
.qywh_text_btn div:nth-of-type(1){
	font-size: 0.3rem;
	letter-spacing: 0.05rem;
	margin: 0.15rem 0 0.35rem;
	font-weight: 500;
}
.qywh_text_btn div:nth-of-type(2){
	font-size: 0.18rem;
	width: 3rem;
	line-height: 0.55rem;
	height: 0.55rem;
}
.qywh_text_btn div:nth-of-type(2) a{
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	transition: all .6s;
	cursor: pointer;
	font-size: 0.15rem;
	letter-spacing: 0.05rem;
}

@media (max-width: 768px) {
	.qywh_box{
		height: 35vh;
	}
	.qywh_text_btn{
		top: 10vh;
	}
	.qywh_text_btn.active{
		top: 5vh;
	}
	.qywh_box .bkimg_1{
		width: 100%;
		transition: margin .2s;
	}
	/* .qywh_text_btn div:nth-of-type(1){
		font-size: 0.28rem;
		font-weight: 300;
	} */
	.qywh_text_btn div:nth-of-type(1){
		font-size: 0.32rem;
		font-weight: 500;
	}
	.qywh_text_btn div:nth-of-type(2){
		width: 3.5rem;
		line-height: 0.65rem;
		height: 0.65rem;
	}
	.qywh_text_btn div:nth-of-type(2) a{
		font-size: 0.24rem;
	}
}

























/* footer */
/* .gwm-footer{
	background-color: #f6f7f8;
	padding: 0.9rem 1rem 0;
}
.footer_box1{
	display: flex;
	justify-content: space-between;
}
.f1_tab{
	display: flex;
	align-items: center;
}
.f1_tab div{
	margin: 0 0.3rem;
	position: relative;
	cursor: pointer;
	font-size: 0.166rem;
	font-weight: 300;
}
.f1_tab div:nth-last-of-type(1){
	margin: 0 0rem 0 0.3rem;
}
.f1_tab div::after{
	content: '';
	display: block;
	position: absolute;
	right: -0.3rem;
	top: 50%;
	transform: translateY(-50%);
	height: 0.166rem;
	width: 1px;
	background-color: #ccc;
	cursor: auto;
}
.f1_tab div:nth-last-of-type(1)::after{
	width: 0px;
}

.footer_box2{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 1.2rem;
    border-top: 1px solid #e5e5e5;
    padding: 0.5rem 0;
}
.f2_tab{
	display: flex;
}
.f2_tab div{
	padding: 0.05rem 0.15rem;
	background-color: #e7e9ea;
	border-radius: 5px;
	margin-left: 0.05rem;
	cursor: pointer;
	color: #848a8e;
	font-size: 0.15rem;
	font-weight: 300;
	transition: all .3s;
}
.f2_tab div:hover{
	background-color: #dbdee0;
}
.f2_tab div:nth-of-type(1){
	margin-left: 0rem;
}


.f2_media{
	display: flex;
}
.f2_media .f2_min_b{
	margin-right: 0.15rem;
	position: relative;
}
.f2_media .f2_min_b:nth-last-of-type(1){
	margin-right: 0rem;
}
.f2_media .f2_min_b .f_icon{
	width: 0.4rem;
	cursor: pointer;
	display: block;
	opacity: 0.6;
	transition: all .3s;
}
.pip_code{
	position: absolute;
	top: 0.45rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1.4rem;
	opacity: 0;
	pointer-events: none;
	transition: all .3s;
    overflow: hidden;
}
.pip_code img:nth-of-type(1){
	width: 100%;
}
.pip_code img:nth-of-type(2){
	width: 90%;
	left: 5%;
	top: 10%;
	position: absolute;
}
.f2_media .f2_min_b:hover .pip_code{
	opacity: 1;
	pointer-events: auto;
}
.f2_media .f2_min_b img:hover{
	opacity: 1;
}
.footer_box3{
	border-top: 1px solid #dbdbdb;
	margin-top: 0.2rem;
	padding: 0.3rem 0rem;
	display: flex;
	justify-content: space-between;
}
.f3_left_t{
	color: #999999;
	font-weight: 300;
	font-size: 0.14rem;
	text-align: right;
    width: 40%;
}
.f3_right_t img{
	margin-right: 0.1rem;
	width: 0.2rem;
}
.gwm_footer_mb{
	display: none;
}
@media (max-width: 768px) {
	.gwm-footer{
		display: none;
	}
	.gwm_footer_mb{
		display: block;
		padding: 10vh 5vw 0;
		background-color: #f6f7f8;
	}
	.gzwm_box_mb{
		text-align: center;
		font-size: 0.4rem;
	}
	.footer_icon_mb{
		display: flex;
		justify-content: space-between;
		padding: 8vw 10vw 0;
	}
	.footer_icon_min{
		margin-left: 0.44rem;
	}
	.footer_icon_min:nth-of-type(1){
		margin-left: 0rem;
	}
	.footer_icon_min img{
		width: 100%;
	}
	.footer_link_mb{
	}
	.min_link_list1{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.25rem;
		position: relative;
		padding: 12vh 5vw 0;
	}
	.f_line_mb{
		width: 1px;
		height: 0.22rem;
		background-color: #ccc;
	}
	.min_link_list2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.25rem;
		position: relative;
		padding: 3vh 15vw 0;
	}
	.footer_tab_mb{
		display: flex;
		justify-content: space-between;
		padding: 4vh 0;
	}
	.footer_tab_mb .ft_min{
		background-color: #e7e9ea;
		color: #848a8e;
		padding: 0.05rem 0.12rem;
		border-radius: 5px;
		font-size: 0.24rem;
	}
	.footer_remarks_mb{
		border-top: 1px solid #dbdbdb;
		padding: 0.5rem 0rem;
		text-align: center;
		font-size: 0.18rem;
		color: #999999;
	}
	
} */


/* 按钮 */
.button-bubble3 {
  z-index: 1;
  position: relative;
  overflow: hidden;
  background-color: rgba(255,255,255,0);
  border: 1px solid rgba(255,255,255,1);
  transition: all .3s;
}

.button-bubble3::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.2);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
  transition: transform 0.45s;
  transition: transform 0.45s, -webkit-transform 0.45s;
}
.button-bubble3:hover::before {
  z-index: -1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(15, 15);
  transform: translate3d(-50%, -50%, 0) scale(15, 15);
}
.button-bubble3:hover{
	border: 1px solid rgba(255,255,255,0.15);
}

.button-bubble5 {
  z-index: 1;
  position: relative;
  overflow: hidden;
  background-color: rgba(0,0,0,0.4);
  border: 1px solid rgba(0,0,0,0.2);
  transition: all .3s;
}

.button-bubble5::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.6);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
  transition: transform 0.45s;
  transition: transform 0.45s, -webkit-transform 0.45s;
}
.button-bubble5:hover::before {
  z-index: -1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(15, 15);
  transform: translate3d(-50%, -50%, 0) scale(15, 15);
}
.button-bubble5:hover{
	border: 1px solid rgba(255,255,255,0.15);
}


.button-bubble6 {
  z-index: 1;
  position: relative;
  overflow: hidden;
  background-color: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,1);
  transition: all .3s;
}
.button-bubble6 a{
    color: #000 !important;
}
.button-bubble6::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: rgba(255,255,255,1);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
  transition: transform 0.45s;
  transition: transform 0.45s, -webkit-transform 0.45s;
}
.button-bubble6:hover::before {
  z-index: -1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(15, 15);
  transform: translate3d(-50%, -50%, 0) scale(15, 15);
}
.button-bubble6:hover{
	border: 1px solid rgba(255,255,255,0.15);
}


/* 按钮 */
.button-bubble4 {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.button-bubble4::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0, 0);
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
  transition: transform 0.45s;
  transition: transform 0.45s, -webkit-transform 0.45s;
}
.button-bubble4:hover::before {
  z-index: -1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(15, 15);
  transform: translate3d(-50%, -50%, 0) scale(15, 15);
}
.button-bubble4:hover a{
	color: #000000 !important;
}

.button-bubble1{
	background-color: rgba(255,255,255,0);
	border: 1px solid rgba(255,255,255,1);
	transition: all .3s;
	font-size: 0.15rem;
	font-size: 300;
	letter-spacing: 0.07rem;
}
.button-bubble1:hover{
	border: 1px solid rgba(255,255,255,0.15);
	background-color: rgba(255,255,255,0.2);
}


.mb_scroll_tip{
	display: none;
}
.mb_scroll_tip_text{
	display: none;
}
/* 滑动提示 */
@media (max-width: 768px) {
	.mb_scroll_tip{
		display: block;
		position: fixed;
		left: 50%;
		width: 1.8rem;
		height: 1.8rem;
		bottom: -0.9rem;
		text-align: center;
		line-height: 1.5rem;
		border-radius: 100%;
		color: #fff;
		pointer-events: none;
		opacity: 0;
		transition: opacity 1s;
        z-index: 10;
		
		animation-name: myanimation;
		animation-direction: alternate; 
		animation-timing-function: ease-in; 
		animation-delay: 0s;
		animation-iteration-count: infinite; 
		animation-duration: 2s; 
	}
	@keyframes myanimation {
	    from {
			transform: translateX(-50%) scale(1);
			border: 1px solid rgba(255,255,255,0.2);
		}
	    to {
			transform: translateX(-50%) scale(1.1);
			border: 1px solid rgba(255,255,255,0.5);
		}
	}
	
	.mb_scroll_tip_text{
		display: block;
		position: fixed;
		text-align: center;
		color: rgba(255,255,255,0.5);
		bottom: 0.18rem;
		width: 100%;
		pointer-events: none;
		opacity: 0;
		transition: opacity 1s;
		font-size: 0.2rem;
        z-index: 10;
	}
}


/* 完整视频 */
.pop_video{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 3000;
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
}
.pop_video video{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.pop_video.active{
    opacity: 1;
    pointer-events: auto;
}
.shut_down_btn{
	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 .5s;
	cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shut_down_btn img{
    width: 0.15rem;
}
.shut_down_btn:hover{
	opacity: 1;
}