/* 公司简介模块 */
.text-indent {
	text-indent: 2em;
}
.company-intro-text {
	color: #535862;
	font-size: 1rem;
	line-height: 1.5rem;
}
.company-intro .text-sm {
	color: #535862;
	line-height: 1.6rem;
	padding-right: 1.5rem;
	text-indent: 2em;
}
.intro-title {
	color: #0086C9;
	font-weight: bold;
}
.intro-line {
	width: 100%;
	height: 6px;
	background: url(../image/business/line.png) no-repeat;
	background-size: 100% 100%;
}
.intro-stats {
	margin-top: 2rem 0;
}
.gp {
	font-size: 1.125rem;
	color: #535862;
}
.stat-item {
	text-align: center;
	flex: 1;
}
.stat-item {
	border-right: 1px solid #E9EAEB;
}
.stat-item:last-child {
	border: 0;
}
.stat-number {
	font-size: 3rem;
	font-weight: 600;
	color: #FAC515;
	display: block;
}
.intro-stats .stat-item.green .stat-number {
	color: #86CB3C;
}
.intro-stats .stat-item.blue1 .stat-number {
	color: #2E90FA;
}
.intro-stats .stat-item.blue2 .stat-number {
	color: #0BA5EC;
}
.stat-label {
	font-size: 1.125rem;
	color: #181D27;
}
.img-wrap {
		width: 95%;
		border-radius: 4px;
		border: 4px solid #fff;
		box-shadow: 0 36px 96px 0 rgba(4, 60, 136, 0.19);
		overflow: hidden;
}
.img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.img-wrap:hover img {
	transform: scale(1.2);
}

/* 管理团队模块 */
.team-section .tab-content > .tab-pane {
	animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* 成员卡片样式 */
.team-section .member-card {
	background-color: #EFF8FF;
	border-radius: 8px;
	transition: all 0.3s ease;
	/*height: 364px; */
	padding: 2rem;
	margin-bottom: 2rem;
}
.team-section .member-card .all-intro {
	width: 100%;
}
.team-section .member-card .space {
	padding:0 5px;
}
.team-section .member-card.active {
	height: 175px;
	overflow: hidden;
}
.team-section .member-card.active .more-intro {
	display: none;
}
.team-section .member-card p.blue {
	color: #0086C9;
}
.team-section .member-card p {
	font-size: 1rem;
	color: #535862;
	margin-bottom: 1.5rem;
}
.team-section .member-card .bold {
	font-weight: bold;
}
.team-section .member-card img {
	width: 110px;
	height: 110px;
	border-radius: 50%;
}
.team-section .member-card h5 {
	position: relative;
}
.team-section .member-card .look-more {
	width: 20px;
	height: 20px;
	background: url(../image/about/Icon.png);
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.team-section .member-card.active .look-more {
	background: url(../image/about/plus-circle.png);
	background-size: 100% 100%;
}
.team-section .member-card:hover {
	transform: scale(1.02);
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.team-section .nav-tabs .nav-link {
	color: #717680;
	border: none;
	font-size: 1rem;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}
.team-section .nav-tabs .nav-link.active {
	color: #0086C9;
	border-bottom: 3px solid #0086C9;
	font-weight: 500;
}
.team-section .nav-item button {
	width: 100%;
}
/* 公司里程碑模块 */
.milestone-section {
	padding: 3rem 0;
}
/* 里程碑容器样式 */
.milestone-container {
	height: auto;
	min-height: 80rem;
	box-sizing: border-box;
	position: relative;
	background: url(../image/about/milestone-bg.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 8px;
	padding: 4rem 2rem;
	overflow: hidden;
	color: white;
}
/* 标题样式 */
.milestone-title {
	margin-bottom: 3rem;
}
.milestone-title h2 {
	font-weight: bold;
	font-size: 2rem;
}
.milestone-title p {
	font-size: 3rem;
	opacity: 0.8;
}
/* 时间轴容器 */
.timeline {
	position: relative;
	width: 100%;
}
/* 里程碑节点容器 */
.timeline-nodes {
	display: flex;
	justify-content: space-around;
	z-index: 2;
    padding-top: 10rem;
}
.timeline-nodes .timeline-node:nth-child(1) {
	/*background: url(../image/about/S.png) no-repeat left 10rem;*/
	background-size: 74% auto;
	/*margin-top: 15.6rem;*/
	margin-top: 8rem;
}
.timeline-nodes .timeline-node:nth-child(2) {
	/*background: url(../image/about/T.png) no-repeat left 10rem;*/
	background-size: 74% auto;
	/*margin-top: 13.75rem;*/
	margin-top: 1.5rem;
}
.timeline-nodes .timeline-node:nth-child(3) {
	/*background: url(../image/about/O.png) no-repeat left 10rem;*/
	background-size: 74% auto;
	margin-top: 9rem;
}
.timeline-nodes .timeline-node:nth-child(4) {
	/*background: url(../image/about/R.png) no-repeat left 10rem;*/
	background-size: 74% auto;
	margin-top: 3rem;
}
.timeline-nodes .timeline-node:last-child {
	/*background: url(../image/about/Y.png) no-repeat left 10rem;*/
	background-size: 74% auto;
	/*margin-top: -3.7rem;*/
	margin-top: -7.7rem;
}
.node-detail {
	/* width: 30.5rem; */
	width: 28rem;
	height: auto;
	min-height: 46.5rem;
	/*width: 19.5rem;*/
	/*height: 31.25rem;*/
	padding: 0 1rem;
	box-sizing: border-box;
	border-left: 2px dashed #fff;
	margin-right: 1rem;
	position: relative;
	transition: margin-top 0.5s ease; 
}
.node-detail::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #fff;
	left: -6px;
	bottom: -4px;
	border-radius: 45px;
}
.node-detail h5 {
	font-size: 1.5rem;
}
.node-detail:hover {
	/* background: rgba(26, 44, 77, 0.3); */
	background: linear-gradient(180deg, rgba(46, 144, 250, 0.15) 0%, rgba(46, 144, 250, 0.05) 100%);

}

.node-detail .text-start {
	padding-left: 1rem;
	font-size: .875rem;
	opacity: 0;
	transition: opacity 0.5s ease; 

}

/* 详情内的图片占位 */
.detail-img {
	width: 100%;
	height: 18rem;
	background: #333;
	border: 4px solid #fff;
	border-radius: 4px;
	margin: 1rem 0;
	opacity: 0;
	transition: opacity 0.5s ease; 
	overflow: hidden;
}
.detail-img img {
	width:100%;
	height: 100%;
	object-fit: cover;
}
.node-detail:hover .text-start {
	opacity: 1;
}
.node-detail:hover .detail-img {
	opacity: 1;
}

/* 桌面端：三个时间节点的圆点落在蓝色曲线上 */
@media (min-width: 769px) {
	.node-detail {
		border-left: 0;
		--point-bottom: 0px;
	}
	.node-detail::before {
		position: absolute;
		content: '';
		top: 0;
		bottom: var(--point-bottom);
		left: -2px;
		border-left: 2px dashed #fff;
	}
	.node-detail::after {
		bottom: calc(var(--point-bottom) - 4px);
	}
	.timeline-node:nth-child(1) .node-detail {
		--point-bottom: -10.25rem;
	}
	.timeline-node:nth-child(2) .node-detail {
		--point-bottom: -4.75rem;
	}
	.timeline-node:nth-child(3) .node-detail {
		--point-bottom: 7rem;
	}
}
.timeline-years  .left-year{
	font-size: 3.2rem;
	opacity: 0.5;
	font-weight: 200;

}
.timeline-years  .right-year{
	font-size: 1.2rem;
	opacity: 0.5;
	line-height: 1;
	font-weight: 300;
}
.timeline-years  .top-year{
	font-size: 1.5rem;
	padding-top: 1.7rem;
	transition: font-size 0.5s ease, padding-top 0.5s ease;
	

}
.timeline-years .bottom-year {
	opacity: 1;
	transition: opacity 0.3s ease; 

}
.node-detail:hover  .top-year{
	padding-top: .7rem;
	font-size: 3.2rem;
}
.node-detail:hover .bottom-year {
	opacity: 0;
}
/* 响应式适配 */
@media (max-width: 768px) {
	/* 管理团队标签保持单行，超出屏幕时横向滑动 */
	.team-section #teamTabs {
		flex-wrap: nowrap;
		justify-content: flex-start!important;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.team-section #teamTabs::-webkit-scrollbar {
		display: none;
	}
	.team-section #teamTabs > .nav-item {
		flex: 0 0 auto;
		width: auto;
		height: auto;
	}
	.team-section #teamTabs .nav-link {
		white-space: nowrap;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.team-tabs {
		font-size: 0.9rem;
	}
	.team-tab {
		line-height: 1.3rem;
	}
	.team-card img {
		width: 100px;
		height: 100px;
	}
	.company-intro {
		overflow: hidden;
		padding: 2rem 2rem 1rem;
	}
	.company-intro .text-sm {
		padding-right: 0;
	}
	.intro-title {
		margin-top: 0!important;
		padding-top: 0!important;
	}
	.nav-item {
		flex: 1;
		padding: 0;
		height: 60px;
	}
	.nav-item .nav-link {
		height: 100%;
	}
	.nav-item button {
		padding: 0;
	}
	.timeline-nodes {
		display: block!important;
	}
	.milestone-container {
		background-size: 100% 100%;
		height: auto;
	}
	.milestone-container .timeline-node {
		margin-top: 0!important;
	}
	.milestone-container .text-start, .milestone-container .detail-img {
		opacity: 1;
	}
	.img-wrap {
		margin: 0 auto;
	}
	.team-section .member-card {
		height: auto;
	}
	/* 移动端折叠卡片也要根据简介内容自适应，避免学历信息被固定高度裁掉 */
	.team-section .member-card.active {
		height: auto;
		min-height: 175px;
		overflow: visible;
	}
	/* 里程碑在手机端改为纵向展开，避免桌面时间线宽度造成内容被裁切 */
	.milestone-container {
		height: auto;
		min-height: 0;
		padding: 2rem 1rem;
		overflow: visible;
		background-size: cover;
	}
	.timeline-nodes {
		display: block!important;
		padding-top: 1rem;
	}
	.timeline-nodes .timeline-node,
	.timeline-nodes .timeline-node:nth-child(1),
	.timeline-nodes .timeline-node:nth-child(2),
	.timeline-nodes .timeline-node:nth-child(3),
	.timeline-nodes .timeline-node:nth-child(4),
	.timeline-nodes .timeline-node:last-child {
		margin-top: 0;
	}
	.node-detail {
		width: 100%;
		height: auto;
		min-height: 0;
		margin-right: 0;
		padding: 0 .75rem 1.5rem;
	}
	.node-detail h5 {
		font-size: 1.1rem;
		line-height: 1.5;
	}
	.node-detail .text-start {
		padding-left: .5rem;
		font-size: .8rem;
		line-height: 1.6;
	}
	.detail-img {
		height: auto;
		min-height: 10rem;
		max-height: 16rem;
	}
	.detail-img img {
		display: block;
		height: auto;
		min-height: 10rem;
		max-height: 16rem;
		object-fit: cover;
	}
}