/*
 *	Created by Edward on 26/07/20
 *	Copyright (c) 2026 ishutime.com All rights reserved
*/
html {
	font-size: 62.5%;
}

@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=20260731') format('woff2'),
		url('iconfont.woff?t=20260731') format('woff'),
		url('iconfont.ttf?t=20260731') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: Manrope;
	src: url(../fonts/Manrope.ttf);
	display: grid;
}

@font-face {
	font-family: din;
	src: url(../fonts/din-bold-webfont.woff2);
}

@font-face {
	font-family: Quicksand;
	src: url(../fonts/Quicksand-VariableFont_wght.ttf);
}

@font-face {
	font-family: figtree;
	src: url(../fonts/dinregularwebfont.woff);
}

@font-face {
	font-family: "MontserratBold";
	src: url("../fonts/MontserratBold.woff2") format("woff2"),
		url("../fonts/MontserratBold.woff") format("woff"),
		url("../fonts/MontserratBold.ttf") format("truetype"),
		url("../fonts/MontserratBold.eot") format("embedded-opentype"),
		url("../fonts/MontserratBold.svg") format("svg");
}

@font-face {
	font-family: "MontserratLight";
	src: url("../fonts/MontserratLight.woff2") format("woff2"),
		url("../fonts/MontserratLight.woff") format("woff"),
		url("../fonts/MontserratLight.ttf") format("truetype"),
		url("../fonts/MontserratLight.eot") format("embedded-opentype"),
		url("../fonts/MontserratLight.svg") format("svg");
}


.data-list .item .top .number .num {
	font-family: Manrope;
	font-weight: 600;
}

body {
	font-size: 1.6rem;
	background: #fcfcfc;
}

body,
html {
	color: #3e3e3e;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
	font-weight: 400;
}

b,
strong {
	font-weight: 500;
}

textarea,
input,
select {
	font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
	outline: none;
	border: none;
	font-weight: 400;
}

button {
	border: none;
}

.sub-banner{
	margin-top: 85px;
}

.bannerSwiper {
	height: 100vh;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.bannerSwiper .swiper-pagination {
	bottom: 5%;
}

.play-video-btn {
	cursor: pointer;
}

.company-visual .play-video-btn {
	display: block;
}

nav {
	width: 50vw;
	height: auto;
}

header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 5%;
	z-index: 99;
	display: flex;
	box-shadow: 0.5vw 0.5vw 1vw rgba(0, 0, 0, .05);
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 255, 255, 1);
	backdrop-filter: blur(7.5px);
	height: 85px;
}

header .logo {
	width: 200px;
}

header .logo img {
	width: 100%;
	height: auto;
}

header nav ul {
	display: flex;
	width: 100%;
}

header nav ul li.nav-item {
	flex: 1;
	text-align: center;
}

header nav ul li .first-child {
	width: 100%;
	height: 85px;
	position: relative;
	line-height: 85px;
}

header nav ul li:nth-child(2) .first-child a,
header nav ul li:nth-child(3) .first-child a {
	pointer-events: none;
}

header nav ul li .first-child .icon {
	display: none;
}

.detail_box .singe-page img {
	height: auto;
	width: 100%;
}

header nav ul li .second-child {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 100%;
	background: #ffffff;
	transition: all 0.35s;
	pointer-events: none;
	opacity: 0;
	transform: translateY(10px);
	box-shadow: 2vw 2vw 2vw rgba(0, 0, 0, .1);
}

header nav ul li:hover .second-child {
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0px);
}

@media screen and (min-width: 901px) {

	/* 点击二级菜单项后强制收起（由 JS 添加 menu-hide，覆盖上方 hover 展开）
	   仅桌面生效：移动端手风琴展开不依赖 hover，且触屏有粘滞 hover，若不加限制会误隐藏 */
	header nav ul li.menu-hide:hover .second-child {
		pointer-events: none;
		opacity: 0;
		transform: translateY(10px);
	}
}

header nav ul li.nav-item a {
	font-size: 18px;
	position: relative;
	color: #272727;
	text-decoration: none;
	display: block;
	font-weight: 500;
}

header nav ul li.nav-item .first-child a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	/* background: #ecf1fa; */
	transition: all 0.5s;
	transform: scaleY(0);
	transform-origin: left top;
	background-image: linear-gradient(180deg, #ecf1fa, transparent);
}

header nav ul li.nav-item:hover .first-child a::before {
	transform: scaleY(1);
}

header nav ul li.nav-item a p {
	position: relative;
	z-index: 2;
}

header nav ul li.nav-item.p {
	position: relative;
}

.items-flex {
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background: #ffffff;
	border-bottom: 2px solid #152d85;
	border-radius: 0 0 10px 10px;
	transform: translateY(10px);
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1);
	pointer-events: none;
	opacity: 0;
}

header nav ul li.nav-item:hover .items-flex {
	opacity: 1;
	transform: translateY(0px);
	pointer-events: auto;
}

header nav ul li.nav-item .items-flex a {
	padding: 10px 0;
	font-size: 1.6rem;
}

header nav ul li.nav-item .items-flex a:hover {
	/* background: #ECF1FA; */
	color: #1C47B8;
}

header nav ul li.nav-item .first-child a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0px;
	background: #21297A;
	top: 0;
	left: 0;
	transition: 0.3s all;
}

header nav ul li.nav-item:hover .first-child a::after {
	height: 2px;
}

header nav ul li.nav-item:hover .first-child a {
	/* background: #ECF1FA; */
}

header nav ul li .second {
	width: 100%;
	position: absolute;
	left: 0;
	top: 4.85vw;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s all;
	padding: 0;
}

header nav ul li:hover .second {
	opacity: 1;
	pointer-events: auto;
}

header nav ul li .second img {
	max-width: 400px;
	width: 100%;
	display: block;
}

header .right {
	display: flex;
	align-items: center;
}

header .right .phoneBox {
	margin-right: 2vw;
	display: flex;
	align-items: center;
	width: 230px;
	justify-content: space-between;
}



header .right .phoneBox .txt {
	text-decoration: none;
	font-weight: 500;
	font-size: 1.4rem;
}

header .right .phoneBox .txt .phone {
	font-size: 2.8rem;
	font-family: din;
	color: #c5353e;
	font-weight: 500;
}

header .right .lang {
	font-size: 14px;
	color: #272727;
	cursor: pointer;
	display: flex;
	gap: 5px;
	padding: 3px 7px;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 0px;
	font-family: Manrope;
	align-items: center;
}

header .right .lang:hover {
	background: #152d85;
	color: #ffffff;
}

header .right .phoneBox .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	font-size: 2rem;
	background: #c5353e;
	color: #fff;
	-webkit-animation: swing2 2s infinite;
}

@-webkit-keyframes swing2 {
	10% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	30% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.phone-top {
	width: calc(100% - 45px);
	display: block;
	position: relative;
	line-height: 1;
}

.phone-top .rx {
	font-size: 1.4rem;
	opacity: 0.65;
}

/* ========== Banner 样式 - 按照参考网站 Swiper ========== */
.index {
	width: 100%;
	position: relative;
}

.index .phones {
	width: 8vw;
	position: fixed;
	right: 0.5vw;
	top: 20vw;
	z-index: 2;
}

.index .phones img {
	width: 100%;
}

.index .f1 {
	width: 100%;
	height: 100vh;
	position: relative;
}

.index .f1 .f1Swiper {
	width: 100%;
	height: 100%;
}

.index .f1 .f1Swiper .swiper-slide {
	width: 100%;
	height: 100%;
}

.index .f1 .f1Swiper .swiper-slide .video {
	width: 100%;
	height: 100%;
	position: relative;
}

.index .f1 .f1Swiper .swiper-slide .video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .f1 .f1Swiper .swiper-slide .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center;
	transform: scale(1);
	animation: kenburns 6s ease forwards;
}

@keyframes kenburns {
	0% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.index .f1 .f1Swiper .swiper-pagination {
	bottom: 3vw;
}

.about-intro,
.news-section {
	position: relative;
	background: #f7f7fa;
	z-index: 1;
}

.product-model,
.case-box,
.partners,
.footer {
	z-index: 1;
}

.product-model {
	z-index: 2;
}

.about-intro {
	padding-bottom: 0;
	margin-top: 100vh;
}

.bannerSwiper .swiper-slide .img,
.bannerSwiper .swiper-slide .img img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.ak-word {
	background: url(../images/sky-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.company-name {
	font-size: 1.8rem;
	margin-bottom: 0.5vw;
}

.intro-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 4vw;
	width: 100%;
}

.intro-left {
	width: 45%;
}

.about-intro .company-name {
	margin-bottom: 0.5vw;
	display: block;
}

.intro-title {
	font-size: 2.8vw;
	font-weight: 500;
	line-height: 1.3;
	color: #21297A;
	margin-bottom: 3vw;
}

.product-wrap .intro-title {
	margin-bottom: 1vw;
}

.contact-box {
	background-image: linear-gradient(180deg, #f5fbff 0%, #ecf1fa 100%);
}

.intro-title.c {
	text-align: center;
}

.partners .intro-title {
	margin-bottom: 0.5vw;
}

.intro-desc {
	font-size: 1.8rem;
}

.btn-more {
	position: relative;
	width: auto;
	display: inline-block;
}

.btn-more a {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	text-decoration: none;
}

.btn-more a .txt {
	padding: 0rem 3rem;
	height: 48px;
	line-height: 48px;
	background: #1e2a78;
	color: #fff;
	border-radius: 30px;
	font-size: 1.5rem;
	transition: all 0.3s ease;
}

.btn-more a .icon {
	width: 48px;
	height: 48px;
	position: relative;
	border-radius: 50%;
	background: #1e2a78;
	color: #fff;
	line-height: 48px;
	text-align: center;
}

.btn-more:hover {}

.btn-more i {
	font-size: 1.8rem;
	transition: transform 0.3s ease;
}


.intro-right {
	width: 45%;
	line-height: 2;
	font-size: 1.8rem;
}

.ak-word {
	width: 100%;
	height: auto;
	position: relative;
}

.factoty {
	width: 60%;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.5vw;
}


/* 大楼图片区域 */
.about-intro .intro-visual {
	position: relative;
	width: 100%;

}

.about-intro .bg-text {
	position: absolute;
	font-family: Barlow, sans-serif;
	font-size: 28rem;
	font-weight: 700;
	color: rgba(30, 42, 120, 0.08);
	letter-spacing: 2rem;
	z-index: 1;
	user-select: none;
	white-space: nowrap;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.about-intro .building-img {
	position: relative;
	z-index: 2;

}

/* 数据展示 */
.about-intro .data-list {
	display: flex;
	justify-content: space-between;
	padding-top: 5vw;
	margin-top: -1px;
}

.about-intro .data-item {
	text-align: center;
	flex: 1;
	padding: 0 2rem;
}

.about-intro .data-item:not(:last-child) {
	border-right: 1px solid #eee;
}

.about-intro .data-item .number {
	margin-bottom: 1rem;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.6rem;
}

.about-intro .data-item .num {
	font-family: Manrope;
	font-size: 4vw;
	font-weight: 600;
	color: #1e2a78;
}

.about-intro .data-item .unit {
	font-family: din;
	font-size: 2.4rem;
	font-weight: 500;
	color: #1e2a78;
}

.about-intro .data-item .label {}


/* ========== 产品模型展示 Section - 第三板块 ========== */
.product-model {
	position: relative;
	width: 100%;
	background: #f0f2f7;
}

.product-model .model-bg {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.product-model .model-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.product-model .model-points {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* 产品模型板块 - 移动端横向滑动提示（固定悬浮，不随内容滚动） */
.product-model .model-scroll {
	width: 100%;
	position: relative;
}

.product-model .model-hint {
	display: none;
	position: absolute;
	z-index: 6;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 999px;
	background: rgba(30, 42, 120, 0.82);
	color: #ffffff;
	white-space: nowrap;
	pointer-events: none;
	box-shadow: 0 6px 20px rgba(30, 42, 120, 0.28);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.product-model .model-hint .hint-arrow {
	width: 16px;
	height: 16px;
	display: block;
	color: #ffffff;
	animation: modelHintSlide 1.4s ease-in-out infinite;
}

.product-model .model-hint .hint-text {
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.5px;
}

.product-model .model-hint.is-hidden {
	opacity: 0;
	transform: translateX(-50%) translateY(-10px);
}

@keyframes modelHintSlide {
	0% {
		transform: translateX(6px);
		opacity: 0.4;
	}

	50% {
		transform: translateX(-6px);
		opacity: 1;
	}

	100% {
		transform: translateX(6px);
		opacity: 0.4;
	}
}

/* 产品点位 - 扩大感应区连接hover-card */
.model-point {
	position: absolute;
	cursor: pointer;
	padding: 40px;
	margin: -40px;
}

.model-point:hover {
	z-index: 40;
}

.model-point1 {
	top: 40%;
	left: 32%;
}

.model-point2 {
	top: 35%;
	left: 58%;
}

.model-point3 {
	top: 42%;
	left: 81%;
}

.model-point4 {
	top: 53%;
	left: 51%;
}

.model-point5 {
	top: 68%;
	left: 33%;
}

.model-point6 {
	top: 68%;
	left: 75%;
}

/* 闪烁圆圈 */
.model-point .pulse {
	position: absolute;
	width: 20px;
	height: 20px;

	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	/* animation: pulseAnim 2s infinite; */
	/* box-shadow: 0 0 15px rgba(33, 41, 122, 0.4), inset 0 0 8px rgba(255, 255, 255, 0.3); */
}

.model-point .pulse span {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
	background: rgba(33, 41, 122, 1);
	border-radius: 50%;
	z-index: 2;
}

.model-point .pulse span::before {
	width: 8px;
	height: 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
	background: #fff;
	border-radius: 50%;
	z-index: 5;
}

.model-point .pulse::before,
.model-point .pulse::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(33, 41, 122, 0.5);
	top: 0;
	left: 0;
	animation: pulseRing 2.5s infinite;
}

.model-point .pulse::after {
	animation-delay: 1.25s;
}

@keyframes pulseAnim {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1;
	}

	50% {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0.8;
	}

	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
}

@keyframes pulseRing {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	100% {
		transform: scale(2.5);
		opacity: 0;
	}
}

/* 产品标题标签 - 默认显示在圆圈下方居中 */
.model-point .point-label {
	position: absolute;
	left: 50%;
	top: 3.5vw;
	font-size: 0.85vw;
	transform: translateX(-50%);
	color: #333;
	padding: 0.35vw 0.65vw;
	line-height: 1.5;
	white-space: nowrap;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	opacity: 1;
	visibility: visible;
	z-index: 10;
	border-radius: 10px;
	border: 1px solid rgba(33, 41, 122, 0.70);
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(10px);
}

.model-point:hover .point-label {
	opacity: 1;
	visibility: visible;
}

/* Hover卡片 */
.model-point .hover-card {
	position: absolute;
	left: 50%;
	top: 3.5vw;
	transform: translateX(-50%) scale(0.95) translateY(-10px);
	padding: 1.25rem;
	width: 280px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 20;
	border-radius: 10px;
	border: 1px solid rgba(33, 41, 122, 0.70);
	background: #ECF1FA;
	backdrop-filter: blur(10px);
	cursor: auto;
}

.model-point:hover .hover-card {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) scale(1) translateY(0);
}

.hover-card .card-img {
	width: 100%;
	height: auto;
	border-radius: 0.6rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
	background: #ffffff;
}

.hover-card .card-img img {
	width: 100%;
	aspect-ratio: 5 / 3;
	object-fit: contain;
}

.hover-card h4 {
	font-size: 1.8rem;
	color: #1a1a4e;
	font-weight: 500;
	margin-bottom: 1rem;
}

.hover-card .desc {
	width: 100%;
	height: auto;
	line-height: 1.6;
	margin-bottom: 1rem;
	font-size: 1.4rem;
}


.hover-card .btn-card {
	display: inline-block;
	margin-top: 1rem;
	padding: 0.8rem 2rem;
	background: #1e2a78;
	color: #fff;
	font-size: 1.3rem;
	text-decoration: none;
	border-radius: 0.4rem;
	transition: background 0.3s ease;
}

.hover-card .btn-card:hover {
	background: #2d3a9e;
}


/* ========== 产品筛选 & 列表 ========== */
.filter-title {
	font-size: 2.4rem;
	color: #1a1a4e;
	font-weight: 600;
	margin-bottom: 3rem;
}

.product-filter {
	margin-bottom: 4rem;
}

.filter-row {
	display: flex;
	align-items: flex-start;
	padding: 1.5rem 0;
	border-bottom: 1px solid #eee;
	justify-content: space-between;
}

.filter-row:first-child {
	border-top: 1px solid #eee;
}

.filter-options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	width: calc(100% - 80px);
}

.filter-opt {
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	color: #555;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	/* border-radius: 0.4rem; */
	cursor: pointer;
	transition: all 0.25s ease;
	line-height: 1.4;
}

.filter-opt:hover {
	border-color: #1C47B8;
	color: #1C47B8;
}

.filter-opt.active {
	position: relative;
	background: #1C47B8;
	border-color: #1C47B8;
	color: #ffffff;
}


/* 产品网格 */

.product-swiper {
	min-height: 26vw;
	margin: 0;
}

.product-swiper .swiper-slide a,
.product-grid a {
	/* border-radius: 0.5vw; */
	background: #ffffff;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .1);
}

.product-swiper .swiper-slide a .overlay,
.product-grid a .overlay {
	width: 100%;
	height: auto;
	position: relative;
}

.product-swiper .swiper-slide a .back-lay,
.product-grid a .back-lay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(33, 41, 122, 1);
	backdrop-filter: blur(25px);
	/* border-radius: 0.5vw 0.5vw 0 0; */
	overflow: hidden;
	padding: 2vw 1.5vw;
	display: flex;
	align-items: center;
	opacity: 0;
	transition: all 0.5s;
	color: #ffffff;
}

.product-swiper .swiper-slide a:hover .back-lay,
.product-grid a:hover .back-lay {
	opacity: 1;
}

.product-swiper .swiper-slide a .lay-content,
.product-grid a .lay-content {
	width: 100%;
	line-height: 1.5;
}

.product-swiper .swiper-slide a .lay-content p,
.product-grid a .lay-content p {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px;
	line-height: 1.3;
	font-size: 0.9vw;
	margin-bottom: 0.75vw;
	font-weight: 400;
	padding-left: 0.5vw;
}

.product-swiper .swiper-slide a .lay-content p::after,
.product-grid a .lay-content p::after {
	width: 0.25vw;
	height: auto;
	aspect-ratio: 1;
	position: absolute;
	left: 0;
	top: 0.45vw;
	background: #fff;
	border-radius: 50%;
	content: '';
}

.product-swiper .swiper-slide a .thum,
.product-grid a .thum {
	width: 100%;
	height: auto;
	position: relative;
	padding: 2vw;
}

.product-swiper .swiper-slide a .thum img,
.product-grid a .thum img {
	aspect-ratio: 100 / 114;
}

.product-swiper .swiper-slide a .info,
.product-grid a .info {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	padding: 1vw 2vw;
	border-top: 1px solid rgba(0, 0, 0, .1);
	transition: all 0.5s;
}

.product-swiper .swiper-slide a .info .name,
.product-grid a .info .name {
	width: calc(100% - 30px);
	line-height: 25px;
	padding: 0px;
	font-size: 1.8rem;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.product-swiper .swiper-slide a .info .icon,
.product-grid a .info .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	color: #21297A;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(0);
	right: 1vw;
	transition: all 0.5s;
}

.product-swiper .swiper-slide a:hover .info .icon,
.product-grid a:hover .info .icon {
	transform: translateY(-50%) scale(1);
}

.product-swiper .swiper-slide a:hover .info,
.product-grid a:hover .info {
	padding: 1vw;
	background: rgba(33, 41, 122, 1);
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.prod-card {
	display: flex;
	flex-direction: column;
	background: #f5f7fb;
	border-radius: 1rem;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	text-decoration: none;
}

.prod-card:hover {
	transform: translateY(-0.6rem);
	box-shadow: 0 1.2rem 3rem rgba(26, 26, 78, 0.12);
}

.prod-card .prod-img {
	width: 100%;
	height: 22rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: linear-gradient(135deg, #eef1f8 0%, #f5f7fc 100%);
	overflow: hidden;
}

.prod-card .prod-img img {
	max-width: 85%;
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.4s ease;
}

.prod-card:hover .prod-img img {
	transform: scale(1.06);
}

.prod-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.4rem 1.6rem;
}

.prod-name {
	font-size: 1.4rem;
	color: #333;
	font-weight: 500;
}

.prod-arrow {
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 50%;
	background: #1C47B8;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	transition: background 0.25s ease;
}

.prod-card:hover .prod-arrow {
	background: #152d85;
}

/* 带参数详情的卡片 */
.prod-card--detail {
	background: #f0f3fa;
}

.prod-card--detail .prod-img {
	height: 18rem;
}

.prod-specs {
	padding: 1.4rem 1.6rem 0.8rem;
}

.spec-item {
	display: flex;
	align-items: baseline;
	padding: 0.45rem 0;
	font-size: 1.15rem;
	line-height: 1.6;
}

.spec-item em {
	flex-shrink: 0;
	width: 5.5rem;
	color: #888;
	font-style: normal;
	font-weight: 500;
}

.spec-item span {
	color: #444;
}

.prod-card--detail .prod-bottom {
	padding-top: 1rem;
	border-top: 1px solid rgba(28, 71, 184, 0.08);
}

.btn-detail {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.55rem 1.4rem;
	background: #1C47B8;
	color: #fff;
	font-size: 1.2rem;
	border: none;
	border-radius: 2rem;
	cursor: pointer;
	transition: background 0.25s ease;
	text-decoration: none;
}

.btn-detail:hover {
	background: #152d85;
}

.btn-detail i {
	font-size: 1rem;
}


/* ========== 产品分类 ========== */
.product-category {
	padding-top: 0;
}

.cate-title {
	font-size: 2.4rem;
	color: #1a1a4e;
	font-weight: 600;
	margin-bottom: 3rem;
}

.cate-layout {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.singe-page table {
	border: 1px solid #eee;
}

/* 左侧分类树 */

.cate-item {
	overflow: hidden;
	margin-bottom: 1vw;
}

.case-swiper {
	min-height: 27.6vw;
}

.cate-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1vw 1vw;
	font-weight: 500;
	background: #f7f8fa;
	cursor: pointer;
	transition: all 0.5s;
}

.cate-item.open .cate-head {
	background: #21297A;
	color: #ffffff;
}

.cate-head strong {
	font-size: 1.8rem;
}

.cate-head:hover {
	color: #152d85;
}

.cate-toggle {
	font-size: 1.1rem;
	transition: transform 0.3s ease;
}

.cate-item.open .cate-toggle {
	transform: rotate(180deg);
}

.video,
.video video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.video video {
	object-fit: cover;
}

.cate-sub {
	display: none;
	background: #ffffff;
}

.cate-item.open .cate-sub {
	display: block;
}

.cate-sub a {
	display: block;
	padding: 0.95vw 1vw;
	font-size: 1.7rem;
	font-weight: 500;
	border-bottom: 1px solid rgba(33, 41, 124, .05);
	transition: all 0.5s;
	position: relative;
}

.detail-swiper {
	width: 40%;
	margin: 0;
	overflow: hidden;
}

.detail-swiper .thum img {
	aspect-ratio: 100 / 100;
	object-fit: contain;
}

.cate-sidebar {
	position: sticky;
	top: 110px;
}

.cate-sub a::after {
	width: 0px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #ffffff;
	transition: all 0.4s;
}

.cate-sub a:hover,
.cate-sub a.active {
	padding-left: 1.5vw;
}

.cate-sub a:hover::after,
.cate-sub a.active::after {
	width: 10px;
}

.cate-sub a:last-child {
	border-bottom: none;
}

.cate-sub a:hover,
.cate-sub a.active {
	color: #ffffff;
	background: #21297A;
}

/* 右侧产品区 */
.cate-products {
	width: calc(100% - 400px);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2vw;
}

.cate-case {
	width: calc(100% - 400px);
}


/* ========== 产品详情页 ========== */
.prod-detail {
	padding: 20rem 0 12rem 0;
	background: #fff;
	position: relative;
}

.de-content {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 6vw;
}

.detail-hero .hero-img {
	width: 40%;
}

.detail-hero .hero-img img {
	width: 100%;
	border-radius: 1rem;
	box-shadow: 0 1.5rem 4rem rgba(26, 26, 78, 0.08);
}

.detail-hero .hero-info {
	width: 54%;
	background: #f9f9f9;
	padding: 3vw;
	border-radius: 0.5vw;
}

.detail-series {
	font-size: 2rem;
	color: #1C47B8;
	font-weight: 600;
	margin-bottom: 0.6rem;
	letter-spacing: 0.05em;
}

.detail-title {
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 2vw;
}

.detail-title b {
	color: #2d52b8;
	font-size: 2.25vw;
	display: block;
	width: 100%;
	margin-bottom: 0.25vw;
}

.detail-title p {
	display: inline-block;
	font-size: 2.25vw;
	font-family: Manrope;
	color: #c5353e;
}

.detail-desc {
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 3vw;
}

.detail-desc p {
	margin-bottom: 0.5vw;
}

.detail-desc p:last-child {
	margin-bottom: 0;
}

.detail-actions {
	display: flex;
	gap: 1.2rem;
	flex-wrap: wrap;
	justify-content: center;
}

.action-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5vw;
	padding: 1rem;
	border: 1px solid #3e3e3e;
	border-radius: 0.5rem;
	font-size: 1.8rem;
	font-weight: 400;
	transition: all 0.25s ease;
	color: #3e3e3e;
}

.action-btn:hover {
	border-color: #1C47B8;
	color: #ffffff;
	background: #1C47B8;
}

.action-btn i {
	font-size: 1vw;
}

/* 面板通用样式 */
.detail-panel {
	margin-bottom: 2.5rem;
	border-radius: 0;
	overflow: hidden;
	border: 1px solid #e8ebf2;
}

.panel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem;
	background: linear-gradient(135deg, #1C47B8 0%, #2d52b8 100%);
	cursor: pointer;
	user-select: none;
}

.panel-title {
	font-size: 1.8rem;
	color: #fff;
	font-weight: 500;
}

.panel-toggle {
	display: inline-block;
	color: rgba(255, 255, 255, 0.75);
	font-size: 1.8rem;
	transition: transform 0.3s ease;
	transform: rotate(90deg);
}

.panel-header.collapsed .panel-toggle {
	transform: rotate(0deg);
}

.panel-body .singe-page {
	padding: 1.5vw;
	width: 100%;
}

/* 详细参数表格 */


.singe-page table tr {
	border-bottom: 1px solid #eee;
}

.singe-page table tr:last-child {
	border-bottom: none;
}

.singe-page table th,
.singe-page table td {
	padding: 1.05rem 1.2rem;
	vertical-align: top;
	line-height: 1.7;
}

.lightBox .summary-join {
	padding: 2vw;
}

.singe-page table th {
	white-space: nowrap;
	background: #f9f9f9;
}

.singe-page table tr:first-child {
	/* background: #f9f9f9; */
	/* font-weight: 500; */
}

.singe-page table tr:nth-child(odd) {
	background: #f5f8ff;
}

.singe-page table td {

	word-break: break-all;
}

/* 性能特点列表 */
.feature-list {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.9rem 3rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.feature-list dt {
	font-size: 1.32rem;

	font-weight: 600;
	white-space: nowrap;
	padding-top: 0.25rem;
}

.feature-list dd {
	font-size: 1.28rem;
	color: #666;
	line-height: 1.85;
	margin: 0;
}



/* 适用范围 */
.scope-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 2rem;
}

.scope-item {
	background: #ECF1FA;
	border-radius: 0.5vw;
	padding: 2vw 1.5vw;
	position: relative;
	overflow: hidden;
}

.scope-num {
	position: absolute;
	bottom: 1vw;
	right: 1vw;
	font-size: 6vw;
	font-weight: 500;
	color: rgba(28, 71, 184, 0.08);
	line-height: 1;
	font-family: 'din';
}

.scope-item h4 {
	font-size: 2.2rem;
	color: #1a1a4e;
	font-weight: 500;
	position: relative;
	z-index: 1;
}

.scope-item .desc {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	line-height: 1.7;
	margin-top: 1rem;
}

.scope-item .desc p {
	margin-bottom: 0.25rem;
}

.cases-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 3vw;
}

.cases-header .r {
	width: auto;
	display: flex;
	gap: 0.5vw;
}

.cases-header .r .honor-tabs {
	margin-bottom: 0;
}

.ch-left {
	width: auto;
	height: auto;
	position: relative;
}

.ch-left .intro-title {
	margin-bottom: 0.5vw;
}

.ch-left p {
	font-size: 1.8rem;
}


.tab-btn {
	padding: 0px 1vw;
	line-height: 45px;
	border-radius: 30px;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 1.6rem;
	position: relative;
	overflow: hidden;
}

.tab-btn::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #1e2a78;
	transition: all 0.5s;
	transform: translateY(100%);
}

.tab-btn p {
	z-index: 2;
	position: relative;
}

.tab-btn:hover::before,
.tab-btn.active::before {
	border-color: #1e2a78;
	transform: translateY(0%);
}

.tab-btn:hover,
.tab-btn.active {
	color: #ffffff;
}

.honor-tabs.cases-tabs {
	justify-content: center;
}



/* 案例列表 */
.cases-list {

	grid-template-columns: repeat(4, 1fr);
	gap: 1.25vw;
	display: none;
}

.cases-list.three {
	display: grid;
}

.cases-list.active {
	display: grid;
}

.cases-list.three {
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25vw;
}

/* 单个案例卡片 */
.case-card {
	display: block;
}

.case-card a {
	display: block;
	border-radius: 0.5vw;
	overflow: hidden;
	background: #f8f9fc;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	position: relative;
}

.case-card a:hover {
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.case-img {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-shadow: 0 15px 15px 0 rgba(33, 41, 122, 0.15);
}

.case-img video,
.pro-content.case .pro-card .item a .thum video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	opacity: 0;
	transition: all 0.5s;
}

.case-card a:hover .case-img video {
	opacity: 1;
}

.case-img::after {
	width: 100%;
	height: 60%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

.case-card:hover .case-img img {
	transform: scale(1.08);
}

.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.play-btn i {
	font-size: 1.8rem;
	color: #1e2a78;
	margin-left: 3px;
}

.case-card:hover .play-btn {
	background: #1e2a78;
}

.case-card:hover .play-btn i {
	color: #fff;
}

.case-info {
	padding: 1.5vw;
	position: absolute;
	left: 0;
	bottom: 0;
}

.case-info h3 {
	font-size: 1vw;
	line-height: 1.5;
	margin: 0 0 1.2rem 0;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
}

.tags {
	display: flex;
	gap: 0.35vw;
}

.tags span {
	padding: 0.25vw;
	font-size: 0.7vw;
	color: #21297A;
	border-radius: 4px;
	background: #ECF1FA;
	font-family: auto;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.case-box {
	background: #f0f2f7;
	padding-top: 0;
	padding-bottom: 0;
}


/* ========== 合作伙伴 Section ========== */
.partners {
	position: relative;
	overflow: hidden;
	background: #f0f2f7;
}

.partners .w1400 {
	position: relative;
	z-index: 2;
}

.partners .partners-bg {
	position: absolute;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 85%;
	pointer-events: none;
	/* 改为hidden，裁剪渐变区域 */
}

/* 地球从上到下半透明渐变消失 */
.partners .partners-bg::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: linear-gradient(0deg, #f0f2f7 70%, transparent 100%);
	pointer-events: none;
	z-index: 2;
}

.partners .partners-bg canvas {
	display: block;
	width: 100% !important;
	height: auto !important;
	opacity: 0.32;
}

.partners .partners-content {
	position: relative;
	z-index: 3;
	padding-top: 10vw;
}

.partners .partners-header {
	text-align: center;
	margin-bottom: 6vw;
}


/* 合作品牌列表 —— 无缝向上循环 */
.partners .partners-list {
	position: relative;
	height: 480px;
	/* 可视区域高度，小于轨道总高即形成滚动 */
	overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 30%, #000 70%, transparent 100%);
	mask-image: linear-gradient(180deg, transparent 0, #000 30%, #000 70%, transparent 100%);
}

.partners .partners-marquee {
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
	/* 两条轨道间距 = 行间距，衔接更自然 */
	animation: partnersMarquee 12s linear infinite;
	will-change: transform;
}

.partners .partners-list:hover .partners-marquee {
	/* animation-play-state: paused;		 */
}

.partners .partners-track {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1.8rem 1.5rem;
}

@keyframes partnersMarquee {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(var(--partners-shift, -50%));
	}
}

.partners .partner-card {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
	overflow: hidden;
	border-radius: 0.5vw;
}

.partners .partner-card img {
	transition: transform 0.35s ease;
	aspect-ratio: 100 / 46;
}

.partners .partner-card:hover {
	box-shadow: 0 8px 30px rgba(30, 42, 120, 0.05);
}


.pdf-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1vw;
	margin-bottom: 3vw;
}

.pdf-list .item {
	width: 100%;
}

.pdf-list .item a {
	padding: 1vw;
	height: auto;
	border: 1px solid rgba(0, 0, 0, .05);
	position: relative;
	display: flex;
	align-items: center;
	transition: all 0.5s;
	background: #fff;
	cursor: pointer;
}

.detail_top .name {
	line-height: 1.3;
	font-weight: 600;
}

.pd-mbx a {
	white-space: nowrap;
}

.pd-mbx a.mul-line {
	-webkit-line-clamp: 1;
}

.pdf-list .item a .icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #f2554e;
	font-size: 3rem;
}

.pdf-list .item a .name {
	width: calc(100% - 50px);
	line-height: 30px;
	padding: 10px 0px;
	font-size: 1.8rem;
	font-weight: 500;
}

.pdf-list .item a:hover {
	box-shadow: 0 1vw 2vw rgba(10, 106, 232, 0.15);
}

/* ========== 新闻资讯 Section ========== */
.news-section .ch-left .intro-title {
	margin-bottom: 0;
}

.news-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3rem;
}

.news-header h2 {
	font-size: 3rem;
	font-weight: 600;
	color: #1a1a4e;
	margin: 0;
}

.btn-view-more {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.9rem 2rem;
	background: #1e2a78;
	color: #fff;
	text-decoration: none;
	border-radius: 2.5rem;
	font-size: 1.4rem;
	transition: all 0.3s ease;
}

.btn-view-more:hover {
	background: #2d3a9e;
	transform: translateX(3px);
}

.btn-view-more i {
	font-size: 1.4rem;
}

/* 顶部大图区 */
.news-featured {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	margin-bottom: 3rem;
}

.featured-card {
	display: block;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-featured .featured-card:first-child {
	border-radius: 0;
}

.featured-card a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background: #ECF1FA;
}

.featured-card a .featured-overlay {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2vw;
	color: #ffffff;
}

.featured-card:hover {
	box-shadow: 0 12px 40px rgba(26, 26, 78, 0.15);
}

/* 左侧图片卡片 */
.featured-img {
	height: auto;
	position: relative;
}

.featured-img::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

.featured-img img {
	width: 100%;
	height: auto;
	aspect-ratio: 5 / 3;
	transition: transform 0.5s ease;
}

.featured-img:hover img {
	transform: scale(1.05);
}

.featured-img .featured-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2rem 2.5rem;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
	color: #fff;
}

.featured-overlay .date {
	font-size: 1.4rem;
	opacity: 0.85;
	display: block;
	margin-bottom: 0.5rem;
	font-family: figtree;
}

.featured-overlay h3 {
	font-size: 1.35vw;
	font-weight: 500;
	line-height: 1.3;
	-webkit-line-clamp: 1;
}

/* 右侧文字卡片 */
.featured-text {
	background: #ECF1FA;
	padding: 2.5vw;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

.featured-text .ft-watermark {
	position: absolute;
	right: -2rem;
	bottom: -1rem;
	font-family: Barlow, sans-serif;
	font-size: 12rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.06);
	letter-spacing: 0.5rem;
	user-select: none;
	pointer-events: none;
	line-height: 1;
	z-index: 0;
}

.featured-text>* {
	position: relative;
	z-index: 1;
}

.featured-text .date {
	font-size: 1.4rem;
	opacity: 0.75;
	display: block;
	margin-bottom: 1rem;
	font-family: figtree;
}

.featured-text h3 {
	font-size: 2.6rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 2vw;
}

.featured-text .desc {
	font-size: 1vw;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ft-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2vw;
	height: 2vw;
	border: 1px solid rgba(0, 0, 0, 0.35);
	border-radius: 50%;
	margin-top: 2vw;
}

/* 底部双栏列表 */
.news-lists {
	display: flex;
	justify-content: space-between;
}

.news-col {
	background: #ECF1FA;
	border-radius: 0;
	padding: 2vw;
	transition: box-shadow 0.3s ease;
	width: 49%;
}

.news-col:hover {
	box-shadow: 0 6px 30px rgba(26, 26, 78, 0.08);
}

.col-header {
	display: flex;
	align-items: center;
	margin-bottom: 1.8rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #e8eaf0;
}

.col-icon {
	width: 35px;
	margin-right: 1rem;
}


.col-header h4 {
	font-size: 2.6rem;
	font-weight: 500;
	color: #21297A;
	flex: 1;
}

.col-header a {
	text-decoration: none;
	transition: color 0.3s ease;
}

.col-header a:hover {
	color: #1e2a78;
}

.news-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-items li {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.news-items li:last-child {
	border-bottom: none;
}

.news-items li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem 0;
	text-decoration: none;
	color: #333;
	font-size: 1.8rem;
	transition: color 0.3s ease;
}

.news-items li a:hover {
	color: #1e2a78;
}

.news-items li a span {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 1.5rem;
}

.news-items li a em {
	font-style: normal;
	font-size: 1.6rem;
	flex-shrink: 0;
	font-family: figtree;
	opacity: 0.5;
}

/* ========== 新闻列表页 (news.html) ========== */

/* 顶部轮播区 */
.news-hero-swiper {
	margin-bottom: 2.5rem;
}

.hero-swiper-wrapper {
	position: relative;
	border-radius: 1.2rem;
	overflow: hidden;
}

.hero-slide {
	position: relative;
	width: 100%;
	height: 38rem;
	overflow: hidden;
}

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

/* 深蓝色标题栏 */
.hero-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(20, 30, 80, 0.75) 0%, rgba(18, 26, 70, 0.92) 100%);
	padding: 1.8rem 2.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.hero-title {
	flex: 1;
	font-size: 1.65rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hero-page {
	font-family: Barlow, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.85);
	white-space: nowrap;
	flex-shrink: 0;
}

.hero-page .sep {
	margin: 0 0.15rem;
	opacity: 0.5;
}

/* 左右箭头 */
.hero-prev,
.hero-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	border: none;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.hero-prev {
	left: 1.5rem;
}

.hero-next {
	right: 1.5rem;
}

.hero-prev i,
.hero-next i {
	font-size: 1.4rem;
	color: #333;
	transition: color 0.3s ease;
}

.hero-prev:hover,
.hero-next:hover {
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}

.hero-prev:hover i,
.hero-next:hover i {
	color: #1e2a78;
}

/* Tab 切换按钮 */
.news-tabs {
	display: flex;
	gap: 1.2rem;
	margin-bottom: 2.5rem;
}

.news-tab {
	padding: 0.8rem 2.5rem;
	border-radius: 30px;
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	font-size: 1.4rem;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: inherit;
}

.news-tab.active {
	background: #1e2a78;
	color: #fff;
	border-color: #1e2a78;
}

.news-tab:hover:not(.active) {
	border-color: #1e2a78;
	color: #1e2a78;
}

/* 新闻卡片网格 - 3列 */
.news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

/* 常规新闻卡片 */
.news-card {
	display: block;
	text-decoration: none;
	border-radius: 1rem;
	overflow: hidden;
	background: #f8f9fc;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.news-card:hover {
	transform: translateY(-0.6rem);
	box-shadow: 0 12px 40px rgba(26, 26, 78, 0.12);
}

.nc-img {
	width: 100%;
	height: 19rem;
	overflow: hidden;
}

.nc-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.news-card:hover .nc-img img {
	transform: scale(1.06);
}

.nc-info {
	padding: 1.4rem 1.6rem 1.6rem;
}

.nc-date {
	display: block;
	font-size: 1.15rem;
	color: #999;
	margin-bottom: 0.7rem;
	font-family: Barlow, sans-serif;
}

.nc-title {
	font-size: 1.38rem;
	font-weight: 500;
	color: #333;
	line-height: 1.55;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-card:hover .nc-title {
	color: #1e2a78;
}

/* 特色绿色卡片 */
.nc-special {
	background: transparent;
}

.nc-special:hover {
	transform: translateY(-0.6rem);
	box-shadow: 0 12px 40px rgba(26, 26, 78, 0.12);
}

.ncs-inner {
	background: linear-gradient(135deg, #7bc96f 0%, #6abf5d 40%, #5ab852 100%);
	padding: 2rem 1.8rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
	min-height: 16rem;
	position: relative;
	overflow: hidden;
}

.ncs-inner::before {
	content: '';
	position: absolute;
	top: -2rem;
	right: -2rem;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}

.ncs-text {
	flex: 1;
	color: #fff;
	position: relative;
	z-index: 1;
}

.ncs-title {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 1rem;
	color: #fff;
}

.ncs-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ncs-list li {
	font-size: 1.2rem;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.92);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.ncs-list li i {
	font-size: 1.1rem;
	flex-shrink: 0;
}

.ncs-img {
	width: 11rem;
	height: 11rem;
	flex-shrink: 0;
	border-radius: 0.8rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: rgba(255, 255, 255, 0.15);
	border: 2px solid rgba(255, 255, 255, 0.25);
}

.ncs-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nc-special .nc-info {
	padding-top: 1.2rem;
}

/* ========== Support Page (热门服务) ========== */

/* ---- 标题区：带装饰线的居中标题 ---- */
.support-title {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #1a1a2e;
	margin-bottom: 1.2rem;
	letter-spacing: 0.12em;
	position: relative;
}

.support-title::after {
	content: "";
	display: block;
	width: 3.2rem;
	height: 0.25rem;
	background: linear-gradient(90deg, #1e2a78, #3b82f6);
	border-radius: 999px;
	margin: 1rem auto 0;
}

/* ---- 热门服务 4列卡片：节奏变化设计 ---- */
.hot-services {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1vw;
	margin-bottom: 3vw;
}

.service-card {
	/* border-radius: 0.5vw; */
	padding: 2vw;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.news-box {
	background-image: linear-gradient(180deg, #f5fbff 0%, #ecf1fa 100%);
}

.service-card::after {
	width: 0%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	background: #152d85;
	transition: all 0.5s;
}

.service-card:hover::after {
	width: 100%;
	left: 0%;
}

.service-card:hover {
	box-shadow: 0 1.5vw 4vw rgba(10, 106, 232, 0.15);
}

.sc-primary .sc-icon svg {
	stroke: #fff;
}

.sc-primary h3 {
	color: #fff;
}

.sc-primary p {
	color: rgba(255, 255, 255, 0.75);
}



.service-card:active {
	transform: translateY(-0.1rem) scale(0.98);
	transition-duration: 0.1s;
}

/* 图标容器：圆角方形背景 + 微妙内阴影 */
.sc-icon {
	width: 3vw;
	height: auto;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 5rem;
	font-size: 1.2vw;
	transition: all 0.5s;
	position: absolute;
	left: 2vw;
	bottom: 1.5vw;
}

.service-card:hover .sc-icon {
	box-shadow: 0 0.5vw 1.5vw rgba(10, 106, 232, 0.25);
	transform: scale(1.08);
	background: #151b52;
	color: #ffffff;
}

.sc-icon svg {
	width: 2.2rem;
	height: 2.2rem;
	stroke: #2a368f;
}

.service-card h3 {
	font-size: 2.4rem;
	font-weight: 500;
	margin-bottom: 0.5vw;
}

.service-card .desc {
	line-height: 1.65;
	font-size: 1.6rem;
	position: relative;
	margin-bottom: 5vw;
	opacity: 0.5;
}

/* ---- 联系 & 快捷入口：左右不对称布局 ---- */
.contact-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 3vw;
	background: #ffffff;
	background-image: linear-gradient(180deg, #f5fbff 0%, #ecf1fa 100%);
	/* border-radius: 1.4rem; */
	padding: 2vw;
}

.contact-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 2rem;
}

.contact-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin-bottom: 0.9rem;
	font-weight: 400;
	font-size: 1.4rem;
}

.contact-tag .iconfont {
	color: #2a368f;
	font-size: 1.4rem;
}

.contact-phone {
	font-family: 'din';
	font-size: 3vw;
	color: #1e2a78;
	letter-spacing: 0.04em;
	line-height: 1.15;
	margin-bottom: 6vw;
	background: linear-gradient(135deg, #1e2a78, #3b5eeb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.contact-info-text strong {
	font-size: 1.22rem;
	color: #1a1a2e;
	display: block;
	margin-bottom: 0.6rem;
	font-weight: 600;
}

.contact-info-text {
	margin-bottom: 1vw;
	position: relative;
}

.contact-info-text p {
	line-height: 1.75;
	font-size: 2rem;
}

.btn-contact {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	width: fit-content;
	padding: 1rem 2.5rem;
	background: #21297A;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	border-radius: 100px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(.22, 1, .36, 1);
}

.btn-contact:hover {
	transform: translateX(0.4rem) translateY(-0.1rem);
	box-shadow: 0 0.8rem 2rem rgba(30, 42, 120, 0.32);
}

.btn-contact:active {
	transform: translateX(0.1rem) scale(0.97);
}

/* 右侧快捷链接：卡片化列表 */
.contact-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
}

.quick-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75vw 2vw;
	border-bottom: 0.06rem solid #f0f2f8;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 500;
	transition: all 0.28s cubic-bezier(.22, 1, .36, 1);
	position: relative;
	background: rgba(255, 255, 255, .35);
	backdrop-filter: blur(10px);
}

.quick-link:first-child {
	border-radius: 1rem 1rem 0 0;
}

.quick-link:last-child {
	border-bottom: none;
	border-radius: 0 0 1rem 1rem;
}

.quick-link::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.28rem;
	height: 0;
	background: linear-gradient(180deg, #1e2a78, #3b82f6);
	border-radius: 0 4px 4px 0;
	transition: height 0.25s ease;
}

.quick-link:hover {
	/* background: #f5f7ff; */
	color: #1e2a78;
	padding-left: 2.2rem;
}

.quick-link:hover::before {
	height: 60%;
}

.quick-link:active {
	background: #ebeffc;
}

.ql-icon {
	width: 5vw;
	height: auto;
}

.partners-bg img {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0;
}


.ql-icon svg {
	width: 1.3rem;
	height: 1.3rem;
	stroke: #2a368f;
}

.quick-link:hover .ql-icon svg {
	stroke: #1e2a78;
}

/* ---- 团队特色：1大 + 2小 ---- */
.team-section {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: 1.6rem;
	margin-bottom: 4.8rem;
}

.team-small-group {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 1.6rem;
}

.team-card {
	position: relative;
	border-radius: 1.2rem;
	overflow: hidden;
	min-height: 26rem;
	transition: transform 0.4s cubic-bezier(.22, 1, .36, 1);
}

.team-large {
	min-height: calc(2 * 26rem + 1.6rem);
}

.team-card:hover {
	transform: scale(1.01);
}

.team-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	inset: 0;
	transition: transform 0.6s cubic-bezier(.22, 1, .36, 1);
}

.team-card:hover img {
	transform: scale(1.04);
}

.team-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(140deg,
			rgba(14, 20, 60, 0.92) 0%,
			rgba(24, 34, 90, 0.72) 40%,
			rgba(30, 42, 120, 0.38) 70%,
			transparent 100%);
	padding: 2.8rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.team-overlay h3 {
	font-size: 1.85rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 1.4rem;
	letter-spacing: 0.04em;
}

.team-overlay ul {
	list-style: none;
	padding: 0;
}

.team-overlay li {
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.94rem;
	line-height: 2.05;
	padding-left: 1.1rem;
	position: relative;
	transition: padding-left 0.25s ease;
}

.team-overlay li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.86rem;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: rgba(59, 130, 246, 0.75);
	transition: background 0.25s ease;
}

.team-overlay:hover li::before {
	background: rgba(59, 130, 246, 1);
	box-shadow: 0 0 0.3rem rgba(59, 130, 246, 0.4);
}

.team-label {
	position: absolute;
	bottom: 1.6rem;
	left: 1.6rem;
	background: rgba(255, 255, 255, 0.93);
	color: #1e2a78;
	font-size: 1.14rem;
	font-weight: 600;
	padding: 0.65rem 1.6rem;
	border-radius: 0.5rem;
	backdrop-filter: blur(6px);
	letter-spacing: 0.03em;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-small:hover .team-label {
	transform: translateY(-0.2rem);
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
}

/* ---- 质保期内 / 质保期外：左图右面板 / 反向布局 ---- */
.warranty-card {
	position: relative;
	/* border-radius: 1vw; */
	overflow: hidden;
	margin-bottom: 2vw;
	display: flex;
}

.warranty-card:last-child {
	margin-bottom: 0;
}

.warranty-card:hover {
	box-shadow: 0 0.8rem 2.4rem rgba(20, 30, 80, 0.16);
}

.warranty-card img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	transition: transform 0.7s cubic-bezier(.22, 1, .36, 1);
}


.warranty-content {
	position: absolute;
	z-index: 1;
	width: 30%;
	padding: 2vw;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}

/* 质保期外：反向布局（面板在右侧） */
.wc-right {
	margin-left: auto;
}

.warranty-content h3 {
	font-size: 2.5vw;
	font-weight: 500;
	color: #fff;
	margin-bottom: 1vw;
	position: relative;
	display: inline-block;
}

.warranty-content .desc {
	width: 100%;
	height: auto;
	line-height: 1.7;
	color: #ffffff;
}


.warranty-content ul {
	list-style: none;
	padding: 0;
}

.warranty-content li {
	color: rgba(255, 255, 255, 0.87);
	font-size: 0.96rem;
	line-height: 2.1;
	padding-left: 0.8rem;
	position: relative;
}

.warranty-content li::before {
	content: "·";
	position: absolute;
	left: 0;
	color: #3b82f6;
	font-weight: bold;
	font-size: 1.3rem;
}

/* ===== 滚动入场动画（渐进增强） ===== */
/* JS 先加 reveal 类隐藏 → Observer 触发后加 is-visible 显示 */
/* 如果 JS 未执行 / Observer 不可用，内容保持默认可见 */
.support-box .support-title.reveal,
.support-box .hot-services.reveal,
.support-box .contact-row.reveal,
.support-box .team-section.reveal,
.support-box .warranty-card.reveal {
	opacity: 0;
	transform: translateY(2.4rem);
	transition:
		opacity 0.65s cubic-bezier(.22, 1, .36, 1),
		transform 0.65s cubic-bezier(.22, 1, .36, 1);
}

.support-box .support-title.is-visible,
.support-box .hot-services.is-visible,
.support-box .contact-row.is-visible,
.support-box .team-section.is-visible,
.support-box .warranty-card.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* 级联延迟：每个板块依次入场 */
.support-box .hot-services.is-visible {
	transition-delay: 0.08s;
}

.support-box .contact-row.is-visible {
	transition-delay: 0.16s;
}

.support-box .team-section.is-visible {
	transition-delay: 0.24s;
}

/* 质保卡片单独级联 */
.support-box .warranty-in.is-visible {
	transition-delay: 0.3s;
}

.support-box .warranty-out.is-visible {
	transition-delay: 0.38s;
}

/* ========== Contact Page (联系方式) ========== */
.contact-page-title {
	font-size: 2rem;
	font-weight: 700;
	color: #2a368f;
	margin-bottom: 3rem;
	letter-spacing: 0.15em;
}

.contact-cards {
	display: flex;
	flex-wrap: wrap;
}

/* 联系卡片 */
.ccard {
	background: #fff;
	/* border-radius: 1.2rem; */
	padding: 2vw;
	position: relative;
	width: 32%;
	transition: all 0.3s ease;
	margin-right: 2%;
	margin-bottom: 1.5vw;
	padding-bottom: 8vw;
}

.pdf-wrap {
	width: calc(100% - 400px);
}

.ccard:nth-child(3n) {
	margin-right: 0;
}

.ccard:nth-child(n+4) {
	width: 49%;
	margin-bottom: 0;
}

.ccard:nth-child(5) {
	margin-right: 0%;
}

.cc-label {
	margin-bottom: 0.5vw;
	font-size: 1.4rem;
}

.cc-value {
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.4;
	word-break: break-all;
	font-family: Manrope;
}

.seo-tips {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cc-sub {
	font-size: 1.2rem;
	opacity: 0.6;
}

.cc-sub.web {
	margin-top: 0.3vw;
}

/* 左下角大图标 */
.cc-icon {
	position: absolute;
	bottom: 2vw;
	left: 2vw;
	width: 2.5vw;
	height: auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	background: #F6F4FF;
}

.cc-icon svg {
	width: 2rem;
	height: 2rem;
}

/* 二维码卡片特殊样式 */
.ccard-qrcode {
	padding-bottom: 2rem;
}

.ccard-qrcode .cc-icon {
	display: none;
}

.qr-list {
	display: flex;
	gap: 2rem;
	margin-top: 1.5vw;
}

.cqr-item {
	text-align: center;
}

.cqr-item img {
	width: 9rem;
	height: 9rem;
	object-fit: contain;
	border-radius: 0.4rem;
	margin-bottom: 0.7rem;
}

.cqr-item span {
	font-size: 0.85rem;
	color: #888;
	display: block;
}

/* ========== Footer Section ========== */
.footer {
	position: relative;
	background: #1e2a78;
	color: #fff;
	padding: 0 0 1vw;
	padding-top: 3vw;
}

/* 波浪顶部 */
.footer-wave {
	position: absolute;
	width: 100%;
	height: auto;
	overflow: hidden;
	transform: translateY(-100%);
	top: 1px;
}

.wave-marquee {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	animation: waveScroll 3s linear infinite;
}


@keyframes waveScroll {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

/* 顶部品牌 + 留言表单 */
.ft-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 3vw 0px;
	gap: 4rem;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	margin-bottom: 1.25vw;
}

.ft-brand {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 2vw;
}

.ft-brand .ln {
	width: 1px;
	height: 30px;
	position: relative;
	background: rgba(255, 255, 255, .3);
	display: block;
}

.ft-left {
	width: 50%;
}

.brand-logo {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.brand-logo img {
	width: 200px;
}

.badge-30 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4.8rem;
	height: 4.8rem;
	border: 1.5px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	font-size: 1.7rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.15;
}

.badge-30 em {
	font-style: normal;
	font-size: 1.1rem;
	display: block;
	margin-top: -0.15rem;
}

.sub-banner .img img {
	aspect-ratio: 100 / 31;
}

.brand-slogan {
	font-size: 2.3vw;
	font-weight: 500;
}

.faq-list {
	width: 100%;
	position: relative;
	background: #f9f9f9;
	backdrop-filter: blur(40px);
	padding: 3.5vw;
	border: 1px solid rgba(0, 0, 0, .05);
}

.faq-list .item {
	width: 100%;
	margin-bottom: 1vw;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 1vw;
}

.faq-list .item:last-child {
	margin-bottom: 0;
}

.faq-list .item .box {
	position: relative;
	align-items: center;
	transition: all 0.3s;
	/* box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;*/
	border-radius: 0.5vw;
	overflow: hidden;
}

.faq-list .item .box .top {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	justify-content: space-between;
}

.faq-list .item .box .top .name {
	width: calc(100% - 40px);
	font-size: 0.9vw;
	line-height: 40px;
	font-weight: 400;
}

.faq-list .item .box .top .name:hover,
.faq-list .item.active .box .top .name {
	color: #16308E;
}

.faq-list .item .box .plus {
	width: 24px;
	height: 24px;
	position: relative;
	background: #16308E;
	border-radius: 50%;
	/* box-shadow: rgba(22, 48, 142, 0.15) 0px 0px 20px 1.64px inset, rgba(22, 48, 142, 0.13) 0px 0.839802px 0.503881px -0.3125px, rgba(22, 48, 142, 0.13) 0px 1.99048px 1.19429px -0.625px, rgba(22, 48, 142, 0.13) 0px 3.63084px 2.1785px -0.9375px, rgba(22, 48, 142, 0.13) 0px 6.03627px 3.62176px -1.25px, rgba(22, 48, 142, 0.13) 0px 9.74808px 5.84885px -1.5625px, rgba(22, 48, 142, 0.13) 0px 15.9566px 9.57398px -1.875px, rgba(22, 48, 142, 0.13) 0px 27.4762px 16.4857px -2.1875px, rgba(22, 48, 142, 0.13) 0px 50px 30px -2.5px; */
}

.faq-box {
	padding-top: 6vw;
	position: relative;
}


.faq-list .item .box .plus::after {
	width: 1px;
	height: 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	content: '';
	opacity: 1;
	transition: all 0.5s;
}

.faq-list .item.active .box .plus::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.faq-list .item .box .plus::before {
	width: 8px;
	height: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	content: '';
}
.faq-list .item .box .desc {
	line-height: 1.5;
	position: relative;
	color: #999;
	padding-top: 0.5vw;
	font-size: .8vw;
}

.faq-list .item .box .oil-content {
	position: relative;
	overflow: hidden;
	transition: height 0.6s cubic-bezier(0.23, 1, 0.320, 1);

}

/* 留言表单 */
.ft-message {
	width: 35%;
}

.msg-hint {
	font-size: 2.4rem;
	line-height: 1.3;
	margin-bottom: 2vw;
}

.msg-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-bottom: 1rem;
}

.form input::placeholder,
.form textarea::placeholder {
	color: rgba(255, 255, 255, .5);
}

.form-submit {
	color: #1e2a78;
}

.msg-form input,
.msg-form textarea {
	width: 100%;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 0.5rem;
	padding: 1rem 1.2rem;
	font-size: 1.3rem;
	color: #fff;
	outline: none;
	transition: border-color 0.3s ease;
	box-sizing: border-box;
	resize: none;
	font-family: inherit;
}

.msg-form input::placeholder,
.msg-form textarea::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.msg-form input:focus,
.msg-form textarea:focus {
	border-color: rgba(255, 255, 255, 0.45);
}

.msg-form textarea {
	margin-bottom: 1.2rem;
}

.btn-submit {
	width: 100%;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.9);
	color: #1e2a78;
	border: none;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-submit:hover {
	background: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* 导航链接 */
.ft-navs {
	display: flex;
	justify-content: space-between;
	gap: 1vw;
	padding-top: 3vw;
}

.ft-navs dl {
	width: auto;
}

.ft-navs dt {
	font-size: 1vw;
	margin-bottom: 1.4rem;
	color: #fff;
}

.ft-navs dd {
	margin: 0 0 0.85rem;
}

.ft-navs dd a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	font-size: 0.8vw;
	transition: color 0.3s ease;
	font-weight: 300;
}

.ft-navs dd a:hover {
	color: #fff;
}

/* 底部联系 + 二维码 */
.ft-bottom {
	width: 40%;
}

.contact-info {
	width: 100%;
	margin-bottom: 2vw;
}

.contact-items {
	width: 100%;
	display: flex;
	position: relative;
	gap: 2vw;
}

.contact-info h4 {
	font-size: 1.6vw;
	margin-bottom: 1.2vw;
	font-weight: 400;
}

.c-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 48%;
}

.c-item .icon {
	width: 4.5rem;
	height: 4.5rem;
	background: #fff;
	border-radius: 50%;
	position: relative;
	line-height: 4.5rem;
	text-align: center;
	color: #152d85;
	font-size: 2.2rem;
	justify-content: space-between;
}

.c-item .info {
	width: calc(100% - 50px);
}

.c-item .info strong {
	font-size: 0.8vw;
	display: block;
	color: rgba(255, 255, 255, 0.7);
}

.c-item .info p {
	font-weight: 400;
	font-size: 1vw;
	line-height: 1.3;
	margin-top: 0.3rem;
}

.qrcodes {
	display: flex;
	gap: 2rem;
	flex-shrink: 0;
	width: 100%;
	gap: 2vw;
}

.qr-item {
	text-align: center;
	width: 120px;
}

.qr-item img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	background: #fff;
	border-radius: 0;
	padding: 0.5rem;
	object-fit: contain;
	border: 1px solid #eee;
}

.qr-item span {
	display: block;
	margin-top: 0.6rem;
	font-size: 0.8vw;
	color: rgba(255, 255, 255, 0.65);
}

/* 版权 */
.copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.8vw;
	color: rgba(255, 255, 255, 0.45);
}

.copyright a {
	color: rgba(255, 255, 255, 0.45);
}

.copyright a:hover {
	color: #ffffff;
}

.index .swiper-pagination .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.3);
}

.f1-pagination .swiper-pagination-bullet {
	width: 80px;
	height: 4px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	opacity: 1;
	position: relative;
	overflow: hidden;
}

.f1-pagination .swiper-pagination-bullet-active {}

.f1-pagination .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: var(--progress, 0%);
	height: 100%;
	background: white;
	border-radius: 2px;
	transition: width 0.1s ease;
}

.f1-pagination .swiper-pagination-bullet-active::after {
	width: var(--progress, 0%);
}

/* 产品详情页 900px响应式 */
.detail-hero {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 3vw;
	align-items: center;
}


.scope-grid {
	grid-template-columns: repeat(5, 1fr);
	gap: 1vw;
}

/* 产品筛选 & 分类 900px响应式 */
.filter-title,
.cate-title {
	font-size: 4.8rem;
	margin-bottom: 2vw;
	font-weight: 500;
}

.filter-row {
	padding: 0.75vw 0;
}

.filter-label {
	width: 100px;
	font-size: 1.8rem;
	font-weight: 500;
}



.prod-card .prod-img {
	height: 18rem;
}


.cate-sidebar {
	width: 350px;
}

.contact-focus {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	margin-top: 6vw;
}

.contact-focus .name {
	font-size: 3.5rem;
	font-weight: 300;
}

.contact-focus .name span {
	color: #1e2a78;
	font-weight: 400;
	padding: 0 0.5rem;
}


/* ========== About Page - Intro Box 补充样式 ========== */
.about-intro .intro-visual .play-btn {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.about-intro .intro-visual .play-btn i {
	font-size: 24px;
	color: #1e2a78;
	margin-left: 3px;
}

.about-intro .intro-visual .play-btn:hover {
	background: #1e2a78;
	transform: translate(-50%, -50%) scale(1.08);
}

.about-intro .intro-visual .play-btn:hover i {
	color: #fff;
}

.about-intro .intro-visual .video-hint {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	font-size: 13px;
	color: #fff;
	background: rgba(0, 0, 0, 0.45);
	padding: 4px 14px;
	border-radius: 12px;
	white-space: nowrap;
	backdrop-filter: blur(4px);
}


/* ========== About Page - History Box 品牌历史 ========== */
.history-box {
	background: #fffeff;
	overflow: hidden;
	padding-bottom: 0;
}

.history-box .history-title {
	font-size: 3rem;
	font-weight: 600;
	color: #1a1a4e;
	text-align: center;
	margin-bottom: 5rem;
}

/* 时间轴容器 */
.timeline-wrapper {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}

/* 横向时间轴 */
.timeline {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	padding-bottom: 3rem;
}

.timeline-item {
	flex: 1;
	min-width: 140px;
	max-width: 200px;
	position: relative;
	padding-right: 1rem;
}

.timeline-item:last-child {
	padding-right: 0;
	max-width: 160px;
}

/* 年份标签 */
.timeline-item .year {
	font-size: 1.35rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 0.85rem;
}

/* 当前选中年份高亮 */
.timeline-item.active .year {
	color: #1C47B8;
	font-size: 1.45rem;
}

/* 事件描述 */
.timeline-item .event {
	font-size: 1.15rem;
	color: #666;
	line-height: 1.7;
}

/* 时间轴线（背景装饰） */
.timeline-line {
	position: absolute;
	top: 0.75rem;
	left: 0;
	right: 0;
	height: 18rem;
	background-image:
		repeating-linear-gradient(90deg,
			transparent,
			transparent 38px,
			rgba(28, 71, 184, 0.12) 38px,
			rgba(28, 71, 184, 0.12) 40px);
	z-index: 1;
	pointer-events: none;
}

/* 当前时间段高亮区域 */
.timeline-line::after {
	content: '';
	position: absolute;
	top: 0;
	left: 42%;
	/* 对应2025年位置 */
	width: 16%;
	height: 100%;
	background-image:
		repeating-linear-gradient(90deg,
			transparent,
			transparent 36px,
			rgba(28, 71, 184, 0.45) 36px,
			rgba(28, 71, 184, 0.45) 38px);
}

/* 底部30周年视觉图 */
.history-visual {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	pointer-events: none;
	bottom: 0;
}

.history-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}


/* ========== About Page - Honor Box 荣誉资质 & 合作伙伴 ========== */

/* 荣誉资质模块 */

.honor-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2vw;
}

.honor-header .intro-title {
	margin-bottom: 0;
}

.honor-title {
	font-size: 2.6rem;
	font-weight: 600;
	color: #1a1a4e;
	margin: 0;
}

/* 数据统计 */
.honor-stats {
	display: flex;
	gap: 3rem;
}

.stat-item {
	text-align: center;
}

.stat-num {
	font-family: 'Manrope';
	font-size: 4.5vw;
	color: #1e2a78;
	line-height: 1;
	display: block;
}

.stat-num .plus {
	font-size: 2.4rem;
	font-weight: 500;
	margin-left: 2px;
}

.stat-label {
	font-size: 1.6rem;
	margin-top: 0.5rem;
	display: block;
}

/* Tab切换按钮 */
.honor-tabs {
	display: flex;
	gap: 1.2rem;
	margin-bottom: 3rem;
	justify-content: flex-end;
}



/* 证书网格 */
.honor-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

.honor-card {
	background: #f8f9fc;
	border-radius: 1rem;
	padding: 1.5rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	overflow: hidden;
}

.honor-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 28px rgba(26, 26, 78, 0.12);
}

.honor-card img {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: 0.5rem;
}

/* 分割线 */
.honor-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, #d0d5e3 20%, #d0d5e3 80%, transparent);
	margin: 4rem 0;
}

/* 合作伙伴模块 */
.partner-section {
	padding: 4rem 0 2rem;
	position: relative;
}

.honor-box .partner-section .author span {
	top: -120px;
}

.partner-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3vw;
}

.partner-header .intro-title {
	margin-bottom: 0;
}

.partner-title {
	font-size: 2.6rem;
	font-weight: 600;
	color: #1a1a4e;
	margin: 0;
}

/* 合作伙伴Tab */
.partner-tabs {
	display: flex;
	gap: 1rem;
}

/* ---------- 通用落地页标题 ---------- */
.lp-section-title {
	font-size: 2.8rem;
	font-weight: 700;
	color: #1a1a4e;
	margin-bottom: 1rem;
}

.lp-section-title.light {
	color: #fff;
}

.lp-section-sub {
	font-size: 1.4rem;
	color: #777;
	margin-top: 0;
	margin-bottom: 4rem;
	line-height: 1.6;
}

.lp-section-sub.light {
	color: rgba(255, 255, 255, 0.7);
}


/* ========== Hero 区域 ========== */
.lp-hero {
	position: relative;
	padding: 10rem 0 6rem;
	overflow: hidden;
	background: linear-gradient(135deg, #e8f0fe 0%, #dce9fa 40%, #c5daf5 100%);
	min-height: 620px;
}

.lp-hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.lp-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.15;
}

.lp-hero .w1400 {
	position: relative;
	z-index: 2;
}

.lp-hero-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
	margin-bottom: 3rem;
}

.lp-hero-left {
	flex: 1;
	max-width: 560px;
}

.lp-tag {
	display: inline-block;
	background: #1C47B8;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 600;
	padding: 0.45rem 1.4rem;
	border-radius: 4px;
	margin-bottom: 1.8rem;
	letter-spacing: 0.08em;
}

.lp-title {
	font-size: 3.6rem;
	font-weight: 800;
	color: #1a1a4e;
	line-height: 1.25;
	margin: 0 0 1.5rem 0;
	letter-spacing: -0.02em;
}

.lp-desc {
	font-size: 1.5rem;
	color: #555;
	line-height: 1.75;
	margin-bottom: 2.5rem;
}

.lp-btn-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 1.15rem 3.2rem;
	background: linear-gradient(135deg, #1e2a78 0%, #2a3a98 100%);
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	font-size: 1.5rem;
	font-weight: 600;
	transition: all 0.35s ease;
	box-shadow: 0 6px 24px rgba(30, 42, 120, 0.3);
}

.lp-btn-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 32px rgba(30, 42, 120, 0.4);
}

.lp-btn-cta i {
	font-size: 1.65rem;
}

.lp-hero-right {
	flex: 1;
	max-width: 520px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lp-product-img {
	max-width: 100%;
	max-height: 420px;
	object-fit: contain;
	filter: drop-shadow(0 20px 50px rgba(28, 71, 184, 0.18));
}

/* 数据条 */
.lp-data-bar {
	display: flex;
	gap: 2rem;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(12px);
	border-radius: 16px;
	padding: 2rem 3rem;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.lp-data-item {
	flex: 1;
	text-align: center;
	padding: 0 1rem;
	border-right: 1px solid #e5e9f0;
}

.lp-data-item:last-child {
	border-right: none;
}

.data-val {
	font-family: Barlow, sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	color: #1C47B8;
	display: block;
	line-height: 1.15;
}

.data-val .unit {
	font-size: 1.35rem;
	font-weight: 500;
	margin-left: 3px;
}

.data-val .plus {
	font-size: 1.6rem;
	margin-left: 2px;
}

.data-label {
	font-size: 1.2rem;
	color: #888;
	margin-top: 0.4rem;
	display: block;
}


/* ========== 痛点区域 ========== */
.lp-pain {
	padding: 8rem 0;
	background: #fff;
}

.pain-layout {
	display: flex;
	gap: 4rem;
	align-items: stretch;
}

.pain-img {
	flex-shrink: 0;
	width: 42%;
	border-radius: 1.2rem;
	overflow: hidden;
	box-shadow: 0 8px 36px rgba(0, 0, 0, 0.08);
}

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

.pain-cards {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.8rem;
	align-content: start;
}

.pain-card {
	background: #f8fafd;
	border-radius: 1rem;
	padding: 2rem 1.8rem;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.pain-card:hover {
	background: #fff;
	border-color: #1C47B8;
	box-shadow: 0 6px 24px rgba(28, 71, 184, 0.1);
	transform: translateY(-3px);
}

.pain-icon {
	width: 44px;
	height: 44px;
	background: linear-gradient(135deg, #1C47B8, #2d5fd4);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.2rem;
}

.pain-icon i {
	font-size: 22px;
	color: #fff;
}

.pain-card h4 {
	font-size: 1.5rem;
	color: #1a1a4e;
	font-weight: 600;
	margin: 0 0 0.6rem 0;
}

.pain-card p {
	font-size: 1.25rem;
	color: #666;
	line-height: 1.65;
	margin: 0;
}


/* ========== 多工艺协同 ========== */
.lp-process {
	padding: 8rem 0;
	background: linear-gradient(180deg, #f5f7fc 0%, #fff 100%);
}

.process-content {
	display: flex;
	gap: 4rem;
}

.process-list {
	flex: 0 0 340px;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.process-step {
	display: flex;
	gap: 1.2rem;
	padding: 1.6rem 1.4rem;
	background: #fff;
	border-radius: 1rem;
	border-left: 4px solid #e0e5ef;
	transition: all 0.3s ease;
	cursor: default;
}

.process-step:hover,
.process-step.active {
	border-left-color: #1C47B8;
	box-shadow: 0 4px 18px rgba(28, 71, 184, 0.08);
}

.process-step.active {
	background: linear-gradient(135deg, #f0f4ff, #fff);
}

.step-num {
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	background: #e8ecf5;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Barlow, sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	color: #888;
	transition: all 0.3s ease;
}

.process-step.active .step-num {
	background: #1C47B8;
	color: #fff;
}

.step-info h4 {
	font-size: 1.38rem;
	color: #1a1a4e;
	font-weight: 600;
	margin: 0 0 0.35rem 0;
}

.step-info p {
	font-size: 1.15rem;
	color: #777;
	line-height: 1.55;
	margin: 0;
}

/* 工艺流程图 */
.process-flow-chart {
	flex: 1;
	background: #fff;
	border-radius: 1.2rem;
	padding: 2.5rem;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
}

.flow-title {
	font-size: 1.4rem;
	font-weight: 600;
	color: #333;
	margin: 0 0 2rem;
	text-align: center;
}

.flow-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem 0.5rem;
}

.flow-node {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	padding: 1rem 0.8rem;
	background: #f5f7fb;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	font-size: 1.1rem;
	color: #555;
	transition: all 0.25s ease;
}

.flow-node:hover {
	border-color: #1C47B8;
	color: #1C47B8;
	background: #f0f4ff;
}

.flow-node.highlight {
	background: linear-gradient(135deg, #e8eeff, #ddeaff);
	border-color: #a8bdf0;
	color: #1C47B8;
	font-weight: 600;
}

.flow-node.success {
	background: linear-gradient(135deg, #e8fbe8, #d4f5d4);
	border-color: #8ed48e;
	color: #2d8a2d;
	font-weight: 600;
}

.flow-node i {
	font-size: 1.6rem;
	margin-bottom: 0.3rem;
	color: inherit;
}

.flow-arrow {
	color: #bbb;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
}


/* ========== 成功案例 + 合作伙伴 ========== */
.lp-cases {
	padding: 8rem 0 5rem;
	background: #fff;
}

.case-gallery {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 1.8rem;
	margin-bottom: 4rem;
}


.case-card.large {
	min-height: 340px;
}

.case-card img {
	width: 100%;
	height: auto;
	aspect-ratio: 100 / 139;
	object-fit: cover;
	transition: transform 0.5s ease;
	display: block;
}

.case-card:hover img {
	transform: scale(1.05);
}

.case-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(transparent 30%, rgba(26, 26, 78, 0.88) 100%);
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
	opacity: 0;
	transition: opacity 0.35s ease;
}

.case-card:hover .case-overlay {
	opacity: 1;
}

.case-overlay h4 {
	font-size: 1.55rem;
	font-weight: 600;
	margin: 0 0 0.5rem;
	line-height: 1.35;
}

.case-overlay p {
	font-size: 1.15rem;
	opacity: 0.85;
	margin: 0;
}

/* 合作伙伴 Logo 墙（窄版） */
.lp-partner-wall {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.2rem 2rem;
	padding-top: 2rem;
	border-top: 1px solid #eee;
}

.lp-partner-wall .partner-logo {
	width: auto;
	height: 48px;
	padding: 0.6rem 1.5rem;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s ease;
}

.lp-partner-wall .partner-logo:hover {
	border-color: #1C47B8;
	box-shadow: 0 3px 12px rgba(28, 71, 184, 0.1);
}

.lp-partner-wall .partner-logo img {
	max-width: 110px;
	max-height: 34px;
	object-fit: contain;
	filter: grayscale(60%);
	transition: filter 0.25s;
}

.lp-partner-wall .partner-logo:hover img {
	filter: grayscale(0%);
}


/* ========== 服务保障 ========== */
.lp-guarantee {
	padding: 8rem 0;
	background: linear-gradient(135deg, #1e2a78 0%, #2a3690 50%, #1e2a78 100%);
	position: relative;
	overflow: hidden;
}

.guarantee-list {
	display: flex;
	gap: 2rem;
	position: relative;
	z-index: 2;
}

.guarantee-item {
	flex: 1;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 1.2rem;
	padding: 2.5rem 2rem;
	text-align: center;
	transition: all 0.3s ease;
	backdrop-filter: blur(4px);
}

.guarantee-item:hover {
	background: rgba(255, 255, 255, 0.13);
	transform: translateY(-4px);
}

.g-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 96px;
	height: 36px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 20px;
	margin-bottom: 1.5rem;
}

.badge-text {
	font-size: 1.15rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.04em;
}

.guarantee-item h4 {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600;
	margin: 0 0 0.7rem 0;
}

.guarantee-item p {
	font-size: 1.18rem;
	color: rgba(255, 255, 255, 0.68);
	line-height: 1.6;
	margin: 0;
}

/* 证书墙淡入背景 */
.cert-wall-fade {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 200px;
	background: linear-gradient(transparent, rgba(255, 255, 255, 0.03));
	pointer-events: none;
	z-index: 1;
}


/* ========== 三步获取方案 ========== */
.lp-steps {
	padding: 8rem 0;
	background: #f8f9fc;
}

.steps-layout {
	display: flex;
	gap: 5rem;
	align-items: flex-start;
}

.steps-left {
	flex-shrink: 0;
	width: 300px;
	padding-top: 2rem;
}

.steps-cta-btn {
	display: inline-flex;
	align-items: center;
	padding: 1.2rem 3rem;
	background: #1C47B8;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	font-size: 1.45rem;
	font-weight: 600;
	margin-bottom: 2.5rem;
	transition: all 0.3s ease;
	box-shadow: 0 4px 18px rgba(28, 71, 184, 0.3);
}

.steps-cta-btn:hover {
	background: #152d85;
	transform: translateX(4px);
}

.steps-note {
	list-style: none;
	padding: 0;
}

.steps-note li {
	display: flex;
	align-items: flex-start;
	gap: 0.7rem;
	font-size: 1.28rem;
	color: #555;
	padding: 0.55rem 0;
	line-height: 1.5;
}

.steps-note li i {
	color: #1C47B8;
	font-size: 1.3rem;
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.steps-right {
	flex: 1;
	display: flex;
	gap: 2rem;
}

.step-block {
	flex: 1;
	background: #fff;
	border-radius: 1.2rem;
	padding: 2.5rem 2rem;
	text-align: center;
	border-top: 4px solid transparent;
	transition: all 0.3s ease;
	position: relative;
}

.cards-list {
	width: calc(100% - 3vw);
	display: flex;
	flex-wrap: wrap;
	margin-left: 1.5vw;
}

.cards-list .item {
	width: 32%;
	height: auto;
	position: relative;
	margin-right: 2%;
	margin-bottom: 3.5vw;
}

.cards-list .item:nth-child(3n) {
	margin-right: 0;
}

.step-block:first-child {
	border-top-color: #1C47B8;
}

.cards-list .item h3 {
	font-weight: 400;
	font-size: 1.6rem;
	margin-top: 1vw;
	text-align: center;
}

.cards-list .item .thum img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.cards-video {
	width: 100%;
}

.cards-video video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.cate-list {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 1vw;
}

.cate-list .title {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #1e2a78;
	color: #ffffff;
	padding: 10px 20px;
	min-height: 85px;
	cursor: pointer;
}

.cate-list .title p {
	width: calc(100% - 30px);
	display: block;
	position: relative;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 25px;
	padding: 7.5px 0px;
}

.cate-list .title i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.cate-list .list {
	width: 100%;
	height: auto;
	position: relative;
	background: #ffffff;
	padding: 20px;
	display: none;
}

.cate-list.open .list {
	display: block;
}

.cate-list.open .title i {
	transform: rotate(90deg);
}

.cate-list .list a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	line-height: 40px;
	opacity: 0.5;
	transition: all 0.35s;
}

.cate-list .list a::before {
	width: 5px;
	height: 5px;
	position: absolute;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #152d85;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.4s;
}

.cate-list .list a.active,
.cate-list .list a:hover {
	opacity: 1;
	padding-left: 10px;
	color: #152d85;
}

.cate-list .list a.active::before,
.cate-list .list a:hover::before {
	opacity: 1;
	left: 0;
}

.step-block:nth-child(2) {
	border-top-color: #2a6fd4;
}

.step-block:last-child {
	border-top-color: #4a94e8;
}

.step-block:hover {
	box-shadow: 0 8px 30px rgba(26, 26, 78, 0.1);
	transform: translateY(-4px);
}

.step-number {
	font-family: Barlow, sans-serif;
	font-size: 3.6rem;
	font-weight: 800;
	color: #e8ecf5;
	line-height: 1;
	margin-bottom: 1rem;
}

.step-block h4 {
	font-size: 1.5rem;
	color: #1a1a4e;
	font-weight: 600;
	margin: 0 0 0.8rem 0;
}

.step-block p {
	font-size: 1.2rem;
	color: #666;
	line-height: 1.65;
	margin: 0;
}


/* ========== 底部表单 ========== */
.lp-form-section {
	padding: 8rem 0;
	background: #f0f3f9;
}

.form-layout {
	display: flex;
	gap: 5rem;
	align-items: flex-start;
}

.form-info {
	flex: 0 0 400px;
	flex-shrink: 0;
}

.form-info h2 {
	font-size: 2.6rem;
	font-weight: 700;
	color: #1a1a4e;
	line-height: 1.3;
	margin: 0 0 1.2rem 0;
}

.form-desc {
	font-size: 1.35rem;
	color: #666;
	line-height: 1.7;
	margin: 0 0 2.5rem 0;
}

.form-contact {
	margin-bottom: 2rem;
}

.fc-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.2rem 0;
	border-bottom: 1px solid #e5e9f0;
}

.fc-item i {
	font-size: 1.8rem;
	color: #1C47B8;
	flex-shrink: 0;
}

.fc-item strong {
	display: block;
	font-size: 1.25rem;
	color: #333;
}

.fc-item p {
	font-size: 1.15rem;
	color: #777;
	margin: 0.2rem 0 0;
}

.form-disclaimer {
	font-size: 1.1rem;
	color: #aaa;
	margin: 0;
	line-height: 1.5;
}



.lp-inquiry-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.4rem;
}

.form-field.full {
	grid-column: span 2;
}

.form-field input,
.form-field select,
.form-field textarea {
	width: 100%;
	padding: 1.15rem 1.5rem;
	border: 1px solid #ddd;
	border-radius: 0.8rem;
	font-size: 1.35rem;
	color: #333;
	background: #fafbfd;
	transition: border-color 0.25s ease;
	outline: none;
	font-family: inherit;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
	border-color: #1C47B8;
	background: #fff;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
	color: #bbb;
}

.form-field select {
	cursor: pointer;
	appearance: auto;
}

.btn-submit-form {
	grid-column: span 2;
	padding: 1.25rem;
	background: linear-gradient(135deg, #1C47B8, #2a5fd4);
	color: #fff;
	border: none;
	border-radius: 0.8rem;
	font-size: 1.5rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: inherit;
}

.btn-submit-form:hover {
	background: linear-gradient(135deg, #152d85, #1C47B8);
	box-shadow: 0 6px 24px rgba(28, 71, 184, 0.3);
}


.join-header {
	text-align: center;
	margin-bottom: 3vw;
}

.join-title {
	font-size: 2.8rem;
	font-weight: 600;
	color: #1a1a4e;
	margin: 0 0 0.8rem 0;
	letter-spacing: 0.06em;
}

.join-subtitle {
	font-size: 1.3rem;
	color: #999;
	font-family: Barlow, sans-serif;
	letter-spacing: 0.05em;
	margin: 0;
}

/* 横幅图片 */
.join-banner-img {
	width: 100%;
	border-radius: 1.2rem;
	overflow: hidden;
	margin-bottom: 4rem;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.join-banner-img img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* 品牌故事文字 */
.join-story {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.story-para {
	font-size: 1.35rem;
	color: #555;
	line-height: 2;
	margin: 0 0 1.6rem 0;
}

.story-para strong {
	color: #1a1a4e;
	font-weight: 600;
}

.story-highlight {
	margin: 2.5rem 0;
}

.story-highlight strong {
	font-size: 1.5rem;
	letter-spacing: 0.08em;
}

/* ---------- 职位列表区域 ---------- */
.join-jobs {
	background: #F7F7FA;
}

.jobs-section-title {
	text-align: center;
	font-size: 2.8rem;
	font-weight: 600;
	color: #1a1a4e;
	margin: 0 0 4rem 0;
	letter-spacing: 0.06em;
}

/* 职位卡片网格 */
.jobs-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

/* 职位卡片 */
.job-card {
	background: #fff;
	/* border-radius: 1rem; */
	padding: 1.5vw;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
	transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	border: 1px solid transparent;
}

/* 职位类型标签 */
.job-tag {
	margin-bottom: 0.5rem;
	position: relative;
	display: block;
	font-size: 1.4rem;
	opacity: 0.5;
}


/* 职位名称 */
.job-name {
	font-size: 2.2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #f0f2f8;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

/* 职位信息 */
.job-meta {
	margin-bottom: 1.8rem;
	line-height: 1.6;
	font-size: 1.4rem;
	opacity: 0.6;
}

.job-meta p {
	margin-bottom: 0.5rem;
}

.meta-item {
	display: flex;
	align-items: baseline;
	padding: 0.35rem 0;
	font-size: 1.15rem;
	line-height: 1.6;
}

.meta-item em {
	font-style: normal;
	color: #888;
	font-weight: 400;
	flex-shrink: 0;
}

.meta-item span {
	color: #444;
	margin-left: 0.3rem;
}

.job-card .cnt {
	display: none;
}

/* 探索职位按钮 */
.job-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 1rem 2.5rem;
	background: #1e2a78;
	color: #fff;
	font-size: 1.4rem;
	border: none;
	border-radius: 2rem;
	transition: all 0.3s ease;
	cursor: pointer;
}

.job-btn:hover {
	background: #2d3a9e;
	transform: translateX(3px);
	box-shadow: 0 4px 14px rgba(30, 42, 120, 0.25);
}

.menu-bar {
	width: 70px;
	height: 300px;
	position: fixed;
	right: 2%;
	bottom: 15%;
	background: #ffffff;
	border: 1px solid #009DF6;
	background-size: cover;
	padding: 10px 6px;
	display: flex;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	border-radius: 80px;
	border: 1px solid #fff;
	z-index: 10;
}

.menu-bar .box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: space-between;
	width: 100%;
	padding-bottom: 55px;
	padding-top: 5px;
}

.menu-bar .box a {
	width: 100%;
	height: 45px;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: all 0.5s;
	color: rgba(0, 0, 0, .5);
}

.menu-bar .box a .zxdh {
	width: 210px;
	height: auto;
	position: absolute;
	right: 170%;
	top: 50%;
	background: #fff;
	color: #242E92;
	padding: 1vw;
	border-radius: 5px;
	font-family: din;
	font-size: 2.5rem;
	transform: translateY(-50%);
	pointer-events: none;
	opacity: 0;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

.menu-bar .box a .zxwx {
	width: 150px;
	height: auto;
	position: absolute;
	right: 170%;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	padding: 3px;
	border-radius: 5px;
	pointer-events: none;
	opacity: 0;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

.menu-bar .box a.active .zxdh,
.menu-bar .box a.active .zxwx {
	right: 150%;
	opacity: 1;
	pointer-events: auto;

}

.menu-bar .box a .zxdh::after,
.menu-bar .box a .zxwx::after {
	width: 0;
	height: 0;
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;

}


.menu-bar .box a .icon {
	text-align: center;
	font-size: 2.6rem;
	width: 100%;
	line-height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.4s;
}

.menu-bar .box a:nth-child(2) .icon {
	font-size: 2.4rem;
}

.detail_box {
	width: calc(100% - 450px);
}

.menu-bar .box a .txt {
	font-size: 1.3rem;
	text-align: center;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	color: #ffffff;
	transition: all 0.4s;
	width: 100%;
	line-height: 1.1;
}

.menu-bar .box a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	transform-origin: center center;
	content: '';
	background: #242E92;
	border-radius: 50px;
	transition: all 0.35s;
	opacity: 0;
}

.menu-bar .box a.active {
	height: 80px;
}

.menu-bar .box a.active::before {
	opacity: 1;
}

.menu-bar .box a.active .icon {
	color: #ffffff;
	top: 35%;
	transform: translateY(-65%) scale(0.75);
}

.menu-bar .box a.back2top:hover .icon {
	color: #ffffff;
	top: 50%;
	transform: translateY(-50%) scale(1);
}

.menu-bar .box a.back2top:hover::before {
	opacity: 1;
}

.menu-bar .box a.active .txt {
	opacity: 1;
}

.menu-bar .box a.back2top {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	padding: 0;
	display: flex;
	align-items: center;
	border-radius: 43.2px;
	background: #F1F1F1;
	width: 46px;
	aspect-ratio: 1;
	transform: translateX(-50%);
	bottom: 12px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.menu-bar .box a.back2top .icon {
	font-size: 1.8rem;
}



.honor-swiper .swiper-slide {
	position: relative;
}

.honor-swiper .swiper-slide .box {
	position: relative;
	width: 100%;
	height: auto;
}

.honor-swiper .swiper-slide .thum {
	width: 90%;
	margin-left: 5%;
	height: auto;
	position: relative;
	aspect-ratio: 2 / 1.5;
	margin-bottom: 1vw;
}

.honor-swiper .swiper-slide .thum picture {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: end;
}

.honor-swiper .swiper-slide .thum img {
	object-fit: contain;
	vertical-align: middle;
	max-height: 100%;
}

.honor-swiper {
	margin-bottom: 4vw;
	min-height: 25.5vw;
}

.app-navg-box.c {
	justify-content: center;
}

.honor-swiper .swiper-pagination {
	display: none;
}

.honor-swiper .swiper-slide .info {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
}

.app-navg-box {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	margin-top: 3vw;
	justify-content: flex-end;
}

.navg-box {
	width: auto;
	display: flex;
	gap: 2rem;
}

.navg-box .nbtn {
	width: 36px;
	height: 36px;
	position: relative;
	border-radius: 50%;
	background: rgb(232, 232, 237);
	color: rgba(0, 0, 0, 0.56);
	line-height: 36px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
}

.navg-box.w .nbtn {
	background: rgb(255, 255, 255);
}

.navg-box .nbtn.swiper-button-disabled {
	opacity: 0.42;
}

.faq-box.cs .intro-title {
	font-size: 2vw;
	margin-bottom: 2vw;
}

.faq-box.cs .faq-list {
	padding: 0;
	background: transparent;
	border: none;
}

.faq-box.cs .faq-list .item {
	padding-bottom: 0.5vw;
	margin-bottom: 0.5vw;
}

.hzhb-logo-track {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1vw;
	will-change: transform;
}

.logo-hero .hzhb-logo-track {
	display: none;
}

.logo-hero .hzhb-logo-track.active {
	display: grid;
}

.hzhb-logo-item {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	opacity: .78;
	aspect-ratio: 100 / 48;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 0.5vw;
	overflow: hidden;
	background: #fff;
}

.hzhb-logo-item picture,
.hzhb-logo-item img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.hzhb-logo-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.company-box {
	padding: 0;
}

.company-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.company-bg img {
	height: 100%;
}

.compnay-content {
	width: 36%;
	height: auto;
	position: relative;
	left: 8%;
	padding-top: 10vw;
	padding-bottom: 6vw;
}

.compnay-content .info {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 1.6rem;
}

.compnay-content .name {
	width: 100%;
	font-weight: 500;
	font-size: 3vw;
	color: #21297A;
	line-height: 1.2;
	margin-bottom: 2vw;
	margin-top: 0.5vw;
}

.compnay-content .desc {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
}

.compnay-content .desc strong,
.compnay-content .desc b {
	color: #21297A !important;
}

.company-visual {
	width: 40%;
	height: auto;
	position: absolute;
	right: 8%;
	transform: translateY(-50%);
	top: 50%;
}

.company-visual .bg-text {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
}

.company-video {
	width: 100%;
	height: auto;
	position: relative;
}

.company-video .thum {
	border-radius: 0.5vw;
	background: #151b52;
}

.company-video .thum img {
	opacity: 0.7;
	aspect-ratio: 2 / 1;
}

.history-swiper .swiper-slide {}

.history-swiper .swiper-slide .box {
	width: 100%;
	padding: 2.5vw 1.5vw;
	position: relative;
	/* border-radius: 1vw; */
	background: linear-gradient(0deg, #fffeff 0%, #d7e8f8 100%);
}

.history-swiper .swiper-slide .img {
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
	transition: all 0.5s;
	aspect-ratio: 2 / 1;
	display: none;
}

.preview {
	width: 15vw;
	height: auto;
	position: absolute;
	aspect-ratio: 2 / 1.5;
	background: #fff;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 5;
	transition: opacity 0.25s ease;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	padding: 0.5vw;
	border-radius: 0.5vw;
	overflow: hidden;
}

.preview img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}


.history-swiper .swiper-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.history-swiper .swiper-slide .year {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 2.5vw;
	font-family: Manrope;
	margin-bottom: 1rem;
}

.history-swiper .swiper-slide .desc {
	width: 100%;
}

.history-swiper .swiper-slide .event {
	width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 0.7;
	line-height: 30px;
	font-size: 1.6rem;
	height: 120px;
	overflow-y: auto;
}

.history-swiper .swiper-slide .event p {
	margin-bottom: 1.5rem;
}

/* 品牌历史 .event 细滚动条：细、低存在感，沿用站点主色 #21297A（低透明度） */
.history-swiper .swiper-slide .event {
	scrollbar-width: thin;
	scrollbar-color: rgba(33, 41, 122, 0.25) transparent;
}

.history-swiper .swiper-slide .event::-webkit-scrollbar {
	width: 4px;
}

.history-swiper .swiper-slide .event::-webkit-scrollbar-track {
	background: transparent;
}

.history-swiper .swiper-slide .event::-webkit-scrollbar-thumb {
	background-color: rgba(33, 41, 122, 0.25);
	border-radius: 999px;
}

.history-swiper .swiper-slide .event::-webkit-scrollbar-thumb:hover {
	background-color: rgba(33, 41, 122, 0.4);
}

.history-swiper .swiper-slide {
	/* opacity: 0.5; */
	/* padding-bottom: 1vw; */
}

.history-swiper .swiper-slide .line {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0.25;
	display: none;
}

.history-swiper .swiper-slide.swiper-slide-active .line {
	opacity: 1;
}

.history-swiper .swiper-slide.swiper-slide-active {
	opacity: 1;
}

.history-swiper {
	min-height: 16.5vw;
	position: relative;
}

.history-warp {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 6;
	margin-bottom: 3vw;
	min-height: 16.5vw;
}

.faq-box.xw {
	padding-top: 0;
	margin-bottom: 3vw;
}

.faq-box.xw .faq-list {
	background: #ffffff;
}

.history-next,
.history-prev {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 70%;
	transform: translateY(-50%);
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	color: #151b52;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
	background: #fff;
	z-index: 2;
}

.history-prev {
	left: 2%;
}

.history-next {
	right: 2%;
}

.history-prev:hover,
.history-next:hover {
	background: #151b52;
	color: #ffffff;
}

/* 品牌历史：年份时间轴指示器 + 左右箭头 */
.history-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	position: relative;
	z-index: 5;
	margin-bottom: 22vw;
}

.history-nav .swiper-button-prev,
.history-nav .swiper-button-next {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	margin: 0;
	transform: none;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #21297A;
	cursor: pointer;
	box-shadow: 0 6px 18px -4px rgba(0, 0, 0, 0.18);
	transition: background 0.3s;
}

.history-nav .swiper-button-prev::after,
.history-nav .swiper-button-next::after {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}

.history-nav .swiper-button-prev:hover,
.history-nav .swiper-button-next:hover {
	background: #16308E;
}

.history-nav .swiper-button-disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.history-years {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1vw;
	border-radius: 999px;
}

.history-years::-webkit-scrollbar {
	display: none;
}

.detail-swiper .swiper-pagination {
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, .76);
	padding: 2px 7px;
	border-radius: 20px;
	left: 20px;
	bottom: 20px;
	transition: all 0.4s;
}

.detail-swiper .swiper-pagination-bullet {
	border-radius: 10px;
	transition: all 0.4s;
}

.detail-swiper .swiper-pagination-bullet-active {
	width: 25px;
	background: #16308E;
}

.history-years .year-tab {
	flex: 0 0 auto;
	font-size: 1.6rem;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	transition: color 0.3s, font-size 0.3s;
	font-family: Manrope;
	line-height: 45px;
	border-radius: 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	padding: 0px 2vw;
}

.history-years .year-tab:hover {
	/* color: #21297A; */
	/* background: #21297A;
	color: #fff; */
}

.history-years .year-tab.active {
	/* color: #21297A;
	font-weight: 700;
	font-size: 2rem; */
	background: #21297A;
	color: #fff;
}

.focus-swiper .thum img {
	width: 100%;
	aspect-ratio: 2.5 / 1;
}

.focus-swiper .swiper-slide a {
	display: block;
	position: relative;
	/* border-radius: 1vw; */
	overflow: hidden;
}

.focus-swiper {
	margin-bottom: 3vw;
}

.focus-swiper .swiper-slide a .name {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 1.25vw 2vw;
	font-size: 1.4vw;
}

.focus-swiper .swiper-slide a .thum::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .65), #0000);
}

.news-list {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5vw 1.5vw;
	margin-bottom: 3vw;
}

.news-list .item {
	width: 100%;
	height: auto;
	position: relative;
}

.news-list .item a {
	display: block;
	height: auto;
	width: 100%;
	padding: 15px;
	position: relative;
	/* border-radius: 0.75vw; */
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.news-list .item a:hover .thum img {
	transform: scale(1.05);
}

.news-list .item a .thum {
	width: 100%;
	height: auto;
	border-radius: 0;
	margin-bottom: 1.5vw;
}

.news-list .item a .thum img {
	aspect-ratio: 16 / 9;
	width: 100%;
}

.news-list .item a .date {
	width: 100%;
	font-size: 1.5rem;
	opacity: 0.65;
	font-family: figtree;
	margin-bottom: 0.5vw;
}

.news-list .item a .name {
	width: 100%;
	font-size: 1.8rem;
	line-height: 1.5;
	min-height: 54px;
	margin-bottom: 1vw;
}

.news-list .item a:hover .name {
	color: #16308E;
}

.tech-list {
	width: 100%;
	display: flex;
	gap: 1vw;
	margin-bottom: 3vw;
}

.tech-list .item {
	flex: 1;
	height: 28vw;
	position: relative;
	overflow: hidden;
	/* border-radius: 1vw; */
	transition: all 0.5s;
}

.tech-list .item .box {
	width: 100%;
	height: 100%;
}

.tech-list .item .box .icon {
	width: 3vw;
	height: auto;
	position: absolute;
	left: 2vw;
	top: 2vw;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 5px;
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(5px);
	z-index: 2;
	padding: 8px;
}

.tech-list .item .thum {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	/* border-radius: 0.5vw; */
	overflow: hidden;
	box-shadow: 0 35px 50px 0 rgba(14, 92, 169, 0.15);
}

.tech-list .item .thum::after {
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .65), #0000);
}

.tech-list .item .thum img {
	position: absolute;
	width: 50vw;
	height: 28vw;
	left: 50%;
	top: 0%;
	background: #000;
	transform: translateX(-50%);
	max-width: none;
	transition: all 0.5s;
}

.tech-list .item.active {
	flex: 3;
}


.tech-list .item .box .info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2.5vw;
	color: #fff;
	line-height: 1.6;
	opacity: 0;
	transform: translateY(25px);

}

.tech-list .item.active .box .info {
	opacity: 1;
	transform: translateY(0px);
	transition: all .5s ease 0.5s;
}

.tech-list .item .box .title {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	padding: 1.5vw;
	color: #fff;
	line-height: 1.3;
	transform: translateY(0px);
	width: 100%;
}

.tech-list .item .box .title p,
.tech-list .item .box .number {
	font-family: figtree;
	font-size: 1.4rem;
	margin-bottom: 0.25vw;
	display: block;
}

.tech-list .item .box .title b {
	display: block;
	font-size: 2rem;
}

.tech-list .item.active .box .title {
	transform: translateY(-25px);
	opacity: 0;
	transition: all .4s;
}

.tech-list .item .box .info .name {
	width: 100%;
	margin-bottom: 1vw;
	font-size: 2.8rem;
	line-height: 1.3;
	position: relative;
	font-weight: 500;
}

.tech-list .item .box .info .desc {
	width: 100%;
	line-height: 1.7;
	font-size: 1.6rem;
}

.detail-cols {
	width: 350px;
	height: auto;
	position: sticky;
	/* top 由 JS 动态设置：视口高度 - 自身高度（负值），实现底部对齐吸附 */
	top: auto;
}

.case-recommond {
	width: 100%;
	height: auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1vw;
}

.case-rename {
	font-size: 2.4rem;
	font-weight: 500;
	position: relative;
	margin-bottom: 1.5rem;
}

.case-recommond .item {
	width: 100%;
	height: auto;
	position: relative;
}

.case-recommond .item .thum {
	border-radius: 0.5vw;
	border: 1px solid #eee;
	margin-bottom: 0.5vw;
}

.case-recommond .item a {
	display: block;
	position: relative;
}

.case-recommond .item a .thum img {
	aspect-ratio: 100 / 139;
	width: 100%;
	height: auto;
	transition: all 0.5s;
}

.case-recommond .item a:hover .thum img {
	transform: scale(1.05);
}

.case-recommond.cp .item a .thum img {
	aspect-ratio: 100 / 114;
	object-fit: contain;
}

.detail_box .singe-page {
	margin-bottom: 5vw;
}

.detail-cols .case-recommond:last-child {
	margin-bottom: 1vw;
}

.related-news {
	width: 100%;
}

.related-news.old {
	width: 230px;
	position: sticky;
	/* top 由 JS 动态设置：视口高度 - 自身高度（负值），实现底部对齐吸附 */
	top: auto;
}

.related-news .list .item .name {
	font-size: 1.6rem;
}

.case-recommond.cp {
	margin-bottom: 3vw;
}

.case-recommond .item a .name {
	font-size: 1.4rem;
}

.case-recommond.cp .item a .name {
	text-align: center;
}

.w-bg {
	width: 100%;
	height: auto;
	position: relative;
}

.w-bg::after {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

.warranty-card .w-bg img {
	position: relative;
	aspect-ratio: 2.5 / 1;
}

.join-header .intro-title {
	margin-bottom: 0.5vw;
}

.join-header p {
	font-family: Quicksand;
	text-transform: uppercase;
}

.join-brand .singe-page p {
	margin-bottom: 0rem;
}

.qr-list .qr-item span {
	color: #3e3e3e;
}

.qr-list .qr-item {
	width: 140px;
}

.map-box::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-image: linear-gradient(0deg, transparent 0%, #ecf1fa 100%);
	pointer-events: none;
}

.map-box,
.map-bg {
	width: 100%;
	height: auto;
	position: relative;
}

.contact-content {
	width: 35%;
	position: absolute;
	left: 8%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.bg-section {
	position: relative;
	background-image: linear-gradient(180deg, #f5fbff 0%, #ecf1fa 100%);
}

.product-wrap,
.product-category {
	background: transparent;
}

.contact-content .form .row textarea {
	min-height: 192px;
}

.con-name {
	font-size: 2.8rem;
	font-weight: 500;
	margin-bottom: 4rem;
	position: relative;
}


.form-box .form .row>input,
.form-box .form .row select,
.form-box .form .row textarea {
	background: #fff;
	color: #3e3e3e;
}

.form-box .form .row>input::placeholder,
.form-box .form .row select::placeholder,
.form-box .form .row textarea::placeholder {
	color: rgba(0, 0, 0, .3);
}

.map-mark {
	width: 12%;
	height: auto;
	position: absolute;
	left: 56%;
	top: 33%;
}

.map-mark img {
	transition: all 0.5s;
}

.map-mark:hover img {
	transform: scale(1.05);
}


.form-box .form-submit {
	padding: 18px 12px;
	color: #ffffff;
}

.form-box .form-submit::before {
	background: #1e2a78;
}

.author.re{
	position: relative;
}

.product-menu,
.about-menu {
	display: flex;
	width: 100%;
	height: auto;
	padding: 3vw 10%;
	justify-content: space-between;
	align-items: flex-start;
}

.about-menu {
	gap: 2vw;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.about-menu .item {
	width: 100%;
	position: relative;
}

.about-menu .item .thum {
	margin-bottom: 1vw;
	background: #f9f9f9;
}

.about-menu .item .thum img {
	width: 100%;
	aspect-ratio: 5 / 3;
}

.about-menu .item:hover .thum img {
	transform: scale(1.05);
}

.about-menu .item .name {
	width: 100%;
	height: auto;
	position: relative;
	font-weight: 400;
	text-align: center;
	font-size: 1.8rem;
}

.pro-navs {
	width: 30%;
	text-align: left;
}

.pro-navs .item {
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	cursor: pointer;
	transition: all 0.5s;
	padding: 2vw 1vw;
	color: #3e3e3e;
	min-height: 11.5vw;
}

.pro-navs .item::after {
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	pointer-events: none;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: left top;
	content: '';
	background: #152d85;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.pro-navs .item.active::after {
	transform: scaleX(1);
}

.pro-navs .item:last-child {
	margin-bottom: 0;
}

/* .pro-navs .item::after{
	width: 0;
	height: 0;
	border-top: 0.6vw solid transparent;
    border-bottom: 0.6vw solid transparent;
    border-left: 0.6vw solid #ecf1fa;
    position: absolute;
    right: -0.55vw;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	opacity: 0;
	transition: all 0.5s;
}


.pro-navs .item.active::after{
	opacity: 1;
	border-left: 0.6vw solid #152d85;
} */

.pro-navs .item.active {
	background: #ECF1FA;
}

.pro-navs .item .title {
	width: 100%;
	height: auto;
	position: relative;
	font-size: max(1.2vw, 1.6rem);
	margin-bottom: 0.75vw;
	font-weight: 500;
	line-height: 1.3;
	display: flex;
	justify-content: space-between;

}

.pro-navs .item.active .title {
	color: #152d85;
}

.pro-navs .item .title p {
	display: -webkit-box;
	width: 100%;
	width: calc(100% - 45px);
}

/* Three.js 烟雾粒子背景 */
#three-hover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1000;
	mix-blend-mode: screen;
}

#three-hover canvas {
	display: block;
	width: 100%;
	height: 100%;
}

.pro-navs .item .title .icon {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	line-height: 35px;
	text-align: center;
	opacity: 0;
	transition: all 0.4s;

}

.pro-navs .item.active .title .icon {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

.pro-navs .item .desc {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.6;
	opacity: 0.6;
	padding-right: 0px;
	font-size: 0.9vw;
	font-weight: 400;
	-webkit-line-clamp: 3;
}

.pro-content {
	width: 65%;
	min-height: 33vw;
}

.pro-content .pro-card {
	width: 100%;
	height: auto;
	display: none;
}

.pro-content .pro-card .item {
	width: 100%;
	height: auto;
	position: relative;
}

.pro-content .pro-card .item .last {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #21297A;
	color: #fff;
	line-height: 1.7;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
}

.pro-content .pro-card .item .last .icon {
	position: absolute;
	right: 1vw;
	bottom: 1vw;
	background: #fff;
	line-height: 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #21297A;
	font-size: 1.6rem;
	transition: all 0.5s;
	transform: scale(0);
}

.pro-content .pro-card .item:hover .last .icon {
	transform: scale(1);
}

.pro-content .pro-card .item a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background: #ffffff;
	padding: 1vw;
	transition: all 0.5s;
	border: 1px solid #eee;
}

.pro-content .pro-card .item a:hover {
	box-shadow: 0.5vw 0.5vw 2vw rgba(0, 0, 0, .1);
	background: #ECF1FA;

}

.pro-content.case .pro-card .item a {
	padding: 0;
}

.pro-content.case .pro-card .item a:hover .thum img {
	transform: scale(1.05);
}

.pro-content.case .pro-card .item a .thum {
	width: 100%;

}

.pro-content.case .pro-card .item a .thum img {
	width: 100%;
	aspect-ratio: 100 / 120;
	object-fit: cover;

}

.pro-content.case .pro-card .item a .thum::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	content: '';
	bottom: 0;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.pro-content.case .pro-card .item a .name {
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	bottom: 0.75vw;
	text-align: center;
	color: #ffffff;
	padding: 0;
}

.support-bg {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0vw;
}

.pro-content .pro-card .item a .thum {
	width: 80%;
	margin: 0px auto;
}

.pro-content .pro-card .item a .name {
	width: 100%;
	font-size: max(0.9vw, 1.4rem);
	text-align: center;
	margin-top: 1rem;
	-webkit-line-clamp: 1;
}

.pro-content .pro-card.active {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1vw;
}

.pro-content .pro-card .item a .thum img {
	width: 100%;
	aspect-ratio: 100 / 114;
	object-fit: contain;
	transition: all 1s;
}

.pro-content .pro-card .item a:hover .thum img {
	transform: scale(1.05);
}

.pagn-box {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2vw;
}

.btn-box {
	width: 120px;
	height: auto;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.btn-box .swiper-button-next,
.btn-box .swiper-button-prev {
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	transform: translateY(0);
	margin-top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: all 0.35s;
	/* background: linear-gradient(0deg, #005C9E 0%, #5DB1EE 100%), #005C9E; */
	background: #21297A;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1.20932px 1.20932px -0.46875px, rgba(0, 0, 0, 0.15) 0px 2.86629px 2.86629px -0.9375px, rgba(0, 0, 0, 0.14) 0px 5.22841px 5.22841px -1.40625px, rgba(0, 0, 0, 0.14) 0px 8.69222px 8.69222px -1.875px, rgba(0, 0, 0, 0.13) 0px 14.0372px 14.0372px -2.34375px, rgba(0, 0, 0, 0.12) 0px 22.9776px 22.9776px -2.8125px, rgba(0, 0, 0, 0.1) 0px 39.5658px 39.5658px -3.28125px, rgba(0, 0, 0, 0.05) 0px 72px 72px -3.75px;
}



.btn-box .swiper-button-next::after,
.btn-box .swiper-button-prev::after {
	z-index: 2;
	font-weight: bold;
}

.btn-box .swiper-button-next:hover::after,
.btn-box .swiper-button-prev:hover::after {
	color: #ffffff;
}

.pagn-box .swiper-scrollbar {
	width: calc(100% - 200px);
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	height: 1px;
	background: transparent;
}

.pagn-box .swiper-scrollbar::before {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0px;
	content: '';
	background: rgba(0, 0, 0, 0.1);
}

.pagn-box .swiper-scrollbar-drag {
	background: #21297A;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 14px;
	color: #ffffff;
}


.aike-submit {
	width: 100%;
	height: auto;
	padding: 12px;
	color: #1e2a78;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border-radius: 0.5vw;
}

.aike-submit::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #ffffff;
}

.aike-submit::after {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	border-radius: 50%;
	content: '';
	background: #fff;
}

.aike-submit p {
	position: relative;
	z-index: 2;
}

.aike-submit:hover {
	opacity: 0.85;
}

.aike-submit.active {
	cursor: no-drop;
}


.history-swiper .swiper-pagination {
	width: auto;
	height: auto;
	background: rgba(255, 255, 255, .76);
	padding: 2px 7px;
	border-radius: 20px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	transition: all 0.4s;
	box-shadow: 0 0 transparent, 0 0 transparent, 0px 4px 20px 0px hsla(172, 9%, 53%, .16);
	display: none;
}

.detail_box .singe-page p {
	text-indent: 2em;
}

.detail_box .singe-page b,
.detail_box .singe-page strong {
	font-weight: 600;
}

.history-swiper .swiper-pagination-bullet {
	border-radius: 10px;
	transition: all 0.4s;
}

.history-swiper .swiper-pagination-bullet-active {
	width: 25px;
	background: #16308E;
}

.author {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.honor-section {
	position: relative;
	width: 100%;
	margin-bottom: 6vw;
}

.honor-box .author span,
.history-box .author span {
	top: 0;
}

.author span {
	display: block;
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: -120px;
}

.detail_top {
	border-bottom: 2px solid #242E92;
}


.n_date {
	font-family: Manrope;
}

.detail_top::after {
	/* width: 70%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #242E92; */
}


.no-bg {
	background: transparent;
}


.msg-section {
	width: 500px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #ffffff;
	padding: 50px;
	color: #3e3e3e;
}

.msg-name {
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}

.msg-name b {
	font-weight: 500;
	font-size: 30px;
	display: block;
	margin-bottom: 5px;
}

.msg-name p {
	opacity: 0.75;
}

.msg-section .form .row>input {
	border-color: rgba(0, 0, 0, .05);
	color: #3e3e3e;
}

.msg-section .form .row>input::placeholder {
	color: rgba(0, 0, 0, .5);
}

.msg-section .form .row {
	margin-bottom: 10px;
}

.pdf-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
	font-size: 34px;
	transform: rotate(45deg);
	border-radius: 50%;
	opacity: 0.7;
	transition: all 0.5s;
}

.pdf-close:hover {
	transform: rotate(135deg);
}

.msg-section .form-submit::before,
.msg-section .form-submit::after {
	display: none;
}

.msg-section .form-submit {
	background: #151b52;
	color: #fff;
	padding: 17px 12px;
	margin-top: 20px;
}

/* 英文版 */
body.eng {
	font-family: "MontserratLight", Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

body.eng header nav ul li.nav-item a {
	font-weight: bold;
	font-size: 2rem;
}

.eng .intro-title,
.eng .col-header h4,
.eng .compnay-content .name,
.pro-navs .item .title,
.eng .contact-focus .name,
.eng .detail-title,
.eng .detail-title p,
.eng .panel-title,
.eng .filter-title,
.eng .cate-title,
.eng .tech-list .item .box .title,
.eng .tech-list .item .box .info .name,
.eng .warranty-content h3,
.eng .con-name,
.eng header nav ul li.nav-item a,
.eng .sub-banner .text-cols .name,.eng .detail_top .name {
	font-family: "MontserratBold"
}

.eng .filter-row{
	flex-wrap: wrap;
}

.eng .filter-label{
	width: 100%;
	margin-bottom: 0.5vw;
    font-weight: 600;
}

.eng .filter-options{
	width: 100%;
}

.eng .faq-list .item .box .top .name{
	line-height: 1.5;
}

.eng .faq-box.cs .faq-list .item{
	padding-bottom: 1vw;
	margin-bottom: 1vw;
}

.eng .intro-title {
	text-transform: uppercase;
	font-size: 2.2vw;
}

.eng .col-header h4 {
	text-transform: uppercase;
}

.eng .brand-slogan {
	text-transform: uppercase;
	font-size: 1.6vw;
	font-family: "MontserratBold";
}

.eng .con-name {
	font-size: 2vw;
}

.eng .warranty-content {
	padding: 0;
	width: 50%;
}

.eng .contact-items {
	flex-wrap: wrap;
}

.eng .contact-items .c-item {
	width: 100%;
}

.eng .compnay-content .name {
	font-size: 2.7vw;
}

.eng .compnay-content {
	width: 40%;
}

.eng .case-rename,
.eng .service-card h3,
.eng .quick-link,
.eng .job-name {
	font-weight: bold;
}

.eng .cc-value {
	font-weight: bold;
}

@media screen and (max-width: 1550px) {

	header .logo {
		width: 170px;
	}

	header .right .phoneBox .txt .phone {
		font-size: 2.2rem;
	}

	header .right .phoneBox {
		margin-right: 1vw;
	}

	header .right .phoneBox {
		width: 190px;
	}

	nav {
		width: 55vw;
	}

	header nav ul li.nav-item a {
		font-size: 1.7rem;
	}

	.news-items li a {
		font-size: 1.6rem;
	}

	.brand-slogan {
		font-size: 2vw;
	}

	.brand-logo img {
		width: 150px;
	}

	.faq-list .item .box .top .name {
		font-size: 1.1vw;
	}

	.faq-list .item .box .desc {
		font-size: 0.9vw;
	}
}

@media screen and (max-width: 1366px) {
	.compnay-content .name {
		font-size: 2.5vw;
	}

	.history-swiper .swiper-slide .event {
		font-size: 1.4rem;
		line-height: 25px;
	}

	.compnay-content .desc strong,
	.compnay-content .desc b {
		font-size: 1.8rem;
	}

	.compnay-content {
		width: 45%;
	}

	.company-visual {
		width: 35%;
	}

	.play-video-btn .txt {
		font-size: 1.2rem;
	}

	.company-bg {
		overflow: hidden;
	}

	.company-bg img {
		width: 140%;
		max-width: none;
		margin-left: -20%;
	}

	.news-items li a {
		font-size: 1.4rem;
	}

	header {
		padding: 0 3%;
	}

	header .logo {
		width: 150px;
	}

	header nav ul li.nav-item a {
		font-size: 1.6rem;
	}

	header .right .lang {
		font-size: 1.4rem;
		padding: 2px 5px;
		gap: 3px;
	}

	.action-btn {
		font-size: 1.2rem;
	}

	nav {
		width: 60vw;
	}

	.pro-content .pro-card .item a {
		padding: 0.5vw;
	}

	.pro-content .pro-card .item .last {
		font-size: 1.1vw;
	}

	.intro-right {
		line-height: 1.7;
		font-size: 1.6rem;
	}

	.about-intro .data-item .label {
		font-size: 1.4rem;
	}

	.cards-list .item h3 {
		font-size: 1.4rem;
	}

	.faq-list .item .box .desc {
		font-size: 1vw;
	}

	.faq-list .item .box .top .name {
		font-size: 1.2vw;
	}
}

@media screen and (max-width: 1200px) {
	body {
		font-size: 1.4rem;
	}

	.news-list .item a .date {
		font-size: 1.4rem;
	}

	.news-list .item a .name {
		font-size: 1.6rem;
	}

	header .right .phoneBox {
		display: none;
	}

	nav {
		width: 70vw;
	}

	.pro-content .pro-card .item a .name {
		font-size: 1.2rem;
	}

	.detail-desc,
	.product-swiper .swiper-slide a .info .name,
	.product-grid a .info .name {
		font-size: 1.4rem;
	}

	.product-swiper .swiper-slide a .info,
	.product-grid a .info {
		padding: 0.5vw 1vw;
	}

	.cate-products {
		gap: 1vw;
	}

	.product-swiper .swiper-slide a .info .icon,
	.product-grid a .info .icon {
		display: none;
	}

	.product-swiper .swiper-slide a .info .name,
	.product-grid a .info .name {
		width: 100%;
	}

	.cate-sidebar {
		width: 300px;
	}

	.cate-products {
		width: calc(100% - 320px);
	}

	.product-swiper .swiper-slide a:hover .info,
	.product-grid a:hover .info {
		padding: 0.5vw 1vw;
	}

	.product-swiper .swiper-slide a .back-lay,
	.product-grid a .back-lay {
		padding: 2vw 1vw;
	}

	.product-swiper .swiper-slide a .lay-content p,
	.product-grid a .lay-content p {
		font-size: 1vw;
		margin-bottom: 0.5vw;
	}

	.cate-list .list a {
		font-size: 1.4rem;
		line-height: 30px;
	}

	.cate-list .title {
		min-height: 55px;
	}

	.pro-navs .item .desc {
		font-size: 1.1vw;
	}

	.tab-btn {
		font-size: 1.4rem;
	}

	.case-info h3 {
		font-size: 1.1vw;
	}

	.tags span {
		font-size: 1rem;
	}

	.featured-text h3,
	.col-header h4 {
		font-size: 2rem;
	}

	.cards-list .item h3 {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1024px) {
	body {
		font-size: 1.3vw;
	}

	.about-menu .item .name {
		font-size: 1.4rem;
	}

	header nav ul li.nav-item a {
		font-size: 1.4rem;
	}

	header .logo {
		width: 130px;
	}

	header .right .lang {
		font-size: 1.2rem;
	}

	.compnay-content {
		width: 90%;
		position: relative;
		top: 0%;
		transform: translateY(0%);
		left: 5%;
		padding: 5vw 0;
	}

	.history-years .year-tab {
		line-height: 35px;
		font-size: 1.4rem;
	}

	.ch-left p,
	.intro-desc {
		font-size: 1.4rem;
	}

	.tab-btn {
		padding: 0 1vw;
		line-height: 40px;
		font-size: 1.4rem;
	}

	.honor-tabs {
		gap: 0.5vw;
	}

	.btn-more a .txt {
		padding: 0rem 1.5vw;
		height: 40px;
		line-height: 40px;
		border-radius: 30px;
		font-size: 1.4rem;
	}

	.btn-more a .icon {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.featured-text h3,
	.col-header h4 {
		font-size: 1.8vw;
	}

	.brand-logo img {
		width: 130px;
	}

	.brand-slogan,
	.tech-list .item .box .info .name,
	.cc-value,
	.con-name {
		font-size: 2vw;
	}

	.form .row>input,
	.form .row select,
	.form .row textarea {
		padding: 0.5vw;
		font-size: 1.3vw;
	}

	.form .row {
		margin-bottom: 1vw;
	}

	.contact-content .form .row textarea {
		min-height: 100px;
	}

	.form-box .form-submit {
		padding: 0.5vw;
	}

	.map-bg {
		overflow: hidden;
	}

	.contact-content {
		width: 40%;
	}

	.map-bg>img {
		width: 120%;
		max-width: none;
		margin-left: -10%;
	}

	.contact-content .con-name {
		margin-bottom: 2vw;
	}

	.featured-overlay h3,
	.pro-navs .item .title,
	.panel-title,
	.scope-item h4,
	.service-card h3,
	.quick-link,
	.contact-info-text p,
	.tech-list .item .box .title b,
	.job-name {
		font-size: 1.5vw;
	}

	.news-items li a span,
	.featured-text .desc,
	.col-header a,
	.ft-navs dt,
	.case-info h3,
	.tab-btn,
	.about-intro .data-item .label,
	.history-swiper .swiper-slide .event,
	.stat-label,
	.honor-swiper .swiper-slide .info,
	.c-item .info p,
	.filter-label,
	.product-swiper .swiper-slide a .info .name,
	.product-grid a .info .name,
	.product-swiper .swiper-slide a .lay-content p,
	.product-grid a .lay-content p,
	.detail-desc,
	.action-btn,
	.scope-item .desc,
	.case-recommond .item a .name,
	.news-list .item a .name,
	.service-card .desc,
	.btn-contact,
	.tech-list .item .box .info .desc,
	.job-meta,
	.job-btn,
	.cc-label {
		font-size: 1.3vw;
	}

	.job-btn {
		padding: 0.35vw 1.25vw;
	}

	.news-list .item a .date,
	.qr-list .qr-item span {
		font-size: 1vw;
	}

	.warranty-content {
		width: 40%;
	}

	.pro-content {
		width: 68%;
	}

	.singe-page p {
		margin-bottom: 0.5vw;
	}

	.panel-header {
		padding: 1.5vw 2vw;
	}

	.action-btn i {
		font-size: 1.3vw;
	}

	.detail-actions {
		gap: 1vw;
	}

	.detail-swiper {
		width: 45%;
	}

	.action-btn {
		padding: 1vw 0.5vw;
	}

	.cate-list .title p {
		font-size: 1.5vw;
	}

	.contact-focus .name {
		font-size: 2.5vw;
	}

	.cate-sidebar {
		width: 30%;
	}

	.cate-list .title {
		min-height: 55px;
	}

	.tags {
		gap: 0.5vw;
	}

	.cate-products {
		width: 67%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1vw;
	}

	.cases-list.three .tags span {
		font-size: 0.7vw;
		padding: 0.35vw 0.5vw;
	}

	.news_detail {
		padding-top: 130px;
	}

	.case-info {
		padding: 1vw;
	}

	.detail-cols {
		width: 30%;
	}

	.pdf-list .item a .icon {
		width: 30px;
		height: 30px;
		font-size: 1.3vw;
		line-height: 30px;
	}

	.pdf-list .item a .name {
		width: calc(100% - 30px);
		font-size: 1.3vw;
		padding: 0;
	}

	.cate-case,
	.detail_box,
	.pdf-wrap {
		width: 67%;
	}

	.filter-toggle {
		font-size: 1.3vw !important;
	}

	.history-swiper .swiper-slide .event {
		line-height: 1.7;
	}

	.ft-navs dd a,
	.tags span,
	.model-point .point-label,
	.pro-content .pro-card .item a .name,
	.filter-opt,
	.n_date {
		font-size: 1vw;
	}

	.detail_top {
		padding-bottom: 1.5vw;
		margin-bottom: 1.5vw;
	}

	.news-items li a em,
	.pd-mbx {
		font-size: 1vw;
	}

	.pd-mbx {
		margin-bottom: 0.5vw;
	}

	.detail_top .name {
		font-size: 2.5vw;
	}

	.company-bg {
		position: absolute;
		height: 100%;
		top: 0;
	}

	.company-visual {
		width: 90%;
		position: relative;
		top: 0%;
		transform: translateY(0%);
		left: 5%;
		display: flex;
		justify-content: space-between;
		padding-top: 150px;
		right: 0;
	}

	.company-visual .bg-text {
		margin-bottom: 0;
		width: 45%;
	}

	.company-video {
		width: 50%;
	}
}

@media screen and (max-width: 900px) {
	body {
		font-size: 3.5vw;
	}

	header {
		padding: 2vw 4vw;
	}

	header .logo {
		width: 25vw;
	}

	header nav ul li {
		margin: 0 1.5vw;
	}

	header .right .phoneBox .txt .phone {
		font-size: 18px;
	}

	header .right .lang {
		font-size: 12px;
	}

	.index .phones {
		width: 15vw;
		top: 30vw;
	}

	/* about-intro 响应式 */
	.about-intro {
		padding: 5rem 0;
	}

	.about-intro .intro-top {
		display: block;
	}

	.intro-left {
		width: 100%;
	}

	.about-intro .intro-title {
		font-size: 10vw;
		margin-bottom: 15vw;
	}

	.w1400 {
		width: 90%;
	}

	.company-name {
		font-size: 4.5vw;
	}

	.about-intro .intro-visual {
		height: auto;
	}

	.about-intro .bg-text {
		font-size: 14rem;
		letter-spacing: 1rem;
	}

	.about-intro .building-img {
		max-width: 85%;
	}

	.about-intro .data-list {
		flex-wrap: wrap;
		gap: 2vw;
	}

	.about-intro .data-item {
		flex: 0 0 calc(50% - 1.25rem);
		padding: 0;
		border-right: none !important;
		border-bottom: 1px solid #eee;
		padding-bottom: 1.5rem;
	}

	.about-intro .data-item .num {
		font-size: 3.6rem;
	}

	.about-intro .data-item .unit {
		font-size: 1.8rem;
	}


	.product-model .model-points {
		height: 100%;
		position: absolute;

	}

	.model-point .hover-card {
		width: 240px;
		padding: 1.5rem;
		top: calc(100% + 50px);
	}

	/* boxes 案例展示 响应式 */
	.boxes {
		padding: 15vw 0;
	}

	.boxes .cases-header {
		display: block;
	}

	.boxes .cases-header h2 {
		font-size: 2.8rem;
	}

	.boxes .cases-tabs {
		justify-content: flex-start;
		margin-bottom: 3rem;
	}

	.boxes .cases-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.8rem;
	}


	.boxes .case-info h3 {
		font-size: 3.5vw;
		margin-bottom: 0;
	}

	.case-info {
		padding: 3vw;
	}

	/* partners 合作伙伴 响应式 */
	.partners {
		padding: 5rem 0 4rem;
	}

	.partners .partners-content {
		padding-top: 3rem;
	}

	.partners .partners-header {
		margin-bottom: 3rem;
	}

	.partners .partners-header h2 {
		font-size: 2.6rem;
	}

	.partners .partners-list {
		height: 340px;
	}

	.partners .partners-track {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.5rem 1.2rem;
	}

	.partners .partners-marquee {
		gap: 1.5rem;
	}


	/* 新闻资讯 900px */
	.news-header h2 {
		font-size: 2.6rem;
	}

	.news-featured {
		margin-bottom: 4vw;
	}

	.featured-img,
	.featured-text {
		height: 26rem;
	}

	.featured-text h3 {
		font-size: 1.45rem;
	}

	/* 新闻列表页 900px */
	.hero-slide {
		height: 30rem;
	}

	.hero-bar {
		padding: 1.4rem 2rem;
	}

	.hero-title {
		font-size: 1.4rem;
	}

	.hero-prev,
	.hero-next {
		width: 3.2rem;
		height: 3.2rem;
	}

	.news-grid {
		gap: 1.5rem;
	}

	.nc-img {
		height: 16rem;
	}

	.ncs-inner {
		min-height: 14rem;
		padding: 1.5rem 1.4rem;
	}

	.ncs-title {
		font-size: 1.5rem;
	}

	.ncs-img {
		width: 9rem;
		height: 9rem;
	}


	header .right .phoneBox .icon {
		display: none;
	}

	.boxes .cases-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 3vw;
	}

	.tags {
		display: none;
	}

	.partners .partners-list {
		height: 320px;
	}

	.partners .partners-track {
		grid-template-columns: repeat(3, 1fr);
		gap: 1vw;
	}

	.partners .partners-marquee {
		gap: 1vw;
	}


	/* 新闻资讯 响应式 */
	.news-header {
		flex-direction: column;
		gap: 1.5rem;
		align-items: flex-start;
	}

	.news-header h2 {
		font-size: 2.4rem;
	}

	.news-featured {
		grid-template-columns: 1fr;
	}

	.featured-img {
		height: 22rem;
	}

	.featured-text {
		min-height: auto;
		padding: 5vw 4vw;
	}

	.featured-text h3 {
		font-size: 1.4rem;
	}

	.featured-text p {
		-webkit-line-clamp: 3;
		font-size: 1.15rem;
	}

	.news-lists {
		grid-template-columns: 1fr;
		gap: 0;
		display: block;
	}

	.news-col {
		width: 100%;
		padding: 5vw 4vw;
		margin-bottom: 4vw;
	}

	.col-header a {
		font-size: 3vw;
	}

	.news-items li a {
		font-size: 3.8vw;
		padding: 3.5vw 0;
	}

	.col-header h4 {
		font-size: 6vw;
		width: auto;
	}

	.col-icon,
	.news-items li a em {
		display: none;
	}

	/* 新闻列表页 768px */
	.hero-slide {
		height: 22rem;
	}

	.hero-bar {
		padding: 1.2rem 1.5rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.hero-title {
		font-size: 1.25rem;
		-webkit-line-clamp: 2;
	}

	.hero-page {
		font-size: 1.3rem;
		align-self: flex-end;
		margin-top: -2rem;
	}

	.hero-prev,
	.hero-next {
		width: 2.8rem;
		height: 2.8rem;
	}

	.news-tabs {
		flex-wrap: wrap;
	}

	.news-tab {
		font-size: 1.25rem;
		padding: 0.65rem 2rem;
	}

	.news-grid {
		grid-template-columns: 1fr;
		gap: 1.4rem;
	}

	.nc-img {
		height: 20rem;
	}

	.nc-title {
		font-size: 1.3rem;
		-webkit-line-clamp: 2;
	}

	.ncs-inner {
		flex-direction: column;
		text-align: center;
		min-height: auto;
		padding: 2rem 1.5rem;
	}

	.ncs-text {
		text-align: center;
	}

	.ncs-title {
		font-size: 1.55rem;
	}

	.ncs-list li {
		justify-content: center;
		font-size: 1.12rem;
	}

	.ncs-img {
		width: 9rem;
		height: 9rem;
		margin: 0 auto;
	}

	/* Footer 768px */
	.ft-top {
		padding: 0;
		display: block;
		padding-top: 10vw;
		padding-bottom: 10vw;
		margin-bottom: 5vw;
	}

	.ft-message {
		max-width: 100%;
	}

	.msg-form .form-row {
		grid-template-columns: 1fr;
	}

	.ft-navs {
		display: none;
	}

	.ft-left {
		width: 100%;
	}

	.brand-slogan {
		font-size: 8vw;
		font-weight: 400;
		text-align: center;
		display: block;
		width: 100%;
	}

	.brand-logo,
	.ft-brand .ln {
		display: none;
	}

	.ft-navs {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem 1.2rem;
		padding: 2rem 0;
	}

	.ft-bottom {
		display: block;
		width: 100%;
	}

	.contact-info h4 {
		display: none;
	}

	.contact-items {
		flex-wrap: wrap;
		gap: 3vw;
	}

	.ft-brand {
		margin-bottom: 5vw;
	}

	.c-item .icon {
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 5vw;
	}

	.contact-info {
		margin-bottom: 10vw;
	}

	.c-item .info p {
		font-size: 4.5vw;
		margin-top: 1.5vw;
	}

	.c-item {
		width: 100%;
	}

	.qrcodes {
		justify-content: center;
		width: 100%;
		gap: 4vw;
	}

	.qr-item img {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}

	.copyright {
		text-align: center;
		font-size: 2.6vw;
		line-height: 1.7;
		margin-bottom: 4vw;
		flex-wrap: wrap;
		justify-content: center;
	}

	/* 产品详情页 768px响应式 */
	.detail-hero {
		flex-direction: column;
		gap: 2rem;
	}

	.detail-hero .hero-img {
		width: 100%;
		max-width: none;
	}

	.detail-title {
		font-size: 1.9rem;
	}

	.detail-series {
		font-size: 1.5rem;
	}

	.detail-desc {
		font-size: 1.15rem;
		line-height: 1.8;
	}

	.detail-actions {
		flex-direction: column;
	}

	.action-btn {
		justify-content: center;
	}

	.singe-page table th,
	.singe-page table td {
		display: block;
		padding: 0.6rem 0;
		font-size: 1.12rem;
	}

	.singe-page table th {
		width: auto;
		color: #888;
		padding-top: 1.2rem;
		border-bottom: none;
	}

	.singe-page table td {
		padding-bottom: 0;
		padding: 1vw 2vw;
	}

	.feature-list {
		grid-template-columns: 1fr;
		gap: 0.4rem 1rem;
	}

	.scope-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.2rem;
	}

	.scope-num {
		font-size: 3rem;
	}

	.panel-header {
		padding: 1.1rem 1.5rem;
	}

	.panel-body {
		padding: 1.5rem 1.5rem;
	}

	/* 产品筛选 & 分类 768px响应式 */
	.filter-row {
		flex-direction: column;
		gap: 2vw;
		padding: 0;
	}

	.filter-label {
		width: auto;
		font-weight: 600;
		color: #333;
	}

	.product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.2rem;
	}

	.prod-card .prod-img {
		height: 15rem;
	}

	.prod-specs {
		padding: 1rem 1.2rem 0.6rem;
	}

	.spec-item {
		font-size: 1.05rem;
	}

	.spec-item em {
		width: 5rem;
	}

	.cate-layout {
		flex-direction: column;
	}

	.cate-sidebar {
		width: 100%;
	}

	.cate-sub li a {
		padding: 0.6rem 0;
	}

	.bread-crumb {
		display: block;
		border-radius: 0;
	}

	header .logo {
		width: 120px;
		margin-left: 3%;
	}

	header {
		height: 60px;
		padding: 0;
		background: #ffffff;
	}

	header .right {
		position: absolute;
		right: 80px;
		top: 50%;
		transform: translateY(-50%);
	}

	.menu-bar {
		width: 50px;
		height: 233px;
		display: none;
	}

	.menu-bar .box a {
		height: 45px;
	}

	.menu-bar .box a .icon {
		line-height: 20px;
		top: 20%;
		font-size: 2rem;
	}

	.menu-bar .box a:hover .icon {
		top: 20%;
		color: #fff;
		transform: translateY(-50%) scale(1);
	}

	.menu-bar .box a:nth-child(2) .icon {
		font-size: 1.6rem;
	}

	.menu-bar .box a .txt {
		opacity: 1;
		color: #fff;
		font-size: 1.2rem;
		top: 45%;
	}

	.menu-bar .box a.back2top {
		display: none;
	}

	.menu-bar .box {
		padding-bottom: 5px;
	}

	.menu-bar .box a::before {
		display: none;
	}

	.menu-bar .box a:hover,
	.menu-bar .box a.active {
		height: 45px;
	}

	.menu-bar .box a .zxdh {
		width: 160px;
		text-align: center;
		padding: 3vw;
	}

	.menu-bar .box a:hover .zxdh,
	.menu-bar .box a:hover .zxwx {
		right: 180%;
	}

	.menu-bar .box a.active .icon {
		color: #3e3e3e;
		top: 35%;
		transform: translateY(-65%);
	}

	.menu-bar .box a .txt {
		color: #3e3e3e;
	}

	.bannerSwiper {
		position: relative;
		margin-top: 60px;
		width: 100%;
		height: 70vw;
	}

	.about-intro {
		margin-top: 0;
	}

	.intro-left .btn-more {}

	.intro-right {
		width: 100%;
		margin-top: 7.5vw;
	}

	.about-intro .data-item .number {
		margin-bottom: 1vw;
	}

	.about-intro .data-item .label {
		font-size: 3vw;
	}

	.product-model .model-bg {
		width: 200%;
	}

	.product-model .model-bg img {
		max-width: none;
		width: 100%;
		margin-left: 0%;
	}

	.model-point .hover-card {
		display: none;
	}

	.model-point .pulse span::before {
		width: 4px;
		height: 4px;
	}

	.model-point .pulse span {
		width: 10px;
		height: 10px;
	}

	@keyframes pulseRing {
		0% {
			transform: scale(0);
			opacity: 1;
		}

		100% {
			transform: scale(1.5);
			opacity: 0;
		}
	}

	.model-point {
		padding: 5vw;
		margin: -5vw;
	}

	.model-point .point-label {
		top: 8vw;
		font-size: 3vw;
		padding: 0.6vw 1.5vw;
		border-radius: 3vw;
	}

	.model-point1 {
		top: 40%;
		left: 33%;
	}

	.model-point3 {
		top: 42%;
		left: 81%;
	}

	.model-point5 {
		top: 68%;
		left: 33%;
	}

	.model-point4 {
		top: 53%;
		left: 51%;
	}

	.model-point6 {
		top: 68%;
		left: 79%;
	}

	.product-model {
		overflow: visible;
	}

	.model-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.model-hint {
		display: flex;
	}

	.ch-left {
		width: 100%;
		margin-bottom: 7.5vw;
		text-align: center;
	}

	.boxes .cases-header h2,
	.partners .partners-header h2 {
		font-size: 8vw;
	}

	.ch-left p,
	.intro-desc {
		font-size: 4vw;
	}

	.cases-header .r {
		width: 100%;
		margin-bottom: 7vw;
	}

	.tab-btn {
		padding: 0px 3vw;
		line-height: 36px;
		font-size: 3.6vw;
	}

	.cases-header .btn-more {
		display: none;
	}

	.honor-tabs {
		width: 100%;
		gap: 1vw;
	}

	.cases-header .r .honor-tabs {
		justify-content: center;
	}

	.featured-overlay h3 {
		font-size: 4vw;
	}

	.featured-overlay .date {
		font-size: 3vw;
	}

	.featured-card a .featured-overlay {
		padding: 4vw;
	}

	.ft-arrow,
	.featured-text .desc {
		display: none;
	}

	.featured-text .date {
		font-size: 3vw;
		margin-bottom: 1vw;
	}

	.featured-text h3 {
		font-size: 4vw;
		margin-bottom: 0;
	}

	.col-header {
		padding-bottom: 2vw;
		margin-bottom: 2vw;
	}

	body {
		overflow-x: hidden;
	}

	.qr-item {
		width: 100%;
	}

	.qr-item span {
		display: block;
		margin-top: 1.5vw;
		font-size: 1.2rem;
	}

	.c-item .info {
		width: calc(100% - 12vw);
	}

	.c-item .info strong {
		font-size: 1.2rem;
	}

	nav {
		height: calc(100vh - 60px);
		position: fixed;
		left: 0px;
		top: 60px;
		display: flex;
		align-items: center;
		width: 100%;
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
		margin-right: 0%;
		z-index: 10;
		padding-top: 25px;
		display: block;
		background: #f9f9f9;
		clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
		overflow-y: auto;
		padding-bottom: 25px;
		border-radius: 0;
		overflow-x: hidden;
	}

	header nav ul {
		flex-wrap: wrap;
		padding: 0 5%;
	}

	header nav ul li,
	header nav ul li.nav-item {
		flex: auto;
		width: 100%;
		margin: 0;
	}

	header nav ul li .first-child {
		width: 100%;
		height: auto;
		position: relative;
		line-height: 1.7;
	}

	header nav ul li.nav-item a {
		font-size: 5vw;
	}

	header nav ul li.nav-item .first-child a::after {
		display: none;
	}

	header nav ul li.nav-item {
		text-align: left;
		padding: 3.5vw 0;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}

	header nav ul li .first-child .icon {
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		right: 0%;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		cursor: pointer;
		transition: transform 0.3s ease;
	}

	header nav ul li.has-item.open>.first-child .icon {
		transform: translateY(-50%) rotate(90deg);
	}

	header nav ul li.nav-item .first-child a::before {
		display: none;
	}

	header nav ul li .second-child {
		opacity: 1;
		transform: translateY(0px);
		box-shadow: none;
		pointer-events: auto;
		height: 0;
		overflow: hidden;
		position: relative;
		background: transparent;
		top: 0;
	}

	.about-menu {
		display: block;
		padding: 0;
	}

	.about-menu .item .thum {
		display: none;
	}

	header nav ul li.nav-item .about-menu a,
	.about-menu .item .name {
		font-size: 4.5vw;
		text-align: left;
		font-weight: 400;
	}

	header nav ul li.nav-item .about-menu a,
	.pro-navs .item {
		padding: 2vw 0 2vw 3vw;
	}

	.pro-content {
		display: none;
	}

	.product-menu,
	.about-menu {
		padding: 0;
	}

	.pro-navs,
	.pro-navs .item .title p {
		width: 100%;
	}

	.pro-navs .item .desc,
	.pro-navs .item::after,
	.pro-navs .item .title .icon {
		display: none;
	}

	.pro-navs .item.active {
		background: transparent;
	}

	.pro-navs .item.active .title,
	.pro-navs .item .title {
		color: #3e3e3e;
		margin-bottom: 0;
		font-weight: 400;
	}

	.pro-navs .item {
		border-bottom: none;
		min-height: auto;
	}

	.product-model .model-hint {
		display: flex;
	}

	.company-visual {
		position: relative;
		width: 90%;
		right: auto;
		transform: translateY(0%);
		top: 0%;
		margin-left: 5%;
		margin-top: 10vw;
		margin-bottom: 5vw;
	}

	.company-bg {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.company-bg img {
		height: 100%;
	}

	.compnay-content,
	.eng .compnay-content {
		width: 90%;
		left: 0;
		margin-left: 5%;
		position: relative;
		transform: translateY(0%);
		top: 0%;
	}

	.company-box {}

	.compnay-content .info {
		font-size: 5vw;
	}

	.compnay-content .name {
		font-size: 10vw;
		margin-bottom: 5vw;
		margin-top: 2vw;
	}

	.intro-title {
		font-size: 8vw;
	}

	.history-next,
	.history-prev {
		display: none;
	}

	.history-swiper .swiper-slide .box {
		padding: 5vw;
	}

	.history-swiper .swiper-slide .year {
		font-size: 8vw;
	}

	.intro-title {
		margin-bottom: 7vw;
	}

	.sub-banner {
		margin-top: 60px;
	}

	.sub-banner .img img {
		width: 100%;
		aspect-ratio: 5 / 3;
	}

	.sub-banner .text-cols {
		width: 85%;
		transform: translateY(-50%);
	}

	.sub-banner .text-cols .name {
		font-size: 7vw;
	}

	.filter-options {
		width: 100%;
	}

	.product-wrap .intro-title {
		margin-bottom: 3vw;
		display: none;
	}

	.filter-row:first-child {
		border-top: none;
	}

	.filter-label {
		width: 100%;
		font-size: 4vw;
		font-weight: 500;
	}

	.filter-options {
		gap: 1vw;
	}

	.filter-row {
		border-bottom: none;
		margin-bottom: 3.5vw;
	}

	.filter-opt {
		padding: 1vw 2vw;
		font-size: 3.5vw;
	}

	.product-swiper .swiper-slide a .info .icon,
	.product-grid a .info .icon {
		display: none;
	}

	.product-swiper .swiper-slide a .info .name,
	.product-grid a .info .name {
		width: 100%;
		padding: 0;
		font-size: 3.6vw;
		height: 25px;
		overflow: hidden;
	}

	.btn-box {
		display: none;
	}

	.pagn-box .swiper-scrollbar {
		width: 100%;
	}

	.product-swiper .swiper-slide a .info,
	.product-grid a .info,
	.product-swiper .swiper-slide a:hover .info,
	.product-grid a:hover .info {
		padding: 3vw;
	}

	.product-swiper .swiper-slide a:hover .back-lay,
	.product-grid a:hover .back-lay {
		opacity: 0;
	}

	.product-category {
		padding-top: 0;
	}

	.pagn-box {
		margin-top: 7.5vw;
	}

	.cate-sidebar {
		position: relative;
		top: 0;
		margin-bottom: 5vw;
	}

	.cate-item.open .cate-sub,
	.cate-item .cate-sub {
		display: flex;
		flex-wrap: wrap;
		gap: 1vw;
		background: transparent;
	}

	.cate-sub a {
		padding: 0.4rem 1.2rem;
		font-size: 1.4rem;
		background: #ffffff;
		border: 1px solid #e5e7eb;
		border-radius: 0.4rem;
		line-height: 1.4;
	}

	.cate-sub a::after {
		display: none;
	}

	.cate-sub a:hover,
	.cate-sub a.active {
		padding-left: 1.2rem;
	}

	.cate-products {
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
		gap: 3vw;
	}

	.contact-focus {
		margin-top: 15vw;
		flex-wrap: wrap;
	}

	.contact-focus .name {
		font-size: 8vw;
		margin-bottom: 7.5vw;
	}

	.prod-detail {
		padding-top: 120px;
	}

	.detail-swiper {
		width: 100%;
	}

	.hero-info,
	.detail-hero .hero-info {
		width: 100%;
		background: transparent;
		padding: 0;
		border-radius: 0;
	}

	.detail-title b,
	.detail-title p {
		font-size: 6vw;
	}

	.detail-desc {
		font-size: 3.8vw;
	}

	.detail-hero {
		margin-bottom: 10vw;
	}

	.panel-title {
		font-size: 4.5vw;
	}

	.panel-body.singe-page {
		padding: 4vw;
	}

	.panel-body.singe-page p {
		margin-bottom: 5px;
	}

	.scope-item h4 {
		font-size: 4vw;
		line-height: 1.5;
	}

	.scope-item {
		padding: 3vw;
	}

	.panel-body.singe-page .desc p {
		margin-bottom: 0;
		font-size: 3.5vw;
	}

	.scope-item .desc {
		margin-top: 1vw;
	}

	.de-content {
		margin-bottom: 15vw;
	}

	header nav ul li:nth-child(2) .first-child a,
	header nav ul li:nth-child(3) .first-child a {
		pointer-events: auto;
	}

	.filter-title {
		display: none;
	}

	.anli-slide {
		display: flex;
		flex-wrap: wrap;
		gap: 1vw;
	}

	.anli-slide .cate-item {
		width: auto;
		border-radius: 0;
		margin-bottom: 0;
	}

	.anli-slide .cate-item i {
		display: none;
	}

	.anli-slide .cate-item .cate-head strong {
		font-size: 1.4rem;
	}

	.anli-slide .cate-item a {
		padding: 0.4rem 1.2rem;
		background: #ffffff;
		border: 1px solid #e5e7eb;
		border-radius: 0.4rem;
		line-height: 1.4;
	}

	.cate-case,
	.detail_box {
		width: 100%;
	}

	.news_detail {
		padding-top: 100px;
	}

	.pd-mbx {
		flex-wrap: wrap;
		margin-bottom: 5vw;
	}

	.focus-swiper .thum img {
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.focus-swiper .swiper-slide a .name {
		padding: 4vw;
		font-size: 4vw;
	}

	.focus-swiper {
		margin-bottom: 15vw;
	}

	.honor-tabs {
		justify-content: center;
	}

	.news-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 5vw;
	}

	.news-list .item a .date {
		font-size: 1.2rem;
		margin-bottom: 1.5vw;
	}

	.news-list .item a .name {
		margin-bottom: 0;
		min-height: auto;
		font-size: 4.5vw;
		line-height: 1.4;
	}

	.news-list .item a {
		padding: 3vw;
	}

	.related-news .list .item {
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}

	.support-bg {
		height: 100%;
	}

	.support-bg img {
		height: 100%;
	}

	.hot-services {
		grid-template-columns: repeat(1, 1fr);
		gap: 5vw;
	}

	.service-card {
		padding: 8vw 5vw;
		border-radius: 0vw;
		box-shadow: 1vw 1vw 5vw rgba(0, 0, 0, .05);
	}

	.service-card h3 {
		font-size: 5vw;
	}

	.service-card .desc {
		font-size: 3.5vw;
		margin-bottom: 10vw;
	}

	.sc-icon {
		position: relative;
		width: 12vw;
		font-size: 5vw;
		bottom: 0;
		left: 0;
		background: #242E92;
		color: #fff;
	}

	.hot-services {
		margin-bottom: 10vw;
	}

	.contact-row {
		padding: 5vw;
		flex-wrap: wrap;
		display: block;
		margin-bottom: 15vw;
	}

	.contact-left {
		padding-right: 0;
		margin-bottom: 15vw;
	}

	.contact-info-text p {
		font-size: 4vw;
	}

	.contact-phone {
		font-size: 8vw;
	}

	.contact-tag {
		font-size: 4vw;
		margin-bottom: 1vw;
	}

	.quick-link {
		padding: 2vw 3vw;
		font-size: 5vw;
	}

	.quick-link:first-child,
	.quick-link:last-child {
		border-radius: 0;
	}

	.ql-icon {
		width: 15vw;
	}

	.tech-list {
		flex-wrap: wrap;
		gap: 7.5vw;
		margin-bottom: 15vw;
	}

	.tech-list .item {
		flex: auto;
		width: 100%;
		height: auto;
	}

	.tech-list .item .thum {
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 100%;
		height: auto;
		left: 0;
		box-shadow: none;
	}

	.tech-list .item .thum img {
		width: 100%;
		aspect-ratio: 5 / 3;
		height: auto;
		left: 0;
		position: relative;
		transform: translateX(0%);
	}

	.tech-list .item .box .title {
		display: none;
	}

	.tech-list .item .box .info {
		position: relative;
		opacity: 1;
		transform: translateY(0px);
		color: #3e3e3e;
		padding: 0;
		margin-top: 4vw;
	}

	.tech-list .item .box .info .name {
		font-size: 6vw;
	}

	.tech-list .item .thum::after {
		display: none;
	}

	.tech-list .item .box .info .desc {
		font-size: 4vw;
	}

	.warranty-content {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		transform: translateY(0%);
		padding: 0;
	}

	.warranty-card {
		display: block;
		border-radius: 0;
		margin-bottom: 10vw;
	}

	.w-bg {
		border-radius: 0vw;
		overflow: hidden;
		margin-bottom: 4vw;
	}

	.warranty-content h3 {
		color: #3e3e3e;
		width: 100%;
		font-size: 6vw;
	}

	.warranty-content .desc {
		color: #3e3e3e;
		line-height: 1.5;
		font-size: 4vw;
	}

	.pdf-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 5vw;
		margin-bottom: 10vw;
	}

	.pdf-list .item a .name {
		font-size: 4.5vw;
	}

	.pdf-list .item a {
		padding: 3vw 2vw;
	}

	.join-header {
		margin-bottom: 10vw;
	}

	.join-header .intro-title {
		font-size: 7vw;
	}

	.singe-page {
		font-size: 4vw;
	}

	.jobs-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 5vw 3vw;
	}

	.job-tag {
		font-size: 3vw;
	}

	.job-name {
		font-size: 5vw;
		padding-bottom: 2vw;
		margin-bottom: 5vw;
	}

	.job-meta p {
		margin-bottom: 0;
	}

	.job-meta {
		margin-bottom: 5vw;
	}

	.job-btn {
		font-size: 3.4vw;
		padding: 1vw 3vw;
	}

	.ccard {
		width: 100%;
		padding: 4vw;
		margin-right: 0;
		margin-bottom: 5vw;
		border-radius: 0vw;
		padding: 6vw 4vw;
	}

	.cc-value {
		font-size: 6vw;
		margin-bottom: 10vw;
	}

	.cc-icon {
		position: relative;
		bottom: 0;
		left: 0;
		width: 10vw;
	}

	.cc-sub {}

	.ccard:nth-child(n+4) {
		width: 100%;
		margin-bottom: 5vw;
	}

	.contact-content {
		width: 90%;
		left: 5%;
		top: 0;
		transform: translateY(0%);
		position: relative;
	}

	.con-name {
		font-size: 7vw;
		margin-bottom: 5vw;
	}

	.form .row {
		margin-bottom: 2vw;
	}

	.map-bg {
		display: none;
	}

	.form .row>input,
	.form .row select,
	.form .row textarea {
		padding: 12px;
		font-size: 1.4rem;
	}

	.map-box {
		margin-bottom: 15vw;
	}

	.form-box .form-submit {
		padding: 12px;
	}

	.compnay-content .desc strong,
	.compnay-content .desc strong span {
		font-size: 1.6rem !important;
	}

	.history-years .year-tab {
		font-size: 1.4rem;
		line-height: 35px;
	}

	.honor-header {
		flex-wrap: wrap;
		margin-bottom: 5vw;
	}

	.honor-tabs {
		margin-bottom: 7.5vw;
	}

	.honor-header .intro-title {
		width: 100%;
		text-align: center;
		margin-bottom: 2.5vw;
	}

	.honor-stats {
		width: 100%;
		gap: 2vw;
		justify-content: center;
	}

	.stat-label {
		font-size: 1.2rem;
	}

	.stat-num .plus {
		font-size: 3vw;
	}

	.honor-tabs {
		flex-wrap: wrap;
		width: 100%;
	}

	.partner-header .intro-title {
		width: 100%;
		text-align: center;
		margin-bottom: 2.5vw;
	}

	.partner-header {
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.hzhb-logo-track {
		grid-template-columns: repeat(3, 1fr);
	}

	.honor-swiper .swiper-slide .info {
		font-size: 1.4rem;
	}

	.history-swiper .swiper-slide .event {
		font-size: 1.4rem;
		line-height: 25px;
		height: 150px;
	}

	.cate-list .title {
		min-height: auto;
	}

	.cate-list .list a {
		line-height: 30px;
	}

	.cate-list .list {
		padding: 3vw;
	}

	.contact-info-text {
		margin-bottom: 7.5vw;
	}

	.join-brand .singe-page {
		font-size: 3.6vw;
	}

	.job-card {
		padding: 4vw;
	}

	.qr-list {
		gap: 0;
		justify-content: space-between;
	}

	.qr-list .qr-item {
		width: 32%;
	}

	.featured-card:nth-child(2) {
		display: none;
	}

	.btn-more a .icon {
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
	}

	.btn-more a .txt {
		font-size: 3.8vw;
		padding: 0rem 3vw;
		height: auto;
		line-height: 10vw;
	}

	.eng .intro-title {
		font-size: 8vw;
	}

	.play-video-btn .txt {
		display: none;
	}

	.play-video-btn .icon {
		width: 40px;
		line-height: 40px;
		font-size: 2rem;
	}

	.eng .compnay-content .name {
		font-size: 6vw;
	}

	.eng .intro-top .intro-title {
		font-size: 6vw;
	}

	.eng .contact-focus .name {
		font-size: 6vw;
	}

	.cases-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 3vw;
	}

	.case-info h3 {
		font-size: 3.5vw;
		margin-bottom: 0;
	}

	.detail-panel {
		margin-bottom: 3vw;
	}

	.f1-pagination .swiper-pagination-bullet {
		width: 20px;
	}

	.play-video-btn {
		display: block;
	}

	.play-video-btn.hide {
		display: none;
	}

	/* .play-video-btn{
		background: rgba(255, 255, 255, .25);
		width: 10vw;
		border-radius: 50%;
		backdrop-filter: blur(5px);
		padding: 1vw;
		display: block;
	}
	.play-video-btn.hide{
		display: none;
	} */
	.history-swiper .swiper-pagination {
		display: block;
		height: auto;
		padding: 0;
		background: transparent;
		box-shadow: none;
		bottom: 0;
	}

	.history-swiper .swiper-pagination-bullet {
		width: 5px;
		height: 5px;
		margin: 0px 1px !important;
	}

	.history-swiper .swiper-slide .img {
		display: block;
		width: 60%;
		margin-top: 7.5vw;
	}

	.partner-section {
		padding-top: 15vw;
	}

	.panel-body .singe-page p {
		margin-bottom: 2vw;
	}

	.panel-body .singe-page p,
	.panel-body .singe-page p span {
		font-size: 3.8vw !important;
		line-height: 1.7 !important;
	}

	.panel-body .singe-page table p {
		margin-bottom: 0;
	}

	.panel-body .singe-page {
		padding: 0;
	}

	.eng .warranty-content {
		width: 100%;
	}

	.eng .con-name {
		font-size: 5vw;
	}

	.lightBox .tet-box {
		width: 94%;
	}

	.lightBox .close {
		width: 50px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		right: 15px;
		top: 17.5px;
	}

	.lightBox .tittle {
		padding-right: 75px;
	}

	.lightBox .summary-join {
		padding: 5vw;
		height: 65vh;
		font-size: 3.8vw;
	}

	.news-items li a span {
		font-size: 3.8vw;
	}

	.company-visual {
		display: block;
		padding-top: 0;
		margin-left: 0;
	}

	.company-visual .bg-text,
	.company-video {
		width: 100%;
	}

	.compnay-content .desc,
	.honor-swiper .swiper-slide .info {
		font-size: 3.8vw;
	}

	.pro-navs .item.active .title,
	.pro-navs .item .title {
		font-size: 4.5vw;
	}

	.stat-num {
		font-size: 9vw;
	}

	.filter-toggle {
		font-size: 3.5vw !important;
		padding: 1vw 2vw !important;
	}

	.action-btn {
		padding: 1vw 1.5vw;
		font-size: 3.5vw;
	}

	.action-btn i {
		font-size: 3.8vw;
	}

	.detail-actions {
		flex-direction: row;
		justify-content: flex-start;
	}

	.pd-mbx,
	.n_date,
	.cc-label,
	.qr-list .qr-item span {
		font-size: 3vw;
	}

	.pd-mbx .icon:nth-child(1) {
		margin-right: 0.25vw;
	}

	.detail_top .name {
		font-size: 6vw;
	}

	.detail_top {
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}

	.pdf-wrap {
		width: 100%;
	}

	.pdf-list .item a .icon {
		font-size: 5vw;
	}

	.pdf-list .item a .name {
		font-size: 3.8vw;
	}

	.pdf-list {
		gap: 3.5vw;
	}

	.pdf-wrap .intro-title {
		display: none;
	}

	.cate-list .title p {
		font-size: 4vw;
	}

	.job-name {
		font-size: 4vw;
	}

	.job-meta {
		font-size: 3vw;
	}

	header nav ul li.menu-hide:hover .second-child {
		pointer-events: none;
		opacity: 1;
		transform: translateY(0px);
	}

	.honor-box .author span,
	.history-box .author span {
		top: -30px;
	}

	.cards-list {
		width: 100%;
		margin-left: 0;
	}

	.cards-list .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5vw;
	}

	.cards-list .item h3 {
		font-size: 3.5vw;
		margin-top: 2vw;
	}

	.compnay-content {
		padding: 0;
	}

	.faq-list .item .box .top .name {
		font-size: 4vw;
		line-height: 25px;
		padding: 7.5px 0px;
		width: calc(100% - 30px);
	}

	.faq-list .item .box .desc {
		font-size: 3.8vw;
	}

	.faq-list .item {
		margin-bottom: 5vw;
		padding-bottom: 5vw;
	}

	.faq-list {
		width: 100%;
		background: transparent;
		backdrop-filter: blur(40px);
		padding: 0;
		border: none;
	}

	.detail_box .singe-page {
		margin-bottom: 15vw;
	}

	.faq-box.xw {
		margin-bottom: 5vw;
	}
}