@charset "UTF-8";

* {
	margin: 0;
	/* padding: 0; */
}

body {
	/* font-family: '黑体', Arial, sans-serif; */
	margin: 0;
	padding: 0;
	background-color: #fff;
	/* user-select: none; */
}

.fade-in-section {
  opacity: 0;
  transform: translateY(20px); /* 初始位置向下偏移一点 */
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform; /* 优化动画性能 */
}

/* 当元素进入视口时添加此类 */
.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.main-area {
	width: 100%;
	/* height: 100vh; */
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

.img-container {

	height: 100vh;
	width: 100%;
	background-image: url('../img/about/about-bg.png');
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-color: #f0f0f0; 

	
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	
}
.text-container {
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.t1{
	font-size: 72px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 72px;
	color: rgba(255, 255, 255, 1);
}
.t2 {
	font-size: 36px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.9);
}

.member-area {
	width: 100%;
	height: 80vh;
	padding: 5vh 0;
	/* background: #000; */

	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

.title {
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 48px;
	color: rgba(15, 28, 73, 1);


}

.list {
	width: 80%;
	height: 50vh;
	padding: 5vh 0;
	/* background: #000; */

	display: flex;
	align-items: center;
	justify-content: space-around;
}
.member {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	gap: 2vh;
	
}
.msg {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.name {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 38px;
	color: rgba(15, 28, 73, 1);


}

.post {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 24px;
	color: rgba(135, 141, 164, 1);
}

.m-text {
	display: flex;
	flex-direction: column; 
	align-items: center;
	justify-content: center; 
	gap: 20px;
}
.content {
	width: 60%;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 28px;
	color: rgba(135, 141, 164, 1);
}
.progress {
	width: 100%;
	padding: 5vh 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}



	/* 区域六 */
	.area-six {
		width: 100%;
		height: 50vh;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		
		color: #9FB3D0;
		background: #0E418A;
	}
	.top-area {
		width: 100%;
		height: 45vh;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		
	}
	.top-area .left {
		width: 45vw;
		height: 40vh;
		padding: 1%;
		/* background-color: aqua; */
		
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		
	}
	
	.top-area .left .left-container{
		height: 20vh;
		/* background-color: aqua; */
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.top-area .left .left-container .l-img {
		width: 30%;
	}
	.top-area .left .left-container .l-msg {
		display: flex;
		align-items: center;
		gap: 0.3125rem;
		font-size: 1.1rem;
		font-weight: 500;
		
	}
	.top-area .left .left-container .l-msg img {
		width: 4%;
	}
	.top-area .left .left-container .l-msg .l-item {
		width: auto;
	}
	.top-area .left .left-container .l-msg .l-about{
		width:auto;
		/* background-color: antiquewhite; */
	}
	
	.top-area .left .l-code {
		height: 18vh;
		/* width: 20%; */
		margin-left: 5%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.2rem;
		
	}
	.top-area .left .l-code img{
		height: 100%;
	}
	
	.top-area .right {
		width: 45vw;
		height: 40vh;
		/* background-color: aquamarine; */
		
		display: flex;
		justify-content: space-around;
		
		
	}
	.top-area .right .r-msg {
		width: 17vw;
		
		display: flex;
		flex-direction: column;
		/* background-color: #63c1ff; */

	}
	.top-area .right .r-msg .r-title{
		color: #FFF;
		font-size: 1.7rem;
		font-weight: 500;
		margin: 5% 0;
	}
	.top-area .right .r-msg .r-text {
		margin: 2% 1%;
		font-size: 1.2rem;
		font-weight: 400;
		
		color: #9FB3D0;
		text-decoration: none;
	}
	
	
	
	.btm-area {
		width: 100%;
		height: 5vh;
		background: #103365;
		font-size: 1rem;
		font-weight: 500;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}


/* 适用于桌面设备 */
/* @media (min-width: 1025px) {
	
	

} */

/* 适用于平板设备 */
/* @media (min-width: 768px) and (max-width: 1024px) {
	


} */


/* 适用于手机设备 */
/* @media (max-width: 767px) {
	
} */