.index-banner {
	height: 666px;
	overflow: hidden;
}

.index-banner .swiper-slide {
	height: 666px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}

.index-banner-content h3 strong {
	/* 文本描边 */
	font-size: 80px;
	text-shadow: -3px -3px 0 rgba(255, 255, 255, 1), 3px -3px 0 rgba(255, 255, 255, 1), -3px 3px 0 rgba(255, 255, 255, 1), 3px 3px 0 rgba(255, 255, 255, 1), 0 0 15px rgba(0, 0, 0, 0.15);
}

.index-banner .swiper-slide h4 {
	font-style: italic;
	color: var(--color-white);
	font-weight: 400;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.index-banner .swiper-pagination {
	bottom: 60px;
}

.index-banner .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	cursor: pointer;
	margin: 0 var(--space-2) !important;
}

.swiper-pagination-bullet-active {
	background: var(--color-white);
}

/* index-number */
.index-number {
	padding: var(--space-13) 0;
}

.index-number .row {
	padding: 0 var(--space-2);
}

.index-number .number-icon {
	font-size: 42px;
	color: var(--color-primary);
}

.index-number .number-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-8) var(--space-3);
	height: 100%;
}

.index-number .number-item::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -7px;
	width: 1px;
	background: var(--color-border-light);
}

.index-number .number-item.last::after {
	display: none;
}

.index-number .number-content {
	padding-left: var(--space-4);
}

.index-number .number-title,
.index-number .number-desc {
	opacity: 0.7;
}

/* service */
.index-service-cir {
	width: 124px;
	height: 124px;
	text-align: center;
	line-height: 124px;
	color: var(--color-primary);
	border-radius: 50%;
	box-shadow: inset -10px 12px 16px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: var(--color-body-bg);
}

.index-service-item {
	display: flex;
	padding: var(--space-5) 0;
	position: relative;
}

.index-service-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: var(--color-border-light);
	height: 1px;
}

/* Advantage accordion */
.index-advantage {
	padding: var(--space-10) 0 var(--space-12); background-size: cover;
}

.index-advantage-accordion {
	display: flex;
	gap: 0;
	background: var(--color-white);
	border-radius: var(--radius-base);
	box-shadow: var(--shadow-base);
	overflow: hidden;
}

.index-advantage-accordion .adv-item {
	position: relative;
	flex: 1 1 0;
	min-width: 140px;
	height: 360px;
	background: var(--color-white);
	cursor: pointer;
}

.index-advantage-accordion .adv-item+.adv-item {
	border-left: 1px solid var(--color-border-light);
}

.index-advantage-accordion .adv-inner {
	padding: var(--space-6) var(--space-5);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.index-advantage-accordion .adv-icon {
	/* color: var(--color-primary); */
	color: var(--color-border);
	font-size: 36px;
	margin-bottom: var(--space-4);
}

.index-advantage-accordion .adv-title {
	color: var(--color-text);
	margin-bottom: var(--space-2);
}

.index-advantage-accordion .adv-en {
	font-size: var(--font-size-14);
	opacity: 0.4;
}

.index-advantage-accordion .adv-desc {
	display: none;
	margin-top: var(--space-6);
	font-size: var(--font-size-14);
	color: var(--color-text-muted);
}

.index-advantage-accordion .adv-index {
	position: absolute;
	bottom: var(--space-4);
	left: 45px;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color-body-bg);
	color: var(--color-text-muted);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 2px rgba(24, 34, 49, 0.06) inset;
}
/* active and hover state */
.index-advantage-accordion .adv-item.active::before,
.index-advantage-accordion .adv-item:hover::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--adv-bg);
	background-size: cover;
	background-position: center;
	filter: saturate(90%);
}
.index-advantage-accordion .adv-item.active::after,
.index-advantage-accordion .adv-item:hover::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--color-primary);
	opacity: 0.5;
}
.index-advantage-accordion .adv-item:hover .adv-inner {
	position: relative;
	z-index: 2;
}
.index-advantage-accordion .adv-item:hover .adv-icon,
.index-advantage-accordion .adv-item:hover .adv-title {
	color: var(--color-white);
}
.index-advantage-accordion .adv-item:hover .adv-en {
	color: var(--color-white);
	opacity: 0.7;
}
.index-advantage-accordion .adv-item:hover .adv-index {
	background: transparent;
	color: var(--color-white);
	outline: 2px solid var(--color-white);
	box-shadow: none;
}
/* active */
.index-advantage-accordion .adv-item.active {
	flex: 2.2 1 0;
}
.index-advantage-accordion .adv-item.active::after {
	opacity: 1; 
	background: linear-gradient(90deg, var(--color-white), transparent 200%);
}
.index-advantage-accordion .adv-item.active .adv-title,
.index-advantage-accordion .adv-item.active .adv-desc {  display: block; position: relative; color: var(--color-text);  z-index: 9; }
.index-advantage-accordion .adv-item.active .adv-index { z-index: 9; background: var(--color-primary); color: var(--color-white); outline: none; box-shadow: none; }
.index-advantage-accordion .adv-item.active .adv-icon { z-index: 9; color: var(--color-primary); }
.index-advantage-accordion .adv-item.active .adv-en { display: none; }
/* 广告 */
.index-ad {
	background-size: cover; background-position: center;
}
.index-ad .lt {
	max-width: 70%;
}
.index-ad .lt .btn {
	height: 46px; color: var(--color-white); border: 2px solid var(--color-border); margin-right: var(--space-6);
	opacity: 0.7;
}
.index-case .indexCaseSwiper .img-cover {
	font-size: 0;
	width: 370px;
	height: 264px;
	overflow: hidden;
	margin: 0 auto;
}
.index-case .indexCaseSwiper img {
	object-fit: cover;
	max-width: 100%;
}
/* .index-case .indexCaseSwiperY .swiper-slide {
    cursor: pointer;   
    transform: none;
} */
/* 改为只缩放内容，保持 slide 占位宽度，因此视觉间距一致 */
/* .index-case .indexCaseSwiperY .swiper-slide .img-cover { background-color: var(--color-white); text-align: center; transform: scale(0.6); transform-origin: center; transition: transform .3s ease; }
.index-case .indexCaseSwiperY .swiper-slide .img-cover, .index-case .indexCaseSwiperY .swiper-slide img { max-width: 100%; }
.index-case .indexCaseSwiperY .swiper-slide.swiper-slide-prev .img-cover,
.index-case .indexCaseSwiperY .swiper-slide.swiper-slide-next .img-cover { transform: scale(0.8); }
.index-case .indexCaseSwiperY .swiper-slide-active .img-cover,
.index-case .indexCaseSwiperY .swiper-slide-duplicate-active .img-cover { transform: scale(1); } */

/* index-about */
.index-about {
	color: var(--color-white);
	background-size: cover;
	background-attachment: fixed;
}
.index-about-en {
	font-size: 72px;
	opacity: 0.2;
	font-weight: bold;
	height: 90px;
}
.index-about .m-title {
	color:  var(--color-white);
}
.index-about .lt {
	padding-right: 90px;
}
.index-about .gt  {
	position: relative;
}
.index-about .gt .img-cover {
	width: 668px;
	border-radius: var(--radius-base);
	border:12px solid rgba(255,255,255,0.7);
}
.index-about .gt .img-cover img {
	max-width: 100%;
}
.index-about-year {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	flex-direction: column;
	width: 156px;
	height: 156px;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 0;	
	font-weight: bold;
	border: 12px solid rgba(255,255,255,0.5);
	background-color: rgba(53, 85, 126, 0.95);
	background-clip: padding-box;
	border-radius: 50%;
	box-sizing: content-box;
	z-index: 9;
}
.index-about-year strong {
	z-index: 9;
	font-size: 48px;
}
.index-about-year i {
	z-index: 9;
	font-size: 16px;
	opacity: 0.8;
	font-weight: 300;
}
.index-about-year::after,.index-about-year::before {
	content: "";
	position: absolute;
	width: 280%;
	height: 280%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 50%;
	box-sizing: content-box;
}
.index-about-year::before {
	border-color: rgba(255,255,255,0.2);
	width: 200%;
	height: 200%;
}

/* index-news */
.index-news-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-news-list .item {
	width: 366px;
}
.index-news-list .img-cover {
	position: relative;
	display: block;
	overflow: hidden;
}
.index-news-list .img-cover::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	opacity: 1;
	transition: opacity .3s ease;
}
.index-news-list .img-cover:hover::after {
	opacity: 0;
}
.index-news-list .img-cover img {
	max-width: 100%;
}

/* ===== Advantage overrides (design asks from ~line 227) ===== */