:root {

 }
 
/* 公共 */
.brandValue{ 
	background-color: #1a1a1a;
}

.brandValue {}
.brandValue .continuousAnimation{
	width: 100vw;
	height: 100vh;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	font-size: var(--font-size-2);
	background-color: var(--background-Color);
	background-image: var(--background-img);
	background-size: cover;
	background-position: center;
	position: relative;
	line-height: 1.25;
}

.brandValue .continuousAnimation .bigT{
	font-size: var(--font-size-20);
	color: var(--color-white);
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/* will-change: transform; */
}
.brandValue .continuousAnimation .bigT .t{
	will-change: transform;
}

.brandValue .continuousAnimation .bigT .t *{
	will-change: transform;
}

.brandValue .continuousAnimation .pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.brandValue .continuousAnimation .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.brandValue .detailed{
	position: absolute;
	top: 50%;
	left: 1.64rem;
	transform: translateY(-50%);
	color: var(--color-white);
	font-size: var(--font-size-2);
}
.brandValue .detailed .slogan{
	line-height: 1.9;
	font-family: 'SOURCEHANSANSCN-BOLD';
}
.brandValue .detailed .title{
	line-height: 1.25;
	font-size: var(--font-size-12);
	margin-top: 0.1rem;
	font-family: 'SOURCEHANSANSCN-REGULAR';
}
.brandValue .detailed .text{
	margin-top: 0.34rem;
	line-height: 1.7;
	padding-left: 0.64rem;
	padding-top: 0.18rem;
	position: relative;
	font-family: 'SOURCEHANSANSCN-REGULAR';
}
.brandValue .detailed .text p{
	margin-bottom: 0.26rem;
}

.brandValue .detailed .text::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0.32rem;
	width: 1px;
	height: 1.26rem;
	background-color: var(--color-white);
}

@media (max-width: 768px){
	:root{
		--font-size-20: 0.86rem;
	}
	.brandValue .continuousAnimation .bigT{
		width: 100%;
	}
	.brandValue .continuousAnimation .pic{
		position: relative;
		overflow: hidden;
	}
	.brandValue .continuousAnimation .pic img{
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
	}
	.brandValue .detailed{
		left: 0.42rem;
		top:1.4rem;
		transform:initial;
	}
	.brandValue .detailed .text{
		padding-left: 0.36rem;
		padding-top:0;
		width: 6.1rem;
	}
	.brandValue .detailed .text p br{
		display: none;
	}
	.brandValue .detailed .text::before{
		top: 0.1rem;
		left: .16rem;
	}
}