/*==常用字号==*/
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);
}

.pl-15 {
	padding-left: 15px;
}

.p30 {
	padding: 30px;
}

.p40 {
	padding: 40px;
}

.p15 {
	padding: 15px;
}

.pd-40 {
	padding: 40px 0;
}

.pt-40 {
	padding-top: 40px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pd-60 {
	padding: 60px 0;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pd-80 {
	padding: 80px 0;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pd-100 {
	padding: 100px 0;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pd-120 {
	padding: 120px 0;
}

.pt-120 {
	padding-top: 120px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pd-140 {
	padding: 140px 0;
}

.pt-140 {
	padding-top: 140px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pd-160 {
	padding: 160px 0;
}

.pt-160 {
	padding-top: 160px;
}

.pb-160 {
	padding-bottom: 160px;
}

.pd-180 {
	padding: 180px 0;
}

.pt-180 {
	padding-top: 180px;
}

.pb-180 {
	padding-bottom: 180px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mt110 {
	margin-top: 110px;
}

.mt120 {
	margin-top: 120px;
}

.mt130 {
	margin-top: 130px;
}

.mt140 {
	margin-top: 140px;
}

.fwb {
	font-weight: bold;
}

.linelimit {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.linelimit-4 {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	height: 6.4em;
}

.box-shadow {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.radius3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.radius5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.radius6 {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.radius8 {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.radius10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.radius20 {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.radius40 {
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
}

.radius50 {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.bg-white {
	background-color: white;
}

.lh-16 {
	line-height: 1.6;
}

.bg-f8,
.ny_applist {
	background-color: #f8f9f9;
}

.w50 {
	width: 50%;
}

.w55 {
	width: 55%;
}

.w49-5 {
	width: 49.5%;
}

.w25 {
	width: 25%;
}

.w33 {
	width: 33%;
}

.w35 {
	width: 35%;
}

.w40 {
	width: 40%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w48 {
	width: 48%;
}

.flex-1 {
	flex: 1;
}

/* 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;
}

/* 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;
}

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

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);
}

/* 首页海报 s*/
.sj-banner-slider {
	position: relative;
	min-width: 100%;
	overflow: hidden;
	background-color: #fff;
}

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

.sj-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;
}

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

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

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

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

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

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

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

.sj-slide-content.align-center.flex-start,
.sj-slide-content.align-left.flex-start {
	padding-top: 10vh;
	justify-content: flex-start;
}

.sj-slide-content.align-left.flex-start {
	padding-top: 20vh;
}

.sj-slide-content-inner {
	max-width: 100%;
	margin: 0;
}

.sj-slide-heading {
	font-size: 50px;
	font-weight: 500;
	line-height: 1.125em;
	color: #fff;
	margin: 0;
}

.sj-slide-content.align-center.flex-start .sj-slide-heading {
	font-size: 54px;
	font-weight: 1000;
	color:#ffffff;
}

.sj-slide-content.align-left.flex-start .sj-slide-heading {
	font-size: 140px;
	font-weight: 1000;
	color:#d32038;
	font-style: italic;
}

.sj-slide-content.align-left.flex-start .sj-slide-heading span{
	font-size:105px;
	color:#063379;
	text-transform:capitalize;
}

.sj-slide3 .sj-slide-content.align-center.flex-start .sj-slide-heading {
	font-size:40px;
	color:#333333;
}

.sj-slide-text {
	font-size: 16px;
	line-height: 1.75;
	color: #fff;
}

.sj-slide-content.align-center.flex-start .sj-slide-text p {
	font-size: 24px;
	font-weight:300;
	line-height: 1.5em;
}

.sj-slide-content.align-left.flex-start .sj-slide-text span{
	 display: inline-block;
    padding: 0 35px;
    margin-bottom: 35px;
    font-size: 60px;
    color: #ffffff;
    line-height: 1.3;
    font-weight: 700;
    background-color: #d32038;
}

.sj-slide-content.align-left.flex-start .sj-slide-text p{
	font-size:36px;
	color:#063379;
	line-height:1.3;
	font-weight:700;
}

.sj-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%, var(--theme-palette-color-1) 50%);
	background-size: 204% 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	transition: all 0.45s ease;
}

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

.sj-slide-button:hover {
	background-position: 100% 0;
	color: #ffffff !important;
	border-color: var(--theme-palette-color-1) !important;
}

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

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

.sj-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;
}

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

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

.sj-slider-progress .current {
	font-weight: 600;
}

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

.sj-slider-dot {
	width: 48px;
	height: 4px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	cursor: pointer;
	transition: 0.3s;
}

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

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

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

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

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

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

@media (max-width: 1200px) {

	.sj-slide-heading,
	.sj-slide-content.align-center.flex-start .sj-slide-heading,
	.sj-slide-content.align-left.flex-start .sj-slide-heading,
	.sj-slide3 .sj-slide-content.align-center.flex-start .sj-slide-heading {
		font-size: 82px;
	}

	.sj-slide-content.align-center.flex-start .sj-slide-text p {
		font-size: 36px;
	}

	.sj-slide-content-inner {
		max-width: 100%;
	}

	.sj-slides-container {
		min-height: 700px;
	}
}


@media (max-width: 991px) {

	.sj-slide-heading,
	.sj-slide-content.align-center.flex-start .sj-slide-heading,
	.sj-slide-content.align-left.flex-start .sj-slide-heading,
	.sj-slide3 .sj-slide-content.align-center.flex-start .sj-slide-heading {
		font-size: 62px;
	}

	.sj-slide-content.align-center.flex-start .sj-slide-text p {
		font-size: 26px;
	}
}

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

	.sj-slide-heading,
	.sj-slide-content.align-center.flex-start .sj-slide-heading,
	.sj-slide-content.align-left.flex-start .sj-slide-heading,
	.sj-slide3 .sj-slide-content.align-center.flex-start .sj-slide-heading {
		font-size: 42px;
	}

	.sj-slide-content.align-center.flex-start .sj-slide-text p {
		font-size: 20px;
	}
}

@media (max-width: 660px) {

	.sj-slide-content.align-center.flex-start {
		padding-top: 0;
	}

	.sj-slide-content.align-left.flex-start {
		padding-top: 10vh;
	}

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

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

	.sj-slide-heading {
		font-size: 28px;
	}

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

	.sj-slider-pagination {
		gap: 10px;
	}

	.sj-slider-progress {
		font-size: 14px;
	}

	.sj-slider-dot {
		width: 24px;
	}

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

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

/* 首页海报 e*/

/* 首页关于 */
.ind_ab .subheading-bg {
	/* width: 30%; */
}

.ind_ab .subheading,
.ind_ab .heading,
.ind_apply .subheading {
	color: #ffffff;
}

.ind_ab .subheading {
	margin-bottom: 1vw;
}

.ind_ab .heading {
	margin-bottom: 3vw;
}

/* 首页行业 */
.ind_apply {
	background: transparent url('/wp-content/uploads/2026/04/applicant.webp') no-repeat center/cover;
}

/* 首页产品推荐 */


/* 原生轮播样式 + 图片 1:1 正方形 */
.project-slider {
	overflow: hidden;
}

.project-slider .section-content {
	margin-top: 0;
}

.slider-main {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.slider-wrapper {
	display: flex;
	transition: transform 0.5s ease;
	will-change: transform;
}

.slider-slide {
	flex: 0 0 auto;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

/* 🔥 强制 1:1 正方形卡片 */
.card-project {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	/* 下面这行是 1:1 核心 */
	aspect-ratio: 1/1;
	height: auto;
}

.card-project img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 不拉伸，自动裁剪 */
	object-position: center;
}

.slider-prev,
.slider-next {
	cursor: pointer;
	user-select: none;
}

/* 自适应布局（保持不变） */
@media (min-width: 576px) {
	.slider-slide {
		width: 50%;
	}
}

@media (min-width: 992px) {
	.slider-slide {
		width: 33.333%;
	}
}

/* 首页新闻 */
.featured-blog {
	padding-top: 100px;
	padding-bottom: 80px;
	margin-bottom: 0;
	/* background-color: rgba(242, 242, 242, 1); */
	background: transparent url('/wp-content/uploads/2026/04/000.webp') no-repeat center/cover;
}

.featured-blog .subheading,
.featured-blog h2.heading {
	color: #ffffff;
}

.featured-blog .section-headings .subheading-bg {
	border-color: #FFFFFF;
}

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

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

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

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

.shenji-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;
}

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

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

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

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

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

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

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

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

.shenji-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;
}

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

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

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

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

.shenji-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;
}

/* 首页表单 e*/

/* ====================关于样式========================= */

:root {
	--sj-ab-theme: #008cd6;
	/* 深蓝色主题，可根据您的全局变量调整 */
	--sj-ab-text-main: #333333;
	--sj-ab-text-light: #666666;
	--sj-ab-bg-light: #f8f9fa;
	--sj-ab-border: #eaeaea;
	--sj-ab-radius: 12px;
	--sj-ab-transition: all 0.3s ease;
}

/* 针对本页面独立作用域的基础设置 */
.sj-ab-section {
	color: var(--sj-ab-text-light);
	font-size: 16px;
	line-height: 1.5;
}

.sj-ab-title-ssb {
	font-weight: 700;
	color: var(--sj-ab-text-main);
}

/* ==================== 布局与公共类 ==================== */
.sj-ab-section {
	padding: 80px 0;
}

.sj-ab-bg-light {
	background-color: var(--sj-ab-bg-light);
}

.sj-ab-text-center {
	text-align: center;
}

.sj-ab-text-white,
.sj-ab-text-white .sj-ab-title-ssb {
	color: #ffffff;
}

.sj-ab-justify-center {
	justify-content: center;
}

.mt-40 {
	margin-top: 40px;
}

/* 网格系统 */
.sj-ab-grid {
	display: grid;
	gap: 30px;
}

.sj-ab-grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.sj-ab-grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.sj-ab-grid-5 {
	grid-template-columns: repeat(5, 1fr);
}

.sj-ab-align-center {
	align-items: center;
}

/* 比例控制类 (Rect) */
[class*="sj-ab-rect-"] {
	height: auto;
}

.sj-ab-rect-4-3 {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--sj-ab-radius);
}

.sj-ab-rect-16-9 {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--sj-ab-radius);
}

.sj-ab-rect-3-2 {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--sj-ab-radius);
}

.sj-ab-rect-4-3 img,
.sj-ab-rect-16-9 img,
.sj-ab-rect-3-2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.sj-ab-rect-4-3:hover img,
.sj-ab-rect-16-9:hover img,
.sj-ab-rect-3-2:hover img {
	transform: scale(1.05);
	/* 图片悬停微放大 */
}

/* 悬停浮动卡片 */
.sj-ab-hover-up {
	transition: var(--sj-ab-transition);
}

.sj-ab-hover-up:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

/* 按钮样式 */
.sj-ab-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 35px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;
	cursor: pointer;
	color:#ffffff;
}

.sj-ab-btn-outline {
	background-color: transparent;
	color: #fff;
	border: 2px solid #fff;
}

.sj-ab-btn-outline:hover {
	background-color: #fff;
	color: var(--sj-ab-theme);
}

.sj-ab-btn-light {
	background-color: #fff;
	color: var(--sj-ab-theme);
	border: 2px solid #fff;
}

.sj-ab-btn-light:hover {
	background-color: #f0f0f0;
}

/* ==================== 具体板块样式 ==================== */

/* 2. Company Profile */
.sj-ab-tag {
	display: inline-block;
	font-size: 42px;
	font-weight: bold;
	color: var(--sj-ab-theme);
	letter-spacing: 1px;
	margin-bottom: 15px;
	position: relative;
	font-family: 'Rubik';
}

.sj-ab-profile-subtitle {
	font-size: 20px;
	color: var(--sj-ab-theme);
	margin-bottom: 25px;
	font-weight: 600;
	margin-top: 0;
}

.sj-ab-profile-desc p {
	margin-bottom: 15px;
	font-size: 16px;
}

/* 3. 卡片通用样式 */
.sj-ab-strength {
	/* background: url('../images/sj-ab-strength-bg.jpg') no-repeat center/cover; */
}

.sj-ab-card {
	background: #fff;
	padding: 40px 30px;
	border-radius: var(--sj-ab-radius);
	border: 1px solid var(--sj-ab-border);
}

.sj-ab-driven .sj-ab-grid {
	/* 定义 3 列，每列宽度相等 (1fr 表示 1 份剩余空间) */
	grid-template-columns: repeat(3, 1fr);
}

/* 关键：让最后一个卡片跨越两列 */
.sj-ab-driven .sj-ab-grid .sj-ab-card:last-child {
	grid-column: span 2;
}

.sj-ab-icon {
	width: 80px;
	height: 80px;
	background-color: #f0f4f8;
	color: var(--sj-ab-theme);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom: 20px;
}

.sj-ab-icon img {
	width: 50%;
}

.sj-ab-icon-blue {
	background-color: var(--sj-ab-theme);
	color: #fff;
}

.sj-ab-card h4 {
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 0;
}

/* 内页数字 */
.ny_num {
	position: relative;
	background: transparent url('/wp-content/uploads/2026/05/ny_num.webp') no-repeat center/cover;
	background-attachment: fixed;
	margin-bottom: 0;
	padding: 60px 0;
	z-index: 1;
}

.ny_num::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .35);
	z-index: -1;
}

.ny_num .counter-up-box .counter-item h2,
.ny_num .text {
	color: #ffffff;
}

.ny_num .counter-up-box .counter-item h2 {
	font-size: 80px;
}

.ny_num .counter-up-box {
	position: relative;
	z-index: 2;
}


/* 企业文化 s */
.section-2 {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.section-2 .section-title {
	width: 100%;
	text-align: center;
}

.section-2 .section-title .main-title {
	color: var(--theme-palette-color-1);
	font-weight: bold;
	margin-bottom: 0;
	text-transform: uppercase;
}

.section-2 .section-main {
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.section-2 .section-main .cul-list {
	display: flex;
	width: 100%;
}

.section-2 .section-main .cul-list .cul-item {
	position: relative;
	box-sizing: border-box;
	width: 20%;
	height: 462px;
	padding: 40px 12px 40px 40px;
	background-image: url('/wp-content/uploads/2026/05/bg-4.webp');
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: width linear 0.4s;
	cursor: pointer;
	margin-right: 6px;
	border-radius: 20px
}

.section-2 .section-main .cul-list .cul-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: linear-gradient(to top rgba(218, 9, 29, 1), rgba(218, 9, 29, .01));
}

.section-2 .section-main .cul-list .cul-item:nth-child(2) {
	background-image: url('/wp-content/uploads/2026/05/bg-4-2.webp');
}

.section-2 .section-main .cul-list .cul-item:nth-child(3) {
	background-image: url('/wp-content/uploads/2026/05/bg-4-3.webp');
}

.section-2 .section-main .cul-list .cul-item:nth-child(4) {
	background-image: url('/wp-content/uploads/2026/05/bg-4-4.webp');
}

.section-2 .section-main .cul-list .cul-item:nth-child(5) {
	background-image: url('/wp-content/uploads/2026/05/bg-4-5.webp');
}

.section-2 .section-main .cul-list .cul-item .header {
	width: 100%;
	text-align: center;
	color: #ffffff;
}

.section-2 .section-main .cul-list .cul-item .header h1 {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
}

.section-2 .section-main .cul-list .cul-item .desc {
	width: 100%;
	font-size: 0;
	color: transparent;
	line-height: 40px;
	margin-top: 40px;
	transition: color linear .2s;
	display: flex;
	flex-direction: column;
}

.section-2 .section-main .cul-list .cul-item .desc p {
	font-size: 16px;
}

.section-2 .section-main .cul-list .cul-item .open-icon {
	position: absolute;
	width: 180px;
	display: none;
}

.section-2 .section-main .cul-list .cul-item:last-child {
	margin-right: 0;
}

.section-2 .section-main .cul-list .cul-item:hover {
	width: 380px;
	height: 460px;
	background-image: url('/wp-content/uploads/2026/05/bg-2.webp');
	border-radius: 20px
}

.section-2 .section-main .cul-list .cul-item:hover .header {
	text-align: left;
	color: #FFF;
}

.section-2 .section-main .cul-list .cul-item:hover .header h1 {
	font-size: 32px;
}

.section-2 .section-main .cul-list .cul-item:hover .header h2 {
	font-size: 22px;
}

.section-2 .section-main .cul-list .cul-item:hover .desc {
	width: 100%;
	font-size: 20px;
	color: #FFF;
}

.section-2 .section-main .cul-list .cul-item:hover .open-icon {
	position: absolute;
	right: 20px;
	bottom: -20px;
	display: block;
}

.section-2 .section-main .cul-list-1 {
	box-sizing: border-box;
	width: 100%;
	height: 300px;
	padding: 0 12px;
}

.section-2 .section-main .cul-list-1 .swiper-container {
	width: 100%;
	height: 100%;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-button-next:after,
.section-2 .section-main .cul-list-1 .swiper-container .swiper-button-prev:after {
	font-size: 20px !important;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item {
	position: relative;
	box-sizing: border-box;
	padding: 40px;
	width: 300px;
	height: 300px;
	background-image: url(../images/bg-2.png);
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .header {
	width: 100%;
	text-align: left;
	color: #FFF;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .header h1 {
	font-size: 22px;
	margin-bottom: 4px;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .header h2 {
	font-size: 18px;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .desc {
	width: 224px;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 28px;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	transition: color linear .2s;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .open-icon {
	position: absolute;
	height: auto;
	right: 20px;
	bottom: 0;
	display: block;
	width: 100px;
}

.section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item:last-child {
	margin-right: 0;
}

/* 企业文化 e */
/* 发展历程 s*/
.sj-history-module {
	background-color: #f0f2f3;
	min-width: 100%;
	padding: 20px 0;
}

.sj-history-module .sj-philosophy-module-title {
	margin: 40px auto 40px auto;
	padding: 0 20px;
	color: var(--theme-palette-color-1);
	text-align: center;
	text-transform: uppercase;
}

.sj-scroll-line {
	margin: 0 auto 40px auto;
	padding: 0 20px
}

.sj-line-base {
	height: 2px;
	background-color: #e0e4e8;
	width: 100%;
	position: relative;
	border-radius: 2px
}

.sj-line-active {
	height: 2px;
	background-color: var(--theme-palette-color-1);
	width: 0%;
	transition: width 0.1s ease-out;
	border-radius: 2px
}

.sj-scroll-container {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	scrollbar-width: thin;
	scrollbar-color: var(--theme-palette-color-1) rgb(0 0 0 / .06)
}

.sj-scroll-container::-webkit-scrollbar {
	height: 6px
}

.sj-scroll-container::-webkit-scrollbar-track {
	background: rgb(0 0 0 / .06);
	border-radius: 10px;
	margin: 0 20px
}

.sj-scroll-container::-webkit-scrollbar-thumb {
	background: var(--theme-palette-color-1);
	border-radius: 10px;
	transition: background 0.2s
}

.sj-scroll-container::-webkit-scrollbar-thumb:hover {
	background: #e90042
}

.sj-scroll-container:active {
	cursor: grabbing
}

.sj-scroll-inner {
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
	padding: 20px 20px 30px 20px;
	max-width: 1380px;
	margin: 0 auto
}

.sj-history-card {
	flex: 0 0 350px;
	background: #fff0;
	border-radius: 24px;
	padding: 32px 24px 40px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: none
}

.sj-year {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--theme-palette-color-1);
	margin-bottom: 20px;
}

.sj-card-image {
	width: 100%;
	max-width: 200px;
	margin: 0 auto 20px auto
}

.sj-card-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 16px;
	object-fit: cover;
	aspect-ratio: 244 / 167
}

.sj-dot {
	width: 20px;
	height: 20px;
	background-color: #e90042;
	border-radius: 50%;
	margin: 16px 0 30px 0;
	display: inline-block;
	animation: sj-pulse 1.8s ease-in-out infinite
}

@keyframes sj-pulse {
	0% {
		transform: scale(1);
		opacity: 1;
		box-shadow: 0 0 0 0 rgb(233 0 66 / .4)
	}

	50% {
		transform: scale(1.15);
		opacity: .9;
		box-shadow: 0 0 0 8px rgb(233 0 66 / .2)
	}

	100% {
		transform: scale(1);
		opacity: 1;
		box-shadow: 0 0 0 0 #fff0
	}
}

.sj-description {
	font-size: 16px;
	line-height: 1.6;
	color: #353535;
	text-align: center;
	margin: 0;
	font-weight: 400
}

.sj-history-card.cta-card {
	background: transparent;
	justify-content: center
}

.cta-link {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%
}

.cta-content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 280px
}

.sj-cta-text {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--theme-palette-color-1);
	text-align: center;
	letter-spacing: -.01em;
	margin: 0
}

.sj-cta-text small {
	font-size: 16px;
	font-weight: 500;
	display: block;
	margin-top: 12px;
	opacity: .8;
	color: var(--theme-palette-color-1)
}

.sj-scroll-hint {
	text-align: center;
	margin-top: 20px;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 500;
	color: var(--theme-palette-color-1);
	background: #f0f2f3;
	letter-spacing: .5px;
	border-top: 1px solid rgb(0 0 0 / .05);
	width: 100%
}

.sj-scroll-hint span {
	display: inline-flex;
	align-items: center;
	gap: 8px
}

.sj-scroll-hint svg {
	width: 18px;
	height: 18px;
	stroke: var(--theme-palette-color-1);
	stroke-width: 2;
	fill: none
}

@media (max-width: 768px) {
	.sj-history-card {
		flex: 0 0 260px;
		padding: 24px 16px 32px 16px
	}

	.sj-year {
		font-size: 38px
	}

	.sj-cta-text {
		font-size: 22px
	}

	.sj-scroll-inner {
		gap: 20px;
		padding: 15px 16px 25px 16px
	}

	.sj-dot {
		width: 24px;
		height: 24px
	}

	.sj-scroll-hint {
		font-size: 12px
	}

	.sj-scroll-container::-webkit-scrollbar {
		height: 4px
	}
}

@media (max-width: 480px) {
	.sj-history-card {
		flex: 0 0 240px
	}

	.sj-year {
		font-size: 32px
	}

	.sj-description {
		font-size: 13px
	}

	.sj-dot {
		width: 20px;
		height: 20px
	}
}


/* 发展历程 e*/

/* 公司环境 s*/
/* =========================================
   Exhibition Carousel (Dark Background)
   ========================================= */

/* 新增：列容器样式，控制宽度（一行展示3列） */
.sj-ab-exhibition-col {
	flex: 0 0 calc((100% - 40px) / 3);
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* 两行之间的上下间距 */
}

/* 修改：单个项目不再控制宽度，而是占满列容器 */

.sj-ab-exhibition {
	position: relative;
	background: transparent url('/wp-content/uploads/2026/05/ny_hj.webp') no-repeat center/cover;
	padding: 100px 0;
	color: #ffffff;
}

.sj-ab-exhibition .sj-ab-section-title {
	color: #ffffff;
	text-transform: uppercase;
}

.sj-ab-exhibition-header {
	display: flex;
	/* justify-content: space-between; */
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 48px;
	gap: 20px;
	text-align: center;
}

.sj-ab-exhibition-text p {
	font-size: 18px;
	opacity: 0.8;
	max-width: 700px;
}

.sj-ab-exhibition-carousel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	position: relative;
}

.sj-ab-exhibition-viewport {
	overflow: hidden;
	width: 100%;
	max-width: calc(100% - 140px);
}

.sj-ab-exhibition-track {
	display: flex;
	gap: 20px;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.sj-ab-exhibition-item {
	flex: 0 0 calc((100% - 40px) / 3);
	border-radius: var(--sj-ab-radius-md);
	overflow: hidden;
	/* height: 350px; */
	position: relative;
	background-color: var(--sj-ab-bg-light);
}

.sj-ab-exhibition-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--sj-ab-transition);
}

.sj-ab-exhibition-item:hover img {
	transform: scale(1.05);
}

.sj-ab-nav-btn {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--sj-ab-white);
	border: 1px solid #ddd;
	color: var(--sj-ab-text-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: var(--sj-ab-transition);
	z-index: 2;
}

.sj-ab-nav-btn:hover {
	background-color: var(--sj-ab-primary-blue);
	color: var(--sj-ab-white);
	border-color: var(--sj-ab-primary-blue);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.sj-ab-nav-btn:disabled {
	opacity: 0.3;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

@media (max-width: 1200px) {
	.sj-ab-exhibition-item {
		flex: 0 0 calc((100% - 20px) / 2);
	}
}

@media (max-width: 768px) {
	.sj-ab-exhibition-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.sj-ab-exhibition-carousel {
		gap: 10px;
	}

	.sj-ab-exhibition-viewport {
		max-width: calc(100% - 90px);
	}

	/* .sj-ab-exhibition-item {
		flex: 0 0 100%;
		height: 250px;
	} */
}

/* 1. 列容器：控制一行展示 3 列，并纵向排列内部的 2 张图 */
.sj-ab-exhibition-col {
	flex: 0 0 calc((100% - 40px) / 3);
	display: flex;
	flex-direction: column;
	gap: 20px; /* 两行图片之间的上下间距 */
}

/* 2. 单个图片容器：强制固定高度，防止被 Flex 压缩 */
.sj-ab-exhibition-item {
	width: 100%;
	height: 220px !important; /* 强制生效高度，你可以根据需要修改这个数值 */
	flex: 0 0 220px !important; /* 核心修复：防止在 column 布局中高度被挤压 */
	border-radius: var(--sj-ab-radius-md, 8px);
	overflow: hidden;
	position: relative;
	background-color: var(--sj-ab-bg-light, #f4f4f4);
}

/* 3. 图片本身：填满容器 */
.sj-ab-exhibition-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block; /* 核心修复：消除 img 标签底部的默认几像素空隙 */
	transition: transform 0.4s ease;
}

.sj-ab-exhibition-item:hover img {
	transform: scale(1.05);
}

/* 4. 响应式适配（别忘了把媒体查询里的旧 item 高度也改掉） */
@media (max-width: 1200px) {
	.sj-ab-exhibition-col {
		flex: 0 0 calc((100% - 20px) / 2); /* 平板 2 列 */
	}
}

@media (max-width: 768px) {
	.sj-ab-exhibition-col {
		flex: 0 0 100%; /* 手机 1 列 */
	}
	.sj-ab-exhibition-item {
		height: 200px !important; 
		flex: 0 0 200px !important;
	}
}

/* 公司环境 e*/

/* 荣誉证书 s*/
.sj-cred-module,
.sj-cred-module * {
	box-sizing: border-box
}

.sj-cred-module {
	--sj-dark: #111111;
	--sj-text: #333333;
	--sj-muted: #777777;
	--sj-line: #e8e8e8;
	--sj-card: #f7f7f7;
	--sj-blue: #008cd6;
	--sj-radius: 24px;
	color: var(--sj-text);
	background: #fff
}

#credentials {
	scroll-margin-top: 120px
}

.sj-cred-wrap {
	width: 100%;
	margin: 0 auto
}

.sj-cred-head {
	margin-bottom: 60px
}

.sj-cred-kicker {
	display: inline-block;
	margin: 0 0 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--sj-line);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--sj-dark)
}

.sj-cred-title {
	margin: 0;
	line-height: 1.12;
	letter-spacing: -.03em;
	text-transform: uppercase;
	color: var(--sj-blue);
	font-weight: 700;
	text-align: center;
}

.sj-cred-text {
	margin: 16px 0 0;
	font-size: 16px;
	line-height: 1.9;
	color: var(--sj-muted);
	text-align: center;
}

.sj-cred-block {
	margin-top: 22px;
	border-radius: 28px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #f0f0f0
}

.sj-cred-row {
	position: relative;
	padding: 28px 0 30px;
	overflow: hidden
}

.sj-cred-row+.sj-cred-row {
	border-top: 0
}

.sj-cred-row-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 26px 20px
}

.sj-cred-row-title {
	margin: 0;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--sj-blue);
}

.sj-cred-row-note {
	font-size: 13px;
	color: var(--sj-muted);
	white-space: nowrap
}

.sj-cred-marquee {
	position: relative;
	overflow: hidden;
	width: 100%;
	mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%)
}

.sj-cred-track {
	display: flex;
	width: max-content;
	gap: 18px;
	will-change: transform
}

.sj-cred-row--left .sj-cred-track {
	animation: gogCredLeft 38s linear infinite
}

.sj-cred-row--right .sj-cred-track {
	animation: gogCredRight 42s linear infinite
}

.sj-cred-marquee:hover .sj-cred-track {
	animation-play-state: paused
}

.sj-cred-group {
	display: flex;
	gap: 18px;
	flex-shrink: 0
}

.sj-cred-card {
	width: 340px;
	min-width: 340px;
	border-radius: 22px;
	background: var(--sj-card);
	overflow: hidden;
	box-shadow: 0 8px 22px rgb(0 0 0 / .04);
	transition: transform .25s ease, box-shadow .25s ease
}

.sj-cred-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgb(0 0 0 / .08)
}

.sj-cred-image-wrap {
	aspect-ratio: 4 / 4;
	background: #fff;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center
}

.sj-cred-image-wrap img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	border-radius: 12px
}

.sj-cred-caption {
	padding: 14px 14px 16px;
	border-top: 1px solid rgb(0 0 0 / .05);
	font-size: 13px;
	line-height: 1.6;
	font-weight: 600;
	color: var(--sj-dark);
	text-align: center;
	min-height: 58px;
	display: flex;
	align-items: center;
	justify-content: center
}

.sj-cred-partners {
	padding-bottom: 34px
}

.sj-cred-partners-intro {
	padding: 0 26px 22px;
	max-width: 920px;
	font-size: 14px;
	line-height: 1.9;
	color: var(--sj-muted)
}

.sj-cred-partners-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px 20px;
	padding: 0 26px;
	align-items: center
}

.sj-partner-logo {
	min-height: 110px;
	border-radius: 18px;
	background: #fff0;
	border: 0;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px 10px;
	transition: transform .25s ease
}

.sj-partner-logo:hover {
	transform: translateY(-4px)
}

.sj-partner-logo img {
	max-width: 100%;
	max-height: 70px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	opacity: 1;
	transition: transform .25s ease
}

.sj-partner-logo:hover img {
	filter: saturate(100%) contrast(100%) brightness(100%);
	opacity: 1;
	transform: scale(1.03)
}

@keyframes gogCredLeft {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(calc(-50% - 9px))
	}
}

@keyframes gogCredRight {
	0% {
		transform: translateX(calc(-50% - 9px))
	}

	100% {
		transform: translateX(0)
	}
}

.sj-team-showcase {
	width: 100%;
	padding: 60px 0;
	background: #fff
}

.sj-team-container {
	max-width: 1290px;
	margin: 0 auto;
	padding: 0 20px
}

.sj-team-title {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	color: #0f1a17;
	margin-bottom: 50px;
	letter-spacing: -.5px
}

.sj-team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	align-items: stretch
}

.sj-team-col {
	display: flex;
	flex-direction: column;
	gap: 30px;
	height: auto
}

.sj-team-stack {
	display: flex;
	flex-direction: column;
	gap: 30px
}

.sj-team-stack .sj-team-img-wrapper {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 16px;
	background: #f0f2f3
}

.sj-team-stack .sj-team-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease
}

.sj-team-stack .sj-team-img-wrapper img:hover {
	transform: scale(1.02)
}

.sj-team-portrait {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: stretch
}

.sj-team-portrait .sj-team-img-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: stretch
}

.sj-team-portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 16px;
	transition: transform 0.3s ease;
	aspect-ratio: 450 / 945
}

img[loading="lazy"] {
	will-change: transform
}

@media (max-width: 1200px) {
	.sj-cred-title {
		font-size: 36px
	}

	.sj-cred-card {
		width: 210px;
		min-width: 210px
	}
}

@media (max-width: 1024px) {
	.sj-team-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px
	}
}

@media (max-width: 767px) {
	.sj-cred-module {
		padding-top: 72px
	}

	.sj-cred-title {
		font-size: 28px
	}

	.sj-cred-row {
		padding: 22px 0 24px
	}

	.sj-cred-row-head {
		padding: 0 18px 16px;
		flex-direction: column;
		align-items: flex-start
	}

	.sj-cred-row-title {
		font-size: 18px
	}

	.sj-cred-row-note {
		white-space: normal
	}

	.sj-cred-card {
		width: 170px;
		min-width: 170px;
		border-radius: 18px
	}

	.sj-cred-caption {
		font-size: 12px;
		min-height: 52px;
		padding: 12px
	}

	.sj-cred-partners-intro {
		padding: 0 18px 18px;
		font-size: 13px
	}

	.sj-cred-partners-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 14px;
		padding: 0 18px
	}

	.sj-partner-logo {
		min-height: 88px;
		padding: 10px 10px;
		border-radius: 16px
	}

	.sj-partner-logo img {
		max-height: 60px
	}

	.sj-team-title {
		font-size: 28px;
		margin-bottom: 35px
	}

	.sj-team-grid {
		grid-template-columns: 1fr;
		gap: 30px
	}
}

#sj-sidebar-toc {
	position: sticky;
	top: 120px;
	background: #f8fafc;
	padding: 25px;
	border-radius: 16px;
	border: 1px solid #e2e8f0;
	margin-bottom: 30px;
	box-shadow: 0 4px 15px rgb(0 0 0 / .02);
	z-index: 10
}

.sj-toc-header {
	font-size: 18px;
	font-weight: 700;
	color: #02225B;
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #e2e8f0
}

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

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

.sj-toc-link {
	color: #64748b;
	text-decoration: none;
	font-size: 15px;
	line-height: 1.5;
	display: block;
	transition: all 0.3s ease;
	border-left: 2px solid #fff0;
	padding-left: 12px
}

.sj-toc-link:hover {
	color: #4CB3DD
}

.sj-toc-link.active {
	color: #02225B;
	font-weight: 600;
	border-left-color: #4CB3DD
}

@media (min-width: 992px) {

	#sidebar~[role="main"],
	[role="main"]~#sidebar {
		flex: 1 !important
	}
}

/* 荣誉证书 e */

/* odmoem */
/* =========================================
   OEM & ODM Section
   ========================================= */
:root {
	--sj-ab-light-purple: #008cd6;
	--sj-ab-text-dark: #111111;
	--sj-ab-text-gray: #555555;
	--sj-ab-bg-light: #f8f9fa;
	--sj-ab-white: #ffffff;
	--sj-ab-radius-sm: 4px;
	--sj-ab-radius-md: 12px;
	--sj-ab-radius-lg: 24px;
	--sj-ab-transition: all 0.3s ease;
}

.sj-ab-oem {
	padding: 100px 0 0;
}

.sj-ab-oem-box {
	background-color: var(--sj-ab-light-purple);
	border-radius: var(--sj-ab-radius-lg);
	padding: 80px;
	display: flex;
	align-items: center;
	gap: 60px;
	color: var(--sj-ab-white);
}

.sj-ab-oem-text {
	flex: 1;
}

.sj-ab-oem-text h2 {
	color: var(--sj-ab-white);
	font-size: 42px;
	margin-bottom: 16px;
}

.sj-ab-oem-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin: 40px 0;
}

.sj-ab-oem-feature h4 {
	color: var(--sj-ab-white);
	font-size: 18px;
	margin-bottom: 8px;
}

.sj-ab-oem-feature p {
	font-size: 14px;
	opacity: 0.8;
}

.sj-ab-oem-image {
	flex: 1;
	border-radius: var(--sj-ab-radius-md);
	overflow: hidden;
}

/* 内页产品 s*/
.woocommerce-tabs article {}

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

.woocommerce-tabs article .woocommerce-Tabs-panel h2 {
	position: relative;
	padding-left: 45px;
	margin-bottom: 2vw;
}

.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/05/ny_pro_ico.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: #7d7c7c;
	line-height: 30px;
	margin-bottom: 30px;
}

.woocommerce-tabs article .woocommerce-Tabs-panel p,
.woocommerce-tabs article .woocommerce-Tabs-panel span {
	font-size: 16px;
	color: #727272;
	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;
	}
}


/* 内页产品 e*/

/* 内页应用领域 s*/
.sol_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.sol_card {
	border: 1px solid #eee;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sol_card:hover {
	box-shadow: 0 15px 40px rgba(1, 84, 164, 0.1);
	transform: translateY(-10px);
	border-color: transparent;
}

.sol_card .info {
	border-top: none;
}

.sol_more {
	display: inline-flex;
	align-items: center;
	color: var(--theme-palette-color-1);
	transition: all 0.3s ease;
}

.sol_more i {
	margin-left: 8px;
	transition: transform 0.3s ease;
}

.sol_card:hover .sol_more {
	color: #e90042;
}

.sol_card:hover .sol_more i {
	transform: translateX(5px);
}

/* 方案列表 e */

/* 方案详情 s */
.detail_content p {
	margin-bottom: 0.2rem;
	text-align: justify;
}

.detail_list li {
	position: relative;
	padding-left: 0.3rem;
	margin-bottom: 0.15rem;
	font-size: var(--f16);
	line-height: 1.6;
	color: #444;
}

.detail_list li i {
	position: absolute;
	left: 0;
	top: 0.05rem;
	color: var(--theme-color);
	font-size: var(--f20);
}

.rel_pro_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.3rem;
}

.rel_pro_item {
	display: block;
	border: 1px solid #eee;
	transition: all 0.3s ease;
}

.rel_pro_item:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	border-color: var(--theme-color);
}

.rel_pro_item:hover h4 {
	color: var(--theme-color);
}

.side_form input,
.side_form textarea {
	border: 1px solid transparent;
	transition: all 0.3s ease;
}

.side_form input:focus,
.side_form textarea:focus {
	border-color: var(--theme-color);
	background-color: #fff;
	box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}

.side_form button:hover {
	background-color: var(--sec-theme-color);
}

/* 右侧边栏跟随 (Sticky Sidebar) */
.sticky_sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 1.2rem;
	/* 距离顶部的距离，可根据您网站实际的导航栏高度调整 */
	align-self: flex-start;
	/* 必须加这个，否则在 flex 容器中会默认拉伸等高导致失效 */
}

/* 相关方案列表 (Related Solutions) */
.rel_sol_list li a:hover h4 {
	color: var(--theme-color);
}

.rel_sol_list .pic {
	width: 0.8rem;
	height: 0.6rem;
	flex-shrink: 0;
}

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

/* 底部产品轮播 (Product Swiper) */
.rel_pro_slider {
	padding: 0.1rem 0.1rem 0.5rem;
	margin: -0.1rem;
}

.rel_pro_item {
	display: block;
	border: 1px solid #eee;
	transition: all 0.3s ease;
	background: #fff;
}

.rel_pro_item:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	border-color: var(--theme-color);
}

.rel_pro_item:hover h4 {
	color: var(--theme-color);
}

/* 自定义轮播按钮样式 */
.rel_pro_slider .swiper-button-next,
.rel_pro_slider .swiper-button-prev {
	width: 0.4rem;
	height: 0.4rem;
	background-color: var(--theme-color);
	border-radius: 50%;
	color: #fff;
	top: auto;
	bottom: 0;
	margin: 0;
}

.rel_pro_slider .swiper-button-next {
	right: 45%;
}

.rel_pro_slider .swiper-button-prev {
	left: 45%;
}

.rel_pro_slider .swiper-button-next::after,
.rel_pro_slider .swiper-button-prev::after {
	font-size: 0.18rem;
	font-weight: bold;
}

.rel_pro_slider .swiper-button-next:hover,
.rel_pro_slider .swiper-button-prev:hover {
	background-color: var(--sec-theme-color);
}

.side_form button {
	border: none;
	cursor: pointer;
}

/* 富文本排版样式 */
.ar_article h2 {
	font-size: 28px;
	color: #212121;
	margin: 0 0 0.15rem;
	scroll-margin-top: 100px;
	font-weight: 700;
}

.ar_article h3 {
	font-size: 22px;
	color: #212121;
	margin: 0 0 0.1rem;
	scroll-margin-top: 100px;
	font-weight: 600;
}

.ar_article h4 {
	font-size: 22px;
	color: #212121;
	margin: 0 0 0.06rem;
	scroll-margin-top: 100px;
	font-weight: 500;
}

.ar_article p {
	margin-bottom: 1em;
	font-size: var(--f16);
}

.ar_article ul {
	list-style: disc;
}

.ar_article li {
	margin-bottom: 0..08rem;
}

.ar_article img {
	max-width: 100% !important;
	border-radius: 8px;
	margin: 0.12rem 0;
	width: auto;
}

.ar_article a {
	text-decoration: underline;
	color: #212121;
}

.ar_article a:hover {
	color: var(--fu-pro-primary);
}

.ar_article .scroll {
	overflow-x: auto;
}

@media all and (min-width: 768px) {
	.ar_article table {
		max-width: 100%;
	}
}

.ar_article table td,
.ar_article table th {
	border: 1px #eee solid !important;
	padding: 0.06rem 0.04rem !important;
	text-align: center;
}

/* 表单样式 */
.side_form input,
.side_form textarea {
	border: 1px solid transparent;
	transition: all 0.3s ease;
}

.side_form input:focus,
.side_form textarea:focus {
	border-color: var(--theme-color);
	background-color: #fff;
	box-shadow: 0 0 10px rgba(1, 84, 164, 0.1);
}

.side_form button:hover {
	background-color: var(--sec-theme-color);
}

/* 方案详情 e */

/* ==================== 响应式适配 (Responsive) ========================= */
@media screen and (max-width: 1200px) {
	.sol_grid {
		gap: 0.2rem;
	}

	.detail_left {
		width: 65%;
	}

	.detail_right {
		width: 32%;
	}
}

@media screen and (max-width: 1000px) {
	.sol_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.detail_left {
		width: 100%;
		margin-bottom: 0.4rem;
	}

	.detail_right {
		width: 100%;
		display: flex;
		gap: 0.2rem;
	}

	.detail_right .sidebar_box {
		width: 50%;
		margin-bottom: 0;
	}

	.rel_pro_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.inner_ban {
		height: 3rem;
	}

	.sol_grid {
		grid-template-columns: 1fr;
	}

	.detail_right {
		flex-direction: column;
		gap: 0;
	}

	.detail_right .sidebar_box {
		width: 100%;
		margin-bottom: 0.3rem;
	}

	.rel_pro_grid {
		grid-template-columns: 1fr;
	}

	.dl_item {
		flex-direction: column;
		align-items: flex-start;
		padding: 0.2rem;
	}

	.dl_btn {
		margin-top: 0.2rem;
		width: 100%;
		justify-content: center;
	}

	.dl_tabs a {
		width: 100%;
		text-align: center;
		margin: 0 0 0.1rem;
	}

	.rel_sol_list .pic {
		width: 1.2rem;
		height: 0.9rem;
	}
}

.ny_apply #gspb_col-id-gsbp-56a8c3e .ct-breadcrumbs {
	text-align: center;
}

.ny_apply #gspb_col-id-gsbp-56a8c3e .ct-breadcrumbs span {
	font-size: var(--f16);
}

.ny_apply #gspb_col-id-gsbp-56a8c3e .ct-breadcrumbs span.last-item {
	color: #ffffff;
}

/* .ny_apply #gspb_col-id-gsbp-56a8c3e #gspb_heading-id-gsbp-fffc3f3,
.ny_apply #gspb_col-id-gsbp-56a8c3e .gspb_text-id-gsbp-ced9188 {
	color: #000;
} */

.ny_apply #gspb_row-id-gsbp-b4a30c0>.gspb_backgroundOverlay {
	opacity: 0.35;
}

/* 内页应用领域 e*/
/* 内页联系我们 s*/

#gspb_accordion-id-gsbp-1a59f50 .gs-accordion-item__title>*,
#gspb_accordion-id-gsbp-3c5f8ec .gs-accordion-item__title>* {
	font-size: 18px;
	font-weight: 700;
}

/* 内页联系我们 e*/

/* 底部 s*/
.ct-footer {
	position: relative;
	background: #353535 url('/wp-content/uploads/2026/04/ind_foot-scaled.webp') no-repeat center/cover;
}

.ct-footer::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(10, 10, 10, .84);
}

.ct-footer .contact-info .contact-text a {
	color: #ffffff;
	text-decoration: none;
}

.ct-footer .menu-container .menu-item.current-menu-item a {
	color: #ffffff;
}

.ct-footer .menu-container .menu-item.current-menu-item a:hover {
	color: var(--theme-palette-color-1);
}

#nav_menu-2 h3,
#nav_menu-5 h3{
	display: none;
}

#nav_menu-2 #menu-foot_product_center li a,
#nav_menu-5 #menu-foot_nav li a{
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}

#nav_menu-2 #menu-foot_product_center li a:hover,
#nav_menu-5 #menu-foot_nav li a:hover{
	color: var(--theme-palette-color-1);
}

/* 底部 e*/

/* 侧边栏 s*/

.ct-sidebar .widget-title {
	margin-bottom: 20px;
	font-size: 36px;
	color: var(--theme-palette-color-1);
	text-transform: uppercase;
}

.ct-sidebar ul.widget-menu {}

.ct-sidebar ul.widget-menu li {}

.ct-sidebar ul.widget-menu li a {
	display: block;
	line-height: 1.5;
	color: #353535;
	margin-bottom: 1vw;
	padding: 0 30px;
	font-size: 18px;
	width: 100%;
	color: #353535;
	line-height: 60px;
	font-weight: 500;
	border: 1px solid #cccccc;
	border-radius: 10px;
	text-transform: capitalize;
	overflow: hidden;
}

.ct-sidebar ul.widget-menu li:hover a,
.ct-sidebar ul.widget-menu li.current-menu-item a,
.ct-sidebar ul.widget-menu li.current-menu-parent a {
	color: #ffffff;
	background-color: var(--theme-palette-color-1);
}

/* h2锚文本 */
#sj-sidebar-toc {
	position: sticky;
	top: 120px;
	background: #f8fafc;
	padding: 25px;
	border-radius: 16px;
	border: 1px solid var(--theme-palette-color-1);
	margin-bottom: 30px;
	box-shadow: 0 4px 15px rgb(0 0 0 / .02);
	z-index: 10
}

.sj-toc-header {
	font-size: 18px;
	font-weight: 700;
	color: var(--theme-palette-color-1);
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--theme-palette-color-1)
}

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

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

.sj-toc-link {
	color: #64748b;
	text-decoration: none;
	font-size: 15px;
	line-height: 1.5;
	display: block;
	transition: all 0.3s ease;
	border-left: 2px solid #fff0;
	padding-left: 12px
}

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

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

@media (min-width: 992px) {

	#sidebar~[role="main"],
	[role="main"]~#sidebar {
		flex: 1 !important
	}
}

/* 侧边栏 e*/

.sj-floating-contact {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	pointer-events: none
}

.sj-float-btn {
	pointer-events: auto;
	display: flex;
	align-items: center;
	background: var(--theme-palette-color-1);
	color: #ffffff !important;
	text-decoration: none;
	border-radius: 12px 0 0 12px;
	box-shadow: 0 5px 15px rgb(0 0 0 / .15);
	transition: transform 0.4s cubic-bezier(.25, 1, .5, 1), background 0.3s ease;
	width: max-content;
	transform: translateX(calc(100% - 56px))
}

.sj-float-btn:hover {
	transform: translateX(0);
	background: var(--theme-palette-color-1)
}

.sj-float-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.sj-float-icon svg {
	width: 24px;
	height: 24px;
	fill: #fff
}

.sj-float-text {
	padding: 0 24px 0 8px;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease 0.1s
}

.sj-float-text strong {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
}

.sj-float-btn:hover .sj-float-text {
	opacity: 1
}

@media (max-width: 768px) {
	.sj-floating-contact {
		top: 50%;
		bottom: auto;
		right: 0;
		transform: translateY(-50%)
	}

	.sj-float-icon {
		width: 44px;
		height: 44px
	}

	.sj-float-icon svg {
		width: 20px;
		height: 20px
	}

	.sj-float-btn {
		border-radius: 10px 0 0 10px;
		transform: translateX(calc(100% - 44px))
	}

	.sj-float-text {
		padding: 0 16px 0 8px;
		font-size: 12px
	}

	.sj-float-text strong {
		font-size: 13px
	}

	.sj-float-btn:active {
		background: var(--theme-palette-color-1);
		transform: translateX(calc(100% - 48px))
	}
}

.foot_tit label{
	color:#ffffff !important;
	font-size:18px;
}

.ct-contact-info li{
	display:block
}

.ct-contact-info li:nth-child(4) span{
	background-color:#1278F3
}
.ct-contact-info li:nth-child(5) span{
	background-color:#1D9BF0;
}
.ct-contact-info li:nth-child(6) span{
	background-color:#DA4369
}

.ct-contact-info li:nth-child(7) span{
	background-color:#0A66C2;
}

.ct-contact-info li .ct-icon-container{
	margin-bottom:1vw;
}

.ct-footer .ct-container div:nth-child(4){
	background-color: #404040;
    padding: 25px;
    border-radius: 12px;
}

.fluentform.fluentform_wrapper_2.ff_guten_block.ff_guten_block-2 .ff-el-form-control, .fluentform.fluentform_wrapper_2.ff_guten_block.ff_guten_block-2 .ff-el-input--content input, .fluentform.fluentform_wrapper_2.ff_guten_block.ff_guten_block-2 .ff-el-input--content textarea, .fluentform.fluentform_wrapper_2.ff_guten_block.ff_guten_block-2 .ff-el-input--content select{
	border-radius:0;
}