html,
			body {
				position: relative;
				height: 100%;
			}

			body {
				background: #eee;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
			}

			.swiper {
				width: 100%;
				height: 100%;
			}

			.swiper-slide {
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				box-sizing: border-box;
				max-height: 100vh;
				overflow: hidden;
			}

			.swiper-slide img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.swiper-slide-2 {
				background-color: #e7e5e6;
			}

			.swiper-slide-2-title {
				padding-bottom: 4.5vw;
				padding-top: 2vw;
				font-weight: 500;
				font-size: 22px;
			}

			.more-btn {
				display: inline-block;
				width: 140px;
				background: #FC5B00;
				line-height: 3;
				color: white;
				border-radius: 40px;
				color: white !important;
			}

			.swiper-slide-5 {
				background-image: url("/public/static/images/index-aboutbg.jpg");
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}

			.swiper-slide-6.swiper-slide {
				display: flex;
				justify-content: center;
				align-items: flex-end;
				background: #e7e5e6;
			}


			/* --- 主容器 --- */
			.section-container {
				margin: 0 auto;
				background-color: #fff;
				position: relative;
				overflow: hidden;
				width: 100vw;
			}

			/* --- 顶部背景装饰 (模拟图中的淡灰色曲线) --- */
			.section-container::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(180deg, #f0f2f5 0%, #ffffff 60%);
				z-index: 0;
				pointer-events: none;
			}

			/* --- 头部区域 --- */
			.header-area {
				position: relative;
				z-index: 1;
				padding: 60px 50px 40px;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}

			.title-group {
				display: flex;
				align-items: center;
			}

			/* 竖排文字 Capability */
			.vertical-text {
				writing-mode: vertical-lr;
				font-size: 14px;
				letter-spacing: 2px;
				color: black;
				margin-right: 20px;
				height: 60px;
				font-weight: 600;
			}

			/* 主标题 */
			.main-title {
				font-size: 4rem;
				font-weight: 700;
				line-height: 1.2;
				color: #333;
				text-align: left;
				padding-left: 4rem;
			}

			/* 了解更多链接 */
			.learn-more {
				font-size: 18px;
				color: #333;
				font-weight: 800;
				display: flex;
				align-items: center;
				cursor: pointer;
				transition: color 0.3s;
				padding-right: 40px;
			}

			.learn-more::after {
				content: ">";
				margin-left: 8px;
				font-size: 18px;
				transition: transform 0.3s;
			}

			.learn-more:hover {
				color: #e65100;
				/* 橙色悬停 */
			}

			.learn-more:hover::after {
				transform: translateX(4px);
			}

			/* 橙色装饰角标 (图片右上角的小橙条) */
			.corner-decoration {
				position: absolute;
				top: 55px;
				right: 185px;
				width: 12px;
				height: 12px;
				border-top: 3px solid #e65100;
				border-left: 3px solid #e65100;
			}


			/* --- 内容卡片区域 --- */
			.cards-wrapper {
				position: relative;
				z-index: 1;
				display: flex;
				justify-content: center;
				/* 居中排列 */
				/* gap: 20px; */
				/* 卡片间距 */
				padding: 0;
			}

			.card {
				position: relative;
				width: 33.4%;
				height: 75vh;
				border-radius: 0px;
				overflow: hidden;
				transition: transform 0.3s ease;
			}

			.card:hover {
				transform: translateY(-5px);
			}

			/* 背景图片 */
			.card-image {
				width: 100%;
				height: 100%;
				object-fit: cover;
				/* 简单的暗角遮罩，让文字更清晰 */
				/*mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1));*/
			}

			/* 卡片文字内容 */
			.card-content {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 0;
				background: none;
				color: #fff;
				z-index: 2;
				margin-bottom: 80px;
				text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
			}




			/* 大数字 */
			.card-number {
				font-size: 48px;
				font-weight: 700;
				margin-bottom: 5px;
				display: block;
			}

			/* 数字旁边的小单位 (如 TOP, 万吨) */
			.card-unit {
				font-size: 16px;
				font-weight: 400;
				vertical-align: super;
				margin-left: 4px;
				opacity: 0.9;
			}

			/* 描述文字 */
			.card-desc {
				font-size: 18px;
				line-height: 1.5;
				opacity: 0.95;
				/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
				padding-top: 15px;
				margin-top: 10px;
			}


			/* 响应式适配 */
			@media (max-width: 1200px) {
				.cards-wrapper {
					flex-wrap: wrap;
					padding: 0 20px 40px;
				}

				.card {
					width: 100%;
					max-width: 400px;
					height: 350px;
				}
			}

			@media (max-width: 768px) {
				.swiper-slide-video {
					display: none;
				}

				.gn-social-icons {
					display: none;
				}

				.header-area {
					/* display: none; */
					flex-direction: column;
					align-items: flex-start;
					gap: 20px;
					padding: 40px 20px;
				}

				.main-title {
					font-size: 32px;
				}

				.corner-decoration {
					display: none;
				}

				.cards-wrapper {
					padding: 0;
				}

				.swiper-slide-4 {
					align-items: flex-end;
				}

				.card {
					height: 22vh;
				}

				.card-content {
					margin-bottom: 20px;
				}

				.card-number {
					font-size: 36px;
				}

				.card-desc {
					font-size: 14px;
				}
			}

			.card-title {
				display: flex;
				justify-content: center;
				align-items: baseline;
			}

			.card-title .card-number {
				font-size: 4rem;
			}

			.footerB {
				width: 100%;
			}

			.footer .footer-left .tel {
				text-align: left;
			}

			.footer .footer-left p {
				text-align: left;
			}

			.index-service-wrapper .slider-overlay {
				position: absolute;
				height: 64.3%;
				top: 0;
				width: 100vw;
				border: 7vw solid #c3bcb9;
				z-index: 1;
			}

			.gn-hamburger {

				width: 38px;
				height: 60px;
			}

			.swiper-slider-title .slide_subheading2 {
				display: block;
				text-align: center;
				letter-spacing: 8px;
				font-size: 1.5rem;
				color: #595959;
				margin-bottom: 1.5rem;
			}