body{
	overflow-x: hidden;
	background-color: #000;
	font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
}
img{
	display: block;
	width: 100%;
}
video{
	display: block;
}


.brand_banner{
	width: 100%;
}
.b_top{
	background-color: #b68a68;
	position: relative;
	padding: 19.5vh 1rem 4vh;
	height: 33vh;
}

.b_top img{
	width: 7.2rem;
}
.b_video{
	position: relative;
}
.b_video video{
	width: 100%;
	height: 67vh;
	object-fit: cover;
}
.bv_text{
	position: absolute;
	bottom: 0.6rem;
	right: 1rem;
	color: #b68a68;
	font-size: 0.65rem;
	font-weight: bold;
}
.bv_text div:nth-of-type(2){
	margin-left: 1.2rem;
}

.born_box{
	position: relative;
	height: 270vh;
}
.born_min{
	position: sticky;
	top: 0;
	width: 100%;
	height: 15rem;
	z-index: 1;
}
.born_bk{
	position: sticky;
	top: 0vh;
	width: 100%;
	height: 15rem;
	margin-top: -15rem;
	opacity: 0;
	object-fit: cover;
}
.born_t{
	position: absolute;
	top: 2rem;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	letter-spacing: 0;
}
.bt_t span{
	font-weight: 700;
	font-style: italic;
}
.bt_t{
	position: relative;
	font-size: 0.4rem;
	line-height: 0.55rem;
	overflow: hidden;
}
.bt_t1{
	font-size: 0.55rem;
	font-weight: 700;
}
.bt_t .o_1{
	position: relative;
	color: rgba(255, 255, 225, 0.8);
}
.bt_t .o_2{
	max-width: 100% !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
	color: #b68a68;
	width: 0;
	overflow: hidden;
	/* transition: all .1s; */
}
.bt_t2{
	margin-top: 0.3rem;
}


/* brand */
.brand_detail{
	padding: 1.2rem 1rem 1rem;
	background-color: rgb(28, 28, 29);
	display: flex;
	justify-content: space-between;
}
.brand_detail_min{
	width: 49.3%;
	position: relative;
	overflow: hidden;
}
.bdm_mask{
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 2s;
}
.brand_detail_min:hover .bdm_mask{
	opacity: 1;
}
.bdm_mask_1{
	background-color: #000;
}
.bdm_mask_2{
	background-color: rgb(154, 118, 89);
}
.bdm_text{
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}
.bdm_t1{
	font-size: 0.5rem;
	position: absolute;
	top: 77%;
	left: 0.5rem;
	font-weight: bold;
	transition: 1s;
}
.bdm_t2{
	bottom: -1rem;
	left: 0.5rem;
	font-size: 0.25rem;
	position: absolute;
	opacity: 0;
}
.color_t1{
	color: rgb(154, 118, 89);
}
.color_t2{
	color: rgb(154, 118, 89);
	transition: .6s;
}
.brand_detail_min:hover .bdm_t1{
	top: 15%;
}
.brand_detail_min:hover .bdm_t2{
	bottom: 0.7rem;
	opacity: 1;
	transition: all 1s;
	transition-delay: .4s;
}
.brand_detail_min:hover .color_t2{
	color: #000;
}

.vision_box{
	position: relative;
}
.vision_box img{
	opacity: 0;
	transition: all .2s;
}
.vis_line{
	width: calc(100% - 2rem);
	left: 1rem;
	top: 1.2rem;
	height: 1px;
	background-color: #b68a68;
	z-index: 1;
	position: absolute;
	opacity: 0.6;
}
.vis_text{
	position: absolute;
	top: 2.5rem;
	left: 0rem;
	color: #b68a68;
	width: 100%;
}
.vis_t1{
	font-size: 0.5rem;
	font-weight: bold;
	position: absolute;
	left: 2rem;
}
.vis_t2{
	font-size: 0.2rem;
	position: absolute;
	right: 1.8rem;
	top: 1rem;
	padding-left: 4.79rem;
}

@media (max-width: 768px){
	body{
		background: rgb(28, 28, 29);
	}
	.b_top {
	    background-color: #b68a68;
	    position: relative;
	    padding: 2.5rem 1rem 5vh;
		height: 28vh;
	}
	.b_top img{
		width: 100%;
	}
	.b_video video{
		height: 72vh;
	}
	.bv_text{
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.bv_text div:nth-of-type(2){
		white-space: nowrap;
		margin-left: 0rem;
	}
	.born_box{
		height: 230vh;
	}
	.bt_t{
		font-size: 0.35rem;
	}
	.bt_t1{
		font-size: 0.55rem;
	}
	.born_min{
		height: 100vh;
	}
	.born_bk{
		height: 100vh;
		margin-top: -100vh;
	}
	
	.brand_detail{
		flex-direction: column;
		padding: 1.2rem 0.5rem 0.4rem;
	}
	.brand_detail_min{
		width: 100%;
	}
	.brand_detail_min:hover .bdm_t1{
		top: auto;
	}
	.bdm_t1{
		top: auto;
		bottom: 0.5rem;
		font-size: 0.55rem;
	}
	.bdm_mask_1,
	.bdm_mask_2{
		opacity: 0 !important;
	}
	.brand_detail_min_t {
		background-color: #000;
		padding: 0.5rem;
		color: #bd8863;
		font-size: 0.25rem;
	}
	.brand_detail_min_t2 {
		background-color: #b68a68;
		color: #111;
	}
	.brand_detail_min2{
		margin-top: 0.4rem;
	}
	
	.vision_box{
		padding: 0 0.5rem;
	}
	.vis_line{
		display: none;
	}
	.vis_text{
		position: absolute;
		top: auto;
		left: 1rem;
		color: #b68a68;
		bottom: 0.5rem;
	}
	.vis_text{
		width: calc(100% - 2rem);
	}
	.vis_t1 {
	    font-size: 0.5rem;
	    font-weight: bold;
	    position: relative;
	    left: auto;
		width: calc(100% - 2rem);
	}
	.vis_mb {
		margin: 0 0.5rem 1.2rem;
		padding: 0.5rem;
		color: #bd8863;
		font-size: 0.25rem;
		background-color: #000;
	}
	.vision_box img{
		transition: all 0s;
	}
}