/*reset Css*/
* {
	margin: 0;
	padding: 0;
}

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td

/* table elements 表格元素 */
	{
	margin: 0;
	padding: 0;
}

ol,
ul,
li {
	list-style: none;
}

/* :is(.is-layout-flow, .is-layout-constrained)>*:where(:not(h1, h2, h3, h4, h5, h6)) {
	margin-block-end: 0 !important;
} */

*[class*="rect-"] {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

*[class*="rect-"] ._full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	*height: auto;
	object-fit: cover;
}

.rect-75 {
	padding-bottom: 75%;
}

.rect-100 {
	padding-bottom: 100%;
}

li *[class*="pic"] {
	overflow: hidden;
}

li *[class*="pic"]>img {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

li:hover *[class*="pic"]>img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.trs3 {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*==常用字号==*/
.tit-12 {
	font-size: 12px;
}

.tit-13 {
	font-size: 13px;
}

.tit-14 {
	font-size: 14px;
}

.tit-15 {
	font-size: 15px;
}

.tit-16 {
	font-size: 16px;
}

.tit-17 {
	font-size: 17px;
}

.tit-18 {
	font-size: 18px;
}

.tit-19 {
	font-size: 19px;
}

.tit-20 {
	font-size: 20px;
}

.tit-21 {
	font-size: 21px;
}

.tit-22 {
	font-size: 22px;
}

.tit-23 {
	font-size: 23px;
}

.tit-24 {
	font-size: 24px;
}

.tit-25 {
	font-size: 25px;
}

.tit-26 {
	font-size: 26px;
}

.tit-27 {
	font-size: 27px;
}

.tit-28 {
	font-size: 28px;
}

.tit-29 {
	font-size: 29px;
}

.tit-30 {
	font-size: 30px;
}

.tit-31 {
	font-size: 31px;
}

.tit-32 {
	font-size: 32px;
}

.tit-33 {
	font-size: 33px;
}

.tit-34 {
	font-size: 34px;
}

.tit-35 {
	font-size: 35px;
}

.tit-36 {
	font-size: 36px;
}

.tit-37 {
	font-size: 37px;
}

.tit-38 {
	font-size: 38px;
}

.tit-39 {
	font-size: 39px;
}

.tit-40 {
	font-size: 40px;
}

.tit-41 {
	font-size: 41px;
}

.tit-42 {
	font-size: 42px;
}

.tit-43 {
	font-size: 43px;
}

.tit-44 {
	font-size: 44px;
}

.tit-45 {
	font-size: 45px;
}

.tit-46 {
	font-size: 46px;
}

.tit-47 {
	font-size: 47px;
}

.tit-48 {
	font-size: 48px;
}

.tit-49 {
	font-size: 49px;
}

.tit-50 {
	font-size: 50px;
}

.tit-51 {
	font-size: 51px;
}

.tit-52 {
	font-size: 52px;
}

.tit-53 {
	font-size: 53px;
}

.tit-54 {
	font-size: 54px;
}

.tit-55 {
	font-size: 55px;
}

.tit-56 {
	font-size: 56px;
}

.tit-57 {
	font-size: 57px;
}

.tit-58 {
	font-size: 58px;
}

.tit-59 {
	font-size: 59px;
}

.tit-60 {
	font-size: 60px;
}

.tit-61 {
	font-size: 61px;
}

.tit-62 {
	font-size: 62px;
}

.tit-63 {
	font-size: 63px;
}

.tit-64 {
	font-size: 64px;
}

.tit-65 {
	font-size: 65px;
}

.tit-66 {
	font-size: 66px;
}

.tit-67 {
	font-size: 67px;
}

.tit-68 {
	font-size: 68px;
}

.tit-69 {
	font-size: 69px;
}

.tit-70 {
	font-size: 70px;
}

.tit-71 {
	font-size: 71px;
}

.tit-72 {
	font-size: 72px;
}

.tit-73 {
	font-size: 73px;
}

.tit-74 {
	font-size: 74px;
}

.tit-75 {
	font-size: 75px;
}

.tit-76 {
	font-size: 76px;
}

.tit-77 {
	font-size: 77px;
}

.tit-78 {
	font-size: 78px;
}

.tit-79 {
	font-size: 79px;
}

.tit-80 {
	font-size: 80px;
}

@media (max-width: 768px) {
	.tit-16 {
		font-size: 12px;
	}

	.tit-18 {
		font-size: 14px;
	}

	.tit-20 {
		font-size: 16px;
	}

	.tit-33 {
		font-size: 20px;
	}

	.tit-34 {
		font-size: 21px;
	}

	.tit-35 {
		font-size: 22px;
	}

	.tit-36 {
		font-size: 23px;
	}

	.tit-37 {
		font-size: 24px;
	}

	.tit-38 {
		font-size: 25px;
	}

	.tit-39 {
		font-size: 26px;
	}

	.tit-40 {
		font-size: 24px;
	}

	.tit-41 {
		font-size: 25px;
	}

	.tit-42 {
		font-size: 26px;
	}

	.tit-43 {
		font-size: 27px;
	}

	.tit-44 {
		font-size: 28px;
	}

	.tit-45 {
		font-size: 29px;
	}

	.tit-46 {
		font-size: 30px;
	}

	.tit-47 {
		font-size: 31px;
	}

	.tit-48 {
		font-size: 32px;
	}

	.tit-49 {
		font-size: 33px;
	}

	.tit-50 {
		font-size: 28px;
	}

	.tit-51 {
		font-size: 29px;
	}

	.tit-52 {
		font-size: 30px;
	}

	.tit-53 {
		font-size: 31px;
	}

	.tit-54 {
		font-size: 32px;
	}

	.tit-55 {
		font-size: 33px;
	}

	.tit-56 {
		font-size: 34px;
	}

	.tit-57 {
		font-size: 35px;
	}

	.tit-58 {
		font-size: 36px;
	}

	.tit-59 {
		font-size: 37px;
	}

	.tit-60 {
		font-size: 36px;
	}

	.tit-61 {
		font-size: 37px;
	}

	.tit-62 {
		font-size: 38px;
	}

	.tit-63 {
		font-size: 39px;
	}

	.tit-64 {
		font-size: 40px;
	}

	.tit-65 {
		font-size: 41px;
	}

	.tit-66 {
		font-size: 42px;
	}

	.tit-67 {
		font-size: 43px;
	}

	.tit-68 {
		font-size: 44px;
	}

	.tit-69 {
		font-size: 45px;
	}

	.tit-70 {
		font-size: 46px;
	}

	.tit-70 {
		font-size: 42px;
	}

	.tit-71 {
		font-size: 43px;
	}

	.tit-72 {
		font-size: 44px;
	}

	.tit-73 {
		font-size: 45px;
	}

	.tit-74 {
		font-size: 46px;
	}

	.tit-75 {
		font-size: 47px;
	}

	.tit-76 {
		font-size: 48px;
	}

	.tit-77 {
		font-size: 49px;
	}

	.tit-78 {
		font-size: 50px;
	}

	.tit-79 {
		font-size: 51px;
	}

	.tit-80 {
		font-size: 52px;
	}
}


/*==常用字号==*/
body {
	--f14: 14px;
	--f16: 16px;
	--f18: 18px;
	--f20: 20px;
	--f22: 22px;
	--f24: 24px;
	--f26: 26px;
	--f28: 28px;
	--f30: 30px;
	--f32: 32px;
	--f34: 34px;
	--f36: 36px;
	--f38: 38px;
	--f40: 40px;
	--f42: 42px;
	--f44: 44px;
	--f46: 46px;
	--f48: 48px;
	--f50: 50px;
	--f52: 52px;
	--f54: 54px;
	--f56: 56px;
	--f58: 58px;
	--f60: 60px;
	--f62: 62px;
	--f64: 64px;
	--f66: 66px;
	--f68: 68px;
	--f70: 70px;
	--f72: 72px;
	--f80: 80px;
	--f100: 100px;
}

@media screen and (max-width: 1520px) {
	body {
		--f14: 12px;
		--f16: 14px;
		--f18: 16px;
		--f20: 18px;
		--f22: 20px;
	}
}

@media screen and (max-width: 1200px) {
	body {
		--f22: 16px;
		--f24: 18px;
		--f26: 20px;
		--f28: 22px;
		--f30: 36px;
		--f32: 36px;
		--f34: 38px;
		--f36: 40px;
		--f38: 40px;
		--f40: 40px;
		--f42: 40px;
		--f44: 40px;
		--f46: 40px;
		--f48: 40px;
		--f50: 42px;
		--f52: 46px;
		--f54: 48px;
		--f56: 52px;
		--f58: 52px;
		--f60: 54px;
		--f80: 72px;
		--interval: 5vw;
		--nav_height: 58px;
	}
}

@media screen and (max-width: 767px) {
	body {
		--f14: 24px;
		--f16: 26px;
		--f18: 28px;
		--f20: 28px;
		--f22: 30px;
		--f24: 32px;
		--f26: 34px;
		--f28: 36px;
		--f30: 40px;
		--f32: 40px;
		--f34: 40px;
		--f36: 40px;
		--f38: 40px;
		--f40: 42px;
		--f42: 42px;
		--f44: 42px;
		--f46: 42px;
		--f48: 42px;
		--f50: 42px;
		--f52: 42px;
		--f54: 44px;
		--f56: 46px;
		--f58: 46px;
		--f60: 48px;
		--f80: 64px;
	}
}

.f14 {
	font-size: var(--f14);
}

.f16 {
	font-size: var(--f16);
}

.f18 {
	font-size: var(--f18);
}

.f20 {
	font-size: var(--f20);
}

.f22 {
	font-size: var(--f22);
}

.f24 {
	font-size: var(--f24);
}

.f26 {
	font-size: var(--f26);
}

.f28 {
	font-size: var(--f28);
}

.f30 {
	font-size: var(--f30);
}

.f32 {
	font-size: var(--f32);
}

.f34 {
	font-size: var(--f34);
}

.f36 {
	font-size: var(--f36);
}

.f38 {
	font-size: var(--f38);
}

.f40 {
	font-size: var(--f40);
}

.f42 {
	font-size: var(--f42);
}

.f44 {
	font-size: var(--f44);
}

.f46 {
	font-size: var(--f46);
}

.f48 {
	font-size: var(--f48);
}

.f50 {
	font-size: var(--f50);
}

.f52 {
	font-size: var(--f52);
}

.f54 {
	font-size: var(--f54);
}

.f56 {
	font-size: var(--f56);
}

.f58 {
	font-size: var(--f58);
}

.f60 {
	font-size: var(--f60);
}

.f62 {
	font-size: var(--f62);
}

.f64 {
	font-size: var(--f64);
}

.f66 {
	font-size: var(--f66);
}

.f68 {
	font-size: var(--f68);
}

.f70 {
	font-size: var(--f70);
}

.f72 {
	font-size: var(--f72);
}

.f80 {
	font-size: var(--f80);
}

.f100 {
	font-size: var(--f100);
}

/* flex布局 */
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*默认 主轴为水平方向，起点在左端*/
.f-dr {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

/*主轴为水平方向，起点在右端*/
.f-dr-r {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*主轴为垂直方向，起点在上沿*/
.f-dc {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*主轴为垂直方向，起点在下沿*/
.f-dc-r {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

/* 交叉轴的起点对齐 */
.f-as {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/* 交叉轴的中点对齐 */
.f-ac {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* 交叉轴的终点对齐 */
.f-ae {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/* 项目的第一行文字的基线对齐 */
.f-ab {
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

/* 交叉轴拉伸对齐 */
.f-ast {
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* 左对齐 */
.f-js {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

/* 居中 */
.f-jc {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* 右对齐 */
.f-je {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {
	-webkit-box-pack: distribute;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

/* 换行，第一行在上方 */
.f-warp {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 换行，在第一行的下方 */
.f-warp-r {
	-webkit-flex-wrap: wrap-reverse;
	-moz-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	-o-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.yashi-banner-slider {
	position: relative;
	min-width: 100%;
	overflow: hidden;
	background-color: #fff
}

.yashi-slides-container {
	position: relative;
	width: 100%;
	min-height: 850px;
	display: flex
}

.yashi-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease-in-out, visibility 0.8s
}

.yashi-slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0
}

.yashi-slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.yashi-slide.has-content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none
}

.yashi-slide-content {
	position: relative;
	z-index: 2;
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 20px;
	height: 100%;
	min-height: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.yashi-slide-content.align-left {
	align-items: flex-start;
	text-align: left
}

.yashi-slide-content.align-right {
	align-items: flex-end;
	text-align: right
}

.yashi-slide-content.align-center {
	align-items: center;
	text-align: center
}

.yashi-slide-content-inner {
	max-width: 45%;
	margin: 0
}

.yashi-slide-heading {
	font-size: 50px;
	font-weight: 500;
	line-height: 1.125em;
	letter-spacing: -.03em;
	color: #fff;
	margin: 0 0 23px 0
}

.yashi-slide-text {
	font-size: 16px;
	line-height: 1.875em;
	color: #fff;
	margin-bottom: 48px
}

.yashi-slide-button {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 1em 1.71em;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 10px;
	color: #ffffff !important;
	border: solid 1px var(--theme-palette-color-1) !important;
	background: linear-gradient(90deg, var(--theme-palette-color-1) 50%, #02225B 50%);
	background-size: 204% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	transition: all 0.45s ease
}

.yashi-slide-button svg {
	width: 14px;
	height: 14px;
	stroke: #fff;
	stroke-width: 2;
	fill: none;
	transition: transform 0.3s
}

.yashi-slide-button:hover {
	background-position: 100% 0;
	color: #ffffff !important;
	border-color: #02225B !important
}

.yashi-slide-button:hover svg {
	transform: translateX(4px)
}

.yashi-slider-footer {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 3;
	pointer-events: none
}

.yashi-slider-footer-content {
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	pointer-events: auto
}

.yashi-slider-pagination {
	display: flex;
	align-items: center;
	gap: 20px
}

.yashi-slider-progress {
	font-size: 16px;
	color: #fff;
	font-weight: 500
}

.yashi-slider-progress .current {
	font-weight: 600
}

.yashi-slider-dots {
	display: flex;
	gap: 15px
}

.yashi-slider-dot {
	width: 48px;
	height: 4px;
	border-bottom: 2px solid rgb(255 255 255 / .6);
	cursor: pointer;
	transition: 0.3s
}

.yashi-slider-dot.active {
	border-bottom: 4px solid var(--theme-palette-color-1)
}

.yashi-slider-nav {
	display: flex;
	gap: 12px
}

.yashi-slider-nav button {
	width: 48px;
	height: 48px;
	background: rgb(255 255 255 / .9);
	border: none;
	border-radius: 15px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s
}

.yashi-slider-nav button:hover {
	background: var(--theme-palette-color-1)
}

.yashi-slider-nav button svg {
	width: 24px;
	height: 24px;
	stroke: #333;
	stroke-width: 2;
	fill: none
}

.yashi-slider-nav button:hover svg {
	stroke: #fff
}

@media (max-width: 1200px) {
	.yashi-slide-heading {
		font-size: 36px
	}

	.yashi-slide-content-inner {
		max-width: 50%
	}

	.yashi-slides-container {
		min-height: 700px
	}
}

@media (max-width: 840px) {
	.yashi-slide-heading {
		font-size: 26px
	}
}

@media (max-width: 768px) {
	.yashi-slides-container {
		min-height: 500px
	}
}

@media (max-width: 660px) {

	.yashi-slide-content.align-left,
	.yashi-slide-content.align-right {
		align-items: center;
		text-align: center
	}

	.yashi-slide-content-inner {
		max-width: 100%;
		margin: 40px 0 0 0;
		text-align: center !important
	}

	.yashi-slide-heading {
		font-size: 28px
	}

	.yashi-slider-footer-content {
		justify-content: space-between;
		flex-wrap: nowrap;
		bottom: 20px;
		gap: 10px
	}

	.yashi-slider-pagination {
		gap: 10px
	}

	.yashi-slider-progress {
		font-size: 14px
	}

	.yashi-slider-dot {
		width: 24px
	}

	.yashi-slider-nav button {
		width: 36px;
		height: 36px;
		border-radius: 8px
	}

	.yashi-slider-nav button svg {
		width: 18px;
		height: 18px
	}
}

/* 1. 模块整体样式 */
.about-alion-section {
	background: #ffffff;
}

.about-content-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	margin-bottom: 40px;
	align-items: center;
}

/* 2. 左侧文字区样式 */
.section-subtitle {
	display: block;
	color: var(--theme-palette-color-1);
	/* 品牌蓝色 */
	font-size: 48px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
}

.section-title {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.title-blue {
	color: var(--theme-palette-color-1);
	font-weight: 700;
}

.title-black {
	color: #353535;
	font-weight: 500;
}

.section-desc {
	color: #353535;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 520px;
}

.about-btn {
	display: inline-block;
	background: var(--theme-palette-color-1);
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 50px;
	text-transform: uppercase;
	transition: background 0.3s ease;
}

.about-btn:hover {
	background: var(--stk-button-background-color);
}

/* 3. 右侧数据卡片区样式 */
.about-data-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.data-card {
	padding: 20px 0;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/* 去掉最后一列的右边框、最后一行的下边框 */
.data-card:nth-child(2n) {
	border-right: none;
}

.data-card:nth-child(n+3) {
	border-bottom: none;
}

.data-icon {
	display: block;
	font-size: 40px;
	color: var(--theme-palette-color-1);
	margin-bottom: 10px;
	line-height: 1.3;
}

.data-number {
	display: inline-block;
	font-size: 70px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin-bottom: 8px;
	line-height: 1.3;
}

.data-card b {
	display: inline-block;
	font-size: 70px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
}

.data-label {
	font-size: 16px;
	color: #353535;
	line-height: 1.4;
	font-weight: 500;
	text-transform: capitalize;
}

/* 4. 底部图片展示区样式 */
.about-gallery-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.gallery-big img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

.gallery-small-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.gallery-small-item img {
	width: 100%;
	height: 190px;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15);
}

/* 5. 响应式适配（移动端友好） */
@media screen and (max-width: 992px) {
	.about-content-row {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.section-title {
		font-size: 36px;
	}

	.about-gallery-row {
		grid-template-columns: 1fr;
	}

	.gallery-big img {
		height: 300px;
	}
}

@media screen and (max-width: 768px) {
	.about-data-col {
		grid-template-columns: 1fr;
	}

	.data-card {
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
	}

	.data-card:last-child {
		border-bottom: none;
	}

	.gallery-small-group {
		grid-template-columns: 1fr;
	}
}

/* 首页产品 */
/* 外层区块与版心 */
.ys-wz-section {
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
	background-color: #F7F7F7;
}

/* 头部布局 */
.ys-wz-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
	gap: 30px;
}

.ys-wz-header-left {
	max-width: 50%;
}

.ys-wz-title {
	font-size: 44px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 12px;
	line-height: 1.2;
}

.ys-wz-text-blue {
	color: var(--theme-palette-color-1);
}

.ys-wz-desc {
	font-size: 16px;
	color: #666666;
	line-height: 1.6;
}

.ys-wz-header-right {
	display: flex;
	gap: 16px;
	margin-bottom: 5px;
}

/* 按钮样式 */
.ys-wz-btn {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 10px 2px;
	text-transform: capitalize;
	transition: background 0.3s ease;
	background-color: transparent;
	color: var(--theme-palette-color-1);
	border: 1px solid var(--theme-palette-color-1);
}

.ys-wz-btn-outline,
.ys-wz-btn-primary {
	background-color: transparent;
	color: var(--theme-palette-color-1);
	border: 1px solid var(--theme-palette-color-1);
}

.ys-wz-btn-outline:hover,
.ys-wz-btn-primary:hover {
	background-color: var(--theme-palette-color-1);
	color: #ffffff;
	border-color: #fff;
}

.solution_wrap .ys-wz-btn-outline {
	color: #fff;
	border-color: #fff;
}

.solution_wrap .ys-wz-btn-outline:hover {
	border-color: var(--theme-palette-color-1);
}

.ys-wz-btn-small {
	padding: 10px 32px;
	border-radius: 4px;
}

/* 手风琴交互核心区域 */
.ys-wz-accordion {
	display: flex;
	height: 620px;
	/* 调整高度为 620px */
	gap: 2px;
	border-radius: 8px;
	overflow: hidden;
}

/* 单个面板基础样式 */
.ys-wz-item {
	flex: 1;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: flex 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-color: #222;
}

/* ================= 背景图层切换逻辑 ================= */
.ys-wz-bg-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 强制图片占满整个容器，不裁剪任何部分 */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	z-index: 1;
	/* 背景在最底层 */
}

/* 默认状态：显示收起图，隐藏展开图 */
.ys-wz-bg-collapsed {
	opacity: 1;
}

.ys-wz-bg-expanded {
	opacity: 0;
}

/* 鼠标悬停在当前面板时：隐藏收起图，显示展开图 */
.ys-wz-item:hover .ys-wz-bg-collapsed {
	opacity: 0;
}

.ys-wz-item:hover .ys-wz-bg-expanded {
	opacity: 1;
}

/* ================= 遮罩层 ================= */
.ys-wz-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 黑色半透明渐变，确保上面的白字清晰可见 */
	background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.3) 100%);
	pointer-events: none;
	z-index: 2;
	/* 遮罩在背景之上，文字之下 */
	opacity: 0.8;
	transition: opacity 0.4s ease;
}

.ys-wz-item:hover .ys-wz-overlay {
	opacity: 0;
}

/* ================= 内容区与标题样式 ================= */
.ys-wz-item-content {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -30%);
	width: 80%;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease;
	z-index: 3;
	/* 文字在最顶层，绝对可见 */
}

.ys-wz-item-collapsed-title {
	position: absolute;
	bottom: 40px;
	/* 稍微调高一点底部标题的位置，适应更高的高度 */
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	opacity: 1;
	transition: opacity 0.4s ease;
	white-space: nowrap;
	pointer-events: none;
	z-index: 3;
	/* 文字在最顶层，绝对可见 */
	line-height: 1.3;
}

/* 所有面板统一使用白色文字，确保在图片上清晰 */
.ys-wz-item-dark .ys-wz-item-title-main {
	color: var(--theme-palette-color-1);
}

.ys-wz-item-dark .ys-wz-item-subtitle {
	color: #353535;
	margin-bottom: 24px;
}

.ys-wz-item-dark .ys-wz-item-collapsed-title {
	color: #ffffff;
}

.ys-wz-item-title-main {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 12px;
}

/* ================= 核心交互逻辑 (包含第一个面板的特殊处理) ================= */

/* 1. 默认让第一个面板展开，并强制显示【展开图】和【完整内容】 */
/* .ys-wz-item:first-child {
	flex: 3.5;
} */

/* .ys-wz-item:first-child .ys-wz-bg-collapsed {
	opacity: 1;
}

.ys-wz-item:first-child .ys-wz-bg-expanded {
	opacity: 0;
}

.ys-wz-item:first-child .ys-wz-item-content {
	opacity: 1;
	pointer-events: auto;
}

.ys-wz-item:first-child .ys-wz-item-collapsed-title {
	opacity: 0;
}

.ys-wz-item:first-child .ys-wz-overlay {
	opacity: 0;
} */

/* 2. 当鼠标悬停在整个容器上时，重置所有面板为收起状态 */
.ys-wz-accordion:hover .ys-wz-item {
	flex: 1;
}

/* 此时，如果第一个面板没有被 hover，它需要切换回【收起图】和【底部短标题】 */
.ys-wz-accordion:hover .ys-wz-item:first-child:not(:hover) .ys-wz-bg-collapsed {
	opacity: 1;
}

.ys-wz-accordion:hover .ys-wz-item:first-child:not(:hover) .ys-wz-bg-expanded {
	opacity: 0;
}

.ys-wz-accordion:hover .ys-wz-item:first-child:not(:hover) .ys-wz-item-content {
	opacity: 0;
	pointer-events: none;
}

.ys-wz-accordion:hover .ys-wz-item:first-child:not(:hover) .ys-wz-item-collapsed-title {
	opacity: 1;
}

.ys-wz-accordion:hover .ys-wz-item:first-child:not(:hover) .ys-wz-overlay {
	opacity: 0.8;
}

/* 3. 鼠标悬停在具体某个面板上时，该面板展开并显示完整内容 */
.ys-wz-accordion .ys-wz-item:hover {
	flex: 3;
}

.ys-wz-item:hover .ys-wz-item-content {
	opacity: 1;
	pointer-events: auto;
}

.ys-wz-item:hover .ys-wz-item-collapsed-title {
	opacity: 0;
}

/* 响应式设计 */
@media (max-width: 1200px) {
	.ys-wz-title {
		font-size: 36px;
	}

	.ys-wz-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.ys-wz-header-left {
		max-width: 100%;
	}

	.ys-wz-accordion {
		height: 500px;
	}

	/* 笔记本端稍微调高 */
}

@media (max-width: 768px) {
	.ys-wz-section {
		padding: 40px 15px;
	}

	.ys-wz-title {
		font-size: 28px;
	}

	.ys-wz-header-right {
		flex-direction: column;
		width: 100%;
	}

	.ys-wz-btn {
		width: 100%;
	}

	.ys-wz-accordion {
		flex-direction: column;
		height: 800px;
	}

	/* 手机端调高以适应内容 */
	.ys-wz-item-content {
		width: 90%;
	}

	.ys-wz-item-collapsed-title {
		white-space: normal;
		font-size: 18px;
		bottom: 20px;
	}
}

/* 您提供的 CSS 代码 */
.solution_wrap .j_item {
	position: relative;
}

.solution_wrap .j_item .j_item_hd {
	position: absolute;
	z-index: 2;
}

.solution_wrap .j_item .j_item_hd_w {
	width: 21vw;
	padding-top: 8vw;
}

.solution_wrap .j_item .j_item_hd .j_tit {
	font-size: 48px;
	color: #fff;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 50px;
	font-weight: bold;
	/* 补充字体加粗 */
}

.solution_wrap .j_item .j_item_hd .list {
	display: flex;
	flex-direction: column;
}

.solution_wrap .j_item .j_item_hd .list .item {
	display: inline-block;
	padding-left: 22px;
	font-size: 22px;
	color: #fff;
	position: relative;
	margin-bottom: 30px;
	cursor: pointer;
	text-transform: capitalize;
}

.solution_wrap .j_item .j_item_hd .list .item:before {
	content: '';
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 12px;
	/* 调整了圆点位置使其居中 */
	display: block;
}

.solution_wrap .j_item .j_item_hd .list .item_w.cur .item {
	color: var(--theme-palette-color-1);
}

.solution_wrap .j_item .j_item_hd .list .item_w.cur .item:after {
	content: '';
	width: 100%;
	height: 2px;
	background: var(--theme-palette-color-1);
	display: block;
	position: absolute;
	left: 0;
	bottom: -5px;
	/* 调整了下划线位置 */
}

.solution_wrap .j_item .j_item_hd .list .item_w.cur .item:before {
	background: var(--theme-palette-color-1);
}

/* 补充：底部 Discover all products 样式 */
.solution_wrap .j_item .j_item_hd .more {
	margin-top: 20px;
}

.solution_wrap .j_item .j_item_hd .new_more {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
}

.solution_wrap .j_item .j_item_hd .new_more .ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	transition: all 0.3s;
}

.solution_wrap .j_item .j_item_hd .new_more:hover .ico {
	background: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1);
}

.solution_wrap .j_item .j_item_bd_item .item_bg img {
	width: 100%;
	height: 100vh;
	/* 强制背景图高度，避免塌陷 */
	object-fit: cover;
}

/* 1. 给图片的外层容器加上相对定位和高度 */
.solution_wrap .j_item .j_item_bd_item .item_bg {
	position: relative;
	width: 100%;
	height: 100vh;
}

/* 2. 使用伪元素 ::after 制作渐变蒙版 */
.solution_wrap .j_item .j_item_bd_item .item_bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 核心：从左到右的渐变蒙版。左侧80%黑度，右侧20%黑度 */
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
	z-index: 1;
	/* 确保蒙版在图片之上，文字之下 */
	pointer-events: none;
	/* 防止蒙版阻挡鼠标点击 */
}

/* 3. 调整图片样式，确保它完美填满容器 */
.solution_wrap .j_item .j_item_bd_item .item_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


.solution_wrap .j_item .j_item_bd .j_item_bd_item {
	position: relative;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 1400px;
	top: 0;
	height: 100%;
	z-index: 1;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .item_con_w {
	position: absolute;
	left: 30%;
	border-left: 1px solid rgba(255, 255, 255, .5);
	height: 100%;
	padding-left: 7vw;
	display: flex;
	flex-direction: column;
	z-index: 3;
	justify-content: center;
	align-items: flex-start;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .tit {
	font-size: 32px;
	color: #fff;
	text-transform: capitalize;
	font-weight: bold;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .desc {
	width: 50%;
	font-size: 18px;
	color: #fff;
	margin: 20px 0 60px;
	text-transform: capitalize;
	line-height: 1.6;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more {
	border: 1px solid #fff;
	border-radius: 100px;
	padding: 0 23px;
	margin-bottom: 100px;
	font-weight: bold;
	height: 45px;
	line-height: 43px;
	width: 180px;
	color: #fff;
	text-transform: uppercase;
	transition: all .5s;
	display: inline-block;
	text-align: center;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more i {
	margin-left: 6px;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico {
	width: 150px;
	height: 150px;
	border-top-right-radius: 1000px;
	background: var(--theme-palette-color-1);
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .more:hover {
	background: var(--theme-palette-color-1);
	;
	color: #fff;
	border-color: var(--theme-palette-color-1);
	;
}

.solution_wrap .j_item .j_item_bd .j_item_bd_item .item_con .ico svg {
	width: 64px;
	height: 64px;
	margin: 25px 25px 0 0;
	/* 如果占位图是方的，变圆一点好看 */
}

.solution_wrap .j_item_bd .j_item_bd_item {
	display: none;
}

.solution_wrap .j_item_bd .j_item_bd_item:first-child {
	display: block;
}

/* 流程 */
/* =========================================
   生产流程区域 (8步网格)
   ========================================= */
.ys-wz-process-section {
	padding: 80px 0;
	background-color: var(--ys-wz-bg-light);
	/* 使用浅灰色背景区分区块 */
}

.ys-wz-process-header {
	text-align: center;
	margin-bottom: 50px;
}

.ys-wz-section-title {
	font-size: 42px;
	color: var(--ys-wz-dark-blue);
	font-weight: 700;
	margin-bottom: 15px;
}

.ys-wz-section-subtitle {
	font-size: 18px;
	color: var(--ys-wz-text-light);
	max-width: 700px;
	margin: 0 auto;
}

/* 4x2 网格布局 */
.ys-wz-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
	margin: 0 -20px;
}

/* 流程卡片 */
.ys-wz-process-card {
	position: relative;
	height: 380px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* 背景图层 (独立出来方便做缩放动画) */
.ys-wz-process-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 1;
}

/* 自然渐变遮罩 (底部深色，顶部透明) */
.ys-wz-process-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 51, 102, 0.95) 0%, rgba(0, 51, 102, 0.4) 50%, rgba(0, 0, 0, 0.1) 100%);
	z-index: 2;
	transition: background 0.4s ease;
}

/* 步骤大数字 (右上角虚化) */
.ys-wz-process-num {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 64px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.15);
	line-height: 1;
	z-index: 3;
	transition: color 0.4s ease, transform 0.4s ease;
}

/* 卡片内容区 */
.ys-wz-process-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 25px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.ys-wz-process-title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	transform: translateY(20px);
	transition: transform 0.4s ease;
}

.ys-wz-process-desc {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	line-height: 1.5;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	/* 限制两行显示 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: none;
}

/* 流程指向箭头 */
.ys-wz-process-arrow {
	position: absolute;
	right: 25px;
	bottom: 30px;
	color: var(--ys-wz-primary-blue);
	font-size: 20px;
	opacity: 0;
	transform: translateX(-10px);
	transition: all 0.4s ease;
}

.ys-wz-check {
	color: #4CAF50;
	/* 最后一步的完成图标颜色 */
}

/* Hover 交互效果 */
.ys-wz-process-card:hover .ys-wz-process-bg {
	transform: scale(1.08);
	/* 背景图缓慢放大 */
}

.ys-wz-process-card:hover .ys-wz-process-overlay {
	background: linear-gradient(to top, rgba(0, 51, 102, 0.98) 0%, rgba(0, 51, 102, 0.6) 60%, rgba(0, 0, 0, 0.2) 100%);
}

.ys-wz-process-card:hover .ys-wz-process-num {
	color: rgba(255, 255, 255, 0.3);
	transform: scale(1.1);
}

.ys-wz-process-card:hover .ys-wz-process-title {
	transform: translateY(0);
}

.ys-wz-process-card:hover .ys-wz-process-desc {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.1s;
	/* 描述文字稍微延迟出现，增加层次感 */
}

.ys-wz-process-card:hover .ys-wz-process-arrow {
	opacity: 1;
	transform: translateX(0);
	transition-delay: 0.2s;
}

/* =========================================
   响应式调整
   ========================================= */

/* 笔记本/小屏幕桌面端 (max-width: 1200px) */
@media (max-width: 1200px) {
	.ys-wz-process-grid {
		gap: 15px;
	}

	.ys-wz-process-card {
		height: 340px;
	}

	.ys-wz-process-title {
		font-size: 20px;
	}

	.ys-wz-process-content {
		padding: 20px 15px;
	}
}

/* 平板端 (max-width: 992px) - 改为 2x4 网格 */
@media (max-width: 992px) {
	.ys-wz-process-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.ys-wz-process-card {
		height: 300px;
	}

	.ys-wz-section-title {
		font-size: 36px;
	}
}

/* 手机端 (max-width: 768px) - 改为单列 */
@media (max-width: 768px) {
	.ys-wz-process-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.ys-wz-process-card {
		height: 260px;
	}

	/* 手机端默认显示文字，取消hover隐藏机制，保证触屏体验 */
	.ys-wz-process-title,
	.ys-wz-process-desc,
	.ys-wz-process-arrow {
		transform: translateY(0) translateX(0);
		opacity: 1;
	}

	.ys-wz-process-overlay {
		background: linear-gradient(to top, rgba(0, 51, 102, 0.95) 0%, rgba(0, 51, 102, 0.5) 70%, rgba(0, 0, 0, 0.2) 100%);
	}
}

/* =========================================
   流程步骤之间的连接箭头
   ========================================= */
.ind_liucheng .i_tit {
	text-align: center;
}

.ys-wz-process-item {
	position: relative;
	padding: 20px;
}

/* 默认状态：向右的箭头徽章 */
.ys-wz-process-item::after {
	content: '➔';
	position: absolute;
	top: 50%;
	right: -12.5px;
	/* 完美居中于 25px 的 Grid Gap 中 */
	transform: translate(50%, -50%);
	width: 32px;
	height: 32px;
	background-color: var(--ys-wz-white);
	color: var(--ys-wz-primary-blue);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	/* 确保箭头符号在各平台渲染一致 */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 10;
}

/* 桌面端：第4个卡片（第一行末尾），箭头向下指，连接第二行 */
.ys-wz-process-item:nth-child(4)::after {
	content: '↓';
	top: auto;
	bottom: -12.5px;
	right: 50%;
	transform: translate(50%, 50%);
}

.ys-wz-process-item:nth-child(5)::after,
.ys-wz-process-item:nth-child(6)::after,
.ys-wz-process-item:nth-child(7)::after {
	right: -22px;
	transform: rotate(180deg);
}


/* 第8个卡片（最后一步）：不需要箭头 */
.ys-wz-process-item:nth-child(8)::after {
	display: none;
}


/* --- 响应式箭头逻辑调整 --- */

/* 平板端 (max-width: 992px) - 变为 2列 x 4行 */
@media (max-width: 992px) {

	/* 重置所有箭头为向右 */
	.ys-wz-process-item::after {
		content: '➔';
		top: 50%;
		bottom: auto;
		right: -10px;
		/* 适应平板端 20px 的 gap */
		left: auto;
		transform: translate(50%, -50%);
	}

	/* 偶数项 (第2, 4, 6项，即每行末尾) 箭头向下指 */
	.ys-wz-process-item:nth-child(2n)::after {
		content: '↓';
		top: auto;
		bottom: -10px;
		right: 50%;
		transform: translate(50%, 50%);
	}

	/* 第8项依然隐藏 */
	.ys-wz-process-item:nth-child(8)::after {
		display: none;
	}
}

/* 手机端 (max-width: 768px) - 变为 单列 */
@media (max-width: 768px) {

	/* 所有箭头都向下指，连接下一个卡片 */
	.ys-wz-process-item::after {
		content: '↓';
		top: auto;
		bottom: -10px;
		right: 50%;
		left: auto;
		transform: translate(50%, 50%);
	}

	.ys-wz-process-item:nth-child(8)::after {
		display: none;
	}
}

/* 证书 */
/* ================= 布局与版心 ================= */
.ys-wz-cert-section {
	width: 100%;
	padding: 80px 20px;
	background-color: #ffffff;
}

/* ================= 头部标题区 ================= */
.ind_honor .ys-wz-header {
	flex-direction: column;
	align-items: center;
	margin-bottom: 25px;
}

.ys-wz-header {
	margin-bottom: 50px;
}


.ind_honor .ys-wz-title {
	margin-bottom: 0;
}

.ys-wz-title {
	font-size: 44px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	;
	/* 提取自图片的品牌蓝 */
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1.2;
}

.ind_honor .ys-wz-desc {
	max-width: 80%;
	text-align: center;
}

.ys-wz-desc {
	font-size: 16px;
	color: #555555;
	line-height: 1.6;
	max-width: 100%;
	/* margin: 0 auto; */
}

/* ================= 标签页 (Tabs) ================= */
.ys-wz-tabs-wrapper {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
}

.ys-wz-tabs {
	display: flex;
	gap: 60px;
}

.ys-wz-tab {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
	color: #353535;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	transition: color 0.3s ease;
}


.ys-wz-tab img {
	color: inherit;
	transition: color 0.3s ease;
}

.ys-wz-tab-active svg path {
	color: var(--theme-palette-color-1);
	fill: var(--theme-palette-color-1);
	stroke: var(--theme-palette-color-1);
}

.ys-wz-tab:hover svg path {
	color: var(--theme-palette-color-1);
	fill: var(--theme-palette-color-1);
	stroke: var(--theme-palette-color-1);
}

/* 激活状态的 Tab (深灰色) */
.ys-wz-tab-active {
	color: var(--theme-palette-color-1);
}

/* 激活状态的底部指示线 */
.ys-wz-tab-active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--theme-palette-color-1);
	/* 配合底部的灰线 */
}

.ys-wz-tab:hover {
	color: var(--theme-palette-color-1);
}

/* --- 图标默认状态（深灰色） --- */
.ys-wz-tab-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background-color: #353535;
	/* 默认的深灰色 */

	/* 使用 CSS 遮罩技术，将图片变成镂空模板 */
	-webkit-mask-image: var(--icon-url);
	mask-image: var(--icon-url);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;

	transition: background-color 0.3s ease;
}

/* --- 激活和悬停状态：图标变成主题色 --- */
.ys-wz-tab-active .ys-wz-tab-icon,
.ys-wz-tab:hover .ys-wz-tab-icon {
	background-color: var(--theme-palette-color-1) !important;
}


/* ================= 轮播图区域 ================= */
.ys-wz-carousel-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	gap: 20px;
}

/* 箭头按钮 */
.ys-wz-arrow {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	color: var(--theme-palette-color-1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
	z-index: 10;
}

.ys-wz-arrow:hover {
	background-color: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1);
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 114, 188, 0.3);
}

/* 轨道遮罩层（必须设置为相对定位，作为绝对定位轨道的父级） */
.ys-wz-carousel-track-wrapper {
	flex: 1;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
	/* 新增 */
}

/* 所有轨道默认隐藏（使用透明度和绝对定位，以便支持动画） */
.ys-wz-carousel-track {
	display: flex !important;
	/* 强制覆盖 PHP 中的 display: none */
	gap: 24px;
	width: 100%;
	position: absolute;
	top: 10px;
	/* 对应 wrapper 的 padding-top */
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	/* 添加 opacity 和 visibility 的过渡动画 */
	transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 激活状态的轨道（显示并恢复相对定位撑开高度） */
.ys-wz-carousel-track.ys-wz-track-active {
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

/* ================= 卡片样式 ================= */
.ys-wz-card-pro {
	/* 宽度由 JS 动态计算赋值 */
	flex-shrink: 0;
}

.ys-wz-card-pro-inner {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ys-wz-card-pro-inner:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	border-color: #dcdcdc;
}

/* 卡片图片区容器 */
.ys-wz-card-pro-img {
	padding: 20px;
	/* 制造四周均匀的白边 */
	background-color: #ffffff;
	aspect-ratio: 4 / 3;
	/* 使用 3:4 比例，完美契合 A4 纸张/证书的真实比例 */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 图片本身 */
.ys-wz-card-pro-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	/* 核心：强制包含整张图片，绝不裁剪 */
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
	/* 给证书本身加一点极微弱的阴影，替代生硬的边框 */
	-webkit-box-reflect: below 1px linear-gradient(rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, .2) 100%);
}


/* 卡片底部标签区 */
.ys-wz-card-pro-label {
	background-color: #f6f6f6;
	padding: 16px 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	border-top: 1px solid #eeeeee;
	text-transform: uppercase;
	transition: all .3s;
}

.ys-wz-card-pro:hover .ys-wz-card-pro-label {
	background-color: var(--theme-palette-color-1);
	color: #fff;
}

/* ================= 响应式设计 ================= */

/* 笔记本端 (1200px 以下) */
@media (max-width: 1200px) {
	.ys-wz-title {
		font-size: 38px;
	}

	.ys-wz-card-pro-img {
		height: 380px;
	}
}

/* 平板端 (992px 以下) */
@media (max-width: 992px) {
	.ys-wz-title {
		font-size: 32px;
	}

	.ys-wz-tabs {
		gap: 30px;
	}

	.ys-wz-tab {
		font-size: 16px;
	}

	.ys-wz-arrow {
		width: 40px;
		height: 40px;
	}
}

/* 手机端 (768px 以下) */
@media (max-width: 768px) {
	.ys-wz-cert-section {
		padding: 50px 15px;
	}

	.ys-wz-title {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.ys-wz-desc {
		font-size: 16px;
		/* 保证最小可读性 */
		text-align: justify;
	}

	.ys-wz-tabs-wrapper {
		margin-bottom: 30px;
	}

	.ys-wz-tabs {
		gap: 20px;
		flex-direction: column;
		align-items: center;
	}

	.ys-wz-tab {
		padding-bottom: 10px;
	}

	.ys-wz-carousel-container {
		gap: 10px;
	}

	/* 移动端缩小箭头，避免挤占卡片空间 */
	.ys-wz-arrow {
		width: 36px;
		height: 36px;
	}

	.ys-wz-card-pro-img {
		height: 350px;
	}
}

/* 首页新闻 */

.stk-02170b3 {
	position: relative;
	padding: 80px 0 !important;
}

.stk-02170b3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-image: linear-gradient(180deg, #0075bf 0%, rgba(0, 0, 0, .28) 100%) !important;
}

.ct-media-container img,
.ct-media-container picture {
	border-radius: 15px;
}

.ct-posts-shortcode .entries .entry-meta {
	display: none;
}

.ct-posts-shortcode .entries h2 {
	line-height: 1.3;
	height: 1.3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ct-posts-shortcode .entries h2 a {
	color: #fff
}

.ct-posts-shortcode .entry-excerpt p {
	color: #fff
}

/* 首页表单 s*/
.ys-contact-section {
	margin: 60px auto;
	min-width: 100%;
}

.ys-contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

.ys-contact-info {
	position: relative;
	padding: 0;
	background-image: url('/wp-content/uploads/2026/05/bg-contacts.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 25px;
	z-index: 1;
}

.ys-contact-title,
.ys-contact-description,
.ys-contact-item h4,
.ys-contact-item p,
.ys-contact-item a,
.ys-social-title {
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}

.ys-contact-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	color: var(--theme-palette-color-1);
	margin-bottom: 24px;
}

.ys-contact-description {
	font-size: 18px;
	line-height: 1.6667em;
	color: #333333;
	text-transform: capitalize;
	margin-bottom: 40px;
}

.ys-contact-details-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 60px;
}

.ys-contact-item h4 {
	font-size: 18px;
	font-weight: 600;
	color: #353535;
	margin-bottom: 12px;
}

.ys-contact-item p,
.ys-contact-item a {
	font-size: 16px;
	line-height: 1.5;
	color: #333333;
	text-decoration: none;
}

.ys-contact-item a {
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s;
}

.ys-contact-item a:hover {
	border-bottom-color: var(--theme-palette-color-1);
}

.ys-social-title {
	font-size: 18px;
	font-weight: 600;
	color: #353535;
	margin-bottom: 16px;
}

.ys-social-icons {
	display: flex;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
}

.ys-social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	transition: background 0.3s, transform 0.2s;
}

.ys-social-icons a svg {
	width: 18px;
	height: 18px;
	fill: #353535;
	transition: fill 0.3s;
}

.ys-social-icons a:hover {
	background: var(--theme-palette-color-1);
	transform: translateY(-2px);
}

.ys-social-icons a:hover svg {
	fill: #fff;
}

.ys-contact-form {
	padding: 60px 50px;
	background: #ffffff;
	border-radius: 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.ys-form-title {
	font-size: 36px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin-bottom: 30px;
	text-transform: uppercase;
}

.ind_name,
.ind_form_p_e,
.ind_contact {
	margin-bottom: 20px;
}

form.fluent_form_1 .ff_submit_btn_wrapper .wpf_has_custom_css.ff-btn-submit {
	border: 1px solid;
	border-radius: 10px 2px !important;
	padding: 15px 30px;
	font-weight: 700;
	font-size: 18px;
	background-color: transparent;
	border-color: rgba(0, 117, 191, 1);
	color: rgba(0, 117, 191, 1);
}

/* 内页样式 */
/* 关于 */
.ys-about-section {
	width: 100%;
	background-color: #fcfcfc;
	/* 极浅的灰底，凸显质感 */
}

/* --- 上半部分：文案区 --- */
.ys-about-top {
	padding: 80px 0 60px;
	background: transparent url('/wp-content/uploads/2026/07/ny_about.webp') no-repeat center/cover;
}

.ys-about-text-wrap {
	text-align: center;
	margin: 0 auto;
}

.ys-about-title {
	font-size: 42px;
	color: #000;
	/* 还原图1的深蓝色 */
	font-weight: 700;
	margin: 0 0 10px 0;
}

.ys-about-subtitle {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	margin: 0 0 40px 0;
}

.ys-about-desc {
	font-size: 16px;
	line-height: 1.8;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}

.ys-about-desc p {
	margin-bottom: 20px;
}

/* --- 数字滚动区 (还原图2风格) --- */
.ys-about-counters {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 60px;
	padding: 40px 0;
}

.ys-counter-item {
	text-align: center;
}

.ys-counter-item:last-child {
	border-right: none;
}

.ys-counter-num {
	font-size: 56px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	/* 还原图2的亮蓝色 */
	line-height: 1.2;
	margin-bottom: 10px;
}

.ys-counter-num sup {
	font-size: 24px;
	/* 平方米的 2 缩小 */
	top: -0.5em;
}

.ys-counter-text {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

/* --- 下半部分：视频背景区 --- */
.ys-about-bottom-video {
	position: relative;
	width: 100%;
	height: 500px;
	/* 视频区域高度 */
	overflow: hidden;
}

.ys-video-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ys-video-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* 微微压暗背景，让播放按钮更清晰 */
}

/* 播放按钮 (带玻璃拟物感边框) */
.ys-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: rgba(26, 54, 104, 0.85);
	/* 深蓝色半透明 */
	border: 4px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	transition: all 0.3s ease;
	z-index: 2;
}

.ys-play-btn svg {
	width: 30px;
	height: 30px;
}

.ys-play-btn:hover {
	transform: translate(-50%, -50%) scale(1.1);
	background: rgba(0, 113, 185, 0.9);
	border-color: rgba(255, 255, 255, 0.8);
}

.ys-play-btn:hover svg {
	color: #ffffff;
}

/* About page video modal. */
.ys-video-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(8, 13, 16, 0.88);
}

.ys-video-modal.is-open {
	display: flex;
}

.ys-video-modal__dialog {
	position: relative;
	width: min(100%, 1120px);
	background: #000;
	box-shadow: 0 24px 72px rgba(0, 0, 0, 0.48);
}

.ys-video-modal__video {
	display: block;
	width: 100%;
	max-height: calc(100vh - 96px);
	background: #000;
	aspect-ratio: 16 / 9;
}

.ys-video-modal__close {
	position: absolute;
	top: -46px;
	right: 0;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-size: 34px;
	font-weight: 300;
	line-height: 1;
}

.ys-video-modal__close:hover,
.ys-video-modal__close:focus-visible {
	color: var(--theme-palette-color-1, #0071b9);
	outline: none;
}

body.ys-video-modal-open {
	overflow: hidden;
}

@media (max-width: 767px) {
	.ys-video-modal {
		padding: 16px;
	}

	.ys-video-modal__video {
		max-height: calc(100vh - 72px);
	}

	.ys-video-modal__close {
		top: -40px;
	}
}

/* ==========================================
   响应式布局 (Mobile & Tablet)
========================================== */
@media (max-width: 991px) {
	.ys-about-title {
		font-size: 32px;
	}

	.ys-counter-num {
		font-size: 38px;
	}

	.ys-about-bottom-video {
		height: 400px;
	}
}

@media (max-width: 768px) {
	.ys-about-top {
		padding: 50px 0 40px;
	}

	.ys-about-title {
		font-size: 28px;
	}

	.ys-about-desc {
		text-align: left;
		/* 手机端左对齐更易读 */
	}

	/* 手机端数字变为 2x2 网格，并处理边框 */
	.ys-about-counters {
		grid-template-columns: repeat(2, 1fr);
		border-bottom: none;
		padding: 0;
	}

	.ys-counter-item {
		padding: 30px 10px;
		border-bottom: 1px solid #e5e5e5;
	}

	.ys-counter-item:nth-child(2n) {
		border-right: none;
		/* 偶数列去掉右边框 */
	}

	.ys-about-bottom-video {
		height: 300px;
	}
}

/* ==========================================
   实力展示区块 (About Strengths)
========================================== */
.ys-ab-section {
	padding: 50px 0 30px;
}

.ys-ab-mfg-header {
	margin-bottom: 80px;
}

.ys-ab-mfg-header h2 {
	text-align: center;
	color: #000;
	/* 加入了默认颜色防错 */
	text-transform: capitalize;
	margin-bottom: 20px;
	font-size: 42px;
	font-weight: 700;
}

.ys-ab-mfg-header p {
	text-align: center;
	font-size: 18px;
	color: #000;
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
}

.ys-ab-mfg-row {
	display: flex;
	align-items: center;
	gap: 80px;
	margin-bottom: 60px;
	/* 稍微增加行间距让呼吸感更好 */
}

.ys-ab-mfg-row:nth-child(even) {
	flex-direction: row-reverse;
}

.ys-ab-mfg-text {
	flex: 1;
}

/* 新增：SVG 图标样式 */
.ys-ab-icon {
	margin-bottom: 15px;
	color: var(--theme-palette-color-1, #0071b9);
	/* 图标采用主题色或亮蓝色 */
}

.ys-ab-icon svg {
	width: 48px;
	height: 48px;
	display: block;
}

.ys-ab-mfg-text h3 {
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
	font-weight: 600;
}

.ys-ab-mfg-text p {
	font-size: 16px;
	/* 稍微调整正文字号，更适合英文长句阅读 */
	color: var(--pls-ab-gray-text, #555555);
	line-height: 1.7;
}

.ys-ab-mfg-visual {
	flex: 1;
	border-radius: 8px;
	overflow: hidden;
}

.ys-ab-mfg-visual img {
	width: 100%;
	display: block;
	transition: all 0.5s ease;
	/* 增加过渡动画时间，更平滑 */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.ys-ab-mfg-visual:hover img {
	transform: scale(1.03);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* ==========================================
   响应式布局 (Mobile & Tablet)
========================================== */
@media (max-width: 991px) {
	.ys-ab-mfg-row {
		gap: 40px;
	}

	.ys-ab-mfg-text h3 {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	.ys-ab-section {
		padding: 50px 0;
	}

	.ys-ab-mfg-header {
		margin-bottom: 50px;
	}

	.ys-ab-mfg-visual {
		width: 100%;
	}

	.ys-ab-mfg-row {
		flex-direction: column !important;
		gap: 30px;
		margin-bottom: 50px;
	}

	.ys-ab-icon svg {
		width: 40px;
		height: 40px;
	}
}

/* 文化 */
.page-id-203 .ys-culture-section {
	padding: 88px 0 100px;
	background: rgba(0, 117, 191, .035);
}

.page-id-203 .ys-culture-heading {
	max-width: 760px;
	margin: 0 auto 52px;
	text-align: center
}

.page-id-203 .ys-culture-heading h2 {
	margin: 0;
	color: #000;
	font-size: clamp(32px, 3vw, 42px);
	font-weight: 700;
	letter-spacing: -.035em;
	line-height: 1.12
}

.page-id-203 .ys-culture-heading p {
	max-width: 610px;
	margin: 16px auto 0;
	color: #000;
	font-size: 18px;
	line-height: 1.7
}

.page-id-203 .ys-culture-panel {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	align-items: center;
	min-height: 490px;
}

.page-id-203 .ys-culture-pyramid-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 490px;
}

.page-id-203 .ys-culture-pyramid {
	display: block;
	width: 100%;
	height: auto
}

.page-id-203 .ys-culture-pyramid text {
	fill: #fff;
	font-size: 14px;
	font-weight: 600;
	text-anchor: middle
}

.page-id-203 .ys-culture-copy {
	position: relative;
}

.page-id-203 .ys-culture-copy:before {
	position: absolute;
	top: 24px;
	right: 42px;
	color: #e4eaeb;
	content: '\201C';
	font-family: Georgia, serif;
	font-size: 180px;
	font-weight: 700;
	line-height: 1;
	display: none;
}

.page-id-203 .ys-culture-item {
	position: relative;
	z-index: 1;
	padding: 20px 0 21px 28px;
	border-bottom: 1px solid #dce2e3
}

.page-id-203 .ys-culture-item:first-child {
	padding-top: 0
}

.page-id-203 .ys-culture-item:last-child {
	padding-bottom: 0;
	border-bottom: 0
}

.page-id-203 .ys-culture-item:before {
	position: absolute;
	top: 28px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #075aa5;
	content: ''
}

.page-id-203 .ys-culture-item:first-child:before {
	top: 8px
}

.page-id-203 .ys-culture-item h3 {
	margin: 0;
	color: #075aa5;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3
}

.page-id-203 .ys-culture-item p {
	margin: 8px 0 0;
	color: #687277;
	font-size: 15px;
	line-height: 1.75
}

@media(max-width:991px) {
	.page-id-203 .ys-culture-panel {
		grid-template-columns: 1fr
	}

	.page-id-203 .ys-culture-pyramid-wrap {
		min-height: auto;
		border-right: 0;
		border-bottom: 1px solid #dce2e3
	}
}

@media(max-width:767px) {
	.page-id-203 .ys-culture-section {
		padding: 64px 0 72px
	}

	.page-id-203 .ys-culture-heading {
		margin-bottom: 36px
	}

	.page-id-203 .ys-culture-pyramid-wrap {
		padding: 36px 22px
	}

	.page-id-203 .ys-culture-copy {
		padding: 35px 28px 40px
	}

	.page-id-203 .ys-culture-copy:before {
		top: 16px;
		right: 18px;
		font-size: 125px
	}

	.page-id-203 .ys-culture-item {
		padding-left: 24px
	}
}

/* 荣誉资质 */
.ny_honor {
	padding: 80px 0;
}

/* ==========================================
   纯手写原生轮播图样式环境
========================================== */
.ys-gallery-section {
	position: relative;
	padding: 80px 0;
	background: rgba(0, 117, 191, .035);
	overflow: hidden;
}

/* .ys-gallery-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0.75;
	z-index: 1;
} */

.ys-gallery-container {
	position: relative;
	z-index: 2;
}

/* 头部与选项卡 */
.ys-gallery-header {
	text-align: center;
	margin-bottom: 40px;
}

.ys-gallery-header h2 {
	color: #000;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px;
}

.ys-gallery-header p {
	color: #000;
	font-size: 16px;
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
}

.ys-gallery-tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 50px;
}

.ys-tab-btn {
	background: #000;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	padding: 10px 28px;
	border-radius: 30px;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.ys-tab-btn:hover,
.ys-tab-btn.active {
	background-color: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1);
	color: #ffffff;
}

/* 选项卡内容区切换 */
.ys-gallery-content {
	display: none;
	position: relative;
	padding: 0 50px;
}

.ys-gallery-content.active {
	display: block;
	animation: ysFadeIn 0.5s ease forwards;
}

@keyframes ysFadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* --- 核心：原生轮播图布局 --- */
.ys-slider-viewport {
	width: 100%;
	overflow: hidden;
	/* 隐藏超出部分 */
}

.ys-slider-track {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.4s ease-in-out;
	/* 滑动动画 */
	will-change: transform;
}

.ys-slider-item {
	flex-shrink: 0;
	padding: 0 15px;
	box-sizing: border-box;
	width: 33.3333%;
	/* 修改后：PC 端一行 3 个 */
}

/* 图片卡片 */
.ys-gallery-card {
	background: #ffffff;
	padding: 8px;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.ys-gallery-card img {
	width: 100%;
	height: 290px;
	object-fit: cover;
	display: block;
	border-radius: 2px;
}

/* 左右箭头 */
.ys-slider-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: #000;
	border: 1px solid #000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
}

.ys-slider-nav:hover {
	background: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1);
}

.ys-slider-nav svg {
	width: 20px;
	height: 20px;
}

.ys-prev {
	left: 0;
}

.ys-next {
	right: 0;
}

@media (max-width: 768px) {
	.ys-slider-item {
		width: 50%;
	}

	/* 小平板一行 2 个 */
	.ys-gallery-content {
		padding: 0 10px;
	}

	.ys-slider-nav {
		display: none;
	}

	/* 手机端隐藏箭头 */
}

@media (max-width: 480px) {
	.ys-slider-item {
		width: 100%;
	}

	/* 手机一行 1 个 */
}

/* ================= Product Classification Section ================= */
:root {
	--ys-wz-primary: #0075bf;
	--ys-wz-primary-hover: linear-gradient(to right, #0075bf 5%, #0099f9 60.58%, #0075bf 100%);
	--ys-wz-text-main: #353535;
	--ys-wz-text-sub: #666666;
	--ys-wz-text-light: #999999;
	--ys-wz-bg-white: #ffffff;
	--ys-wz-bg-gray: rgba(0, 117, 191, .035);
	--ys-wz-border-color: #e5e5e5;
}

.ys-ny-pro .ys-wz-section {
	padding: 80px 0;
	background-color: var(--ys-wz-bg-white);
}

.ys-ny-pro .ys-wz-section:nth-child(2n) {
	background-color: var(--ys-wz-bg-gray);
}

.ys-ny-pro .ys-wz-section-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--ys-wz-border-color);
	padding-bottom: 15px;
}

.ys-ny-pro .ys-wz-title-wrap {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.ys-ny-pro .ys-wz-icon-box {
	color: var(--ys-wz-primary);
}

.ys-ny-pro .ys-wz-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--ys-wz-primary);
}

.ys-ny-pro .ys-wz-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 30px;
	border: 1px solid #ccc;
	border-radius: 50px;
	font-size: 16px;
	color: var(--ys-wz-text-main);
	background: transparent;
}

.ys-ny-pro .ys-wz-more:hover {
	color: var(--ys-wz-bg-white);
	background: linear-gradient(to right, #0075bf 5%, #0099f9 60.58%, #0075bf 100%);
}

/* ==========================================================================
	   网格布局与卡片
	   ========================================================================== */
.ys-ny-pro .ys-wz-grid {
	display: grid;
	gap: 30px;
}

.ys-ny-pro .ys-wz-grid-2 {
	grid-template-columns: repeat(4, 1fr);
}

.ys-ny-pro .ys-wz-card-pro {
	background: var(--ys-wz-bg-white);
	border: 1px solid var(--ys-wz-border-color);
	border-radius: 15px;
	padding: 30px;
	text-align: center;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ys-ny-pro .ys-wz-card-pro:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
	transform: translateY(-5px);
	border-color: transparent;
	border-color: var(--ys-wz-primary);
}

.ys-ny-pro .ys-wz-card-pro-img {
	width: 100%;
	height: 300px;
	/* 固定高度保持整齐 */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	overflow: hidden;
}

.ys-ny-pro .ys-wz-card-pro-img img {
	max-height: 100%;
	object-fit: contain;
	transition: transform 0.5s ease;
}

.ys-ny-pro .ys-wz-card-pro:hover .ys-wz-card-pro-img img {
	transform: scale(1.05);
}

.ys-ny-pro .ys-wz-btn-message {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 30px;
	border: 1px solid #ccc;
	border-radius: 50px;
	font-size: 16px;
	color: var(--ys-wz-text-main);
	background: transparent;
}

.ys-ny-pro .ys-wz-btn-message:hover {
	background: linear-gradient(to right, #0075bf 5%, #0099f9 60.58%, #0075bf 100%);
	;
	color: var(--ys-wz-bg-white);
	border-color: var(--ys-wz-primary);
}

/* ==========================================================================
	   响应式设计 (Responsive)
	   ========================================================================== */

/* 笔记本电脑端适配 */
@media (max-width: 1400px) {
	.ys-ny-pro .ys-wz-card-pro-img {
		height: 250px;
	}
}

@media (max-width: 1200px) {
	.ys-ny-pro .ys-wz-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 平板及手机端适配 */
@media (max-width: 768px) {
	.ys-ny-pro .ys-wz-topbar {
		display: none;
	}

	.ys-ny-pro .ys-wz-section {
		padding: 40px 0;
	}

	.ys-ny-pro .ys-wz-title {
		font-size: 22px;
	}

	.ys-ny-pro .ys-wz-desc {
		font-size: 14px;
	}

	.ys-ny-pro .ys-wz-grid-2,
	.ys-ny-pro .ys-wz-grid-3 {
		grid-template-columns: 1fr;
	}

	.ys-ny-pro .ys-wz-card-pro-img {
		height: 200px;
	}
}

/* 主体网格容器 */
.ys-ny-pro-wrapper {
	padding-top:80px;
}

.ys-ny-pro-wrapper .ys-pc-header {
	margin-bottom: 2vw;
}

.ys-ny-pro-wrapper .ys-pc-header h2 {
	font-size: 42px;
	font-weight: 900;
	line-height: 1.2;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 15px;
	letter-spacing: 0.5px;
}

.ys-pc-header h2 span {
	color: var(--theme-palette-color-1);
}

.ys-ny-pro-wrapper .ys-pc-header p {
	font-size: 16px;
	color: #666666;
	line-height: 1.6;
	margin: 0 auto;
}

.ys-ny-pro-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

/* 产品卡片 */
.ys-ny-pro-card {
	background-color: #f3f3f3;
	border-radius:8px;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: box-shadow 0.3s ease;
}

.ys-ny-pro-card:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* 卡片左侧内容区 */
.ys-ny-pro-content {
	flex: 1;
	padding-right: 20px;
}

.ys-ny-pro-title {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin-top: 0;
	margin-bottom: 20px;
}

.ys-ny-pro-list {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
}

.ys-ny-pro-list li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 12px;
	font-size: 14px;
	color: #353535;
	line-height: 1.5;
}

.ys-ny-pro-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	background-color: var(--theme-palette-color-1);
}

.ys-ny-pro-list li a{
	font-size:14px;
	color:#353535;
	line-height:1.5;
}

.ys-ny-pro-list li:hover a{
	color:var(--theme-palette-color-1);
}

/* 卡片右侧图片区 */
.ys-ny-pro-image {
	flex: 0 0 45%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ys-ny-pro-image img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

/* 右侧悬浮按钮 (GET A QUOTE) */
.ys-ny-pro-floating-quote {
	position: fixed;
	right: 0;
	top: 60%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	z-index: 999;
	cursor: pointer;
}

.ys-ny-pro-quote-icon {
	width: 50px;
	height: 50px;
	background-color: #e53935;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	margin-right: -15px;
	border: 3px solid #fff;
}

.ys-ny-pro-quote-icon svg {
	width: 24px;
	height: 24px;
	fill: #fff;
}

.ys-ny-pro-quote-text {
	background-color: #005eb8;
	color: #fff;
	padding: 12px 20px 12px 25px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 4px 0 0 4px;
}

/* 响应式布局 */
@media (max-width: 1024px) {
	.ys-ny-pro-container {
		grid-template-columns: 1fr;
	}

	.ys-ny-pro-nav {
		display: none;
		/* 移动端可替换为汉堡菜单 */
	}
}

@media (max-width: 768px) {
	.ys-ny-pro-card {
		flex-direction: column;
		padding: 30px 20px;
	}

	.ys-ny-pro-content {
		padding-right: 0;
		margin-bottom: 30px;
		width: 100%;
	}

	.ys-ny-pro-image {
		width: 100%;
	}
}

/* 产品详情 */
.woocommerce div.product div.woocommerce-tabs ul.tabs li.reviews_tab {
	display: none;
}

.woocommerce-tabs article {}

.woocommerce-tabs article .woocommerce-Tabs-panel {}

.woocommerce-tabs article .woocommerce-Tabs-panel h2 {
	position: relative;
	padding-left: 50px;
	margin-bottom: 2vw;
	color: #000000;
	text-transform: uppercase;
	font-weight: 700;
}

.woocommerce-tabs article .woocommerce-Tabs-panel h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 3px;
	background-color: var(--theme-palette-color-1);
}

.woocommerce-tabs article .woocommerce-Tabs-panel h2::before {
	content: '';
	position: absolute;
	top: 14%;
	left: 0;
	width: 37px;
	height: 40px;
	background: transparent url('/wp-content/uploads/2026/04/favicon.webp') no-repeat center/cover;
}

.woocommerce-tabs article .woocommerce-Tabs-panel td,
.woocommerce-tabs article .woocommerce-Tabs-panel th {
	padding: 15px 12px;
	border: 1px solid #dadbdd !important;
	vertical-align: middle;
	font-size: 16px;
	color: #303030;
	text-align: center;
}

.woocommerce-tabs article .woocommerce-Tabs-panel td p,
.woocommerce-tabs article .woocommerce-Tabs-panel th p {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

.woocommerce-tabs article .woocommerce-Tabs-panel table {
	border-collapse: collapse;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 100% !important;
}

.woocommerce-tabs article .woocommerce-Tabs-panel table tr:first-child {
	background-color: var(--theme-palette-color-1);
}

.woocommerce-tabs article .woocommerce-Tabs-panel table tr:first-child td {
	color: #fff;
}

.woocommerce-tabs article .woocommerce-Tabs-panel table tr:hover:first-child {
	background-color: var(--theme-palette-color-1) !important;
}

.woocommerce-tabs article .woocommerce-Tabs-panel table tr:hover:nth-child(odd) {
	background-color: #f5f5f5;
}

.woocommerce-tabs article .woocommerce-Tabs-panel table td {
	border-left: 1px solid #dadbdd;
	border-top: 1px solid #dadbdd !important;
}

.woocommerce-tabs article .woocommerce-Tabs-panel {
	font-size: 16px;
	color: #000;
	line-height: 30px;
	margin-bottom: 30px;
}

.woocommerce-tabs article .woocommerce-Tabs-panel p,
.woocommerce-tabs article .woocommerce-Tabs-panel span {
	font-size: 16px;
	color: #000;
	line-height: 28px;
}

.woocommerce-tabs article .woocommerce-Tabs-panel strong {
	font-weight: bold;
}

.woocommerce-tabs article .woocommerce-Tabs-panel img {
	max-width: 100%;
}

.woocommerce-tabs article .woocommerce-Tabs-panel a {
	color: #717173;
}

.woocommerce-tabs article .woocommerce-Tabs-panel h1,
.woocommerce-tabs article .woocommerce-Tabs-panel h2,
.woocommerce-tabs article .woocommerce-Tabs-panel h3,
.woocommerce-tabs article .woocommerce-Tabs-panel h4,
.woocommerce-tabs article .woocommerce-Tabs-panel h5 {
	font-weight: bold;
}

.woocommerce-tabs article .woocommerce-Tabs-panel h1 {
	font-size: 36px;
	margin-bottom: 20px
}

.woocommerce-tabs article .woocommerce-Tabs-panel h3 {
	font-size: 24px;
	margin-bottom: 30px;
	font-weight: normal;
	color: #232222;
}

.woocommerce-tabs article .woocommerce-Tabs-panel h4 {
	font-size: 18px;
	margin-bottom: 15px
}

.woocommerce-tabs article .woocommerce-Tabs-panel h5 {
	font-size: 14px;
	margin-bottom: 10px
}

.woocommerce-tabs article .woocommerce-Tabs-panel h6 {
	font-size: 12px;
	margin-bottom: 10px
}

.woocommerce-tabs article .woocommerce-Tabs-panel ul li,
.woocommerce-tabs article .woocommerce-Tabs-panel ol li {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.woocommerce-tabs article .woocommerce-Tabs-panel ul li p,
.woocommerce-tabs article .woocommerce-Tabs-panel ol li p {
	padding-bottom: 0;
	margin-bottom: 3px !important;
}

.woocommerce-tabs article .woocommerce-Tabs-panel ul,
.woocommerce-tabs article .woocommerce-Tabs-panel ol {
	margin-bottom: 15px;
}

.woocommerce-tabs article .woocommerce-Tabs-panel sub {
	vertical-align: sub;
	font-size: smaller;
}

.woocommerce-tabs article .woocommerce-Tabs-panel sup {
	vertical-align: super;
	font-size: smaller;
}

.woocommerce-tabs article .woocommerce-Tabs-panel img {
	display: inline-block;
	margin: 20px 0;
}

@media (max-width: 991px) {
	..woocommerce-tabs article .woocommerce-Tabs-panel table {
		overflow: hidden;
		overflow-x: scroll;
		min-width: 990px;
	}
}

@media (max-width: 768px) {

	.woocommerce-tabs article .woocommerce-Tabs-panel td,
	.woocommerce-tabs article .woocommerce-Tabs-panel th {
		padding: 6px 5px !important;
		line-height: 20px
	}

	.woocommerce-tabs article .woocommerce-Tabs-panel p,
	.woocommerce-tabs article .woocommerce-Tabs-panel span {
		font-size: 13px !important;
		line-height: 24px !important;
	}

	.woocommerce-tabs article .woocommerce-Tabs-panel img {
		display: inline-block;
		margin: 12px 0;
	}
}

/* 新闻 */
.post h2.entry-title {
	font-size: 18px;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.post .entry-excerpt p {
	line-height: 1.5;
	height: 4.5em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ct-widget .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ct-widget .wp-block-latest-posts.wp-block-latest-posts__list li {
	display: flex;
	align-items: center;
}

.ct-related-posts-container .ct-related-posts .ct-module-title {
	display: block;
	margin-bottom: 1vw;
}

#ys-sidebar-toc {
	position: sticky;
	top: 120px;
	background: rgba(0, 117, 191, 0.04);
	padding: 25px;
	border-radius: 15px;
	border: 1px solid #f3f7ff;
	margin-bottom: 30px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
	z-index: 10;
}

.ys-toc-header,
.ct-sidebar .widget-title,
.ct-sidebar .stk-block-heading__text {
	font-size: 26px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

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

.ys-toc-list li {
	margin-bottom: 12px;
}

.ys-toc-link {
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
	display: block;
	transition: all 0.3s ease;
	border-left: 2px solid transparent;
	padding-left: 12px;
	text-transform: capitalize;
}

.ys-toc-link:hover {
	color: var(--theme-palette-color-1);
}

.ys-toc-link.active {
	color: var(--theme-palette-color-1);
	font-weight: 600;
	border-left-color: var(--theme-palette-color-1);
}

.post blockquote {
	position: relative;
	margin: 30px 0 !important;
	padding: 25px 30px 25px 40px;
	border-radius: 0 8px 8px 0;
	font-size: 18px;
	line-height: 1.5;
	color: #444;
	font-style: italic;
	z-index: 1;
	overflow: hidden
}

.post .container>blockquote:first-child {
	border-inline-start: 0
}

.post blockquote::before {
	content: '“';
	position: absolute;
	top: -20px;
	left: 0;
	font-size: 100px;
	font-weight: 900;
	line-height: 1;
	color: rgb(20, 86, 166, .15);
	font-style: normal;
	z-index: 0;
	pointer-events: none
}

.post table {
	border-collapse: collapse;
	text-align: left;
	font-size: 14px;
	border-right: 1px solid #eaf5ff;
	border-bottom: 1px solid #eaf5ff;
	width: 100% !important;
	margin: 1vw 0 !important;
}

.post table tr:hover td {
	background-color: #eaf5ff
}

.post table tr:first-child th {
	background-color: var(--theme-palette-color-1);
	color: #ffffff !important;
	font-weight: 700;
	padding: 16px 20px;
	border-bottom: 2px solid #eaf5ff
}

.post table tr:first-child th span,
.post table tr:first-child th p {
	color: #ffffff !important;
}

.post table tr th,
.post table tr td {
	padding: 15px 12px;
	border: 1px solid #dadbdd !important;
	vertical-align: middle;
	font-size: 16px;
	color: #353535;
	text-align: center
}

.post ul li,
.post ol li {
	margin-bottom: 12px !important;
	line-height: 1.8 !important;
	list-style: disc;
}

.post ul,
.post ol {
	padding-left: 20px !important;
	margin-bottom: 1.5rem !important;
}

.post h2,
.post h3,
.post h4,
.aicc_container h2,
.aicc_container h3,
.aicc_container h4 {
	margin-top: calc(var(--has-theme-content-spacing, 1) * (.3em + 10px))
}

.post h1 {
	font-size: 35px;
}

.post h2 {
	font-size: 30px;
}

.post h3 {
	font-size: 26px;
}

/* 下载 */
/* ==========================================
   下载区块整体与标题样式
========================================== */
.ys-catalogue-section {
	width: 100%;
	padding: 60px 0;
	/* 增加上下内边距，让区块呼吸感更好 */
}

/* 新增：标题区域样式 */
.ys-section-header {
	text-align: center;
	margin-bottom: 50px;
}

.ys-main-title {
	font-size: 42px;
	color: #000;
	font-weight: 700;
	margin: 0 0 15px 0;
}

.ys-sub-title {
	font-size: 16px;
	color: #000;
	margin: 0;
	line-height: 1.6;
}

/* ==========================================
   下载列表主体样式
========================================== */
.ys-catalogue-section .down_list {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

/* 左侧图片区域 */
.ys-catalogue-image {
	flex: 1 1 50%;
	background-color: #e5e5e5;
	/* 还原图中的浅灰背景 */
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.ys-catalogue-image img {
	max-width: 100%;
	height: auto;
	display: block;
	/* 如果原图没有阴影，可以开启这行增加立体感 */
	filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.15));
}

/* 右侧内容区域 */
.ys-catalogue-content {
	flex: 1 1 50%;
	background-color: #0078c0;
	padding: 80px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	color: #ffffff;
}

.ys-catalogue-title {
	font-size: 32px;
	line-height: 1.4;
	margin: 0 0 20px 0;
	font-weight: 700;
	color: #ffffff;
}

.ys-catalogue-desc {
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 40px 0;
	color: #ffffff;
	opacity: 0.95;
}

.ys-catalogue-section .ys-wz-btn-outline {
	color: #fff;
	border: 1px solid #fff;
}

.ys-catalogue-section .ys-wz-btn-outline:hover {
	background-color: #0066a3;
}

/* ==========================================
   响应式布局 (Mobile & Tablet)
========================================== */
@media (max-width: 991px) {
	.ys-catalogue-title {
		font-size: 26px;
	}

	.ys-catalogue-content {
		padding: 60px 40px;
	}
}

@media (max-width: 768px) {
	.ys-catalogue-section {
		padding: 40px 0;
	}

	/* 移动端标题适配 */
	.ys-section-header {
		margin-bottom: 30px;
	}

	.ys-main-title {
		font-size: 28px;
	}

	.ys-sub-title {
		font-size: 15px;
	}

	.ys-catalogue-image,
	.ys-catalogue-content {
		flex: 1 1 100%;
		/* 手机端上下堆叠 */
	}

	.ys-catalogue-image {
		padding: 40px 20px;
	}

	.ys-catalogue-content {
		padding: 50px 20px;
	}

	.ys-catalogue-title {
		font-size: 24px;
	}
}


.ys-help-section {
	margin: 0;
	padding: 80px 0 106px;
	background: rgba(0, 117, 191, .035);
}


.ys-help-section h2 {
	color: #171717;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: capitalize;
	text-align: center;
}

.ys-help-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.ys-help-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	text-align: center;
}

.ys-help-icon {
	display: grid;
	width: 76px;
	height: 76px;
	margin-bottom: 20px;
	place-items: center;
	color: var(--theme-palette-color-1);
}

.ys-help-icon svg {
	width: 72px;
	height: 72px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.ys-help-card h3 {
	margin: 0;
	color: #343434;
	font-size: clamp(24px, 1.68vw, 30px);
	font-weight: 600;
	line-height: 1.28;
	letter-spacing: -0.04em;
}

.ys-help-card p {
	min-height: 27px;
	margin: 11px 0 28px;
	color: #727272;
	font-size: 17px;
	line-height: 1.55;
	word-break: break-word;
}

.ys-help-button {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 10px 2px;
	text-transform: capitalize;
	transition: background 0.3s ease;
	background-color: transparent;
	color: var(--theme-palette-color-1);
	border: 1px solid var(--theme-palette-color-1);
}

.ys-help-button:hover,
.ys-help-button:focus-visible {
	background: var(--theme-palette-color-2);
	color: #fff;
	transform: translateY(-2px);
}

@media (max-width: 999px) {
	.ys-help-section {
		padding: 78px 0 82px;
	}

	.ys-help-section h2 {
		margin-bottom: 54px;
		font-size: 38px;
	}

	.ys-help-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 54px 32px;
	}
}

@media (max-width: 689px) {
	.ys-help-section {
		padding: 58px 0 62px;
	}

	.ys-help-section h2 {
		margin-bottom: 42px;
		font-size: 32px;
	}

	.ys-help-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.ys-help-icon {
		width: 66px;
		height: 66px;
		margin-bottom: 15px;
	}

	.ys-help-icon svg {
		width: 62px;
		height: 62px;
	}
}

.ys-help-arrow {
	width: 18px;
	height: 12px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.2;
}

/* FAQ page accordion */
.ys-faq-section {
	margin: 0;
	padding: 20px 0 80px;
}

.ys-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 44px;
}

.ys-faq-item {
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .11);
}

.ys-faq-toggle {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 28px;
	align-items: center;
	width: 100%;
	min-height: 86px;
	gap: 18px;
	padding: 18px 22px;
	border: 0;
	background: transparent;
	color: #1f1f1f;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.ys-faq-toggle::-webkit-details-marker {
	display: none;
}

.ys-faq-toggle::marker {
	content: '';
}

.ys-faq-toggle:hover,
.ys-faq-toggle:focus-visible {
	background: rgba(0, 117, 191, .035);
	outline: none;
}

.ys-faq-toggle:focus-visible {
	box-shadow: inset 0 0 0 2px var(--theme-palette-color-1);
}

.ys-faq-search-icon {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border-radius: 50%;
	background: var(--theme-palette-color-1);
	color: #fff;
}

.ys-faq-search-icon svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2.2;
}

.ys-faq-question {
	overflow: hidden;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ys-faq-plus {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	color: #323232;
	transition: transform .2s ease;
}

.ys-faq-plus svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2.6;
}

.ys-faq-item[open] .ys-faq-plus {
	transform: rotate(45deg);
}

.ys-faq-answer {
	padding: 22px 72px 22px 82px;
}

.ys-faq-answer p {
	margin: 0;
	color: #6f6f6f;
	font-size: 16px;
	line-height: 1.7;
}

@media (max-width: 999px) {
	.ys-faq-section {
		padding: 32px 0;
	}

	.ys-faq-grid {
		gap: 16px 24px;
	}

	.ys-faq-toggle {
		display: grid;
		min-height: 78px;
		padding: 16px 18px;
	}

	.ys-faq-question {
		font-size: 17px;
	}
}

@media (max-width: 689px) {
	.ys-faq-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.ys-faq-toggle {
		display: grid;
		grid-template-columns: 38px minmax(0, 1fr) 24px;
		min-height: 72px;
		gap: 13px;
		padding: 14px 16px;
	}

	.ys-faq-search-icon {
		width: 36px;
		height: 36px;
	}

	.ys-faq-question {
		font-size: 16px;
		white-space: normal;
	}

	.ys-faq-answer {
		padding: 0 18px 18px 67px;
	}
}

/* ================= Marketing Network Map ================= */

.ys-map-section {
	background: #fff;
	overflow: hidden;
}

.ys-map-section .ys-title {
	width: 100%;
}

.ys-map-section .ys-title span {
	color: var(--theme-color, #0075bf);
	text-transform: capitalize;
}

/* 地图容器：最大 1500px，对应 w15 版心 */
.ys-map-wrapper {
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;
}

.ys-base-map {
	display: block;
	width: 100%;
	height: auto;
	user-select: none;
	pointer-events: none;
}

/* 标点基础样式 */
.ys-map-pin {
	position: absolute;
	width: 24px;
	height: 32px;
	transform: translate(-50%, -100%);
	cursor: pointer;
	z-index: 5;
	line-height: normal;
}

/* 标点图片 */
.ys-pin-icon {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform .3s ease;
	will-change: transform;
}

/* 默认轻微呼吸感 */
.ys-map-pin::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(1, 172, 200, .18);
	transform: translateX(-50%) scale(1);
	opacity: 0;
	z-index: -1;
	animation: ys-map-pulse 2.4s ease-out infinite;
}

/* 悬浮跳动 */
.ys-map-pin:hover .ys-pin-icon {
	animation: ys-map-bounce .62s ease-in-out infinite;
}

@keyframes ys-map-bounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}
}

@keyframes ys-map-pulse {
	0% {
		transform: translateX(-50%) scale(.45);
		opacity: .5;
	}

	70% {
		transform: translateX(-50%) scale(1.8);
		opacity: 0;
	}

	100% {
		transform: translateX(-50%) scale(1.8);
		opacity: 0;
	}
}

/* 信息提示框 */
.ys-pin-info {
	position: absolute;
	left: 50%;
	bottom: 125%;
	transform: translateX(-50%) translateY(8px);
	min-width: max-content;
	max-width: 280px;
	padding: 7px 14px;
	background: #fff;
	color: #333;
	font-size: var(--f14, 14px);
	font-family: inherit;
	font-weight: 500;
	line-height: 1.45;
	text-align: center;
	white-space: nowrap;
	border-radius: 3px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .25s ease;
	z-index: 20;
}

/* 小三角 */
.ys-pin-info::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

.ys-map-pin:hover {
	z-index: 30;
}

.ys-map-pin:hover .ys-pin-info {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* ================= 国家/地区坐标 - 1500px显示宽度修正版 ================= */
/*
    原图尺寸：1920 × 936
    页面显示：1500 × 731.25
    以下百分比坐标按地图在页面中 1500px 宽等比显示换算。
    .ys-map-pin 使用 transform: translate(-50%, -100%);
    所以下面的 left/top 对应图钉底部尖端位置。
*/

/* Russia：俄罗斯 */
.ys-loc-russia {
	left: 73.55%;
	top: 20.15%;
}

/* Uzbekistan：乌兹别克斯坦 */
.ys-loc-uzbekistan {
	left: 68.95%;
	top: 30.55%;
}

/* Germany：德国 */
.ys-loc-germany {
	left: 49.45%;
	top: 22.1%;
}

/* Türkiye：土耳其 */
.ys-loc-turkiye {
	left: 57.0%;
	top: 30.75%;
}

/* Iraq：伊拉克 */
.ys-loc-iraq {
	left: 60.3%;
	top: 36.15%;
}

/* Algeria：阿尔及利亚 */
.ys-loc-algeria {
	left: 46.6%;
	top: 40.25%;
}

/* Egypt：埃及 */
.ys-loc-egypt {
	left: 55.95%;
	top: 42.65%;
}

/* United Arab Emirates：迪拜 / 阿联酋 */
.ys-loc-uae {
	left: 65%;
	top: 42.45%;
}

/* Saudi Arabia：沙特阿拉伯 */
.ys-loc-saudi {
	left: 61.15%;
	top: 44%;
}

/* Congo：刚果 */
.ys-loc-congo {
	left: 51.95%;
	top: 63.3%;
}

/* Rwanda：卢旺达 */
.ys-loc-rwanda {
	left: 55.3%;
	top: 64.8%;
}

/* Brazil：巴西 */
.ys-loc-brazil {
	left: 27.2%;
	top: 68.65%;
}

/* Thailand：泰国 */
.ys-loc-thailand {
	left: 81.85%;
	top: 48.3%;
}

/* Vietnam：越南 */
.ys-loc-vietnam {
	left: 83.95%;
	top: 50.2%;
}

/* Malaysia：马来西亚 */
.ys-loc-malaysia {
	left: 83.0%;
	top: 58.0%;
}

/* Singapore：新加坡 */
.ys-loc-singapore {
	left: 83.8%;
	top: 60.45%;
}

/* Indonesia：印度尼西亚 */
.ys-loc-indonesia {
	left: 88.35%;
	top: 66.7%;
}

/* ================= Map Responsive ================= */

@media screen and (max-width: 1600px) {
	.ys-map-wrapper {
		max-width: 1380px;
	}
}

@media screen and (max-width: 1200px) {
	.ys-map-pin {
		width: 22px;
		height: 30px;
	}

	.ys-pin-info {
		font-size: 13px;
		padding: 6px 12px;
	}
}

@media screen and (max-width: 1000px) {
	.ys-map-wrapper {
		max-width: 100%;
	}

	.ys-map-pin {
		width: 20px;
		height: 27px;
	}

	.ys-pin-info {
		max-width: 240px;
		font-size: 12px;
		padding: 5px 10px;
	}
}

@media screen and (max-width: 750px) {
	.ys-map-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	/*    .ys-map-wrapper {
        width: 112%;
        margin-left: -6%;
    } */

	.ys-map-pin {
		width: 16px;
		height: 22px;
	}

	.ys-map-pin::after {
		width: 14px;
		height: 14px;
	}

	.ys-pin-info {
		font-size: 12px;
		padding: 5px 8px;
		border-radius: 3px;
		max-width: 180px;
	}

	.ys-pin-info::after {
		border-width: 5px;
	}
}

@media screen and (max-width: 420px) {
	.ys-map-wrapper {
		/* width: 125%;
        margin-left: -12.5%; */
	}

	.ys-map-pin {
		width: 14px;
		height: 19px;
	}

	.ys-pin-info {
		font-size: 11px;
		padding: 4px 7px;
	}
}

/* Applications shortcode */
.ys-applications-section {
	padding: 0 0 4px;
	background: #fff;
}

.ys-applications-section .ct-container {
	max-width: 1420px;
}

.ys-applications-title {
	margin: 0 0 24px;
	color: #000;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: capitalize;
	text-align: center;
}

.ys-applications-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 16px;
	margin-top: 2vw;
}


.ys-application-card {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 1.285 / 1;
	background: #073852;
	color: #fff;
	text-decoration: none;
}

.ys-application-card>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.ys-application-overlay {
	position: absolute;
	inset: auto 0 0;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	min-height: 66px;
	padding: 16px 18px 15px;
	background: linear-gradient(90deg, rgb(0 118 190) 0%, rgb(0 120 191) 66%, rgba(32, 157, 211, .58) 100%);
}

.ys-application-copy {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.ys-application-copy strong {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
}

.ys-application-copy small {
	overflow: hidden;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ys-application-arrow {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-bottom: 2px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.45;
	transition: transform .25s ease;
}

.ys-application-card:hover,
.ys-application-card:focus-visible {
	color: #fff;
}

.ys-application-card:hover>img,
.ys-application-card:focus-visible>img {
	transform: scale(1.045);
}

.ys-application-card:hover .ys-application-arrow,
.ys-application-card:focus-visible .ys-application-arrow {
	transform: translate(3px, -3px);
}

@media (max-width: 999px) {
	.ys-applications-title {
		font-size: 38px;
	}

	.ys-applications-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 689px) {
	.ys-applications-title {
		margin-bottom: 18px;
		font-size: 32px;
	}

	.ys-applications-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.ys-application-card {
		aspect-ratio: 1.42 / 1;
	}
}

.ys-applications-title {
	margin-bottom: 8px;
}

.ys-applications-subtitle {
	margin: 0 0 28px;
	color: #000;
	font-size: 18px;
	line-height: 1.55;
	text-transform: capitalize;
	text-align: center;
}

/* 行业详情 s */
.n_tit2 {
	position: relative;
	font-size: var(--f40);
	line-height: 1.3;
	/* 原 0.15rem */
	padding-bottom: 15px;
	color: #353535;
	font-weight: 500;
}

.n_tit2::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	/* 原 0.67rem */
	width: 67px;
	/* 原 0.04rem */
	height: 4px;
	background: var(--theme-color);
}

.n_app_xq_01 {}

.n_app_xq_01 .fl {
	width: 48%;
}

.n_app_xq_01 .fl .des p:not(:last-child) {
	margin-bottom: 1em;
}

.n_app_xq_01 .fl .des h3 {
	font-weight: 600;
	font-size: var(--f20);
	line-height: 1.3;
	margin-bottom: 0.5em;
	color: #212121;
}

.n_app_xq_01 .fr {
	width: 48%;
}

.n_app_xq_02 {}

.n_app_xq_02 ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	/* 原 0.3rem */
	gap: 30px;
	padding-inline-start: 0;
}

.n_app_xq_02 ul li {
	background-color: #fff;
	/* 原 0.2rem */
	border-radius: 20px;
	/* 原 0.2rem */
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	/* 原 0.3rem 0.5rem */
	padding: 30px 50px;
	text-align: center;
}

.n_app_xq_02 ul li .ico {}

.n_app_xq_02 ul li .ico img {
	display: inline-block;
	/* 原 0.9rem */
	height: 90px;
}

.n_app_xq_02 ul li .info {
	/* 原 0.25rem */
	margin-top: 25px;
	min-height: 6em;
}

.n_app_xq_02 ul li .tit {
	font-size: var(--f24);
	line-height: 1.3;
	font-weight: 600;
	height: 2.6em;
	color: var(--theme-palette-color-1)
}

.n_app_xq_02 ul li .des {
	font-size: var(--f16);
	line-height: 1.5;
	color: #353535;
	/* 原 0.15rem */
	margin-top: 15px;
	min-height: 7.5em;
	text-transform: capitalize;
}

.n_app_xq_03 .con {
	/* 原 0.2rem */
	border-radius: 20px;
	overflow: hidden;
}

.xg_case {}

.xg_case ul {}

.xg_case ul li {}

.xg_case ul li a {
	display: block;
	background-color: #fff;
	/* 原 0.2rem */
	border-radius: 20px;
	overflow: hidden;
}

.xg_case ul li .info {
	padding: 20px;
}

.xg_case ul li .info .tit {
	font-weight: 500;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.xg_case ul li a:hover .tit {
	color: var(--theme-color);
}

.rect-67 {
	padding-bottom: 67%;
}

.ofh {
	overflow: hidden;
}

.radius20 {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.mt50,
.mt-50 {
	margin-top: 50px;
}

.pt-80 {
	padding-top: 80px;
}

.pd-80 {
	padding: 80px 0;
}

.n_app_xq .n_app_xq_01 .title,
.n_app_xq .n_app_xq_01 .title h1 {
	color: var(--theme-palette-color-1);
	font-weight: 700;
	line-height: 1.5;
	text-transform: capitalize;
}

.mt-30 {
	margin-top: 30px;
}

.lh-3 {
	line-height: 1.3
}

.lh-5 {
	line-height: 1.5
}

.ys-carousel-wrapper {
	position: relative;
}

.ys-carousel-container {
	position: relative;
	padding: 20px;
	margin: -20px;
	width: calc(100% + 40px);
	overflow: hidden;
}

.ys-carousel-track {
	display: flex;
	gap: 30px;
	transition: transform 0.5s ease-in-out;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ys-carousel-slide {
	flex: 0 0 calc((100% - 90px) / 4);
	min-width: 0;
}

.ys-carousel-slide a {
	display: block;
	text-decoration: none;
	color: inherit;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 20px rgba(20, 86, 166, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
}

/* 悬停时阴影加深 + 微微上浮 */
.ys-carousel-slide a:hover {
	transform: translateY(-5px);
	box-shadow: 0px 10px 20px rgba(20, 86, 166, 0.1);
}

/* 去掉原来图片容器的圆角限制，因为现在圆角和阴影都在 a 标签上了 */
.ys-carousel-slide .pic {
	border-radius: 20px 20px 0 0;
	/* 仅顶部圆角 */
}

.ys-carousel-slide .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.ys-carousel-slide:hover .pic img {
	transform: scale(1.05);
}

/* 左右控制按钮 */
.ys-carousel-btn {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	z-index: 10;
	transition: all 0.3s ease;
}

.ys-carousel-btn:hover {
	background: #004ea2;
	color: #fff;
	border-color: #004ea2;
}

.ys-carousel-prev {
	left: 10px;
}

.ys-carousel-next {
	right: 10px;
}

.ys-carousel-btn.disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

/* 底部小圆点分页器 */
.ys-carousel-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.ys-carousel-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
	transition: all 0.3s ease;
}

.ys-carousel-dot.active {
	background: #004ea2;
	width: 24px;
	border-radius: 5px;
}

/* 响应式适配 */
/* 平板端 (Tablet: 991px 及以下) */
@media (max-width: 991px) {

	/* 1. 图文左右布局改为上下堆叠 */
	.n_app_xq_01 .fl,
	.n_app_xq_01 .fr {
		width: 100%;
		float: none;
		/* 清除可能存在的浮动 */
	}

	.n_app_xq_01 .fl {
		margin-bottom: 30px;
		/* 上下堆叠后，给上方内容增加底部间距 */
	}

	/* 2. 优势卡片 3列网格改为 2列 */
	.n_app_xq_02 ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	/* 3. 适当减小全局大间距 */
	.pd-80 {
		padding: 60px 0;
	}

	.pt-80 {
		padding-top: 60px;
	}

	.ys-carousel-slide {
		/* 2个卡片有1个间距 (30px) */
		flex: 0 0 calc((100% - 30px) / 2);
	}
}

/* 手机横屏及大尺寸手机 (Mobile: 767px 及以下) */
@media (max-width: 767px) {

	/* 1. 标题字号缩小 */
	.n_tit2 {
		font-size: 28px;
		/* 覆盖原 var(--f40) */
	}

	/* 2. 优势卡片 2列网格改为 1列 */
	.n_app_xq_02 ul {
		grid-template-columns: 1fr;
	}

	.n_app_xq_01 .con {
		flex-direction: column;
	}

	/* 3. 优化卡片在单列下的内边距和高度限制 */
	.n_app_xq_02 ul li {
		padding: 30px 20px;
	}

	.n_app_xq_02 ul li .info,
	.n_app_xq_02 ul li .des {
		min-height: auto;
		/* 移动端单列显示空间充足，取消最小高度限制，让内容自然撑开，避免留白过多 */
	}

	.n_app_xq_02 ul li .tit {
		height: auto;
		margin-bottom: 10px;
	}

	/* 4. 进一步减小全局大间距 */
	.pd-80 {
		padding: 40px 0;
	}

	.pt-80 {
		padding-top: 40px;
	}

	.mt50,
	.mt-50 {
		margin-top: 30px;
	}

	/* 详情区主标题 */
	.n_app_xq .n_app_xq_01 .title,
	.n_app_xq .n_app_xq_01 .title h1 {
		font-size: 28px;
	}

	/* 详情区正文段落 */
	.n_app_xq_01 .fl .des p {
		font-size: 15px;
		/* 稍微缩小正文字号，提升移动端阅读体验 */
	}

	/* 优势卡片描述文字 */
	.n_app_xq_02 ul li .des {
		font-size: 15px;
		/* 覆盖原 var(--f16) */
	}

	/* 相关案例卡片标题 */
	.xg_case ul li .info .tit {
		font-size: 16px;
	}

	.ys-carousel-slide {
		/* 1个卡片，占满全宽 */
		flex: 0 0 100%;
	}
}

/* 手机竖屏 (Small Mobile: 479px 及以下) */
@media (max-width: 479px) {

	/* 1. 进一步缩小主标题及底部装饰线 */
	.n_tit2 {
		font-size: 24px;
		padding-bottom: 12px;
	}

	.n_tit2::before {
		width: 50px;
		height: 3px;
	}

	/* 2. 缩小详情区的小标题 */
	.n_app_xq_01 .fl .des h3 {
		font-size: 18px;
		/* 覆盖原 var(--f20) */
	}

	/* 3. 缩小卡片内的图标和标题字号 */
	.n_app_xq_02 ul li .ico img {
		height: 70px;
		/* 原 90px 缩小，显得更精致 */
	}

	.n_app_xq_02 ul li .tit {
		font-size: 20px;
		/* 覆盖原 var(--f24) */
	}

	/* 详情区主标题 */
	.n_app_xq .n_app_xq_01 .title,
	.n_app_xq .n_app_xq_01 .title h1 {
		font-size: 24px;
	}

	/* 详情区正文段落 */
	.n_app_xq_01 .fl .des p {
		font-size: 14px;
	}

	/* 优势卡片描述文字 */
	.n_app_xq_02 ul li .des {
		font-size: 14px;
	}

	/* 相关案例卡片标题 */
	.xg_case ul li .info .tit {
		font-size: 15px;
	}
}

/* 行业详情 e */

/* Services page: use the same solid action button language as the homepage. */
.page-id-9 .ys-services-home-button.stk-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-width: 168px !important;
	min-height: 40px !important;
	padding: 9px 18px 9px 20px !important;
	border: 0 !important;
	background: var(--theme-palette-color-1) !important;
	color: #fff !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background-color .2s ease, transform .2s ease !important;
}

.page-id-9 .ys-services-home-button.stk-button::before,
.page-id-9 .ys-services-home-button.stk-button::after {
	display: none !important;
}

.page-id-9 .ys-services-home-button.stk-button .stk-button__inner-text {
	color: #fff !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: none !important;
}

.page-id-9 .ys-services-home-button.stk-button .stk-button__inner-text::after {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0 1px 34px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	content: '';
	transform: rotate(45deg);
}

.page-id-9 .ys-services-home-button.stk-button:hover,
.page-id-9 .ys-services-home-button.stk-button:focus-visible {
	background: var(--theme-palette-color-2) !important;
	color: #fff !important;
	transform: translateY(-2px);
}

/* Services page: outlined button matching the current site button. */
.page-id-9 .ys-services-home-button.stk-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 153px !important;
	min-height: 56px !important;
	padding: 14px 28px !important;
	border: 1px solid var(--theme-palette-color-1) !important;
	border-radius: 10px 2px !important;
	background: transparent !important;
	color: var(--theme-palette-color-1) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.page-id-9 .ys-services-home-button.stk-button::before,
.page-id-9 .ys-services-home-button.stk-button::after,
.page-id-9 .ys-services-home-button.stk-button .stk-button__inner-text::after {
	display: none !important;
}

.page-id-9 .ys-services-home-button.stk-button .stk-button__inner-text {
	color: var(--theme-palette-color-1) !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: none !important;
}

.page-id-9 .ys-services-home-button.stk-button:hover,
.page-id-9 .ys-services-home-button.stk-button:focus-visible {
	border-color: var(--theme-palette-color-1) !important;
	background: var(--theme-palette-color-1) !important;
	color: #fff !important;
	transform: none !important;
}

.page-id-9 .ys-services-home-button.stk-button:hover .stk-button__inner-text,
.page-id-9 .ys-services-home-button.stk-button:focus-visible .stk-button__inner-text {
	color: #fff !important;
}

/* faq */
.tac {
	text-align: center;
}

.inner-section {
	padding: 60px 0;
}

.inner-sec-head {
	margin-bottom: 50px;
}

.inner-sec-head .sub-tit {
	display: inline-block;
	color: #000;
	font-size: 42px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.inner-sec-head .main-tit {
	font-size: 18px;
	color: #000;
	text-transform: capitalize;
	font-weight: 400;
	line-height: 1.2;
}

.faq-accordion {
	/* 控制最大宽度，保证阅读体验 */
	margin: 0 auto;
}

.faq-item {
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.faq-item.active {
	border-color: var(--theme-palette-color-1);
	box-shadow: 0 8px 20px rgba(0, 120, 192, 0.08);
}

.faq-head {
	padding: 25px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	background: #fdfdfd;
	border-radius: 4px;
}

.faq-item.active .faq-head {
	background: #fff;
}

.faq-q {
	font-size: var(--f20);
	color: #111;
	font-weight: 600;
	transition: color 0.3s;
	padding-right: 30px;
	line-height: 1.5;
	margin-block-end: 0 !important;
	text-transform: capitalize;
}

.faq-item:hover .faq-q,
.faq-item.active .faq-q {
	color: var(--theme-palette-color-1);
}

/* 加号/减号 动画图标 */
.faq-icon {
	position: relative;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.faq-icon::before,
.faq-icon::after {
	content: '';
	position: absolute;
	background: #111;
	transition: all 0.3s ease;
}

.faq-icon::before {
	top: 8px;
	left: 0;
	width: 18px;
	height: 2px;
}

.faq-icon::after {
	top: 0;
	left: 8px;
	width: 2px;
	height: 18px;
}

.faq-item:hover .faq-icon::before,
.faq-item:hover .faq-icon::after,
.faq-item.active .faq-icon::before,
.faq-item.active .faq-icon::after {
	background: var(--theme-palette-color-1);
}

.faq-item.active .faq-icon::after {
	transform: rotate(90deg);
	opacity: 0;
}

.faq-body {
	display: none;
	padding: 0 30px 30px;
}

.faq-content {
	font-size: var(--f16);
	color: #666;
	line-height: 1.75;
	border-top: 1px dashed #e5e7eb;
	padding-top: 25px;
}

/* Services information-card SVG icons. */
.page-id-9 .ys-services-card-icon {
	width: 60px;
	height: 60px;
	display: block;
	object-fit: contain;
}

/* Services profile cards: restrained industrial surface. */
.page-id-9 .stk-cff3390,
.page-id-9 .stk-5b50b0d,
.page-id-9 .stk-68566dc,
.page-id-9 .stk-5f76101 {
	border: 0;
	box-shadow: none;
	transform: none;
	transition: none;
}



.page-id-9 .stk-cff3390:hover,
.page-id-9 .stk-5b50b0d:hover,
.page-id-9 .stk-68566dc:hover,
.page-id-9 .stk-5f76101:hover {
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

/* Services certificate images: source files are kept in the WordPress media library. */
.page-id-9 .stk-d614324 .stk-block-image figure {
	margin: 0;
}

.page-id-9 .stk-d614324 .stk-img-wrapper {
	display: inline-block;
}

.page-id-9 .ys-services-certificate-image {
	width: 211px;
	height: 300px;
	display: block;
	max-width: 100%;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 767px) {
	.page-id-9 .ys-services-certificate-image {
		width: min(211px, 100%);
		height: auto;
	}
}

/* Services company metrics: factual hierarchy for the four overview cards. */
.page-id-9 .stk-cff3390 .wp-block-stackable-icon-label,
.page-id-9 .stk-5b50b0d .wp-block-stackable-icon-label,
.page-id-9 .stk-68566dc .wp-block-stackable-icon-label,
.page-id-9 .stk-5f76101 .wp-block-stackable-icon-label {
	align-items: center;
	column-gap: 24px;
}

.page-id-9 .stk-cff3390 .stk-block-heading__text,
.page-id-9 .stk-5b50b0d .stk-block-heading__text,
.page-id-9 .stk-68566dc .stk-block-heading__text,
.page-id-9 .stk-5f76101 .stk-block-heading__text {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 16px;
	margin: 0;
}

.page-id-9 .ys-services-metric__value {
	font-size: clamp(42px, 3.2vw, 56px);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 0.95;
	color: #fff;
	font-variant-numeric: tabular-nums;
}

.page-id-9 .ys-services-metric__label {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.68);
}

.page-id-9 .stk-cff3390 .stk-block-text,
.page-id-9 .stk-5b50b0d .stk-block-text,
.page-id-9 .stk-68566dc .stk-block-text,
.page-id-9 .stk-5f76101 .stk-block-text {
	margin-top: 30px;
}

.page-id-9 .stk-cff3390 .stk-block-text__text,
.page-id-9 .stk-5b50b0d .stk-block-text__text,
.page-id-9 .stk-68566dc .stk-block-text__text,
.page-id-9 .stk-5f76101 .stk-block-text__text {
	max-width: 390px;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 767px) {
	.page-id-9 .ys-services-metric__value {
		font-size: 42px;
	}
}

/* Product detail: multi-level product category accordion. */
/* ==========================================
   侧边栏产品分类菜单样式
========================================== */

.ct-widget.widget_nav_menu#nav_menu-3 {
	margin: 0 0 30px;
}

.ct-widget.widget_nav_menu#nav_menu-3 .menu-product-category-container {
	padding: 10px 16px;
	border: 1px solid #e0e7ea;
	border-radius: 10px;
	background: #f5f8fa;
}

/* 列表基础重置 */
.ct-widget.widget_nav_menu#nav_menu-3 .widget-menu,
.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ct-widget.widget_nav_menu#nav_menu-3 li {
	position: relative;
	margin: 0;
}

.ct-widget.widget_nav_menu#nav_menu-3 .widget-menu > li + li {
	border-top: 1px solid #e1e8eb;
}

/* 链接基础样式 */
.ct-widget.widget_nav_menu#nav_menu-3 li > a {
	display: block;
	padding: 12px 42px 12px 0;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	text-decoration: none;
	transition: color .22s ease, background-color .22s ease;
}

.ct-widget.widget_nav_menu#nav_menu-3 .widget-menu > li > a {
	font-weight: 700;
}

.ct-widget.widget_nav_menu#nav_menu-3 li.menu-item-has-children > a {
	padding-right: 50px;
}

/* 链接高亮状态 (Hover / Focus / 当前分类) */
.ct-widget.widget_nav_menu#nav_menu-3 li > a:hover,
.ct-widget.widget_nav_menu#nav_menu-3 li > a:focus-visible,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-item > a,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-product-ancestor > a,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-ancestor > a {
	color: var(--theme-palette-color-1, #0075bf);
	outline: none;
}

/* ==========================================
   展开/收起 切换按钮 (+ / -)
========================================== */

/* 按钮容器基础样式 */
.ct-widget.widget_nav_menu#nav_menu-3 .ys-product-category-toggle {
	position: absolute;
	top: 8px;
	right: 0;
	z-index: 1;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid #d7e1e7;
	border-radius: 4px;
	background: #fff;
	color: #81909a;
	cursor: pointer;
	transition: border-color .22s ease, background-color .22s ease, color .22s ease;
}

/* 默认显示加号 (+) */
.ct-widget.widget_nav_menu#nav_menu-3 .ys-product-category-toggle::before {
	content: '+';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
}

/* 按钮高亮及展开状态 (Hover / Focus / JS触发is-open / 当前分类自动展开) */
.ct-widget.widget_nav_menu#nav_menu-3 .ys-product-category-toggle:hover,
.ct-widget.widget_nav_menu#nav_menu-3 .ys-product-category-toggle:focus-visible,
.ct-widget.widget_nav_menu#nav_menu-3 li.is-open > .ys-product-category-toggle,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-item > .ys-product-category-toggle,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-parent > .ys-product-category-toggle,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-ancestor > .ys-product-category-toggle {
	border-color: var(--theme-palette-color-1, #0075bf);
	background: var(--theme-palette-color-1, #0075bf);
	color: #fff;
	outline: none;
}

/* 展开状态下变减号 (-) */
.ct-widget.widget_nav_menu#nav_menu-3 li.is-open > .ys-product-category-toggle::before,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-item > .ys-product-category-toggle::before,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-parent > .ys-product-category-toggle::before,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-ancestor > .ys-product-category-toggle::before {
	content: '-';
	font-size: 22px;
}

/* ==========================================
   子菜单 (Sub-menu)
========================================== */

/* 子菜单默认隐藏 */
.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu {
	max-height: 0;
	margin-left: 16px;
	overflow: hidden;
	border-left: 1px solid #dce5e9;
	opacity: 0;
	visibility: hidden;
	transition: max-height .35s ease, opacity .24s ease, visibility 0s linear .35s;
}

/* 子菜单展开状态 (JS触发is-open / 当前分类自动展开) */
.ct-widget.widget_nav_menu#nav_menu-3 li.is-open > .sub-menu,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-item > .sub-menu,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-parent > .sub-menu,
.ct-widget.widget_nav_menu#nav_menu-3 li.current-menu-ancestor > .sub-menu {
	max-height: 900px;
	opacity: 1;
	visibility: visible;
	transition: max-height .42s ease, opacity .24s ease;
}

/* 二级菜单项 */
.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu > li > a {
	padding: 9px 38px 9px 15px;
	font-size: 14px;
	font-weight: 600;
	text-transform:capitalize;
}

.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu > li:last-child > a {
	margin-bottom: 12px;
}

/* 三级菜单项 */
.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu .sub-menu {
	margin-left: 16px;
	border-left-color: #e6ecef;
}

.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu .sub-menu > li > a {
	padding-left: 14px;
	font-size: 14px;
	font-weight: 500;
}

/* 子菜单中的切换按钮微调 */
.ct-widget.widget_nav_menu#nav_menu-3 .sub-menu .ys-product-category-toggle {
	top: 4px;
	width: 26px;
	height: 26px;
}

@media (max-width: 767px) {
	.ct-widget.widget_nav_menu#nav_menu-3 .menu-product-category-container {
		padding: 8px 14px;
	}
}

/* ==========================================
   配套产品区域 (工业 B2B 简约风)
========================================== */

/* 外层容器：增加顶部留白和分割线，与上方详情内容隔开 */
.custom-related-products {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #eaeaea;
    clear: both;
}

/* 标题样式：简洁、直观、带有工业感 */
.custom-related-products h2.peitao {
    position: relative;
    padding-left: 50px;
    margin-bottom: 2vw;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
}

/* 标题左侧的渐变装饰线 (可将蓝色替换为你的品牌主色调) */
.custom-related-products h2.peitao:before {
       content: '';
    position: absolute;
    top: 14%;
    left: 0;
    width: 37px;
    height: 40px;
    background: transparent url(/wp-content/uploads/2026/04/favicon.webp) no-repeat center / cover;
}
.custom-related-products h2.peitao:after{
	content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 3px;
    background-color: var(--theme-palette-color-1);
}

/* 强制覆盖 WooCommerce 默认的浮动布局，改用更现代精确的 CSS Grid */
.custom-related-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 默认 4 列 */
    gap: 30px;
    margin: 0;
    padding: 0;
}

/* 移除 Grid 布局下不需要的 WooCommerce 默认 margin */
.custom-related-products ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
}

.custom-related-products .woocommerce-loop-product__title{
	font-size:18px;
	color:#000;
	line-height:1.5;
	height:3em;
	overflow:hidden;
	display:-webkit-box;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}


/* ==========================================
   响应式布局适配 (Responsive Layout)
========================================== */

/* 平板横屏/小尺寸笔记本 */
@media (max-width: 1024px) {
    .custom-related-products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 平板竖屏 */
@media (max-width: 768px) {
    .custom-related-products {
        margin-top: 40px;
        padding-top: 30px;
    }
    .custom-related-products h2 {
        font-size: 20px;
    }
    .custom-related-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px;
    }
}

/* 手机端 */
@media (max-width: 480px) {
    .custom-related-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* 手机端保留2列，如果想单列可以改成 1fr */
        gap: 15px;
    }
}
/* ==========================================
   配套产品 - 进阶卡片样式优化 (工业 B2B 风格)
========================================== */

/* 1. 卡片基础样式：增加边框、内边距、圆角和过渡动画 */
.custom-related-products ul.products li.product {
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 24px 20px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex !important;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

/* 卡片悬停交互：自然阴影 + 品牌色边框 + 轻微上浮 */
.custom-related-products ul.products li.product:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-color: #0066cc; /* 你的品牌蓝色 */
    transform: translateY(-4px);
}

/* 2. 修复 WooCommerce 链接包裹层，让按钮能自动沉底对齐 */
.custom-related-products ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-decoration: none;
}

/* 3. 产品图片优化：控制比例，增加正片叠底去白底 */
.custom-related-products ul.products li.product img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1; /* 强制正方形比例，确保图片区域高度一致 */
    object-fit: contain;
    margin-bottom: 20px;
    mix-blend-mode: multiply; /* 工业产品图神技：自动过滤纯白背景，融入卡片 */
    transition: transform 0.4s ease;
}

/* 图片悬停微放大，增强动态交互 */
.custom-related-products ul.products li.product:hover img {
    transform: scale(1.05);
}

/* 4. 产品标题优化：颜色、字号与间距 */
.custom-related-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 20px 0;
    text-align: center;
    transition: color 0.3s ease;
}

.custom-related-products ul.products li.product:hover .woocommerce-loop-product__title {
    color: #0075bf;
}

/* 5. 按钮 (Read more) 优化：幽灵按钮 + 自然渐变悬停 */
.custom-related-products ul.products li.product .button {
    margin-top: auto !important; /* 核心：无论标题多长，按钮永远在卡片最底部 */
    display: inline-block;
    width: 100%;
    background: transparent;
    color: #0075bf;
    border: 1px solid #0075bf;
    border-radius: 4px;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
	  text-transform:capitalize;
}

/* 按钮悬停：使用你偏好的自然渐变 */
.custom-related-products ul.products li.product .button:hover {
    background: linear-gradient(135deg, #0066cc, #0075bf);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(0, 117, 191, 0.3);
}