@charset "utf-8";

.about-page-intro {
	margin: 30px auto 0;
	max-width: 1020px;
}

.about-page-intro-text {
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 32px;
	color: #333;
}

.about-page-advantage-media,
.about-page-team-photo {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.about-page-advantage-media-1 { background-image: url(../images/xiangmu_03.jpg); }
.about-page-advantage-media-2 { background-image: url(../images/xiangmu_05.jpg); }
.about-page-advantage-media-3 { background-image: url(../images/xiangmu_07.jpg); }
.about-page-team-photo-1 { background-image: url(../images/team_2.jpg); }
.about-page-team-photo-2 { background-image: url(../images/team_3.jpg); }
.about-page-team-photo-3 { background-image: url(../images/team_4.jpg); }
.about-page-team-photo-4 { background-image: url(../images/team_5.jpg); }
.about-page-team-photo-5 { background-image: url(../images/team_6.jpg); }

/* 关于我们 - 三个图文模块卡片样式 */
.main_about .bottom dl {
	background: #fff;
	border-radius: 12px;
	padding: 30px 20px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.main_about .bottom dl:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.main_about .bottom dl dd img {
	transition: transform 0.35s ease;
}

.main_about .bottom dl:hover dd img {
	transform: scale(1.05);
}

/* 滚动渐入动画 */
.fade-in-up {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-up.visible {
	opacity: 1;
	transform: translateY(0);
}

.fade-in-up:nth-child(2) {
	transition-delay: 0.15s;
}

.fade-in-up:nth-child(3) {
	transition-delay: 0.3s;
}

@media screen and (max-width: 1240px) {
	.about-page .who,
	.about-page .main_about .bottom,
	.about-page .project,
	.about-page .team {
		width: auto;
		max-width: 1180px;
		margin-left: 24px;
		margin-right: 24px;
	}
}

@media screen and (max-width: 768px) {
	.about-page-intro-text {
		font-size: 15px;
		line-height: 30px;
	}
	.main_about .bottom dl {
		padding: 24px 16px 20px;
	}
	.main_about .bottom dl:hover {
		transform: translateY(-4px);
	}
	/* 移动端取消渐入延迟，避免卡片间隔太长 */
	.fade-in-up:nth-child(2),
	.fade-in-up:nth-child(3) {
		transition-delay: 0s;
	}
}