@charset "utf-8";
/* ====================公共样式========================= */

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

body {
	background-color: #fff;
	/*整体背景颜色*/
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*/
	/*禁止复制*/
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/*点击高亮效果*/
	--www: 16rem;
	--interval: var(--www);
	--nav_height: 1rem;
	--theme-color: #004ea2;
	--theme-color-rgb: 0, 78, 162;
	--sec-theme-color: #004ea2;
	--swiper-theme-color: #004ea2;
	--sec-theme-color: #004ea2;
}

/*==常用字号==*/
body {
	--f14: 0.14rem;
	--f16: 0.16rem;
	--f18: 0.18rem;
	--f20: 0.2rem;
	--f22: 0.22rem;
	--f24: 0.24rem;
	--f26: 0.26rem;
	--f28: 0.28rem;
	--f30: 0.3rem;
	--f32: 0.32rem;
	--f34: 0.34rem;
	--f36: 0.36rem;
	--f38: 0.38rem;
	--f40: 0.4rem;
	--f42: 0.42rem;
	--f44: 0.44rem;
	--f46: 0.46rem;
	--f48: 0.48rem;
	--f50: 0.5rem;
	--f52: 0.52rem;
	--f54: 0.54rem;
	--f56: 0.56rem;
	--f58: 0.58rem;
	--f60: 0.6rem;
	--f62: 0.62rem;
	--f64: 0.64rem;
	--f66: 0.66rem;
	--f68: 0.68rem;
	--f70: 0.7rem;
	--f72: 0.72rem;
	--f80: 0.8rem;
	--f100: 1rem;
}

@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: 0.36rem;
		--f32: 0.36rem;
		--f34: 0.38rem;
		--f36: 0.4rem;
		--f38: 0.4rem;
		--f40: 0.4rem;
		--f42: 0.4rem;
		--f44: 0.4rem;
		--f46: 0.4rem;
		--f48: 0.4rem;
		--f50: 0.42rem;
		--f52: 0.46rem;
		--f54: 0.48rem;
		--f56: 0.52rem;
		--f58: 0.52rem;
		--f60: 0.54rem;
		--f80: 0.72rem;
		--interval: 5vw;
		--nav_height: 58px;
	}
}

@media screen and (max-width: 767px) {
	body {
		--f14: 0.24rem;
		--f16: 0.26rem;
		--f18: 0.28rem;
		--f20: 0.28rem;
		--f22: 0.30rem;
		--f24: 0.32rem;
		--f26: 0.34rem;
		--f28: 0.36rem;
		--f30: 0.4rem;
		--f32: 0.4rem;
		--f34: 0.4rem;
		--f36: 0.4rem;
		--f38: 0.4rem;
		--f40: 0.42rem;
		--f42: 0.42rem;
		--f44: 0.42rem;
		--f46: 0.42rem;
		--f48: 0.42rem;
		--f50: 0.42rem;
		--f52: 0.42rem;
		--f54: 0.44rem;
		--f56: 0.46rem;
		--f58: 0.46rem;
		--f60: 0.48rem;
		--f80: 0.64rem;
	}
}

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

/*clearfix清除浮动*/
.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

/* 默认合并表格边框 */
table {
	border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

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

a,
a:active {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a {
	border: 0;
}

em,
i {
	font-style: normal;
}

/* <input>标签 */
input {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none;
}

input:focus {
	outline: none;
}

/* input标签聚焦不出现默认边框 */

textarea {
	resize: none;
}

/* 禁用了文本的拖拉，尤其在谷歌下 */
select,
button,
input,
img {
	vertical-align: middle;
}

/*去除图片底部缝隙并基于中线对齐*/
img {
	width: auto;
	height: auto;
	width: auto\9;
	max-width: 100%;
	display: block;
	-ms-interpolation-mode: bicubic;
}

/** 设置默认字体 **/
/* 
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,
button,
input,
select,
textarea

/* for ie */
	{
	font: 14px/1 "PR", Arial, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Droid Sans Fallback", "WenQuanYi Micro Hei", sans-serif;
}

body {
	background: #fff;
	-webkit-text-size-adjust: 100%;
	color: #333;
}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
* {
	box-sizing: border-box;
}

*::before,
*::after {
	box-sizing: border-box;
}

*:focus {
	outline: none;
}

html {
	-ms-touch-action: none;
	/* 阻止windows Phone 的默认触摸事件 */
}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

/*clearfix清除浮动*/
.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

/* 水平垂直居中 */
.cell_mid {
	display: table;
	height: 100%;
	width: 100%;
}

.cell_h {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

/*动画--规定动画移动出去的时间*/
a {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

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

/* 指定文字禁止复制 */
.noSelect {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

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

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

/* 引入字体 */
@font-face {
	font-family: 'PR';
	src: url('../fonts/DMSans-Regular.ttf'),
		url('../fonts/DMSans-Regular.eot'),
		url('../fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DMSans-Regular.woff2') format('woff2'),
		url('../fonts/DMSans-Regular.woff') format('woff'),
		url('../fonts/DMSans-Regular.otf') format('truetype'),
		url('../fonts/DMSans-Regular.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'SSB';
	src: url('../fonts/Samsungsharpsans-Bold.ttf'),
		url('../fonts/Samsungsharpsans-Bold.eot'),
		url('../fonts/Samsungsharpsans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Samsungsharpsans-Bold.woff2') format('woff2'),
		url('../fonts/Samsungsharpsans-Bold.woff') format('woff'),
		url('../fonts/Samsungsharpsans-Bold.otf') format('truetype'),
		url('../fonts/Samsungsharpsans-Bold.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'OR';
	src: url('../fonts/Oswald-Regular.ttf'),
		url('../fonts/Oswald-Regular.eot'),
		url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Oswald-Regular.woff2') format('woff2'),
		url('../fonts/Oswald-Regular.woff') format('woff'),
		url('../fonts/Oswald-Regular.otf') format('truetype'),
		url('../fonts/Oswald-Regular.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'CAI978';
	src: url('../fonts/CAI978.ttf'),
		url('../fonts/CAI978.eot'),
		url('../fonts/CAI978.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CAI978.woff2') format('woff2'),
		url('../fonts/CAI978.woff') format('woff'),
		url('../fonts/CAI978.otf') format('truetype'),
		url('../fonts/CAI978.svg#svgFontName') format('svg');
}

.PR {
	font-family: "PR";
}

.SSB {
	font-family: "SSB";
}

.OR {
	font-family: "OR";
}

.CAI978 {
	font-family: "CAI978";
}

/*动画效果 所有属性获得过度*/
* {
	transition-property: all;
}

.com-img {
	overflow: hidden;
}

.com-img img {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}

.com-img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.ttu {
	text-transform: uppercase;
}

/*全字母转换为大写*/
.ttc {
	text-transform: capitalize;
}

/*首字母转换为大写*/
.fwb {
	font-weight: bold;
}

.fwl {
	font-weight: lighter;
}

.ofh {
	overflow: hidden;
}

.ofh img {
	width: 100%;
	transition: 1.5s cubic-bezier(.165, .84, .44, 1);
}

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

.ofc img {
	object-fit: contain !important;
}

.pst-rel {
	position: relative;
}

.pst-abs {
	position: absolute;
}

.pst-pic {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.w100 {
	width: 100%;
}

.lh-1 {
	line-height: 1;
}

.lh-111 {
	line-height: 1.11;
}

.lh-115 {
	line-height: 1.15;
}

.lh-12 {
	line-height: 1.2;
}

.lh-13 {
	line-height: 1.3;
}

.lh-14 {
	line-height: 1.4;
}

.lh-15 {
	line-height: 1.5;
}

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

.lh-17 {
	line-height: 1.7;
}

.lh-175 {
	line-height: 1.75;
}

.lh-18 {
	line-height: 1.8;
}

.color-0 {
	color: #000;
}

.color-1 {
	color: #111;
}

.color-2 {
	color: #222;
}

.color-3 {
	color: #333;
}

.color-4 {
	color: #444;
}

.color-5 {
	color: #555;
}

.color-6 {
	color: #666;
}

.color-7 {
	color: #777;
}

.color-8 {
	color: #888;
}

.color-9 {
	color: #999;
}

.color-a {
	color: #aaa;
}

.color-b {
	color: #bbb;
}

.color-c {
	color: #ccc;
}

.color-d {
	color: #ddd;
}

.color-e {
	color: #eee;
}

.color-f {
	color: #fff;
}

.color-blue {
	color: #455196;
}

.color-sec-blue {
	color: #003058;
}

.color-red {
	color: var(--theme-color);
}

.color-white {
	color: white;
}

.color-black {
	color: black;
}

.color-dark {
	color: #001322;
}

.bg-f8 {
	background-color: #f6faff;
}

.bg-f7 {
	background-color: #f7f8f9;
}

.bg-f5 {
	background-color: #f5f5f5;
}

.bg-f0 {
	background-color: #f0f1f5;
}

.bg-f9 {
	background-color: #f9fcff;
}

.bg-blue {
	background-color: #0168B3;
}

.bg-sec-blue {
	background-color: #003058;
}

.bg-dark {
	background-color: #001322;
}

.bg-red {
	background-color: var(--theme-color);
}

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

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

.bg-666 {
	background-color: #666;
}

.bg-888 {
	background-color: #888;
}

.bg-555 {
	background-color: #555;
}

.bg-aaa {
	background-color: #aaa;
}

.hmax {
	height: 100%;
}

.wmax {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w55 {
	width: 55%;
}

.w49-5 {
	width: 49.5%;
}

.w33 {
	width: 33%;
}

.w35 {
	width: 35%;
}

.w40 {
	width: 40%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w48 {
	width: 48%;
}

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

.col-2 {
	width: 50%;
	float: left;
}

.col-3 {
	width: 33.333333%;
	float: left;
}

.col-4 {
	width: 25%;
	float: left;
}

.col-5 {
	width: 20%;
	float: left;
}

.col-6 {
	widows: 16.6666%;
	float: left;
}

.w12 {
	width: 1200px;
	max-width: 92%;
	margin: 0 auto;
}

.w14 {
	width: 1440px;
	max-width: 92%;
	margin: 0 auto;
}

.w15 {
	width: 1500px;
	max-width: 92%;
	margin: 0 auto;
}

.w16 {
	width: 1600px;
	max-width: 92%;
	margin: 0 auto;
}

.w18 {
	width: 1800px;
	max-width: 92%;
	margin: 0 auto;
}

.pc {
	display: block;
}

.mb {
	display: none;
}

.mt {
	margin-top: 100px;
}

@media all and (max-width:1000px) {
	.pc {
		display: none;
	}

	.mb {
		display: block;
	}
}

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

*[class*="rect-"] ._full.ofc {
	object-fit: contain;
}

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

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

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

.rect-5625 {
	padding-bottom: 56.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.trs5 {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.pd-40 {
	padding: 0.4rem 0;
}

.pd-60 {
	padding: 0.6rem 0;
}

.pt-60 {
	padding-top: 0.6rem;
}

.pb-60 {
	padding-bottom: 0.6rem;
}

.pd-80 {
	padding: 0.8rem 0;
}

.pt-80 {
	padding-top: 0.8rem;
}

.pb-80 {
	padding-bottom: 0.8rem;
}

.pd-100 {
	padding: 1rem 0;
}

.pt-100 {
	padding-top: 1rem;
}

.pb-100 {
	padding-bottom: 1rem;
}

.pd-120 {
	padding: 1.2rem 0;
}

.pt-120 {
	padding-top: 1.2rem;
}

.pb-120 {
	padding-bottom: 1.2rem;
}

.pd-140 {
	padding: 1.4rem 0;
}

.pt-140 {
	padding-top: 1.4rem;
}

.pb-140 {
	padding-bottom: 1.4rem;
}

.pd-160 {
	padding: 1.6rem 0;
}

.pt-160 {
	padding-top: 1.6rem;
}

.pb-160 {
	padding-bottom: 1.6rem;
}

.pd-180 {
	padding: 1.8rem 0;
}

.pt-180 {
	padding-top: 1.8rem;
}

.pb-180 {
	padding-bottom: 1.8rem;
}

.mt30 {
	margin-top: 0.3rem;
}

.mt40 {
	margin-top: 0.4rem;
}

.mt50 {
	margin-top: 0.5rem;
}

.mt60 {
	margin-top: 0.6rem;
}

.mt70 {
	margin-top: 0.7rem;
}

.mt80 {
	margin-top: 0.8rem;
}

.mt90 {
	margin-top: 0.9rem;
}

.mt100 {
	margin-top: 1rem;
}

.mt110 {
	margin-top: 1.1rem;
}

.mt120 {
	margin-top: 1.2rem;
}

.mt130 {
	margin-top: 1.3rem;
}

.mt140 {
	margin-top: 1.4rem;
}


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

/* 头部 */
.Header-wrapper {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	z-index: 99;
	line-height: 100px;
	-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;
}

/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {
	box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
	background-color: #fff;
}

.Header-wrapper.black {
	box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
	background-color: #001322;
}

/* .Header-wrapper.on::after {opacity: 0;} */
/* #c-header.c-head-move {top: -100px;} */
.Header-container {}

.Header-container .logo {}

.Header-container .logo {}

.Header-container .logo a {
	display: flex;
	align-items: center;
	font-size: 0;
}

.Header-container .logo a img {
	width: auto;
	display: block;
	height: 0.65rem;
}

.Header-wrapper.on .Header-container .logo a img+img,
.Header-wrapper.white_bg .Header-container .logo a img+img {
	display: block;
}

.Header-container .logo a img+img,
.Header-wrapper.on .Header-container .logo a img,
.Header-wrapper.white_bg .Header-container .logo a img {
	display: none;
}

.Header-container .fr {
	display: flex;
	align-items: center;
	font-size: 0;
}

@media all and (min-width:1000px) {
	.Header-container .c-nav {
		display: flex;
		align-items: center;
		font-size: var(--f20);
		flex-wrap: wrap;
		font-weight: 700;
	}

	.Header-container .c-nav>li {
		margin-right: 0.6rem;
	}

	.Header-container .c-nav>li .c-title-box {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
	}

	.Header-container .c-nav>li .c-title-box>a {
		display: block;
	}

	.Header-container .c-nav>li.active .c-title-box,
	.Header-container .c-nav>li:hover .c-title-box {
		color: var(--theme-color) !important;
	}

	.Header-container .c-nav>li .c-title-box i {
		margin-left: 0.06rem;
		-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;
	}

	.Header-container .c-nav>li>ul {
		min-width: 240px;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-top: 0;
		background-color: #fff;
		z-index: 2;
		-webkit-transform: translate(-50%, 10px);
		-ms-transform: translate(-50%, 10px);
		transform: translate(-50%, 10px);
		-webkit-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		padding: 15px 20px;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
		-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
		transition: all .3s cubic-bezier(.645, .045, .355, 1);
		box-shadow: 0 5px 50px rgb(0 0 0 / 10%);
	}

	.Header-container .c-nav>li:hover>ul {
		pointer-events: all;
		-webkit-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		-webkit-transition-delay: .1s;
		-ms-transition-delay: .1s;
		transition-delay: .1s;
		opacity: 1;
	}

	.Header-container .c-nav>li>ul>li:not(:last-child) {
		border-bottom: 1px solid #eee;
	}

	.Header-container .c-nav>li>ul>li>a {
		display: block;
		position: relative;
		font-size: 16px;
		padding: 10px 0;
		color: #58595b;
		-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
		-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);
		transition: color .3s cubic-bezier(.645, .045, .355, 1);
		line-height: initial;
		text-align: left;
	}

	.Header-container .c-nav>li>ul>li>a:before {
		content: "";
		position: absolute;
		top: 7px;
		bottom: 7px;
		left: -20px;
		width: 4px;
		background: var(--theme-color);
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);
		transition: transform .3s cubic-bezier(.162, .85, .45, 1);
	}

	.Header-container .c-nav>li>ul>li:hover>a:before {
		-ms-transform-origin: top;
		-webkit-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	.Header-container .c-nav>li>ul>li:hover>a {
		color: var(--theme-color);
	}

	.Header-wrapper .Header-container .c-nav>li .c-title-box {
		color: #fff;
	}

	.Header-wrapper.on .Header-container .c-nav>li .c-title-box,
	.Header-wrapper.white_bg .Header-container .c-nav>li .c-title-box {
		color: #000;
	}
}

.Header-container .tool {
	display: flex;
	align-items: center;
	color: #fff;
	-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;
}

.Header-wrapper.on .Header-container .tool,
.Header-wrapper.white_bg .Header-container .tool {
	color: #000;
}

.Header-container .tool .search {}

.Header-container .tool .search i {
	position: relative;
	font-size: 24px;
	/* padding-right: 0.18rem;margin-right: 0.2rem; */
	cursor: pointer;
	vertical-align: middle;
}

/* .Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper.on .Header-container .tool .search i::after {background-color: rgb(0,0,0,.3);} */
.Header-container .tool .language {
	position: relative;
}

.Header-container .tool .language a {
	display: flex;
	align-items: center;
	color: white;
}

.Header-container .tool .language i {
	font-size: 24px;
}

.Header-container .tool .language p {
	font-size: 16px;
	margin-left: 0.08rem;
	display: flex;
	align-items: center;
}

.Header-container .tool .language p::after {
	display: inline-block;
	margin-left: 5px;
	content: "\e60a";
	font-size: 12px;
	font-family: 'iconfont';
	-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;
}

.Header-container .tool .language.on p::after {
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.Header-container .tool .language .language_down {
	display: none;
	position: absolute;
	z-index: 2;
	left: 5px;
	top: 100%;
	width: 100%;
	height: auto;
	background: var(--theme-color);
	text-align: left;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-ms-transition: top 0.3s;
	-o-transition: top 0.3s;
	transition: top 0.3s;
}

.Header-container .tool .language .language_down a {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	padding: 10px 15px;
	color: rgba(255, 255, 255, .8);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
}

.Header-container .tool .language .language_down a:hover {
	background-color: #3F3B3A;
}

.Header-wrapper.on .Header-container .tool .language>a,
.Header-wrapper.white_bg .Header-container .tool .language>a {
	color: #000;
}

/*顶部导航开关*/
#c-header .c-switch {
	display: none;
	width: 24px;
	height: 20px;
	cursor: pointer;
}

#c-header .c-switch i {
	position: relative;
	display: block;
	height: 2px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#c-header .c-switch i:nth-child(1) {
	top: 0;
}

#c-header .c-switch i:nth-child(3) {
	bottom: 0;
}

#c-header .c-switch i:nth-child(2) {
	margin: 6px 0;
}

#c-header.on .c-switch i {
	background: #333;
}

body.c-open #c-header .c-switch i:nth-child(2) {
	opacity: 0;
}

body.c-open #c-header .c-switch i:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.c-open #c-header .c-switch i:nth-child(3) {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media (max-width: 1000px) {
	#c-header .c-switch {
		display: block;
	}

	.Header-wrapper {
		line-height: 60px;
	}

	.Header-container .tool .search {
		height: 60px;
	}

	.Header-container .c-nav {
		height: 0;
	}

	.Header-container .tool {
		padding-right: 0.24rem;
	}

	.Header-container .tool .language p {
		margin-left: 0.12rem;
	}

	.Header-container .logo a img {
		height: 28px;
	}

	.mt {
		margin-top: 60px;
	}

	/*顶部移动端导航*/
	#c-header .c-nav {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		height: 0;
		line-height: 50px;
		background: #fff;
		overflow-y: auto;
		transition: all 0.5s;
		text-align: left;
		overflow-x: hidden;
	}

	#c-header .c-nav>li:last-child {
		border-bottom: 1px solid #f1f1f1;
	}

	#c-header .c-nav li {
		width: 100%;
		padding: 0 4%;
		border-top: 1px solid #f1f1f1;
	}

	#c-header .c-nav li .c-title-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#c-header .c-nav li a {
		display: flex;
		align-items: center;
		color: #333;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		font-size: 16px;
		min-width: calc(100% - 50px);
	}

	#c-header .c-nav li i {
		font-size: 20px;
		color: #333;
		-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;
		width: 20px;
		height: 50px;
		text-align: center;
		line-height: 50px;
	}

	#c-header .c-nav li.on .c-title-box i {
		transform: rotate(180deg);
	}

	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on>a {
		color: var(--theme-color);
	}

	#c-header .c-nav li ul {
		display: none;
	}

	.c-open #c-header .c-nav {
		height: calc(100vh - 60px);
	}
}

@media (max-width: 768px) {
	#c-header .c-nav li {
		padding: 0 4%;
	}

	#c-header .c-nav ul li {
		font-size: 16px;
		line-height: 45px;
	}
}

/* 底部 */
.Footer-wrapper {
	position: relative;
	background: #021b37 url('../images/foot_bg.jpg') no-repeat center/cover;
	/* background-color: #F5F5F7; */
}

/* .Footer-wrapper::before, .Footer-wrapper::after {
    content: '';
    width: 50%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #bb171e;
}
.Footer-wrapper::after {
    left: auto;
    right: 0;
    background: #808080;
} */
.Footer-container {}

/* .Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .toate(180degp .foot_link {} */
.media_ul {
	gap: 0.2rem;
}

.media_ul li {}

.media_ul li:last-child {
	margin-right: 0;
}

.media_ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 0.32rem;height: 0.32rem;background-color: #3b5999;color: white; */
	border-radius: 3px;
	font-size: 0;
}

.media_ul li a i {
	font-size: var(--f24);
	color: #fff;
}

/* .media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;} */
.Footer-container .mid {
	padding: 0.8rem 0 0.5rem;
	letter-spacing: 0.5px;
}

.Footer-container .mid .fl {
	width: 25%;
}

.Footer-container .mid .fl .foot_logo {}

.Footer-container .mid .fl .foot_logo img {
	height: 0.65rem;
}

.Footer-container .mid .fl .foot_txt {}

.Footer-container .mid .fl .foot_link {}

.Footer-container .mid .fr {
	width: 25%;
}

.Footer-container .mid .fr .tit {}

.Footer-container .mid .fr .des {}

.Footer-container .mid .fr .info {}

.Footer-container .mid .fr .info dl {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 0.15rem;
}

.Footer-container .mid .fr .info dt {}

.Footer-container .mid .fr .info dt i {
	font-size: var(--f20);
	line-height: 1.5;
}

.Footer-container .mid .fr .info dd {
	flex: 1;
	padding-left: 0.12rem;
	font-size: var(--f16);
	line-height: 1.75;
}

.Footer-container .mid .fr {
	width: 3.2rem;
}

.Footer-container .mid .fr form {
	width: 100%;
}

.Footer-container .mid .fr .mui-input-row {
	width: 100%;
}

.Footer-container .mid .fr .mui-input-row:not(:first-child) {
	margin-top: 0.12rem;
}

.Footer-container .mid .fr .mui-input-row input {
	width: 100%;
	height: 32px;
	line-height: 30px;
	padding-left: 10px;
	border: 1px solid rgb(255, 255, 255, 1);
	color: rgb(255, 255, 255, 1);
	background-color: transparent;
	border-radius: 10px
}

.Footer-container .mid .fr .mui-input-row textarea {
	width: 100%;
	padding: 10px;
	background-color: transparent;
	border: 1px solid rgb(255, 255, 255, 1);
	border-radius: 10px
}

.Footer-container .mid .fr .mui-input-row input::placeholder,
.Footer-container .mid .fr .mui-input-row textarea::placeholder {
	color: rgb(255, 255, 255, .8);
}

.Footer-container .mid .fr .btn {}

.Footer-container .mid .fr .btn button {
	width: 100%;
	height: 36px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background-color: var(--theme-color);
	border: none;
	border-radius: 50px;
	text-transform: uppercase;
}

.Footer-container .mid>ul {
	width: 35%;
}

.Footer-container .mid>ul li {
	float: left;
	overflow: hidden;
	max-width: 60%;
}

.Footer-container .mid>ul li p {
	text-transform: uppercase;
	font-size: var(--f22);
	line-height: 1.5;
	color: #fff;
	display: block;
	margin-bottom: 0.15rem;
}

.Footer-container .mid>ul li p i {
	margin-left: 0.06rem;
}

.Footer-container .mid>ul li .foot_nav_link a {
	font-size: var(--f16);
	color: rgb(255, 255, 255);
	line-height: 1.5;
	display: block;
	padding: 0.06rem 0;
}

.Footer-container .mid>ul li a:hover {
	text-decoration: underline;
}

.Footer-container .mid>ul li.lxwm {
	max-width: 450px;
	margin-right: 0;
}

.Footer-container .mid>ul li dl {}

.Footer-container .mid>ul li dd {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: rgb(255, 255, 255, .8);
	margin-bottom: 16px;
	padding-left: 26px;
}

.Footer-container .mid>ul li dd:last-child {
	margin-bottom: 0;
}

.Footer-container .mid>ul li dd i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: rgb(255, 255, 255, .8);
}

.Footer-container .bot {
	font-size: var(--f16);
	line-height: 1.4;
	color: #fff;
	text-align: center;
	padding: 0.3rem 0;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	letter-spacing: 0.5px;
}

.Footer-container .bot a {
	font-size: var(--f16);
	color: rgb(255, 255, 255);
}

/* 中间+共用部分 */

/* ind_banner */

.i_banner a {
	display: block;
	position: relative;
}

.i_banner img {
	width: 100%;
	height: 100vh;
	min-height: 7.2rem;
}

/* .i_banner a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0,.3);
	z-index: 1;
} */
.i_banner .ban_txt {
	position: absolute;
	width: 100%;
	top: 36%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 2;
}

.i_banner .ban_txt .w60 {
	margin: 0 auto;
	/* backdrop-filter: blur(10px); */
	/* border-radius: 30px; */
}

.i_banner .ban_txt .tit {}

.i_banner .ban_txt .des {
	width: 11.43rem;
	max-width: 100%;
}

.i_banner .btn {
	display: inline-block;
	padding: 0.22rem 0.45rem;
	border-radius: 50px;
	background-color: var(--theme-color);
	color: #fff;
	font-size: var(--f18);
	-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;
}

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

.i_banner .btn i {
	display: inline-block;
	margin-left: 0.12rem;
	transform: rotate(-45deg);
}

.i_banner .swiper-pagination {
	bottom: 6% !important;
}

.c-swiper-page.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
	font-size: 0;
}

.c-swiper-page .swiper-pagination-bullet,
.c-swiper-page .swiper-pagination-bullet {
	width: 0.6rem;
	height: 0.03rem;
	border-radius: 0;
	opacity: .2;
}

.c-swiper-page .swiper-pagination-bullet,
.c-swiper-page .swiper-pagination-bullet {
	background-color: black;
}

.c-swiper-page.bg_white .swiper-pagination-bullet,
.c-swiper-page.bg_white .swiper-pagination-bullet {
	background-color: #fff;
}

.c-swiper-page .swiper-pagination-bullet-active,
.c-swiper-page .swiper-pagination-bullet-active {
	background-color: var(--theme-color);
	opacity: 1;
}

.yijin-banner-wrapper {
	position: relative;
	width: 100%;
	height: 600px;
	/* 手机端默认高度 */
	height: calc(100vh - 80px);
	overflow: hidden;
	background-color: #111827;
	/* 增加拖拽时的鼠标样式 */
	cursor: grab;
	user-select: none;
	/* 防止拖拽时选中文本 */
}

/* 电脑端高度适配：满屏减去80px导航栏 */
@media (min-width: 768px) {
	.yijin-banner-wrapper {
		/* height: calc(100vh - 80px); */
		height: 100vh;
	}
}

/* =========================================
   轮播项 (Slide)
   ========================================= */

.yijin-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 0;
	transition: opacity 1s ease-in-out;
	/* pointer-events: none; /* 让拖拽事件穿透到父容器 */
	*/
}

.yijin-slide.yijin-active {
	opacity: 1;
	z-index: 10;
	pointer-events: auto;
}

/* 响应式图片容器 */
.yijin-media-picture {
	display: block;
	width: 100%;
	height: 100%;
}

.yijin-media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
	/* 防止拖拽时触发图片的默认拖动行为 */
}

.yijin-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	/* 黑色半透明遮罩 */
	/* pointer-events: none; */
}

.yijin-slide1 .yijin-content-container {
	justify-content: flex-start;
	padding: 10% 0 0;
	text-align: center;
}

.yijin-slide1 .yijin-content-box {}

.yijin-slide1 .yijin-content-box .yijin-title {
	color: #fff;
}

.yijin-slide1 .ico {
	margin-top: 15px;
}

.yijin-slide1 .ico img {
	display: inline-block;
}

@media all and (min-width: 1024px) {
	.yijin-slide1 .yijin-content-box .yijin-title {
		font-size: 48px;
		text-shadow: 0 12px 18px rgb(0, 0, 0, .1);
		width: 100%;
	}
}

.yijin-slide2 .yijin-content-box {
	color: #fff;
	font-weight: 700;
}

.yijin-slide2 .ban_txt {}

.yijin-slide2 .yijin-content-box .yijin-title {
	font-size: 120px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 0;
}

.yijin-slide2 .yijin-content-box h3 {
	display: inline-block;
	font-size: 42px;
	line-height: 1;
	padding: 12px 38px;
	border-radius: 50px;
	border: 2px solid #fff;
	color: #fff;
	margin: 8px 0 24px;
}

.yijin-slide2 .yijin-content-box img {
	display: block;
}

.yijin-slide2 .yijin-content-box span {
	position: relative;
	display: inline-block;
	margin-top: 60px;
	height: 50px;
	line-height: 50px;
	padding: 0 60px 0 24px;
	border-radius: 50px;
	background-color: #fff;
	color: var(--theme-color);
	font-size: 16px;
	-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;
}

.yijin-slide2 .yijin-content-box span:hover {
	transform: translateY(-5px);
}

.yijin-slide2 .yijin-content-box span i {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--theme-color);
	right: 0;
	top: 0;
}

.yijin-slide2 .yijin-content-box span svg {
	width: 18px;
	fill: #fff;
}

@media all and (min-width: 1024px) {
	.yijin-slide3 .yijin-content-box .yijin-title {
		font-size: 80px;
	}
}

.yijin-slide3 .yijin-content-box .yijin-info {
	margin-top: 20px;
}

.yijin-slide3 .yijin-content-box .yijin-info p {
	font-style: italic;
	color: #fff;
	font-size: 32px;
	line-height: 1.75;
	margin-bottom: 0;
}

.yijin-slide3 .yijin-content-box .yijin-info span {
	font-weight: 700;
	font-style: initial;
}

.yijin-slide3 .yijin-content-box .yijin-title {
	/* 1. 字体设置：必须使用非常粗的无衬线字体 */
	line-height: 1.05;
	font-weight: 800;
	letter-spacing: 2px;
	/* 稍微拉开字距，防止光晕糊在一起 */
	/* 2. 主体颜色：文字内部是纯白色的 */
	color: #ffffff;
	margin-bottom: 0;
	/* 3. 核心魔法：多层阴影叠加 */
	text-shadow:
		0 0 3px rgba(130, 255, 130, 0.8),
		/* 第1层：极近距离的边缘柔化，防止白字太生硬 */
		0 0 10px rgba(65, 210, 65, 0.6),
		/* 第2层：主光晕，范围收紧，亮度适中 */
		0 0 22px rgba(30, 150, 30, 0.4);
	/* 第3层：微弱的外围暗光，迅速衰减融入背景 */
}

@media all and (max-width:768px) {
	.yijin-slide3 .yijin-content-box .yijin-info p {
		font-size: 16px;
	}
}

/* =========================================
   文字内容排版
   ========================================= */
.yijin-content-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 24px;
	margin: 0 auto;
	width: 100%;
	pointer-events: auto;
	z-index: 3;
}

@media (min-width: 768px) {
	.yijin-content-container {
		padding: 0 96px;
	}
}

@media (min-width: 1024px) {
	.yijin-content-container {
		padding: 0 128px;
	}
}

/* 文字进场动画 */
.yijin-content-box {
	transform: translateY(40px);
	opacity: 0;
	transition: all 1s ease-in-out 0.3s;
}

.yijin-slide.yijin-active .yijin-content-box {
	transform: translateY(0);
	opacity: 1;
}

/* 标题与装饰线 */
.yijin-red-line {
	width: 24px;
	height: 2px;
	background-color: var(--theme-color);
	margin-bottom: 8px;
}

.yijin-tagline {
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0 0 24px 0;
}

@media (min-width: 768px) {
	.yijin-tagline {
		font-size: 14px;
	}
}

.yijin-title {
	color: #ffffff;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.1;
	margin: 0 0 24px 0;
	width: 1280px;
	max-width: 100%;
}

.yijin-title.w100 {
	width: 100%;
}

@media (min-width: 768px) {
	.yijin-title {
		font-size: 48px;
	}
}

@media (min-width: 1024px) {
	.yijin-title {
		font-size: 64px;
	}
}

.yijin-subtitle {
	color: #e5e7eb;
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 40px 0;
	max-width: 600px;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.yijin-subtitle {
		font-size: 18px;
	}
}

@media all and (max-width: 768px) {
	.yijin-slide1 .yijin-content-container {
		padding-top: 80px;
	}

	.yijin-subtitle {
		margin-bottom: 30px;
	}

	.yijin-slide1 .ico img {
		height: 32px;
	}

	.yijin-slide2 .yijin-content-box .yijin-title {
		font-size: 48px;
	}

	.yijin-slide2 .yijin-content-box h3 {
		font-size: 22px;
		padding: 8px 24px;
	}

	.yijin-slide2 .yijin-content-box img {
		height: 30px;
	}

	.yijin-slide2 .yijin-content-box span {
		margin-top: 30px;
	}
}

/* 按钮样式 */
.yijin-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: var(--theme-color);
	color: #ffffff;
	padding: 14px 32px;
	border-radius: 9999px;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: background-color 0.3s;
	width: fit-content;
}

.yijin-btn:hover {
	background-color: #0b813d;
}

.yijin-btn svg {
	width: 18px;
	height: 18px;
}

/* =========================================
   控制组件 (左右箭头、分页点、播放暂停)
   ========================================= */
/* 左右箭头 */
.yijin-banner-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	width: 48px;
	height: 48px;
	font-size: 32px;
	line-height: 1;
	display: none;
	/* 手机端隐藏左右箭头 */
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.2);
	color: #ffffff;
	border: none;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s, background-color 0.3s;
}

@media (min-width: 768px) {
	.yijin-banner-nav-btn {
		display: flex;
	}
}

.yijin-banner-wrapper:hover .yijin-banner-nav-btn {
	opacity: 1;
}

.yijin-banner-nav-btn:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

.yijin-banner-nav-btn.yijin-prev {
	left: 16px;
}

.yijin-banner-nav-btn.yijin-next {
	right: 16px;
}

.yijin-banner-nav-btn svg {
	width: 24px;
	height: 24px;
}

/* 底部控制栏 */
.yijin-bottom-controls {
	position: absolute;
	bottom: 0.32rem;
	left: 0;
	right: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	max-width: 1280px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.yijin-bottom-controls {
		padding: 0 96px;
	}
}

@media (min-width: 1024px) {
	.yijin-bottom-controls {
		padding: 0 128px;
	}
}

/* 分页点 */
.yijin-dots {
	display: flex;
	align-items: center;
	gap: 8px;
	pointer-events: auto;
	text-align: center;
}

.yijin-dot-wrapper {
	padding: 8px 4px;
	cursor: pointer;
}

.yijin-dot {
	width: 8px;
	height: 8px;
	border-radius: 9999px;
	background-color: rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
	display: block;
}

.yijin-dot-wrapper:hover .yijin-dot {
	background-color: #ffffff;
}

.yijin-dot-wrapper.yijin-active .yijin-dot {
	width: 32px;
	background-color: var(--theme-color);
}


/* 播放/暂停按钮 */
.yijin-play-pause-btn {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--theme-color);
	color: #ffffff;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s, opacity 0.3s ease, visibility 0.3s, transform 0.3s ease;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	padding: 0;
}

.yijin-play-pause-btn:hover {
	background-color: var(--sec-theme-color);
}

.yijin-play-pause-btn svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

/* 播放图标稍微向右偏移一点点以居中视觉 */
.yijin-play-pause-btn .yijin-icon-play {
	margin-left: 4px;
}

/* 隐藏状态类：保留占位，但视觉上消失并不可点击 */
.yijin-play-pause-btn.yijin-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: scale(0.8);
	/* 隐藏时稍微缩小，增加动感 */
}



/* md-sideBar */
.md-sideBar {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.1rem;
	z-index: 200;
	box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);
}

.md-sideBar .side_item {
	display: block;
	width: auto;
	position: relative;
	cursor: pointer;
	zoom: 1;
}

.md-sideBar .side_item:hover .bd {
	right: 100%;
	opacity: 1;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	width: auto;
}

.md-sideBar .side_item .hd {
	width: 0.6rem;
	height: 0.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #ececec;
	position: relative;
	z-index: 202;
	background-color: #fff;
}

.md-sideBar .side_item .hd i {
	font-size: 0.3rem;
	color: var(--theme-color);
}

.md-sideBar .side_item .bd {
	color: var(--theme-color);
	position: absolute;
	right: 100%;
	top: 0;
	background-color: #fff;
	padding: 0 0.18rem;
	white-space: nowrap;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	right: 0;
	width: 0;
	overflow: hidden;
	font-size: 18px;
	line-height: 0.6rem;
	z-index: 201;
}

.md-sideBar .side_item .bd.wx {
	padding: 0.08rem;
}

.md-sideBar .side_item:hover .bd.wx {
	width: calc(100px + 0.16rem);
}

.md-sideBar .side_item .bd img {
	width: 100px;
	height: 100px;
}

/* tc_search s */
.tc_search {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 10001;
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.tc_search.act {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	display: block;
	pointer-events: auto;
}

.tc_search form {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: min(720px, calc(100vw - 48px));
	max-width: none;
	margin: 0 auto;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, 0.78);
	border-radius: 34px;
	background: rgba(4, 18, 30, 0.22);
	height: 68px;
	position: relative;
	overflow: visible;
	z-index: 2;
}

.tc_search input {
	min-width: 0;
	flex: 1 1 auto;
	width: auto;
	height: 100%;
	padding: 0 12px;
	font-size: 28px;
	color: #fff;
	box-shadow: none;
	-webkit-appearance: none;
	float: none;
	border: 0;
	border-radius: 0;
	background: none;
	outline: 0;
}

.tc_search input::placeholder {
	color: rgba(255, 255, 255, 0.72);
}

.tc_search button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
	max-width: none;
	height: 48px;
	border: 0;
	border-radius: 50%;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	float: none;
	font-size: 26px;
	background-color: transparent;
}

.tc_search button svg {
	flex: 0 0 22px;
	width: 22px !important;
	height: 22px !important;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2;
}

.tc_search .search_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .85);
	z-index: 0;
}

/* tc_search e */

/* c_more s */
.c_more {
	display: block;
	border-radius: 3px;
	width: 180px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	text-align: center;
	margin-top: 9vh;
	font-size: 0;
	transition: 0.36s;
	background-image: -moz-linear-gradient(0deg, rgb(41, 67, 159) 0%, rgb(38, 111, 204) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(41, 67, 159) 0%, rgb(38, 111, 204) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(41, 67, 159) 0%, rgb(38, 111, 204) 100%);
}

.c_more span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.c_more i.fa {
	font-size: 18px;
	margin-left: 12px;
	vertical-align: middle;
}

.c_more:hover {
	box-shadow: 3px 5px 12px 0 rgba(0, 0, 0, 0.12);
	transform: translateY(-3px);
}

/* c_more e */

/* i_tit s */
.i_tit {
	text-align: center;
}

.i_tit.tal {
	text-align: left;
}

.i_tit span {
	font-size: var(--f18);
	color: var(--sec-theme-color);
	display: inline-block;
	font-weight: 600;
}

.i_tit span:before {
	content: "";
	display: inline-block;
	width: 0.2rem;
	height: 0.02rem;
	background-color: var(--sec-theme-color);
	margin-right: 0.06rem;
	vertical-align: middle;
}

.i_tit span.color-white {
	color: #fff;
}

.i_tit span.color-white:before {
	background-color: #fff;
}

.i_tit h3 {
	font-size: var(--f50);
	font-family: "SSB";
	line-height: 1.1;
	color: #000;
	margin-top: 0.12rem;
}

.i_tit p {
	display: inline-block;
	font-size: var(--f18);
	line-height: 1.5;
	color: #666;
	margin-top: 0.12rem;
	width: 12rem;
	max-width: 100%;
}

.i_tit.color-white h3,
.i_tit.color-white p {
	color: #fff;
}

/* i_tit e */

/* i_tit2 s */
.i_tit2 {
	text-align: center;
	margin-bottom: 0.5rem;
}

.i_tit2 span {
	display: block;
	font-size: 0.2rem;
	margin-bottom: 0.12rem;
	color: #47484b;
}

.i_tit2 h3 {
	font-size: 0.38rem;
	color: var(--theme-color);
	font-weight: 700;
}

.i_tit2 h3::after {
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.02rem;
	background-color: #626262;
	margin: 0.15rem auto;
}

.i_tit2 p {
	font-size: 18px;
	color: #47484b;
	line-height: 1.4;
}

/* i_tit2 e */

/* c_ban */
.c_ban {
	position: relative;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.c_ban:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	background-color: rgb(0, 0, 0, .2);
}

.c_ban .ban_txt {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	color: #fff;
	text-align: center;
	z-index: 3;
}

.c_ban .ban_txt h3 {
	font-size: 0.48rem;
	font-weight: 700;
	color: #fff !important;
}

.c_ban .ban_txt p {
	font-size: 0.22rem;
	margin-top: 0.24rem;
	color: #fff !important;
}

/* sort_nav */
.sort_nav {
	position: relative;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	z-index: 2;
}

.sort_nav.no_shadow {
	box-shadow: none;
}

.sort_nav .tit {
	display: none;
	color: white;
	padding: 0 4%;
	font-size: 14px;
	height: 42px;
	background: var(--color);
	align-items: center;
	color: #fff;
}

.sort_nav .tit h3 {
	font-size: 16px;
	text-align: left;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.sort_nav .w16 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 80px;
}

.sort_nav .c_form {
	width: 50%;
	transform: none;
}

.sort_nav .c_form input {
	background-color: #f8f9f9;
	padding-left: 0.3rem;
}

.sort_nav {
	border-bottom: 1px solid #e8e8e8;
}

.sort_nav .w16 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 80px;
}

/* sort_nav_view */
.sort_nav_view {}

.sort_nav_view ul {
	display: flex;
	align-items: center;
}

.sort_nav_view ul li {
	margin-left: 0.35rem;
}

.sort_nav_view ul li a {
	position: relative;
	font-size: var(--f18);
	display: block;
	line-height: 80px;
	color: #111;
	text-transform: capitalize;
}

.sort_nav_view ul li a:hover {
	color: var(--theme-color);
}

.sort_nav_view ul li.active a {
	color: var(--theme-color);
}

.sort_nav_view ul li.active a::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: var(--theme-color);
}

.sort_nav .tit {
	display: none;
	color: white;
	padding: 0 15px;
	font-size: 14px;
	height: 42px;
	background: var(--theme-color);
	align-items: center;
	color: #fff;
}

.sort_nav .tit h3 {
	font-size: 16px;
	text-align: left;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

/* crumbs */
.crumbs {
	position: relative;
}

.crumbs {
	padding-left: 25px;
	background: url('../images/ico_home.png') no-repeat center;
	background-position: 0 center;
	display: flex;
	align-items: center;
}

.crumbs a {
	font-size: 18px;
	color: #666;
	display: inline-flex;
	align-items: center;
}

.crumbs:before {
	position: absolute;
	content: "\e6b5";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "iconfont";
	font-size: var(--f20);
}

/* Keep the source-site breadcrumb layout while the markup comes from Blocksy. */
.crumbs .ct-breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	color: #666;
	font-size: 18px;
}

.crumbs .ct-breadcrumbs>span {
	display: inline-flex;
	align-items: center;
}

.crumbs .ct-breadcrumbs a:not(:last-child)::after {
	display: none;
	content: none;
}

.crumbs .ct-breadcrumbs a {
	position: relative;
	padding: 3px 0;
	border-radius: 2px;
	color: #353535;
	font-weight: 600;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

.crumbs .ct-breadcrumbs a:hover {
	color: #0057ad;
	transform: translateY(-1px);
}

.crumbs .ct-breadcrumbs a:focus-visible {
	outline: 2px solid #0057ad;
	outline-offset: 3px;
}

.crumbs .ct-breadcrumbs .ct-separator {
	margin: 0 .55rem;
	color: #93a0ad;
	transition: color .2s ease;
}

.crumbs .ct-breadcrumbs a:hover+.ct-separator {
	color: #0057ad;
}

.crumbs .ct-breadcrumbs .last-item {
	color: #353535;
	font-weight: 600;
}

/* The source product pages end at the current product category. */
body.single-product .crumbs .ct-breadcrumbs .last-item {
	display: none;
}

/* Blocksy prints the separator in the preceding crumb. */
body.single-product .crumbs .ct-breadcrumbs>span:nth-last-child(2) .ct-separator {
	display: none;
}

/* The imported source HTML contains its original top module. The template above
 * recreates that module with local Media Library images, so only its detail body
 * should remain here. */
.yijin-product-article .n_pro_xq_top,
.yijin-product-article .pagelink {
	display: none;
}

/* bg */
.white_bg {
	background-color: white;
}

.grey_bg {
	background-color: #fafafa;
	background-color: #EFF2F7;
	/* background-color: #f7f9fa; */
}

/* com_page */
.com_page {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0.55rem;
}

.com_page a,
.com_page span {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #eee;
	font-size: var(--f16);
	color: #333;
	/* background: #fff; */
	margin: 0 .05rem;
	transition: all .3s;
	min-width: 32px;
	min-height: 32px;
}

.com_page a.page-num-current,
.com_page a:hover {
	border-color: var(--theme-color);
	background: var(--theme-color) !important;
	color: #fff;
}

.com_page a:last-child,
.com_page a:first-child {
	background-color: #eff2f7;
}

.com_page a:last-child::after,
.com_page a:first-child::after {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
}

.com_page a:first-child::after {
	content: "\f104";
}

.com_page a:last-child::after {
	content: "\f105";
}

.no_page {
	font-size: var(--f18);
	font-family: "SSB";
	line-height: 5em;
	text-align: center;
}

/* n_tit */
.n_tit {
	color: #212121;
}

.n_tit p {
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
}

.n_tit h3 {
	position: relative;
	font-size: 0.42rem;
	line-height: 1.3;
	font-weight: 700;
	/* padding-bottom: 0.15rem; */
	margin-bottom: 0.35rem;
	font-family: "SSB";
}

/* .n_tit h3::after {content: '';display: block;width: 36px;height: 3px;background: var(--theme-color);position: absolute;left: 0;bottom: 0;} */
.n_tit.tac {
	text-align: center;
}

.n_tit.tac h3::after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* morelink */
.morelink {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 10px 40px;
	background-color: var(--theme-color);
	border: 1px solid var(--theme-color);
	border-radius: 5px;
	text-transform: capitalize;
	transition: all 0.3s;
	cursor: pointer;
}

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

/* btn-3 */
.btn-3 {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.btn-3:before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	bottom: -5px;
	left: -5px;
	transition: all .5s;
	z-index: -1;
}

.btn-3:after {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: -5px;
	right: -5px;
	transition: all .5s;
	z-index: -1;
}

.btn-3:hover:before {
	border-width: 300px 0 0 300px;
}

.btn-3:hover:after {
	border-width: 0 300px 300px 0;
}

/* swiper-page01 */
.swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
}

.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	-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;
}

.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--theme-color);
	width: 30px;
	height: 8px;
	border-radius: 4px;
}

/* ====================首页样式========================= */

.yijin-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.15rem 0.4rem;
	/* 根据需要调整内边距 */
	background-color: #004ea2;
	/* 按钮的青蓝色 */
	color: #ffffff;
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.005rem;
	/* 核心代码：裁剪右上角 */
	/* 这里的 15px 就是切角的大小，可以根据设计图微调 */
	clip-path: polygon(0 0, calc(100% - 0.1rem) 0, 100% 0.1rem, 100% 100%, 0 100%);
	transition: background-color 0.3s ease;
}

/* 箭头图标的间距和动画 */
.yijin-btn i {
	font-size: var(--f14);
	color: #fff;
	margin-left: 0.1rem;
	transition: transform 0.3s ease;
}

.yijin-btn:hover i {
	transform: translateX(5px);
}

.yijin-btn:hover {
	background: #004ea2;
}



.yijin-section-title {
	text-align: center;
	margin-bottom: 46px;
}

.yijin-section-title span {
	display: inline-block;
	color: #004ea2;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.yijin-section-title h2 {
	font-size: 52px;
	line-height: 1.18;
	font-weight: 700;
	color: #111;
}

.yijin-section-title--white h2 {
	color: #fff;
}

.yijin-section-title--white span {
	color: #004ea2;
}

.yijin-swiper-nav {
	/* 	width: 46px;
	height: 46px; */
	/* background: #004ea2; */
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: var(--f48);
	border-radius: 2px;
	transition: all .3s ease;
	user-select: none;
}

.yijin-swiper-nav:hover {
	/* background: #004ea2; */
}

.swiper-button-disabled {
	opacity: .35;
	pointer-events: none;
}

/* 产品中心 s */

/* 产品中心 e */


/* 关于我们 s */

/* about */
.yijin-about {
	/* background: linear-gradient(180deg, #fff 0%, #f8f8f8 100%); */
	background: url('../images/i_about_bg.jpg') no-repeat center/cover;
}

.yijin-about_inner {
	position: relative;
	display: grid;
	grid-template-columns: 6.4rem 1fr;
	gap: 0.8rem;
	align-items: flex-start;
	z-index: 2;
}

.yijin-about_visual {
	position: relative;
	width: 42%;
}

.yijin-about_img1 {
	width: 6.29rem
}



.yijin-about_tag {
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 90px;
	height: 90px;
	background: #004ea2;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-weight: 800;
	z-index: 2;
}

.yijin-about_content span {
	display: inline-block;
	color: var(--theme-color);
	font-size: var(--f16);
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0.1rem;
}

.yijin-about_content h2 {
	font-size: var(--f52);
	line-height: 1.2;
	margin-bottom: 20px;
	font-weight: 700;
	color: #111;
}

.yijin-about_content p {
	color: #666;
	font-size: 15px;
	line-height: 1.95;
	margin-bottom: 18px;
	max-width: 760px;
}

.yijin-about_stats {
	position: absolute;
	left: 0;
	bottom: 0.9rem;
	width: 100%;
	background: #3b3b3b;
	padding: 0.4rem 0;
	/* 	-webkit-transform: translateY(-88%);
	-ms-transform: translateY(-88%);
	transform: translateY(-88%); */
	/* margin-top: -90%; */
	z-index: 1;
}

.yijin-about_stats-list {
	width: calc(100% - 7.2rem);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	text-align: center;
	align-items: center;
	gap: 0.2rem;
}

.yijin-about_num {
	color: #004ea2;
	font-size: 60px;
	line-height: 1;
	font-family: 'OR';
	font-weight: 600;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.yijin-about_num span {
	font-size: 34px;
	position: relative;
	top: -6px;
	margin-left: 2px;
}

.yijin-about_txt {
	color: rgba(255, 255, 255, .88);
	font-size: 16px;
	line-height: 1.5;
	margin: 0 auto;
}

/* 关于我们 e */

/* market s */
/* .yijin-market {
	padding: 86px 0 92px;
	background: #fff;
}

.yijin-market_map {
	position: relative;
	
}

.yijin-market_mask {
}

.yijin-market_point {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #004ea2;
	z-index: 2;
	box-shadow: 0 0 0 8px rgba(16, 201, 232, .15);
} */

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

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

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

.yijin-map-section .yijin-title span {
	color: var(--theme-color, #004ea2);
}

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

/* .yijin-map-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(to right, rgba(0, 172, 200, .18) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 172, 200, .18) 1px, transparent 1px);
    background-size: 75px 73px;
    z-index: 99;
} */

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

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

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

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

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

@keyframes yijin-map-bounce {

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

	50% {
		transform: translateY(-0.08rem);
	}
}

@keyframes yijin-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;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1600px) {
	.yijin-map-wrapper {
		max-width: 13.8rem;
	}
}

@media screen and (max-width: 1200px) {
	.yijin-map-pin {
		width: 0.22rem;
		height: 0.3rem;
	}

	.yijin-pin-info {
		font-size: 13px;
		padding: 0.06rem 0.12rem;
	}
}

@media screen and (max-width: 1000px) {
	.yijin-map-wrapper {
		max-width: 100%;
	}

	.yijin-map-pin {
		width: 0.2rem;
		height: 0.27rem;
	}

	.yijin-pin-info {
		max-width: 2.4rem;
		font-size: 12px;
		padding: 0.05rem 0.1rem;
	}
}

@media screen and (max-width: 750px) {
	.yijin-map-section {
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
	}

	/*    .yijin-map-wrapper {
        width: 112%;
        margin-left: -6%;
    } */

	.yijin-map-pin {
		width: 0.16rem;
		height: 0.22rem;
	}

	.yijin-map-pin::after {
		width: 0.14rem;
		height: 0.14rem;
	}

	.yijin-pin-info {
		font-size: 12px;
		padding: 5px 8px;
		border-radius: 3px;
		max-width: 180px;
	}

	.yijin-pin-info::after {
		border-width: 5px;
	}
}

@media screen and (max-width: 420px) {
	.yijin-map-wrapper {
		/* width: 125%;
        margin-left: -12.5%; */
	}

	.yijin-map-pin {
		width: 14px;
		height: 19px;
	}

	.yijin-pin-info {
		font-size: 11px;
		padding: 4px 7px;
	}
}


/* ================= 合作伙伴板块样式 ================= */
.yijin-partners {
	background-color: #f8f9fa;
	/* 极浅的灰底色，与白色地图板块形成层次区分 */
	overflow: hidden;
}

/* 1600px 版心控制 (如果 style.css 中没有定义 w16，请保留这段) */

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

/* 标题排版 */
.yijin-partners_head .yijin-sub-title {
	display: block;
	color: #004ea2;
	/* 品牌主色调 */
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.yijin-partners_head .yijin-main-title {
	font-size: 42px;
	font-weight: 800;
	color: #111827;
	margin: 0;
	line-height: 1.2;
	/* 调用网站全局的粗体 */
	font-family: 'Samsungsharpsans-Bold', sans-serif;
}

/* 匀速滚动的关键：强制 wrapper 使用线性动画 */
.yijin-partners-swiper .swiper-wrapper {
	transition-timing-function: linear !important;
}

/* Logo 卡片设计 */
.yijin-partner-card {
	background: #ffffff;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	border: 1px solid transparent;
	transition: all 0.4s ease-out;
	cursor: pointer;
	/* 呼应网站科技感的微切角设计 */
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}

.yijin-partner-card img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	/* 默认状态：灰度化 + 降低透明度，显得高端内敛 */
	filter: grayscale(100%) opacity(0.5);
	transition: all 0.4s ease;
}

/* 鼠标悬浮交互 */
.yijin-partner-card:hover {
	transform: translateY(-8px);
	/* 悬浮时出现品牌色的微发光效果 */
	box-shadow: 0 15px 30px rgba(0, 78, 162, 0.12);
	/* border-color: rgba(0,78,162, 0.2); */
}

.yijin-partner-card:hover img {
	/* 悬浮时恢复彩色和完全不透明 */
	filter: grayscale(0%) opacity(1);
	transform: scale(1.05);
}

/* ================= 响应式适配 ================= */
@media screen and (max-width: 1200px) {
	.yijin-partners_head .yijin-main-title {
		font-size: 36px;
	}

	.yijin-partner-card {
		height: 110px;
		padding: 20px;
	}
}

@media screen and (max-width: 768px) {
	.yijin-partners_head .yijin-main-title {
		font-size: 28px;
	}

	.yijin-partner-card {
		height: 90px;
		padding: 15px;
	}
}

@media screen and (max-width: 480px) {
	.yijin-partners_head .yijin-main-title {
		font-size: 24px;
	}

	.yijin-partner-card {
		height: 80px;
		padding: 10px;
	}
}

/* market e */

/* 荣誉资质 s */
.yijin-honor {
	position: relative;
	background: url('../images/i_honor_bg.jpg') no-repeat center/cover;

}

.yijin-honor:before {
	/* content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	--background-overlay: '';
	background: linear-gradient(180deg, var(--yijin-wz-primary) 0%, #23232354 100%);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px); */
}

/* 布局容器 */
.yijin-section-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.yijin-carousel-wrapper {
	position: relative;
	width: 100%;
	max-width: 100%;
	/* 版心宽度 1500px */
	height: 650px;
	/* 增加容器高度以容纳更大的卡片 */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

/* 3D 核心容器 */
.yijin-carousel-container {
	perspective: 1500px;
	/* 增加透视距离，适应更大的版心 */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.yijin-carousel-track {
	transform-style: preserve-3d;
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* =========================================
   卡片与图片样式 (关键修改区)
   ========================================= */
.yijin-carousel-card {
	transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transform-origin: center center;
	position: absolute;
	width: 400px;
	height: 560px;
	cursor: pointer;
	/* background-color: #ffffff; */
	/* border-radius: 6px; */

	/* 关键1：加上边框模拟相框，并隐藏溢出的图片 */
	/* border: 8px solid #ffffff; */
	overflow: hidden;
}

.yijin-card-image {
	/* 关键2：强制图片填满卡片 */
	width: 100%;
	height: 100%;
	/* 关键3：cover保证图片比例不变形，多余部分被裁切。如果想展示完整证书，可以换成 object-fit: contain; 并给卡片加背景色 */
	object-fit: cover;
	display: block;
}

/* 按钮样式 */
.yijin-nav-btn {
	position: absolute;
	z-index: 50;
	padding: 16px;
	border-radius: 6px;
	background-color: var(--theme-color);
	color: white;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.2s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.yijin-nav-btn:hover {
	background-color: var(--sec-theme-color);
	transform: scale(1.05);
}

.yijin-prev-btn {
	left: 20px;
}

.yijin-next-btn {
	right: 20px;
}

/* 手机端适配 */
@media (max-width: 768px) {
	.yijin-carousel-wrapper {
		height: 400px;
	}

	.yijin-carousel-card {
		width: 240px;
		height: 336px;
		border-width: 6px;
	}

	.yijin-prev-btn {
		left: 10px;
		padding: 10px;
	}

	.yijin-next-btn {
		right: 10px;
		padding: 10px;
	}
}

/* 荣誉资质 e */

/* 案例 s */
.home-service {
	background: #f7f7f7;
	padding: 80px 0;
}

.home-title h2 {
	text-align: center;
}

.home-title p {
	text-align: center;
	margin-bottom: 70px;
}


.home-service .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
}

.col-md-4 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.home-service .box {
	background: #fff;
	padding: 50px 0 0;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	transition: all .3s;
}

.home-service .box:hover {
	box-shadow: 0px 6px 20px 10px rgba(0, 0, 0, 0.1);
}

.home-service .box .img {
	text-align: center;
	margin-bottom: 15px;
}

.home-service .box .img svg {
	padding: 10px;
	border-radius: 50px;
	background-color: #004ea2;
}

.home-service .box h3 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #353535;
}

.home-service .box .desc {
	padding: 0 50px 0;
	height: 250px;
}

.home-service .box .desc p {
	font-size: 18px;
	line-height: 32px;
	color: #353535;
	display: flex;
}

.home-service .box .desc p:before {
	margin-right: 27px;
	content: "\e606";
	font-family: "iconfont" !important;
	color: #004ea2;
	font-weight: 700;
}

.home-service .box .hr {
	border-top: 2px solid #dddddd;
	width: 75%;
	margin: 0 auto;
}

.home-service .box:hover .hr {
	border-color: #fff;
}

.home-service .box .more {
	font-size: 22px;
	width: 100%;
	padding: 20px 0;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	color: #353535;
	cursor: pointer;
	transition: all .3s;
}

.home-service .box:hover .more {
	background: #004ea2;
	color: #fff;
}



@media(max-width:1570px) {
	.home-service .box .desc {
		padding: 0 25px 0;
	}
}

@media(max-width:768px) {
	.home-service {
		padding: 50px 0 20px;
	}

	.home-service .home-title p {
		margin-bottom: 50px;
	}

	.home-service .box .desc {
		height: 335px;
		padding-bottom: 25px;
	}

	.home-service .box h3 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.home-service .box .desc p {
		font-size: 16px;
		line-height: 24px;
	}

	.home-service .swiper-pagination {
		bottom: 0;
	}

	.home-service .swiper-pagination-bullet-active {
		background: #004ea2;
	}

	.home-service .box .more {
		font-size: 20px;
		padding: 20px 0;
	}
}

/* 案例 e */


/* 新闻 s */
.i_news {
	padding-bottom: 80px
}

.i_news ul {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.45rem;
}

.i_news ul li {
	overflow: hidden;
}

.i_news ul li a {
	display: block;
	overflow: hidden;
	/* clip-path: polygon(0 0, calc(100% - 0.3rem) 0, 100% 0.3rem, 100% 100%, 0 100%); */
}

.i_news ul li .info {
	padding: 0.2rem 0;
}

.i_news ul li .pic {
	border-radius: 15px;
}

.i_news ul li .tit {}

.i_news ul li .date {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.12rem;
	background-color: var(--theme-color);
	clip-path: polygon(0 0, calc(100% - 0.05rem) 0, 100% 0.05rem, 100% 100%, 0 100%);
	color: #fff;
}

.i_news ul li .date span {
	font-size: var(--f20);
}

.i_news ul li .date p {
	font-size: var(--f14);
	margin-top: 0.06rem;
}

/* 新闻 e */
/* 首页表单 s*/
.home-con {
	background-color: #f6faff;
}

/* 首页表单 e*/

/* ====================内页样式========================= */

/* ====================关于样式========================= */
.yijin-ab-wrapper {
	font-size: 16px;
	line-height: 1.5;
	background-color: #fff;
	overflow-x: hidden;
}

/* Variables */
:root {
	--yijin-ab-primary: #004ea2;
	--yijin-ab-primary-hover: #043972;
	--yijin-ab-dark-bg: #111827;
	--yijin-ab-darker-bg: #0b0f19;
	--yijin-ab-light-bg: #f8f9fa;
	--yijin-ab-text-main: #333333;
	--yijin-ab-text-muted: #666666;
	--yijin-ab-text-light: #ffffff;
	--yijin-ab-border: #e5e7eb;
}

/* Layout */
.yijin-ab-wrapper {
	margin: 0 auto;
	background: #fff;
}

.yijin-ab-container {
	width: var(--www);
	margin: 0 auto;
	max-width: 92%;
}

.yijin-ab-section {
	padding: 80px 0;
	scroll-margin-top: 100px;
}

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

.yijin-ab-bg-dark {
	background-color: var(--yijin-ab-darker-bg);
	color: var(--yijin-ab-text-light);
}

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

.yijin-ab-text-blue {
	color: var(--yijin-ab-primary);
	font-weight: 500;
	margin-bottom: 20px;
}

.yijin-ab-flex-between {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 50px;
}

/* Typography */
.yijin-ab-section-title {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: .3rem;
	line-height: 1.5;
}

.yijin-ab-section-subtitle {
	font-size: 24px;
	margin-bottom: 30px;
	color: var(--yijin-ab-primary)
}

.yijin-ab-section-desc {
	font-size: 18px;
	color: var(--yijin-ab-text-muted);
	max-width: 850px;
	margin: 0 auto 50px;
}

.yijin-ab-section-desc.tal {
	margin: 0;
}

.yijin-ab-bg-dark .yijin-ab-section-desc,
.yijin-ab-bg-dark .yijin-ab-section-title {
	color: var(--yijin-ab-text-light);
}

/* Buttons & Nav Controls */
.yijin-ab-btn {
	display: inline-block;
	padding: 15px 40px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
}

.yijin-ab-btn-primary {
	background-color: var(--yijin-ab-primary);
	color: #fff;
	border: 2px solid var(--yijin-ab-primary);
}

.yijin-ab-btn-primary:hover {
	background-color: var(--yijin-ab-primary-hover);
	border-color: var(--yijin-ab-primary-hover);
	color: #fff;
}

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

.yijin-ab-btn-outline:hover {
	background-color: #fff;
	color: var(--yijin-ab-dark-bg);
}

.yijin-ab-btn-outline-dark {
	background-color: transparent;
	color: var(--yijin-ab-text-main);
	border: 2px solid var(--yijin-ab-primary);
}

.yijin-ab-btn-outline-dark:hover {
	background-color: var(--yijin-ab-primary);
	color: #fff;
}

.yijin-ab-btn-dark {
	background-color: var(--yijin-ab-dark-bg);
	color: #fff;
	border: 2px solid var(--yijin-ab-dark-bg);
}

.yijin-ab-btn-dark:hover {
	background-color: #333;
	border-color: #333;
}

.yijin-ab-nav-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.yijin-ab-nav-btn:hover {
	background: var(--yijin-ab-primary);
	color: #fff;
}

.yijin-ab-bg-dark .yijin-ab-nav-btn {
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.yijin-ab-bg-dark .yijin-ab-nav-btn:hover {
	background: var(--yijin-ab-primary);
	border-color: var(--yijin-ab-primary);
}

.yijin-ab-slider-nav {
	display: flex;
	gap: 10px;
}

/* Hero Section */
.yijin-ab-hero {
	background: linear-gradient(rgba(11, 15, 25, 0.7), rgba(11, 15, 25, 0.7)), url('https://picsum.photos/1920/900?random=100') no-repeat center center/cover;
	height: 900px;
	display: flex;
	align-items: center;
	color: #fff;
}

.yijin-ab-hero-content {
	max-width: 900px;
}

.yijin-ab-subtitle {
	font-size: 16px;
	letter-spacing: 2px;
	color: var(--yijin-ab-primary);
	margin-bottom: 20px;
	font-weight: 600;
}

.yijin-ab-hero-title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 30px;
}

.yijin-ab-hero-desc {
	font-size: 18px;
	margin-bottom: 40px;
	opacity: 0.9;
}

.yijin-ab-hero-btns {
	display: flex;
	gap: 20px;
}

/* About Section & Stats */
.yijin-ab-about {
	background: url('../images/ab-capabilities-bg.jpg') no-repeat center/cover;
}

.yijin-ab-about-grid {
	display: grid;
	/* grid-template-columns: 1fr 1fr; */
	gap: 0.6rem;
	align-items: center;
	margin-bottom: 0.4rem;
}

.yijin-ab-about-text p {
	color: var(--yijin-ab-text-muted);
	margin-bottom: 20px;
	font-size: 16px;
}

.yijin-ab-about-text p:last-child {
	margin-bottom: 0;
}

.yijin-ab-about-image img {
	border-radius: 8px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* VR Entrance Styles */
.yijin-ab-about-image {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	/* 确保圆角内内容不溢出 */
}

.yijin-ab-about-image img {
	width: 100%;
	transition: transform 0.5s ease;
}

.yijin-ab-about-image:hover img {
	transform: scale(1.03);
	/* 鼠标悬浮时背景图轻微放大 */
}

.yijin-ab-vr-entrance {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 78, 162, 0.85);
	/* 使用主题蓝，带一点透明度 */
	backdrop-filter: blur(4px);
	/* 磨砂玻璃效果 */
	color: #fff;
	padding: 15px 35px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	font-size: 18px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	z-index: 10;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.yijin-ab-vr-entrance:hover {
	background: var(--yijin-ab-primary);
	color: #fff;
	transform: translate(-50%, -50%) scale(1.05);
	/* 悬浮时按钮稍微放大 */
	box-shadow: 0 15px 40px rgba(0, 78, 162, 0.4);
}

.yijin-ab-vr-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.yijin-ab-vr-icon svg {
	width: 28px;
	height: 28px;
}

.yijin-ab-stats-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* border-top: 1px solid var(--yijin-ab-border); */
	padding-top: 50px;
}

.yijin-ab-stat-item {
	text-align: center;
	flex: 1;
}

.yijin-ab-stat-divider {
	width: 1px;
	height: 60px;
	background-color: var(--yijin-ab-border);
}

.yijin-ab-stat-num {
	font-size: 48px;
	font-weight: 700;
	color: var(--yijin-ab-primary);
	margin-bottom: 10px;
	line-height: 1;
	font-family: "OR";
}

.yijin-ab-stat-label {
	font-size: 14px;
	color: var(--yijin-ab-text-muted);
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Capabilities Section */
.yijin-ab-capabilities {}

.yijin-ab-cards-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.yijin-ab-card {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.yijin-ab-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.yijin-ab-card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.yijin-ab-card-content {
	padding: 40px;
}

.yijin-ab-card-title {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 600;
}

.yijin-ab-card-content p {
	color: var(--yijin-ab-text-muted);
	font-size: 16px;
}

/* Manufacturing Section */
.yijin-ab-feature-row {
	display: flex;
	align-items: center;
	gap: 80px;
	margin-bottom: 0.6rem;
}

.yijin-ab-feature-row:last-child {
	margin-bottom: 0;
}

.yijin-ab-row-reverse {
	flex-direction: row-reverse;
}

.yijin-ab-feature-img {
	flex: 1;
}

.yijin-ab-feature-img img {
	border-radius: 8px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.yijin-ab-feature-text {
	flex: 1;
}

/* 副标题前面的横线 */
.yijin-ab-tag {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	color: var(--yijin-ab-primary);
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.yijin-ab-tag::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: var(--yijin-ab-primary);
	margin-right: 15px;
}

.yijin-ab-feature-title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px;
}

.yijin-ab-feature-text p {
	color: var(--yijin-ab-text-muted);
	font-size: 16px;
}

/* Qualifications Section (轮播) */
.yijin-ab-qualifications {
	background: url('../images/yijin-ab-qualifications-bg.jpg') no-repeat center/cover;
}
}

.yijin-ab-qualifications .yijin-ab-section-desc {
	margin: 0;
}

.yijin-ab-cert-swiper {
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.yijin-ab-cert-item {
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.yijin-ab-cert-item img {
	margin-bottom: 10px;
	transition: transform 0.3s ease;
	width: 100%;
}

/* .yijin-ab-cert-item:hover img { transform: scale(1.05); border-color: var(--yijin-ab-primary); } */
/* .yijin-ab-cert-item p { font-size: 14px; color: #ccc; } */
.yijin-ab-cert-footer {
	text-align: center;
	color: rgb(255, 255, 255, .5);
	font-size: 16px;
	max-width: 1400px;
	margin: 0 auto;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 30px;
}

.yijin-ab-cert-item .info {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3em;
}


/* History Section (修复高度与时间轴线) */
.yijin-ab-history {
	background: url('../images/yijin-ab-history-bg.jpg') no-repeat center/cover !important;
}

.yijin-ab-history-swiper {
	padding: 20px 0 50px;
	overflow: hidden;
}

.yijin-ab-history-swiper .swiper-slide {
	height: auto;
}

/* 关键：让 slide 撑满高度 */
.yijin-ab-history-item {
	background: #fff;
	border: 1px solid var(--yijin-ab-border);
	padding: 30px 30px 50px;
	border-radius: 8px;
	position: relative;
	transition: box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}

.yijin-ab-history-item:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* .yijin-ab-history-dot { width: 16px; height: 16px; background: var(--yijin-ab-primary); border-radius: 50%; margin-bottom: 20px; position: relative; z-index: 2; } */
/* .yijin-ab-history-dot::after { content: ''; position: absolute; top: 50%; left: 16px; width: 100vw; height: 2px; background: var(--yijin-ab-primary); opacity: 0.2; transform: translateY(-50%); z-index: 1; } */
.yijin-ab-history-item h4 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

.yijin-ab-history-item h5 {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	color: var(--yijin-ab-text-main);
	line-height: 1.3;
	height: 2.6em;
}

.yijin-ab-history-item .info {
	line-height: 1.5;
	height: 9em;
	overflow-y: auto;
	/* 右侧留出一点内边距，防止文字和滚动条贴得太近 */
	padding-right: 0.12rem;
	/* 平滑滚动 */
	scroll-behavior: smooth;
}

/* 1. 滚动条整体宽度 */
.yijin-scroll-y::-webkit-scrollbar {
	width: 4px;
	/* 非常纤细精致的宽度 */
}

/* 2. 滚动条轨道 (背景) */
.yijin-scroll-y::-webkit-scrollbar-track {
	background: #f0f0f0;
	border-radius: 4px;
}

/* 3. 滚动条滑块 (滑块颜色) */
.yijin-scroll-y::-webkit-scrollbar-thumb {
	background: #cccccc;
	/* 默认浅灰色，不抢视觉焦点 */
	border-radius: 4px;
	transition: background 0.3s ease;
}

/* 4. 鼠标悬浮在滑块上时的颜色 (变为主题色) */
.yijin-scroll-y::-webkit-scrollbar-thumb:hover {
	background: var(--theme-color);
}

/* --- Firefox 浏览器自定义滚动条样式 --- */
.yijin-scroll-y {
	scrollbar-width: thin;
	/* 细滚动条 */
	scrollbar-color: #cccccc #f0f0f0;
	/* 滑块颜色 轨道颜色 */
}

.yijin-ab-history-item p {
	font-size: 14px;
	color: var(--yijin-ab-text-muted);
	flex-grow: 1;
}

.yijin-ab-history-nav {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 40px;
}

/* Global Markets Section (修复网格撑开与箭头悬浮) */
.yijin-ab-global-header {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 0.6rem;
	align-items: center;
}

.yijin-ab-global-title-area p {
	color: var(--yijin-ab-text-muted);
	margin-bottom: 20px;
}

.yijin-ab-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.yijin-ab-tags span {
	background: #fff;
	padding: 8px 15px;
	border-radius: 4px;
	font-size: 14px;
	color: var(--yijin-ab-text-main);
	border: 1px solid var(--yijin-ab-border);
}

.yijin-ab-global-slider-wrapper {
	position: relative;
	min-width: 0;
	/* 关键：防止 Grid 被 Swiper 撑开 */
}

.yijin-ab-global-slider-wrapper .yijin-ab-global-swiper {
	padding: 15px;
}

.yijin-ab-global-card {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.yijin-ab-global-card img {
	border-radius: 4px;
	margin-bottom: 20px;
	width: 100%;
}

.yijin-ab-global-card h4 {
	font-size: 18px;
	margin-bottom: 0;
}

.yijin-ab-global-card p {
	font-size: 14px;
	color: var(--yijin-ab-text-muted);
}

/* 悬浮箭头 */
.yijin-ab-global-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background: #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.yijin-ab-global .yijin-ab-nav-btn {
	border: 1px solid var(--yijin-ab-primary);
	color: var(--yijin-ab-primary);
}

.yijin-ab-global-arrow:hover {
	background: #fff;
}

.yijin-ab-arrow-left {
	left: -20px;
}

.yijin-ab-arrow-right {
	right: -20px;
}

/* Quality Control Section (大图) */
.yijin-ab-quality-desc {
	max-width: 1000px;
	margin: 0 auto 60px;
	color: var(--yijin-ab-text-muted);
}

.yijin-ab-quality-icons {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.yijin-ab-icon-box {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease;
}

.yijin-ab-icon-box:hover {
	transform: translateY(-10px);
}

.yijin-ab-quality-img {
	width: 100%;
	border-radius: 6px;
	margin-bottom: 20px;
}

.yijin-ab-icon-box p {
	font-weight: 600;
	font-size: 18px;
}

/* R&D Section */
.yijin-ab-rnd-desc {
	max-width: 900px;
	margin: 0 auto .6rem;
	color: var(--yijin-ab-text-muted);
}

.yijin-ab-stats-small {
	border-top: none;
	padding-top: 0;
	flex-wrap: wrap;
	gap: 30px;
}

.yijin-ab-stats-small .yijin-ab-stat-item {
	flex: 1 1 15%;
	min-width: 120px;
}

.yijin-ab-stats-small .yijin-ab-stat-num {
	font-size: 40px;
	color: var(--yijin-ab-text-main);
}

.yijin-ab-stats-small .yijin-ab-stat-label {
	color: var(--yijin-ab-text-muted);
}

/* Principles Section */
.yijin-ab-cards-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.yijin-ab-principle-card {
	height: 450px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
}

.yijin-ab-principle-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
	text-align: left;
	transition: background 0.3s ease;
}

.yijin-ab-principle-card:hover .yijin-ab-principle-overlay {
	background: linear-gradient(to top, rgba(0, 78, 162, 0.9), rgba(0, 78, 162, 0.4));
}

.yijin-ab-principle-num {
	font-size: 48px;
	font-weight: 700;
	opacity: 0.5;
	margin-bottom: 10px;
	line-height: 1;
}

.yijin-ab-principle-overlay h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: #fff;
}

.yijin-ab-principle-overlay p {
	font-size: 16px;
	opacity: 0.9;
	min-height: 4.5em;
}

/* Customers Section (Tabs & Panels) */
.yijin-ab-customers {
	background: linear-gradient(rgba(11, 15, 25, 0.15), rgba(11, 15, 25, 0.65)),
		url('../images/yijin-ab-customers-bg.jpg') no-repeat center/cover;
	background-attachment: fixed;
}

.yijin-ab-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 40px;
}

.yijin-ab-tabs-center {
	justify-content: center;
}

.yijin-ab-tab {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	padding: 12px 25px;
	border-radius: 30px;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	transition: all 0.3s ease;
}

.yijin-ab-tab.active,
.yijin-ab-tab:hover {
	background: var(--yijin-ab-primary);
	border-color: var(--yijin-ab-primary);
}

.yijin-ab-customer-panels {
	position: relative;
	min-height: 150px;
}

.yijin-ab-customer-panel {
	display: none;
	animation: fadeIn 0.5s ease;
}

.yijin-ab-customer-panel.active {
	display: block;
}

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

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

.yijin-ab-logo-item {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
	height: 120px;
}

/* .yijin-ab-logo-item:hover { background: rgba(255,255,255,0.1); }'' */
/* .yijin-ab-logo-item img { filter: grayscale(100%) brightness(200%); opacity: 0.7; transition: all 0.3s ease; max-height: 60px; } */
/* .yijin-ab-logo-item:hover img { filter: grayscale(0%) brightness(100%); opacity: 1; } */
.yijin-ab-logo-item img {
	max-width: 90%;
	/* height: 80px; */
	/* max-height: 80%; */
	object-fit: contain;
}


/*  Cloud Section */
.yijin-ab-cloud {
	color: #fff;
	background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .35)),
		url('../images/yijin-ab-cloud.jpg') no-repeat center/cover;
	background-attachment: fixed;
}

.yijin-ab-cloud .yijin-ab-section-title {
	color: #fff;
}

.yijin-ab-cloud-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

.yijin-ab-cloud-text p {
	color: #ffffff;
	margin-bottom: 3vw;
}

.yijin-ab-cloud-list {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 40px;
}

.yijin-ab-cloud-list li {
	position: relative;
	padding-left: 25px;
	font-size: 16px;
}

.yijin-ab-cloud-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #fff;
	font-weight: bold;
}

.yijin-ab-cloud-img img {
	border-radius: 8px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* Customized Section */
.yijin-ab-customized {
	background-color: #f1f5f9;
	padding: 60px 0;
}

.yijin-ab-custom-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

.yijin-ab-custom-text {
	flex: 1;
}

.yijin-ab-custom-text h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

.yijin-ab-custom-text p {
	color: var(--yijin-ab-text-muted);
}

.yijin-ab-custom-btns {
	display: flex;
	gap: 20px;
}

/* CTA Section */
.yijin-ab-cta {
	background: linear-gradient(rgba(11, 15, 25, 0.72), rgba(11, 15, 25, 0.72)), url('../images/yijin-ab-cta-bg.jpg') no-repeat center center/cover;
	color: #fff;
	padding: 120px 0;
}

.yijin-ab-cta-title {
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}

.yijin-ab-cta-desc {
	font-size: 20px;
	opacity: 0.9;
	margin-bottom: 50px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.yijin-ab-cta-btns {
	display: flex;
	justify-content: center;
	gap: 20px;
}

/* Responsive Design */
@media (max-width: 1400px) {
	.yijin-ab-hero-title {
		font-size: 54px;
	}
}

@media (max-width: 1200px) {
	.yijin-ab-section-title {
		font-size: 36px;
	}

	.yijin-ab-about-grid {
		grid-template-columns: 1fr;
	}

	.yijin-ab-stats-wrapper {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}

	.yijin-ab-stat-item {
		width: 30%;
		flex: none;
	}

	.yijin-ab-stat-divider {
		display: none;
	}

	.yijin-ab-global-header {
		grid-template-columns: 1fr;
	}

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

	.yijin-ab-cloud-content {
		grid-template-columns: 1fr;
	}

	.yijin-ab-arrow-left {
		left: 0;
	}

	.yijin-ab-arrow-right {
		right: 0;
	}
}

@media (max-width: 992px) {
	.yijin-ab-cards-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.yijin-ab-feature-row,
	.yijin-ab-row-reverse {
		flex-direction: column;
		gap: 0.4rem;
	}

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

	.yijin-ab-custom-flex {
		flex-direction: column;
		text-align: center;
	}

	.yijin-ab-hero-title {
		font-size: 42px;
	}

	.yijin-ab-flex-between {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
}

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

	.yijin-ab-hero {
		height: auto;
		padding: 150px 0 100px;
	}

	.yijin-ab-hero-btns,
	.yijin-ab-cta-btns,
	.yijin-ab-custom-btns {
		flex-direction: column;
	}

	.yijin-ab-cards-grid-3,
	.yijin-ab-cards-grid-4 {
		grid-template-columns: 1fr;
	}

	.yijin-ab-stat-item {
		width: 45%;
	}

	.yijin-ab-cloud-list {
		grid-template-columns: 1fr;
	}

	.yijin-ab-section-title {
		font-size: 28px;
	}

	.yijin-ab-cta-title {
		font-size: 32px;
	}

	.yijin-ab-quality-icons {
		grid-template-columns: 1fr;
	}
}

/* 证书 s */
/* --- 2. 主体区域 --- */
.yijin-hor-main {
	background-color: #f8f9fa;
	/* 浅灰底色，衬托白色卡片 */
}

/* --- 3. 证书网格布局 --- */
.yijin-hor-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 30px;
}

.yijin-hor-item {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
	transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
	border: 1px solid #f0f0f0;
	cursor: pointer;
}

.yijin-hor-item:hover {
	transform: translateY(-12px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
	border-color: transparent;
}

/* 图片容器 (模拟画框) */
.yijin-hor-img-box {
	position: relative;
	width: 100%;
	padding-top: 135%;
	/* 控制证书比例约为 3:4 */
	overflow: hidden;
	/*   background-color: #f4f5f7;
	background-color: #f7f8f9; */
	background-color: #fff;
}

.yijin-hor-img-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* 保证证书完整显示 */
	padding: 30px;
	/* 留出内边距，形成画框感 */
	transition: transform 0.6s ease;
}

.yijin-hor-item:hover .yijin-hor-img-box img {
	transform: scale(1.06);
}

/* 悬浮遮罩与放大图标 */
.yijin-hor-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 78, 162, 0.75);
	/* 主题色半透明 */
	backdrop-filter: blur(2px);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.4s ease;
}

.yijin-hor-item:hover .yijin-hor-overlay {
	opacity: 1;
}

.yijin-hor-zoom-icon {
	width: 60px;
	height: 60px;
	background: #fff;
	color: var(--theme-color, #004ea2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 300;
	line-height: 1;
	transform: scale(0) rotate(-90deg);
	transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-delay: 0.1s;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.yijin-hor-item:hover .yijin-hor-zoom-icon {
	transform: scale(1) rotate(0deg);
}

/* 文本信息 */
.yijin-hor-info {
	padding: 25px 10px;
	text-align: center;
	background: #fff;
	border-top: 1px solid rgb(0, 0, 0, .05);
}

.yijin-hor-info .yijin-hor-tit {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3em;
}

.yijin-hor-info h3 {
	font-size: var(--f20, 20px);
	color: #111;
	font-weight: 700;
	/* margin-bottom: 10px; */
	line-height: 1.5;
	transition: color 0.3s ease;
	/* 限制两行 */
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.yijin-hor-item:hover .yijin-hor-info h3 {
	color: var(--theme-color, #004ea2);
}

.yijin-hor-info p {
	font-size: var(--f14, 14px);
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* --- 4. 响应式适配 --- */
@media (max-width: 1440px) {
	.yijin-hor-grid {
		gap: 30px 20px;
	}
}

@media (max-width: 1200px) {
	.yijin-hor-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 992px) {
	.yijin-hor-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.yijin-hor-grid {
		/* grid-template-columns: 1fr; */
		gap: 10px;
		max-width: 450px;
		margin: 0 auto;
	}

	.yijin-hor-info {
		padding: 15px 8px;
	}

	.yijin-hor-info h3 {
		font-size: 14px;
	}
}

/* 证书 e */

/* ================= Variables & Base Settings ================= */
:root {
	--yijin-oem-theme: #004ea2;
	--yijin-oem-theme-hover: #0195ad;
	--yijin-oem-dark: #001322;
	--yijin-oem-dark-bg: #0a192f;
	--yijin-oem-text: #333333;
	--yijin-oem-text-light: #666666;
	--yijin-oem-bg-light: #f8f9fa;
	--yijin-oem-border: #e5e7eb;
}

.yijin-oem-section {
	color: var(--yijin-oem-text);
	line-height: 1.5;
	background-color: #fff;
}

/* Typography Utilities */
.yijin-oem-main-tit {
	font-size: var(--f46);
	font-weight: 700;
	color: #111;
	line-height: 1.2;
	margin-bottom: 0.2rem;
	text-transform: uppercase;
	font-family: "OR";
}

.yijin-oem-sub-desc {
	font-size: var(--f18);
	color: var(--yijin-oem-text-light);
	max-width: 1000px;
	margin: 0 auto;
	line-height: 1.6;
}

.yijin-oem-sub-desc.tal {
	margin: 0;
}

.yijin-oem-sec-head {
	margin-bottom: 0.6rem;
}

.color-white {
	color: #fff !important;
}

.opacity-8 {
	opacity: 0.8;
}

.yijin-oem-bg-light {
	background-color: var(--yijin-oem-bg-light);
}

.yijin-oem-bg-dark {
	background-color: var(--yijin-oem-dark-bg);
	position: relative;
	background-size: cover;
	background-position: center;
}

.yijin-oem-bg-dark-solid {
	background-color: #05101e;
}

.yijin-oem-dark-overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(5, 16, 30, 0.5);
	z-index: 1;
}

.yijin-oem-relative {
	position: relative;
	z-index: 2;
}

.yijin-oem-section {
	padding: 1rem 0;
}

/* Buttons */
.yijin-oem-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.16rem 0.35rem;
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.3s ease;
	clip-path: polygon(0 0, calc(100% - 0.15rem) 0, 100% 0.15rem, 100% 100%, 0 100%);
	cursor: pointer;
}

.yijin-oem-btn-primary {
	background-color: var(--yijin-oem-theme);
	color: #fff;
}

.yijin-oem-btn-primary:hover {
	background-color: var(--yijin-oem-theme-hover);
	color: #fff;
}

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

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

.yijin-oem-btn-dark {
	background-color: #111;
	color: #fff;
}

.yijin-oem-btn-dark:hover {
	background-color: #333;
	color: #fff;
}

.yijin-oem-btn-white {
	background-color: #fff;
	color: var(--yijin-oem-theme);
}

.yijin-oem-btn-white:hover {
	background-color: #f1f1f1;
}

.yijin-oem-btn-outline-white {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}

.yijin-oem-btn-outline-white:hover {
	background-color: #fff;
	color: var(--yijin-oem-theme);
}

.yijin-oem-btn-full {
	width: 100%;
}

/* ================= 1. Hero Section ================= */
.yijin-oem-hero {
	position: relative;
	padding: 1.5rem 0 1rem;
	background-size: cover;
	background-position: center;
	min-height: 800px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.yijin-oem-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 19, 34, 0.9) 0%, rgba(0, 19, 34, 0.6) 100%);
	z-index: 1;
}

.yijin-oem-hero-content {
	position: relative;
	z-index: 2;
	max-width: 1000px;
	margin-bottom: 0.8rem;
}

.yijin-oem-hero-title {
	font-size: var(--f60);
	color: #fff;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 0.3rem;
	font-family: "OR";
}

.yijin-oem-hero-desc {
	font-size: var(--f18);
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 0.4rem;
	line-height: 1.7;
}

.yijin-oem-hero-btns {
	display: flex;
	gap: 0.2rem;
	flex-wrap: wrap;
}

.yijin-oem-hero-btns a {
	clip-path: none;
}

.yijin-oem-hero-stats {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.3rem;
}

.yijin-oem-stat-item {
	color: #fff;
	padding: 0.3rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.08rem;
	backdrop-filter: blur(20px);
	border: 1px solid rgb(255, 255, 255, .1);
}

.yijin-oem-stat-icon {
	width: 40px;
	height: 40px;
	color: var(--yijin-oem-theme);
	margin-bottom: 0.2rem;
}

.yijin-oem-stat-num {
	font-size: var(--f24);
	font-weight: 700;
	margin-bottom: 0.15rem;
}

.yijin-oem-stat-text {
	font-size: var(--f14);
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.5;
}

/* ================= Layout Grids ================= */
.yijin-oem-grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.4rem;
}

/* ================= 2. Core Product Series ================= */
.yijin-oem-product-card {
	background: #fff;
	border: 1px solid var(--yijin-oem-border);
	transition: all 0.3s ease;
}

.yijin-oem-product-card:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
	transform: translateY(-5px);
}

.yijin-oem-pc-img {
	position: relative;
	padding-bottom: 60%;
	overflow: hidden;
}

.yijin-oem-pc-img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.yijin-oem-product-card:hover .yijin-oem-pc-img img {
	transform: scale(1.05);
}

.yijin-oem-pc-tag {
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
	background: var(--yijin-oem-theme);
	color: #fff;
	padding: 0.05rem 0.15rem;
	font-size: var(--f14);
	font-weight: 600;
	z-index: 2;
}

.yijin-oem-pc-info {
	padding: 0.4rem;
}

.yijin-oem-pc-tit {
	font-size: var(--f26);
	font-weight: 700;
	color: #111;
	margin-bottom: 0.15rem;
}

.yijin-oem-pc-desc {
	font-size: var(--f16);
	color: var(--yijin-oem-text-light);
	margin-bottom: 0.3rem;
	min-height: 3em;
}

.yijin-oem-pc-details h4 {
	font-size: var(--f18);
	font-weight: 700;
	margin-bottom: 0.15rem;
	color: #111;
}

.yijin-oem-pc-details ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.1rem;
}

.yijin-oem-pc-details li {
	position: relative;
	padding-left: 0.25rem;
	font-size: var(--f16);
	color: var(--yijin-oem-text-light);
}

.yijin-oem-pc-details li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--yijin-oem-theme);
}

/* ================= 3. Customization Advantages ================= */
.yijin-oem-adv-card {
	background: #fff;
	padding: 0.4rem;
	border: 1px solid var(--yijin-oem-border);
	border-radius: 8px;
	transition: all 0.3s ease;
}

.yijin-oem-adv-card:hover {
	box-shadow: 0 10px 30px rgba(0, 78, 162, 0.1);
	border-color: var(--yijin-oem-theme);
}

.yijin-oem-adv-head {
	display: flex;
	align-items: center;
	margin-bottom: 0.2rem;
}

.yijin-oem-adv-icon {
	width: 50px;
	height: 50px;
	background: rgba(0, 78, 162, 0.1);
	color: var(--yijin-oem-theme);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.2rem;
	flex-shrink: 0;
}

.yijin-oem-adv-icon svg {
	width: 24px;
	height: 24px;
}

.yijin-oem-adv-tit {
	font-size: var(--f24);
	font-weight: 700;
	color: #111;
}

.yijin-oem-adv-desc {
	font-size: var(--f16);
	color: var(--yijin-oem-text-light);
	margin-bottom: 0.3rem;
	min-height: 4.5em;
}

.yijin-oem-grid-2 .yijin-oem-adv-card:nth-child(2) .yijin-oem-adv-desc {
	min-height: 6em;
}

.yijin-oem-adv-hl {
	background: var(--yijin-oem-bg-light);
	padding: 0.25rem;
	border-radius: 4px;
}

.yijin-oem-adv-hl h4 {
	font-size: var(--f18);
	color: var(--yijin-oem-theme);
	margin-bottom: 0.15rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.yijin-oem-adv-hl ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.1rem;
}

.yijin-oem-adv-hl li {
	position: relative;
	padding-left: 0.2rem;
	font-size: var(--f14);
	color: #444;
}

.yijin-oem-adv-hl li::before {
	content: '›';
	position: absolute;
	left: 0;
	color: var(--yijin-oem-theme);
	font-weight: bold;
}

/* ================= 4. Flexible Scope ================= */
.yijin-oem-scope {}

.yijin-oem-scope-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.4rem;
	margin-bottom: 0.5rem;
}

.yijin-oem-scope-item {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.35rem;
	transition: all 0.3s ease;
}

.yijin-oem-scope-item:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: var(--yijin-oem-theme);
}

.yijin-oem-scope-tit {
	display: flex;
	align-items: center;
	font-size: var(--f22);
	color: #fff;
	font-weight: 600;
	margin-bottom: 0.2rem;
	padding-bottom: 0.1rem;
	border-bottom: 1px solid rgb(255, 255, 255, .1);
}

.yijin-oem-scope-tit span {
	color: var(--yijin-oem-theme);
	font-size: var(--f30);
	font-weight: 800;
	margin-right: 0.15rem;
	opacity: 0.8;
}

.yijin-oem-scope-item ul {
	list-style: none;
	padding: 0;
}

.yijin-oem-scope-item li {
	position: relative;
	padding-left: 0.2rem;
	color: rgba(255, 255, 255, 0.7);
	font-size: var(--f14);
	margin-bottom: 0.1rem;
}

.yijin-oem-scope-item li::before {
	content: '›';
	position: absolute;
	left: 0;
	color: var(--yijin-oem-theme);
	font-size: 20px;
	line-height: 1;
}

.yijin-oem-scope-note {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 78, 162, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.12rem;
	;
	padding: 0.2rem 0.3rem;
	color: #fff;
	font-size: var(--f16);
}

.yijin-oem-scope-note svg {
	width: 24px;
	height: 24px;
	color: var(--yijin-oem-theme);
	margin-right: 0.15rem;
	flex-shrink: 0;
}

/* ================= 5. Products and Application ================= */
.yijin-oem-app-flex {
	display: flex;
	gap: 0.4rem;
	align-items: stretch;
}

.yijin-oem-app-left {
	flex: 1.5;
	background: #F9FAFB;
	padding: 0.4rem;
	border: 1px solid var(--yijin-oem-border);
}

.yijin-oem-app-right {
	flex: 1;
	background: var(--yijin-oem-theme);
	padding: 0.4rem;
	color: #fff;
	clip-path: polygon(0 0, calc(100% - 0.4rem) 0, 100% 0.4rem, 100% 100%, 0 100%);
}

.yijin-oem-app-tit {
	font-size: var(--f26);
	font-weight: 700;
	color: #111;
	margin-bottom: 0.3rem;
}

.yijin-oem-app-desc {
	font-size: var(--f16);
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 0.3rem;
}

.yijin-oem-app-support {
	padding: 0.3rem 0.2rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.2rem;
}

.yijin-oem-app-list-2col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.2rem;
}

.yijin-oem-app-list-2col li {
	position: relative;
	padding-left: 0.2rem;
	font-size: var(--f18);
	color: var(--yijin-oem-text-light);
	margin-bottom: 0.15rem;
}

.yijin-oem-app-list-2col li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--yijin-oem-theme);
}

.yijin-oem-app-support h4 {
	font-size: var(--f18);
	font-weight: 600;
	margin-bottom: 0.2rem;
	padding-bottom: 0.15rem;
	border-bottom: 2px solid rgb(255, 255, 255, .1);
}

.yijin-oem-app-support li {
	position: relative;
	padding-left: 0.3rem;
	font-size: var(--f16);
	color: #fff;
	margin-bottom: 0.1rem;
}

.yijin-oem-app-support li::before {
	content: '✓';
	position: absolute;
	left: 0;
	font-weight: bold;
}

/* ================= 6. Manufacturing & Quality ================= */
.yijin-oem-mq {
	background-color: #F8FAFC;
}

.yijin-oem-mq .yijin-oem-sec-head {
	margin-bottom: 0.3rem;
}

.yijin-oem-mq-flex {
	display: flex;
	gap: 0.5rem;
}

.yijin-oem-mq-left {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.yijin-oem-mq-item {
	display: flex;
	align-items: flex-start;
}

.yijin-oem-mq-icon {
	width: 32px;
	height: 32px;
	color: var(--yijin-oem-theme);
	margin-right: 0.2rem;
	flex-shrink: 0;
	margin-top: 0.05rem;
	background-color: #fff;
	padding: 3px;
	box-shadow: 0 0 6px rgb(0, 0, 0, .15);
}

.yijin-oem-mq-item h4 {
	font-size: var(--f20);
	font-weight: 600;
	color: #111;
	margin-bottom: 0.08rem;
}

.yijin-oem-mq-item p {
	font-size: var(--f14);
	color: var(--yijin-oem-text-light);
}

.yijin-oem-mq-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.yijin-oem-mq-img {
	position: relative;
	padding-bottom: 60%;
	overflow: hidden;
	border-radius: 4px;
}

.yijin-oem-mq-img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yijin-oem-mq-img-tag {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 19, 34, 0.85);
	padding: 0.2rem;
	color: #fff;
}

.yijin-oem-mq-img-tag h4 {
	font-size: var(--f20);
	font-weight: 600;
	margin-bottom: 0.05rem;
}

.yijin-oem-mq-img-tag p {
	font-size: var(--f14);
	color: rgba(255, 255, 255, 0.8);
}

.yijin-oem-mq-certs {
	padding: 0.4rem 0.3rem;
	background-color: #fff;
	box-shadow: 0 0 0.32rem rgb(0, 0, 0, .05);
	border-radius: 0.12rem;
}

.yijin-oem-mq-certs h4 {
	font-size: var(--f18);
	font-weight: 700;
	color: #111;
	margin-bottom: 0.2rem;
}

.yijin-oem-mq-certs ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.15rem;
}

.yijin-oem-mq-certs li {
	position: relative;
	padding-left: 0.3rem;
	font-size: var(--f14);
	color: var(--yijin-oem-text-light);
}

.yijin-oem-mq-certs li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #f2a900;
	font-weight: bold;
}

/* ================= 7. Customization Process ================= */
/* .yijin-oem-proces{background: url("../images/yijin-oem-proces-bg.jpg") no-repeat center/cover;} */
.yijin-oem-process-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.4rem;
}

.yijin-oem-process-item {
	background: #fff;
	padding: 0.4rem;
	position: relative;
	transition: all 0.3s ease;
	background-color: #F8FAFC;
}

.yijin-oem-process-item:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	border-color: var(--yijin-oem-theme);
	transform: translateY(-5px);
}

.yijin-oem-process-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--yijin-oem-theme);
	color: #fff;
	font-size: var(--f18);
	font-weight: 700;
	margin-bottom: 0.2rem;
	clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
}

.yijin-oem-process-tit {
	font-size: var(--f22);
	font-weight: 600;
	color: #111;
	margin-bottom: 0.15rem;
}

.yijin-oem-process-desc {
	font-size: var(--f14);
	color: var(--yijin-oem-text-light);
}

/* ================= 8. Scenarios ================= */
.yijin-oem-scenario {
	background-color: #F1F5F9;
}

.yijin-oem-scenario-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.3rem;
	margin-bottom: 0.3rem;
	justify-content: center;
}

.yijin-oem-scenario-card {
	background: #fff;
	border: 1px solid var(--yijin-oem-border);
	overflow: hidden;
	transition: all 0.3s ease;
}

.yijin-oem-scenario-card:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.yijin-oem-scenario-card img {
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.yijin-oem-scenario-card:hover img {
	transform: scale(1.05);
}

.yijin-oem-scenario-info {
	padding: 0.3rem;
}

.yijin-oem-scenario-info h3 {
	font-size: var(--f20);
	font-weight: 600;
	color: #111;
	margin-bottom: 0.15rem;
}

.yijin-oem-scenario-info p {
	font-size: var(--f16);
	color: var(--yijin-oem-text-light);
}

.yijin-oem-sw-icon {
	width: 40px;
	height: 40px;
	color: var(--yijin-oem-theme);
	margin-right: 0.2rem;
	flex-shrink: 0;
}

.yijin-oem-sw-text h4 {
	font-size: var(--f18);
	font-weight: 600;
	color: #111;
	margin-bottom: 0.05rem;
}

.yijin-oem-sw-text p {
	font-size: var(--f16);
	color: var(--yijin-oem-text-light);
}

.yijin-oem-scenario-wide {
	display: flex;
	align-items: center;
	background: var(--yijin-oem-bg-light);
	padding: 0.3rem;
	border-radius: 0.16rem;
	background-color: #fff;
}

/* ================= 9. Why Choose  ================= */
.yijin-oem-why {
	background: url("../images/yijin-oem-why-bg.jpg") no-repeat center/cover;
}

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

.yijin-oem-why-card {
	background: #0a192f;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.4rem;
	text-align: center;
	transition: all 0.3s ease;
}

.yijin-oem-why-card:hover {
	background: #0d213f;
	border-color: var(--yijin-oem-theme);
	transform: translateY(-5px);
}

.yijin-oem-why-icon {
	width: 50px;
	height: 50px;
	color: var(--yijin-oem-theme);
	margin: 0 auto 0.2rem;
}

.yijin-oem-why-card h3 {
	font-size: var(--f20);
	font-weight: 600;
	color: #fff;
	margin-bottom: 0.15rem;
}

.yijin-oem-why-card p {
	font-size: var(--f14);
	color: rgba(255, 255, 255, 0.7);
}

/* ================= 10. Trusted Capabilities ================= */
.yijin-oem-trust-flex {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
}

.yijin-oem-trust-left {
	flex: 1.5;
}

.yijin-oem-trust-left h3 {
	font-size: var(--f22);
	font-weight: 700;
	color: #111;
	margin-bottom: 0.3rem;
}

.yijin-oem-check-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.2rem;
}

.yijin-oem-check-list li {
	position: relative;
	padding-left: 0.35rem;
	font-size: var(--f16);
	color: var(--yijin-oem-text-light);
	background-color: #F9FAFB;
	padding: 0.2rem 0.2rem 0.2rem 0.4rem;
	border-radius: 0.08rem;
	border: 1px solid var(--yijin-oem-border);
}

.yijin-oem-check-list li::before {
	content: '☑';
	position: absolute;
	left: 0;
	color: var(--yijin-oem-theme);
	font-size: 1.2em;
	line-height: 1;
	left: 0.12rem;
	top: 0.24rem;
}

.yijin-oem-trust-right {
	flex: 1;
	background: #F9FAFB;
	padding: 0.4rem;
	border: 1px solid var(--yijin-oem-border);
}

.yijin-oem-trust-right h3 {
	font-size: var(--f20);
	font-weight: 700;
	color: #111;
	margin-bottom: 0.3rem;
}

.yijin-oem-dl-links {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin-bottom: 0.4rem;
}

.yijin-oem-dl-links a {
	display: flex;
	align-items: center;
	color: var(--yijin-oem-text);
	font-size: var(--f16);
	font-weight: 500;
	transition: color 0.3s;
}

.yijin-oem-dl-links a {
	padding: 0.2rem 0.3rem;
	background-color: #fff;
	border: 1px solid var(--yijin-oem-border);
}

.yijin-oem-dl-links a:hover {
	color: var(--yijin-oem-theme);
}

.yijin-oem-dl-links svg {
	width: 20px;
	height: 20px;
	color: #e3242b;
	margin-right: 0.15rem;
}

/* ================= 11. Footer CTA ================= */
.yijin-oem-cta {
	background-color: var(--yijin-oem-theme);
	padding: 1rem 0;
	color: #fff;
	background: linear-gradient(rgba(0, 78, 162, 0.32), rgba(0, 78, 162, 0.72)), url("../images/yijin-oem-cta-bg.jpg") no-repeat center center / cover;
}

.yijin-oem-cta-tit {
	font-size: var(--f46);
	font-weight: 800;
	margin-bottom: 0.2rem;
	line-height: 1.2;
	font-family: "OR";
}

.yijin-oem-cta-desc {
	font-size: var(--f18);
	max-width: 800px;
	margin: 0 auto 0.5rem;
	opacity: 0.9;
	line-height: 1.3;
}

.yijin-oem-cta-btns {
	display: flex;
	gap: 0.2rem;
	justify-content: center;
	flex-wrap: wrap;
}

.yijin-oem-cta-btns a {
	clip-path: none;
}

/* ================= Responsive Design ================= */
@media (max-width: 1200px) {
	.yijin-oem-hero-stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.yijin-oem-grid-2 {
		grid-template-columns: 1fr;
	}

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

	.yijin-oem-app-flex {
		flex-direction: column;
	}

	.yijin-oem-app-right {
		clip-path: none;
	}

	.yijin-oem-mq-flex {
		flex-direction: column;
	}

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

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

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

	.yijin-oem-trust-flex {
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	.yijin-oem-hero {
		min-height: auto;
		padding: 1.8rem 0 0.8rem;
	}

	.yijin-oem-hero-title {
		font-size: var(--f54);
	}

	.yijin-oem-main-tit {
		font-size: var(--f30);
	}

	.yijin-oem-hero-stats {
		grid-template-columns: 1fr;
	}

	.yijin-oem-scope-grid {
		grid-template-columns: 1fr;
	}

	.yijin-oem-app-list-2col {
		grid-template-columns: 1fr;
	}

	.yijin-oem-mq-certs ul {
		grid-template-columns: 1fr;
	}

	.yijin-oem-process-grid {
		grid-template-columns: 1fr;
	}

	.yijin-oem-scenario-grid {
		grid-template-columns: 1fr;
	}

	.yijin-oem-why-grid {
		grid-template-columns: 1fr;
	}

	.yijin-oem-check-list {
		grid-template-columns: 1fr;
	}

	.yijin-oem-cta-tit {
		font-size: var(--f30);
	}

	.yijin-oem-btn {
		width: 100%;
		margin-bottom: 0.1rem;
	}

	.yijin-oem-hero-desc {
		line-height: 1.5;
	}

	.yijin-oem-btn {
		padding: 0.28rem 0.5rem;
	}

	.yijin-oem-check-list li {
		padding-left: 0.5rem;
	}

	.yijin-oem-trust-right {
		width: 100%;
		flex: none;
	}

	.yijin-oem-cta-desc {
		line-height: 1.3;
	}
}

/* =========================================
	   Originator (Founder) Profile Section
	   ========================================= */
.yijin-originator-section {
	padding: 80px 0;
	background-color: #f8f9fa;
	/* 极浅的灰底，衬托白色卡片 */
}

.yijin-originator-layout {
	display: flex;
	align-items: flex-start;
	gap: 60px;
	margin: 0 auto;
}

/* ----------------------------------
	   左侧：固定名片区域
	   ---------------------------------- */
.yijin-originator-sidebar {
	flex: 0 0 35%;
	max-width: 35%;
	/* 核心魔法：当右侧滚动时，左侧名片固定在屏幕上 */
	position: sticky;
	top: 100px;
}

.originator-card {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.originator-card .image-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

.originator-card .info-wrapper {
	padding: 30px;
}

.originator-card .name {
	font-size: 28px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 5px;
}

.originator-card .title {
	font-size: 14px;
	color: var(--yijin-wz-primary, #004ea2);
	font-weight: 600;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.philosophy-quote {
	position: relative;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.philosophy-quote .quote-mark {
	width: 24px;
	height: 24px;
	color: rgba(0, 78, 162, 0.15);
	margin-bottom: 10px;
}

.philosophy-quote p {
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	font-style: italic;
	margin: 0;
}

/* ----------------------------------
	   右侧：时间轴区域
	   ---------------------------------- */
.yijin-originator-timeline {
	flex: 0 0 calc(65% - 60px);
	max-width: calc(65% - 60px);
}

.timeline-header {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #111827;
	padding-bottom: 15px;
	border-bottom: 2px solid var(--yijin-wz-primary, #004ea2);
	display: inline-block;
}

.timeline-container {
	position: relative;
	padding-left: 40px;
}

/* 时间轴主线 */
.timeline-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 7px;
	width: 2px;
	height: 100%;
	background: #e5e7eb;
}

.timeline-item {
	position: relative;
	margin-bottom: 40px;
}

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

/* 时间轴节点圆点 */
.timeline-item::before {
	content: '';
	position: absolute;
	top: 4px;
	left: -40px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffffff;
	border: 3px solid var(--yijin-wz-primary, #004ea2);
	z-index: 2;
	transition: all 0.3s ease;
}

.timeline-item:hover::before {
	background: var(--yijin-wz-primary, #004ea2);
	box-shadow: 0 0 10px rgba(0, 78, 162, 0.3);
}

.timeline-year {
	font-size: 22px;
	font-weight: 800;
	color: var(--yijin-wz-primary, #004ea2);
	margin-bottom: 10px;
	line-height: 1;
}

.timeline-content {
	background: #ffffff;
	padding: 20px 25px;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.02);
}

.timeline-content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #444;
}

/* 针对同一年有多项荣誉的列表样式 */
.timeline-content ul {
	margin: 0;
	padding-left: 20px;
}

.timeline-content ul li {
	font-size: 15px;
	line-height: 1.6;
	color: #444;
	margin-bottom: 8px;
}

.timeline-content ul li:last-child {
	margin-bottom: 0;
}

.timeline-content strong {
	color: #111827;
}

/* ----------------------------------
	   响应式布局 (平板与手机)
	   ---------------------------------- */
@media (max-width: 991px) {
	.yijin-originator-layout {
		flex-direction: column;
		gap: 40px;
	}

	.yijin-originator-sidebar {
		flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		top: 0;
	}

	.yijin-originator-timeline {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* =========================================
   Bento Box Layout (纯英文便当盒布局)
   ========================================= */
.yijin-bento-section {
	padding: 80px 0;
	background-color: #f6faff;
}

/* Service Support: deliberately restrained, factory-facing information cards. */
.yijin-service-advantages {
	padding: 88px 0 96px;
	background: #fff;
}

.yijin-service-advantages .yijin-oem-sec-head {
	margin-bottom: 42px;
}

.yijin-service-advantages .yijin-oem-main-tit {
	font-family: inherit;
	font-size: clamp(28px, 2.2vw, 38px);
	font-weight: 700;
	letter-spacing: -.02em;
}

.yijin-service-advantages .yijin-oem-sub-desc {
	max-width: 760px;
	margin: 12px auto 0;
	line-height: 1.65;
}

.yijin-service-advantages .yijin-oem-grid-2 {
	gap: 24px;
}

.yijin-service-advantages .yijin-oem-adv-card {
	position: relative;
	display: flex;
	min-height: 298px;
	padding: 30px 34px 28px;
	flex-direction: column;
	border: 1px solid #dce3e8;
	border-top-color: #dce3e8;
	border-radius: 0;
	box-shadow: none;
	transition: border-color .2s ease, background-color .2s ease;
}

.yijin-service-advantages .yijin-oem-adv-card::before {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 108px;
	height: 3px;
	background: #07559b;
	content: '';
}

.yijin-service-advantages .yijin-oem-adv-card:hover {
	border-color: #07559b;
	box-shadow: none;
	transform: none;
	background: #fbfdff;
}

.yijin-service-advantages .yijin-oem-adv-head {
	display: grid;
	grid-template-columns: 48px 42px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.yijin-service-advantages .yijin-oem-adv-num {
	flex: 0 0 auto;
	color: #07559b;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
}

.yijin-service-advantages .yijin-oem-adv-icon {
	display: inline-flex;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	border: 1px solid #b8d1e6;
	border-radius: 50%;
	color: #07559b;
	background: #f5faff;
}

.yijin-service-advantages .yijin-oem-adv-icon svg {
	width: 22px;
	height: 22px;
}

.yijin-service-advantages .yijin-oem-adv-tit {
	font-size: clamp(20px, 1.35vw, 25px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.015em;
}

.yijin-service-advantages .yijin-oem-adv-desc,
.yijin-service-advantages .yijin-oem-grid-2 .yijin-oem-adv-card:nth-child(2) .yijin-oem-adv-desc {
	min-height: 0;
	margin: 0 0 20px 102px;
	font-size: 16px;
	line-height: 1.65;
}

.yijin-service-advantages .yijin-oem-adv-hl {
	margin-top: auto;
	margin-left: 102px;
	padding: 17px 0 0;
	border-top: 1px solid #e1e7eb;
	border-radius: 0;
	background: transparent;
}

.yijin-service-advantages .yijin-oem-adv-hl h4 {
	margin-bottom: 11px;
	color: #07559b;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
}

.yijin-service-advantages .yijin-oem-adv-hl ul {
	gap: 8px 24px;
}

.yijin-service-advantages .yijin-oem-adv-hl li {
	padding-left: 15px;
	font-size: 13px;
	line-height: 1.45;
}

.yijin-service-advantages .yijin-oem-adv-hl li::before {
	content: '—';
	color: #07559b;
}

@media (max-width: 767px) {
	.yijin-service-advantages {
		padding: 58px 0 64px;
	}

	.yijin-service-advantages .yijin-oem-adv-card {
		padding: 24px 22px;
	}

	.yijin-service-advantages .yijin-oem-adv-head {
		grid-template-columns: 32px 42px minmax(0, 1fr);
		gap: 10px;
	}

	.yijin-service-advantages .yijin-oem-adv-desc,
	.yijin-service-advantages .yijin-oem-grid-2 .yijin-oem-adv-card:nth-child(2) .yijin-oem-adv-desc,
	.yijin-service-advantages .yijin-oem-adv-hl {
		margin-left: 0;
	}

	.yijin-service-advantages .yijin-oem-adv-hl ul {
		grid-template-columns: 1fr;
	}
}

.yijin-bento-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 180px;
	gap: 24px;
	width: 100%;
	max-width: none;
	margin: 0;
}

/* 基础卡片样式 */
.yijin-bento-item {
	background-color: #ffffff;
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.03);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.yijin-bento-item:hover {
	transform: scale(1.02);
	box-shadow: 0 15px 35px rgba(0, 78, 162, 0.12);
	z-index: 2;
}

/* ----------------------------------
   大卡片 (2x2) 样式
   ---------------------------------- */
.yijin-bento-item.large {
	grid-column: span 2;
	grid-row: span 2;
	background-size: cover;
	background-position: center;
	color: #ffffff;
	justify-content: flex-end;
	padding: 40px;
}

/* 背景图占位 */
.bg-trade {
	background-image: url('/template/default/images/global-trade.jpg');
	background-color: var(--yijin-wz-primary, #004ea2);
}

.bg-oem {
	background-image: url('/template/default/images/s_oem_odm.jpg');
	background-color: #111827;
}

.yijin-bento-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%);
	z-index: 1;
}

.yijin-bento-item.large .yijin-bento-content {
	position: relative;
	z-index: 2;
}

.yijin-bento-item.large h3 {
	font-size: 36px;
	/* 纯英文可以稍微放大 */
	font-weight: 800;
	margin-bottom: 8px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.yijin-bento-item.large p {
	font-size: 16px;
	opacity: 0.9;
	margin-bottom: 0;
	font-weight: 400;
}

.yijin-bento-arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 24px;
	opacity: 0;
	transform: translateX(-10px);
	transition: all 0.3s ease;
}

.yijin-bento-item.large:hover .yijin-bento-arrow {
	opacity: 1;
	transform: translateX(0);
}

/* ----------------------------------
   优化后的小卡片 (1x1) 样式
   ---------------------------------- */
.yijin-bento-item.small {
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* 图标顶上去，文字踩到底 */
	align-items: flex-start;
	/* 整体左对齐 */
	text-align: left;
	background-color: #ffffff;
}

/* 左上角的图标容器 */
.yijin-bento-icon {
	width: 44px;
	height: 44px;
	background-color: #f0f4f8;
	/* 极浅的蓝灰色背景 */
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--yijin-wz-primary, #004ea2);
	/* 图标使用品牌蓝 */
	transition: all 0.3s ease;
}

.yijin-bento-icon svg {
	width: 24px;
	height: 24px;
	display: block;
	stroke: currentColor;
}

/* 左下角的文字区域 */
.yijin-bento-text {
	width: 100%;
}

.yijin-bento-item.small h3 {
	font-size: 17px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.2;
	transition: color 0.3s ease;
}

/* 新增的次级文字与箭头 */
.yijin-bento-link {
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	font-weight: 500;
	transition: color 0.3s ease;
}

.yijin-bento-link .arrow {
	margin-left: 4px;
	font-size: 14px;
	transform: translateX(0);
	transition: transform 0.3s ease;
}

/* 悬浮交互效果 */
.yijin-bento-item.small:hover .yijin-bento-icon {
	background-color: var(--yijin-wz-primary, #004ea2);
	color: #ffffff;
	transform: scale(1.05);
}

.yijin-bento-item.small:hover h3 {
	color: var(--yijin-wz-primary, #004ea2);
}

.yijin-bento-item.small:hover .yijin-bento-link {
	color: var(--yijin-wz-primary, #004ea2);
}

.yijin-bento-item.small:hover .yijin-bento-link .arrow {
	transform: translateX(5px);
	/* 箭头向右滑动 */
}


/* ----------------------------------
   响应式布局
   ---------------------------------- */
@media (max-width: 1199px) {
	.yijin-bento-grid {
		grid-auto-rows: 150px;
	}

	.yijin-bento-item.large h3 {
		font-size: 28px;
	}

	.yijin-bento-item.small h3 {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.yijin-bento-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 160px;
	}

	.yijin-bento-item.large {
		grid-column: span 2;
		grid-row: span 1;
		padding: 30px;
	}
}

@media (max-width: 767px) {
	.yijin-bento-grid {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	.yijin-bento-item.large {
		grid-column: span 1;
		min-height: 220px;
	}

	.yijin-bento-item.small {
		min-height: 100px;
		padding: 20px;
	}
}

/* ====================产品样式========================= */
/* 产品列表 s */
.page_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}

.sidebar {
	position: sticky;
	width: 400px;
	top: 120px;
}

.sidebar_item {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	padding: 0.15rem;
	margin-bottom: 0.3rem;
}

.sidebar_title {
	position: relative;
	font-size: var(--f24);
	line-height: 1.25;
	font-weight: 600;
	padding-left: 0.15rem;
	margin-bottom: 0.2rem;
}

.sidebar_title::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 18px;
	background: var(--theme-color);
}

.sidebar_cate {}

.sidebar_cate .li1 {
	position: relative;
}

.sidebar_cate .li1 a {
	display: block;
	overflow: hidden;
	font-size: var(--f16);
	line-height: 1.5;
	padding: 0.08rem 0;
	padding-right: 0.35rem;
}

.sidebar_cate .li1>a {
	font-size: var(--f18);
}

.sidebar_cate li.nav-current>a {
	color: var(--theme-color);
}

.sidebar_cate .li1 a:hover {
	color: var(--theme-color);
}

.sidebar_cate li i {
	position: absolute;
	right: 0px;
	top: 8px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: all .2s linear;
}

.sidebar_cate li i:before,
.sidebar_cate li i::after {
	content: "";
	width: 12px;
	height: 2px;
	background: #666666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .2s linear;
}

.sidebar_cate li i::after {
	width: 2px;
	height: 12px;
}

.sidebar_cate li.nav-current>a>i::after {
	height: 2px;
}

.sidebar_cate .sub_menu {
	display: none;
	padding-left: 10px;
}

.sidebar_cate .sub_menu>li {}

.sidebar_cate .sub_menu>li>a {}

.sidebar_prolist {}

.sidebar_prolist li {}

.sidebar_prolist li+li {
	margin-top: 0.25rem;
}

.sidebar_prolist li a {}

.sidebar_prolist li .img {
	width: 120px;
	border: 1px solid #EEEEEE;
}

.sidebar_prolist li .text {
	width: calc(100% - 120px);
	padding-left: 0.1rem;
}

.search_input {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
}

.search_input input {
	background: #F9F9F9;
	flex: 1;
	height: 100%;
	padding: 0px 10px;
	border: 1px solid #F9F9F9;
	transition: all .2s linear;
}

.search_input button {
	width: 90px;
	height: 100%;
	background: var(--theme-color);
	color: #F8F8F8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s linear;
	border: none;
}

.sidebar_inquiry {}

.sidebar_inquiry form {}

.sidebar_inquiry input {
	height: 50px;
}

.sidebar_inquiry input::placeholder {
	color: #666
}

.sidebar_inquiry input,
.sidebar_inquiry textarea {
	width: 100%;
	border: 1px solid transparent;
	border-bottom: 1px solid #E9E9E9;
	padding: 10px;
	display: inline-flex;
	align-items: center;
}

.sidebar_inquiry textarea {
	height: 200px;
	resize: none;
}

.sidebar_inquiry button {
	min-width: 200px;
	height: 50px;
	background: #000;
	cursor: pointer;
	color: #FFFFFF;
	margin: 20px 0px;
	position: relative;
	transition: all .2s linear;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--f16);
	font-weight: 500;
	border: none;
}

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

.page_main {
	flex: 1;
	padding-right: 60px;
	width: calc(100% - 400px);
}

.pro_list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.2rem;
}

.pro_list li {}

.pro_list li a {
	display: block;
}

.pro_list li .pic {
	border-radius: 10px;
	border: 1px solid #DFDFDF;
	transition: all .3s linear;
}

.pro_list li:hover .pic {
	border-color: var(--theme-color)
}

.pro_list .info {}

.pro_list .info .tit {
	font-weight: 500;
	height: 3em;
	text-align: center;
}

.pro_list li:hover .info .tit {
	color: var(--theme-color);
}

/* 产品列表 e */

/* 产品详情 s */
.n_pro_xq_top {}

.pro_xq_fl {
	width: 46%;
}

.pro_xq_pic {
	width: 100%;
}

.pro_xq_pic .swiper {}

.pro_xq_pic ul {}

.pro_xq_pic ul li {
	border: 1px solid #dfdfdf;
	background-color: #dfdfdf;
}

.pro_xq_pic ul li img {
	/* mix-blend-mode: multiply; */
}

.pro_xq_ico {
	width: 100%;
	padding: 0 0.4rem;
	margin-top: 0.15rem;
}

.pro_xq_ico .swiper {}

.pro_xq_ico ul {}

.pro_xq_ico ul li {
	border: 1px solid #dfdfdf;
	cursor: pointer;
}

.pro_xq_ico ul li.swiper-slide-thumb-active {
	border-color: var(--theme-color);
}

.pro_xq_fr {
	width: 49%;
}

.pro_xq_fr .title {}

.pro_xq_fr .des {
	max-height: 15em;
	overflow-y: auto;
}

.pro_xq_fr .des::-webkit-scrollbar {
	width: 3px;
	height: 16px;
	background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.pro_xq_fr .des::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
.pro_xq_fr .des::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	background-color: #555;
}

.pro_xq_fr .table {}

.pro_xq_fr .table ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0.24rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: var(--f18);
	color: #666;
	line-height: 1.3;
}

.pro_xq_fr .table ul li {
	width: 49%;
	margin-top: 0.12rem;
}

.pro_xq_fr .table ul li strong {
	font-size: var(--f20);
	color: var(--theme-color);
	font-weight: 600;
	display: block;
	margin-bottom: 0.06rem;
}

.pro_xq_fr .btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.2rem;
	padding-top: 0.3rem;
	border-top: 1px solid #E9E9E9;
}

.pro_xq_fr .btn a {
	display: inline-block;
	padding: 0.16rem 0.48rem;
	border: 0.02rem solid var(--theme-color);
	background-color: var(--theme-color);
	font-size: var(--f18);
	color: #fff;
	border-radius: 0.06rem;
	min-width: 2rem;
	text-align: center;
}

.pro_xq_fr .btn a i {
	font-size: var(--f20);
	margin-right: 0.08rem;
}

.pro_xq_fr .btn a:first-child:hover {
	background-color: transparent;
	color: var(--theme-color);
}

.pro_xq_fr .btn a+a {
	background-color: #fff;
	color: var(--theme-color);
}

.pro_xq_fr .btn a:last-child:hover {
	background-color: var(--theme-color);
	color: #fff;
}

.pro_xq_ico .swiper-button-prev {
	left: 0;
}

.pro_xq_ico .swiper-button-next {
	right: 0;
}

.pro_xq_ico .swiper-button-prev::after,
.pro_xq_ico .swiper-button-next::after {
	font-size: var(--f28);
	color: #000;
}

.pro_xq_ico .swiper-button-prev:hover::after,
.pro_xq_ico .swiper-button-next:hover::after {
	color: var(--theme-color);
}

.pro_xq_ico .swiper-button-prev::after {}

.pro_xq_ico .swiper-button-next::after {}

.n_pro_xq_con {
	font-size: var(--f18);
	line-height: 1.75;
}

.n_pro_xq_con h2 {
	position: relative;
	margin-top: 0.15rem;
	font-size: var(--f24);
	line-height: 1.3;
	margin-bottom: 0.20rem;
	padding-bottom: 0.1rem;
	font-family: "SSB";
	scroll-margin-top: 90px;
	padding-left: .4rem;
	color: var(--theme-color);
	text-transform: capitalize;
}

.n_pro_xq_con h2:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	background: transparent url('../images/ny_pro_ico.png') no-repeat center/cover;
}

.n_pro_xq_con h2::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: var(--theme-color, #000);
}

.n_pro_xq_con h3 {
	font-size: var(--f22);
	font-weight: 600;
	line-height: 1.3;
	margin: 0.1rem 0 0.15rem;
}

.n_pro_xq_con h4 {
	font-size: var(--f18);
	font-weight: 600;
	line-height: 1.3;
	margin: 0.05rem 0 0.1rem;
}

.n_pro_xq_con p {
	margin-bottom: 1em;
}

.ar_article table td,
.ar_article table th {
	border: 1px solid #E5E5E5;
	padding: 0.05rem 0.1rem;
}

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

.ar_article td p,
.ar_article th p {
	padding-bottom: 0;
	margin-bottom: 0 !important;
}

.ar_article table {
	border-collapse: collapse;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 100% !important;
}

.ar_article table tr:first-child td {
	color: #fff;
	background-color: var(--theme-color);
}

.ar_article table tr:hover:first-child td {
	background-color: var(--theme-color);
}

.ar_article table tr:hover td {
	background-color: #f5f5f5;
}

.ar_article table td {
	border-left: 1px solid #dadbdd;
	border-top: 1px solid #dadbdd !important;
}

.ar_article {
	font-size: 16px;
	color: #353535;
	line-height: 30px;
	margin-bottom: 30px;
}

.ar_article p,
.ar_article span {
	font-size: 16px;
	color: #353535;
	line-height: 28px;
}

.ar_article strong {
	font-weight: bold;
}

.ar_article img {
	max-width: 100%;
}

.ar_article a {
	color: #353535;
}

.ar_article h1,
.ar_article h2,
.ar_article h3,
.ar_article h4,
.ar_article h5 {
	font-weight: bold;
}

.ar_article h1 {
	font-size: 36px;
	margin-bottom: 20px
}

.ar_article h2 {
	font-size: 30px;
	margin-bottom: 15px;
}

.ar_article h3 {
	font-size: 24px;
	margin-bottom: 30px;
	font-weight: normal;
	color: #353535;
}

.ar_article h4 {
	font-size: 18px;
	margin-bottom: 15px
}

.ar_article h5 {
	font-size: 14px;
	margin-bottom: 10px
}

.ar_article h6 {
	font-size: 12px;
	margin-bottom: 10px
}

.ar_article ul li,
.ar_article ol li {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 320px;
	list-style: inherit !important;
}

.ar_article ul li p,
.ar_article ol li p {
	padding-bottom: 0;
	margin-bottom: 3px !important;
}

.ar_article ul,
.ar_article ol {
	margin-bottom: 15px;
}

.ar_article sub {
	vertical-align: sub;
	font-size: smaller;
}

.ar_article sup {
	vertical-align: super;
	font-size: smaller;
}

.ar_article img {
	display: inline-block;
	margin: 20px 0;
}

@media (max-width: 1000px) {
	.scroll {
		overflow: hidden;
		overflow-x: scroll;
	}

	.scroll table {
		min-width: 990px;
	}
}

@media (max-width: 768px) {

	.ar_article td,
	.ar_article th {
		padding: 6px 5px !important;
		line-height: 20px
	}

	.ar_article p,
	.ar_article span {
		font-size: 13px !important;
		line-height: 24px !important;
	}

	.ar_article img {
		display: inline-block;
		margin: 12px 0;
	}
}

.pagelink {
	border-top: 1px solid #E9E9E9;
}

.pagelink-item {
	font-size: var(--f18);
	line-height: 1.3;
	display: flex;
	flex-direction: column-reverse;
	border-bottom: 1px solid #E9E9E9;
	padding: 0.1rem;
}

.pagelink .next {}

.pagelink-item span {
	display: inline-block;
	color: var(--theme-color);
	padding-top: 10px;
}

.pagelink-item span::before {
	content: "➜";
	display: inline-block;
	font-size: var(--f18);
	margin-right: 10px;
}

.pagelink .prev span:before {
	transform: rotate(180deg);
}

.pagelink-item a:hover {
	color: var(--theme-color);
}

/* 产品详情 e */

/* 产品落地页 s */
.pro_page_01 {}

.pro_page_01 .fl {
	width: 48%;
}

.pro_page_01 .fl .tit {}

.pro_page_01 .fl .des {}

.pro_page_01 .fl .des p+p {
	margin-top: 0.15rem;
}

/* Product page intro CTA: keep the label legible despite global button overrides. */
.pro_page_01 .yijin-btn,
.pro_page_01 .yijin-btn:visited {
	gap: 12px;
	min-width: 180px;
	padding: 14px 32px;
	color: #fff !important;
	font-size: 16px;
	line-height: 1;
}

.pro_page_01 .yijin-btn i {
	color: #fff;
}

.pro_page_01 .fr {
	width: 48%;
}

.pro_page_01 .fr .img {}

.pro_page_02 {
	margin-bottom: 4vw;
}

.pro_page_02 .item {
	margin-top: 0.8rem;
}

.pro_page_02 .item .tit {}

.pro_page_02 .item .con {
	border-radius: 15px;
	background-color: #f5f5f8;
}

.pro_page_02 .item ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}

.pro_page_02 .item ul li {}

.pro_page_02 .item ul li a {
	border-radius: 15px;
	display: block;
	background-color: #FFF;
}

.pro_page_02 .item ul li .info {
	text-align: center;
	padding: 0.3rem 0.2rem;
}

.pro_page_02 .item ul li .tit {
	/* height: 2.6em; */
}

.pro_page_02 .item ul li:hover .tit {
	color: var(--theme-color);
}

.pro_page_02 .item ul li .des {
	height: 3em;
}

.pro_page_02 .item ul li .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.32rem;
	height: 0.32rem;
	border: 0.01rem solid #888;
	border-radius: 50%;
}

.pro_page_02 .item ul li .btn i {
	font-size: var(--f16);
	color: #888;
}

.pro_page_02 .item .c_btn,
.pro_page_02 .item .c_btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 180px;
	padding: 14px 32px;
	border-radius: 9999px;
	background: #004ea2;
	color: #fff !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background-color .3s ease;
}

.pro_page_02 .item .c_btn i {
	margin-left: 0;
	color: #fff;
	transition: transform .3s ease;
}

.pro_page_02 .item .c_btn:hover {
	background: #004ea2;
}

.pro_page_02 .item .c_btn:hover i {
	transform: translateX(5px);
}

/* Product category archive: three product cards plus the source-style support sidebar. */
.yijin-category-page {
	padding: 68px 0 100px;
	background: #fff;
}

.yijin-category-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	align-items: start;
	gap: 48px;
}

.yijin-category-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px 26px;
}

.yijin-category-product-card {
	min-width: 0;
	margin: 0;
}

.yijin-category-product-image {
	display: flex;
	aspect-ratio: 1 / 1;
	align-items: center;
	justify-content: center;
	/* padding: 22px; */
	overflow: hidden;
	border-radius: 8px;
	background: #f5f6f7;
}

.yijin-category-product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform .28s ease;
}

.yijin-category-product-card:hover .yijin-category-product-image img {
	transform: scale(1.035);
}

.yijin-category-product-card h2 {
	margin: 14px 0 0;
	padding: 0 10px;
	color: #2e3742;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	text-transform: capitalize;
}

.yijin-category-product-card h2 a {
	color: inherit;
	text-decoration: none;
}

.yijin-category-product-card:hover h2,
.yijin-category-product-card h2 a:hover {
	color: #0057ad;
}

.yijin-category-pagination {
	display: flex;
	justify-content: center;
	margin-top: 54px;
	gap: 8px;
}

.yijin-category-pagination .page-numbers {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f1f4f7;
	color: #52606d;
	font-size: 14px;
	text-decoration: none;
}

.yijin-category-pagination .page-numbers.current,
.yijin-category-pagination a.page-numbers:hover {
	background: #0057ad;
	color: #fff;
}

.yijin-category-empty {
	margin: 0;
	padding: 30px;
	border: 1px solid #e1e6eb;
	color: #66717c;
}

.yijin-category-sidebar {
	position: sticky;
	top: 132px;
}

.yijin-category-sidebar .yijin-product-sidebar-section {
	transition: border-color .2s ease, box-shadow .2s ease;
}

.yijin-category-sidebar .yijin-product-sidebar-section:hover {
	border-color: #b9d5ee;
	box-shadow: 0 8px 22px rgba(17, 75, 126, .08);
}

.yijin-category-sidebar .yijin-product-sidebar-section h2 {
	padding: 18px 20px 14px;
	font-size: 18px;
}

.yijin-category-sidebar .yijin-product-category-nav,
.yijin-category-sidebar .yijin-product-recommended ul {
	padding: 4px 20px 18px;
}

.yijin-category-sidebar .yijin-product-recommended li {
	padding: 10px 0;
}

.yijin-category-sidebar .yijin-product-recommended li a {
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 10px;
	font-size: 12px;
}

.yijin-category-sidebar .yijin-product-recommended img {
	width: 54px;
	height: 54px;
}

.yijin-category-search form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 14px 16px;
}

.yijin-category-search input {
	min-width: 0;
	height: 38px;
	padding: 0 10px;
	border: 1px solid #dce3e8;
	font: inherit;
	font-size: 12px;
}

.yijin-category-search button {
	height: 38px;
	padding: 0 15px;
	border: 0;
	background: #0057ad;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}

.yijin-category-search button:hover {
	color: #fff;
}

.yijin-category-sidebar .yijin-product-inquiry form {
	padding: 2px 20px 20px;
	gap: 8px;
}

.yijin-category-sidebar .yijin-product-inquiry input,
.yijin-category-sidebar .yijin-product-inquiry textarea {
	padding: 9px 10px;
	font-size: 12px;
}

.yijin-category-sidebar .yijin-product-inquiry textarea {
	height: 116px;
	min-height: 116px;
}

.yijin-category-sidebar .yijin-product-inquiry button {
	min-height: 40px;
}

@media (max-width: 1024px) {
	.yijin-category-layout {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.yijin-category-sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yijin-category-sidebar .yijin-product-inquiry,
	.yijin-category-sidebar .yijin-category-search {
		grid-column: auto;
	}
}

@media (max-width: 767px) {
	.yijin-category-page {
		padding: 48px 0 64px;
	}

	.yijin-category-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 26px 16px;
	}

	.yijin-category-sidebar {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.yijin-category-product-grid {
		grid-template-columns: 1fr;
	}
}

/* Source-compatible WooCommerce product detail page. */
.yijin-product-detail {
	padding: 54px 0 96px;
	background: #fff;
}

.yijin-product-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	align-items: start;
	gap: 48px;
}

.yijin-product-detail-top {
	display: grid;
	grid-template-columns: 524px minmax(0, 1fr);
	align-items: start;
	gap: 56px;
	margin-bottom: 42px;
}

.yijin-product-gallery {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
}

.yijin-product-thumbnails {
	display: flex;
	flex: 1;
	justify-content: flex-start;
	gap: 12px;
	flex-direction: row;
	overflow: hidden;
}

.yijin-product-thumbnails button {
	flex: 0 0 104px;
	width: 104px;
	height: 104px;
	padding: 6px;
	border: 1px solid #e1e6eb;
	background: #fff;
	cursor: pointer;
}

.yijin-product-thumbnails button.is-active {
	border-color: #004ea2;
}

.yijin-product-thumbnails img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.yijin-product-thumbnail-strip {
	display: flex;
	order: 2;
	min-height: 104px;
	align-items: center;
	gap: 0;
}

.yijin-gallery-control {
	display: grid;
	flex: 0 0 26px;
	width: 26px;
	height: 56px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.yijin-gallery-control::before {
	width: 17px;
	height: 17px;
	border-top: 2px solid #a9afb5;
	border-right: 2px solid #a9afb5;
	content: '';
	place-self: center;
	transform: rotate(45deg);
	transition: border-color .2s ease, transform .2s ease;
}

.yijin-gallery-control.is-prev::before {
	transform: rotate(-135deg);
}

.yijin-gallery-control:hover::before,
.yijin-gallery-control:focus-visible::before {
	border-color: #0057ad;
}

.yijin-product-main-image {
	display: flex;
	order: 1;
	width: 524px;
	height: 524px;
	min-height: 0;
	align-items: center;
	justify-content: center;
	background: #f6f7f8;
}

.yijin-product-main-image img {
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
	border-radius: 8px;
}

.yijin-product-summary {
	padding-top: 0;
}

.yijin-product-summary h1 {
	margin: 0 0 18px;
	color: #202b38;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.22;
}

.yijin-product-summary-text {
	color: #1f2b38;
	font-size: 18px;
	line-height: 1.4;
}

.yijin-product-summary-text p {
	margin: 0;
}

.yijin-product-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #d9dfe5;
}

.yijin-product-actions a {
	display: inline-flex;
	min-height: 68px;
	padding: 0 20px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	border: 1px solid #004ea2;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}

.yijin-product-quote {
	background: #004ea2;
	color: #fff;
}

.yijin-product-download {
	background: #fff;
	color: #004ea2;
}

.yijin-product-actions a:hover {
	background: #003f84;
	border-color: #003f84;
	color: #fff;
}

.yijin-product-article {
	padding: 0;
	border-top: 0;
	background: #fff;
	color: #4d5964;
	font-size: 16px;
	line-height: 1.8;
}

.yijin-product-article h2,
.yijin-product-article h3,
.yijin-product-article h4 {
	margin: 34px 0 14px;
	color: #202b38;
	font-size: 25px;
	line-height: 1.3;
}

.yijin-product-article h2:first-child,
.yijin-product-article h3:first-child,
.yijin-product-article h4:first-child {
	margin-top: 0;
}

.yijin-product-article p {
	margin: 0 0 16px;
}

.yijin-product-article img {
	max-width: 100%;
	height: auto;
}

.yijin-product-article table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.yijin-product-article td,
.yijin-product-article th {
	padding: 11px 14px;
	border: 1px solid #dce3e8;
}

.yijin-product-sidebar {
	display: grid;
	gap: 22px;
	position: sticky;
	top: 132px;
	align-self: start;
}

.yijin-product-sidebar-section {
	border: 1px solid #dce3e8;
	background: #fff;
}

.yijin-product-sidebar-section h2 {
	margin: 0;
	padding: 22px 26px 16px;
	border-left: 3px solid #004ea2;
	color: #26313d;
	font-size: 24px;
	line-height: 1.2;
}

.yijin-product-category-nav,
.yijin-product-recommended ul {
	margin: 0;
	padding: 6px 26px 22px;
	list-style: none;
}

.yijin-product-category-nav li+li,
.yijin-product-recommended li+li {
	border-top: 1px solid #edf0f3;
}

.yijin-product-category-nav a {
	display: block;
	padding: 14px;
	color: #353535;
	font-size: 16px;
	text-decoration: none;
}

.yijin-product-category-nav .is-current a,
.yijin-product-category-nav a:hover {
	color: #fff;
	background-color: #004ea2;
}

.yijin-product-recommended li {
	padding: 14px 0;
}

.yijin-product-recommended li a {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 13px;
	align-items: center;
	color: #384451;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.yijin-product-recommended img {
	width: 68px;
	height: 68px;
	object-fit: contain;
	background: #f6f7f8;
}

.yijin-product-recommended a:hover {
	color: #004ea2;
}

.yijin-product-inquiry form {
	display: grid;
	gap: 10px;
	padding: 4px 26px 26px;
}

.yijin-product-inquiry input,
.yijin-product-inquiry textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #cfd8e0;
	border-radius: 0;
	background: #fff;
	color: #33404c;
	font: inherit;
}

.yijin-product-inquiry textarea {
	resize: vertical;
}

.yijin-product-inquiry button {
	min-height: 44px;
	border: 0;
	background: #004ea2;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.yijin-product-inquiry button:hover {
	background: #003f84;
	color: #fff
}

@media (max-width: 1200px) {
	.yijin-product-detail-top {
		grid-template-columns: minmax(340px, 44%) minmax(0, 1fr);
		gap: 34px;
	}

	.yijin-product-main-image {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}

	.yijin-product-thumbnails button {
		flex-basis: 82px;
		width: 82px;
		height: 82px;
	}

	.yijin-product-thumbnail-strip {
		min-height: 82px;
	}

	.yijin-product-summary-text {
		font-size: 16px;
	}

	.yijin-product-actions a {
		min-height: 56px;
		font-size: 17px;
	}
}

@media (max-width: 980px) {
	.yijin-product-detail-layout {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.yijin-product-sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yijin-product-sidebar-section:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.yijin-product-detail {
		padding: 56px 0 64px;
	}

	.yijin-product-detail-top {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	.yijin-product-gallery {
		grid-template-columns: minmax(0, 1fr);
	}

	.yijin-product-thumbnails {
		flex-direction: row;
		overflow-x: auto;
	}

	.yijin-product-thumbnails button {
		flex: 0 0 70px;
		width: 70px;
		height: 70px;
	}

	.yijin-product-main-image {
		width: 100%;
		height: auto;
		min-height: 320px;
		padding: 22px;
	}

	.yijin-product-thumbnail-strip {
		min-height: 70px;
		gap: 8px;
	}

	.yijin-gallery-control {
		flex-basis: 20px;
		width: 20px;
	}

	.yijin-product-actions {
		gap: 12px;
		padding-top: 22px;
	}

	.yijin-product-article {
		padding: 28px 22px;
	}

	.yijin-product-sidebar {
		grid-template-columns: 1fr;
	}

	.yijin-product-sidebar-section:last-child {
		grid-column: auto;
	}
}

.product_nav {
	background-color: #f6faff
}

.pro_page_03 {}

.pro_page_03 ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}

.pro_page_03 ul li {
	text-align: center;
	padding: 0.5rem 0.2rem;
	box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, .05);
}

.pro_page_03 ul li .ico {
	display: inline-block;
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	/* border: 1px solid #888; */
}

.pro_page_03 ul li .ico img {}

.pro_page_03 ul li .info {}

.pro_page_03 ul li .tit {}

.pro_page_03 ul li .des {
	min-height: 6em;
}

/* c_quote s */
.c_quote {}

.c_quote .con {
	padding: 0.8rem;
}

.c_quote .fl {
	width: 40%;
}

.c_quote .fl h4 {}

.c_quote .fl p {}

.c_quote .fl a {
	display: inline-block;
	padding: 0.13rem 0.36rem;
	background-color: var(--theme-color);
	border: 2px solid var(--theme-color);
	color: #fff;
	border-radius: 50px;
}

.c_quote .fl a:hover {
	background-color: #fff;
	color: var(--theme-color);
}

.c_quote .fr {
	width: 55%;
}

.c_quote .fr form {
	row-gap: 0.15rem;
}

.c_quote .fr form .mui-input-row {
	width: 49%;
}

.c_quote .fr form .mui-input-row.w100 {
	width: 100%;
}

.c_quote .fr form .mui-input-row input,
.c_quote .fr form .mui-input-row textarea {
	width: 100%;
	height: 44px;
	background: #fff;
	border-radius: 4px;
	font-size: var(--f16);
	border: solid 1px rgba(0, 78, 162, 0.5);
	padding: 0 0.15rem;
}

.c_quote .fr form .mui-input-row textarea {
	height: 150px;
	padding: 0.15rem;
	background-color: #fff;
}

.c_quote .fr form .btn {}

.c_quote .fr form .btn button {
	border: none;
	padding: 0.15rem 0.42rem;
	background-color: var(--theme-color);
	font-size: var(--f16);
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}

.c_quote .fr form .btn button:hover {
	background-color: var(--sec-theme-color);
}

/* c_quote e */
/* 产品落地页 e */

/* 详情切换 s */

.xq_sort_nav {
	height: 75px;
}

#location .box.act {
	position: fixed;
	width: 100%;
	top: 80px;
	left: 0;
	background-color: #F4F5F9;
	background-color: #F9F9F9;
	z-index: 9;
}

.xq_sort_nav .w14 {
	width: 100%;
	max-width: 100%;
	background-color: rgba(var(--theme-color-rgb), 0.10);
	;
	background-color: #F4F5F9;
	background-color: #F9F9F9;
	border-radius: 0.1rem;
	overflow: hidden;
	/* padding: 0 0.24rem; */
}

.xq_sort_nav .swiper {}

.xq_sort_nav ul {}

.xq_sort_nav ul li {
	display: inline-block;
	width: auto;
}

.xq_sort_nav ul li a {
	position: relative;
	display: inline-block;
	height: 75px;
	line-height: 75px;
	padding: 0 0.24rem;
}

.xq_sort_nav ul li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: var(--theme-color);
	content: "";
	transition: width .2s;
}

/* .xq_sort_nav ul li:has(~.cur)::after{
	right: 0;
	left: auto;
} */
.xq_sort_nav ul li a:hover,
.xq_sort_nav ul li.cur a {
	color: var(--theme-color);
}

.xq_sort_nav ul li.cur a:after {
	width: 100%;
}

.xq_sort_nav ul li a i {
	display: inline-block;
	transform: rotate(45deg);
}

/* 详情切换 e */


/* ====================新闻样式========================= */



/* 新闻列表 s */
.n_newslist {}

.n_newslist ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	row-gap: 0.3rem;
	column-gap: 0.3rem;
}

.n_newslist ul li {}

.n_newslist ul li:nth-child(3n) {
	margin-right: 0;
}

.n_newslist ul li a {
	display: block;
	box-shadow: 0 0 0.3rem rgb(0 0 0 / .08);
}

.n_newslist ul li .info {
	position: relative;
	padding: 0.4rem 0.3rem 0.3rem;
}

.n_newslist ul li .date {
	position: absolute;
	left: 0.3rem;
	bottom: 100%;
	margin-bottom: -0.25rem;
	z-index: 1;
	width: 80px;
	text-align: center;
}

.n_newslist ul li .date span {
	display: block;
	font-size: var(--f30);
	line-height: 2.2;
	color: #fff;
	background-color: var(--theme-color);
}

.n_newslist ul li .date p {
	background-color: #f3f4f7;
	font-size: var(--f12);
	line-height: 1.8;
}

.n_newslist ul li .tit {
	height: 2.6em;
}

.n_newslist ul li .des {
	height: 3em;
}

.n_newslist ul li .more::after {
	color: var(--theme-color);
	display: inline-block;
	content: "\f0a9";
	font-family: "FontAwesome";
	font-size: 16px;
	font-variant: normal;
	font-weight: 600;
	line-height: 1;
	margin-left: 0.06rem;
	position: relative;
	text-shadow: none;
	text-transform: none;
	transition: all 0.3s ease 0s;
}

/* 新闻列表 e */

/* 新闻详情 s */
.n_news {
	/* background-color: #eff1f5; */
}

.n_news .fl {
	flex: 1;
	width: calc(100% - 450px);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}

.n_news .fl .top {}

.n_news .fl .top h3 {
	border-bottom: 1px solid rgb(221, 221, 221);
}

.n_news .fl .top .date {}

.n_news .fl .box {
	padding: 0.6rem 0.7rem 0.3rem;
}

.n_news .fl .con {}

.n_news .fl .con h2 {
	font-size: var(--f28);
	line-height: 1.15;
	color: #000;
	font-weight: 600;
	margin-bottom: 0.2rem;
}

.n_news .fl .con h3 {
	font-size: var(--f24);
	line-height: 1.15;
	color: #212121;
	font-weight: 500;
}

.n_news .fl .con p {
	margin-bottom: 1em;
}

.n_news .fl .con table {
	max-width: 100%;
}

.n_news .fl .bot {
	border-top: 1px #eee solid;
}

.n_news .fl .bot>div {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.1rem;
}

.n_news .fl .prev {
	text-align: left;
}

.n_news .fl .next {
	text-align: right;
}

.n_news .fl .bot>div span {
	font-weight: 600;
}

.n_news .fl .bot>div a {
	color: #555;
	display: inline-block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width: 80%;
}

.n_news .fr {
	width: 400px;
}

.n_news .fr .tab-con {
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
	background-color: #fff;
}

.n_news .fr .tab-con h4 {
	padding: 20px 20px 0;
	font-weight: 700;
}

.n_news .fr .blog-nav {
	padding: 20px;
}

.n_news .fr .blog-nav li {
	padding: 5px 0;
	overflow: hidden;
}

.n_news .fr .blog-nav li a {
	display: block;
}

.n_news .fr .blog-nav .one>a:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 0.08rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	vertical-align: middle;
	margin-bottom: 3px;
}

.n_news .fr .blog-nav li a:hover {
	text-decoration: underline;
}

.n_news .fr .blog-nav>li>ul {}

.n_news .fr .blog-nav>li>ul>li {}

#catalog .one>a {
	font-weight: 600;
}

#catalog .two a {
	margin-left: 0.12rem;
	font-weight: 500;
}

.n_news .fr .recomm {
	box-shadow: 0 0 20px 0 rgba(84, 87, 93, .1);
}

.n_news .fr .recomm h4 {}

.n_news .fr .recomm ul {}

.n_news .fr .recomm ul li {
	width: 100%;
}

.n_news .fr .recomm ul li+li {
	margin-top: 0.2rem;
}

.n_news .fr .recomm ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.n_news .fr .recomm ul li .img {
	width: 120px;
}

.n_news .fr .recomm ul li .info {
	width: calc(100% - 130px);
}

.n_news .fr .recomm ul li .info .tit {}

.n_news .fr .recomm ul li .info .date {}

/* 新闻详情 e */


/* ====================应用样式========================= */


/* 行业列表 s */
.n_applist {}

.n_applist ul {}

.n_applist ul li {
	float: left;
	width: 33%;
	margin-bottom: .5%;
	margin-right: .5%;
}

.n_applist ul li:nth-child(3n) {
	margin-right: 0;
}

.n_applist ul li a {
	display: block;
	position: relative;
}

.n_applist ul li .img {}

.n_applist ul li .txt {
	position: absolute;
	top: 6%;
	left: 6%;
	z-index: 3;
	padding: 0.25rem 0.3rem 0.75rem;
	/* background-color: rgb(255,255,255,.9); */
	min-width: 56%;
	max-width: 88%;
}

.n_applist ul li .txt::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .85);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - .35rem), calc(100% - .35rem) 100%, 0 100%);
	opacity: .85;
	z-index: 1;
}

.n_applist ul li .txt .tit {
	position: relative;
	z-index: 2;
}

.n_applist ul li .txt i {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0.3rem;
	bottom: -15%;
	background: var(--theme-color);
	width: 0.45rem;
	height: 0.45rem;
	font-size: var(--f16);
	color: #fff;
	font-weight: 700;
	z-index: 2;
}

/* 行业列表 e */

/* 行业详情 s */
.n_tit2 {
	position: relative;
	font-size: var(--f40);
	line-height: 1.3;
	padding-bottom: 0.15rem;
	font-family: "SSB";
	text-transform: capitalize;
}

.n_tit2::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 0.67rem;
	height: 0.04rem;
	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 {}

.n_app_xq_02 ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: flex-start;
	gap: 0.3rem;
}

.n_app_xq_02 ul li {
	background-color: #fff;
	border-radius: 0.2rem;
	-webkit-box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
	padding: 0.3rem 0.5rem;
	text-align: center;
}

.n_app_xq_02 ul li .ico {}

.n_app_xq_02 ul li .ico img {
	display: inline-block;
	height: 0.9rem;
}

.n_app_xq_02 ul li .ico svg {
	display: inline-block;
	width: 90px;
	height: 90px;
	fill: none;
	stroke: #004ea2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.n_app_xq_02 ul li .info {
	margin-top: 0.25rem;
	min-height: 6em;
}

.n_app_xq_02 ul li .tit {
	font-size: var(--f24);
	line-height: 1.3;
	height: 2.6em;
	font-family: "SSB";
}

.n_app_xq_02 ul li .des {
	font-size: var(--f16);
	line-height: 1.5;
	color: #666;
	margin-top: 0.15rem;
	min-height: 7.5em;
}

.n_app_xq_03 .con {
	border-radius: 0.2rem;
	overflow: hidden;
}

.xg_case {}

.xg_case ul {}

.xg_case ul li {}

.xg_case ul li a {
	display: block;
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
}

.xg_case ul li .info {}

.xg_case ul li .info .tit {}

.xg_case ul li a:hover .tit {
	color: var(--theme-color);
}

/* 行业详情 e */


/* ====================服务样式========================= */
/* 内页通用区块设置 */
.inner-section {
	padding: 0.9rem 0;
}

.inner-sec-head {
	margin-bottom: 0.5rem;
}

.inner-sec-head .sub-tit {
	display: inline-block;
	color: var(--theme-color);
	font-size: var(--f16);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0.1rem;
	letter-spacing: 1px;
}

.inner-sec-head .main-tit {
	font-size: var(--f46);
	color: #111;
	font-weight: 700;
	line-height: 1.2;
}

/* ================= 1. 案例列表 (Case List) ================= */
.case-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.4rem;
}

.case-item {
	background: #fff;
	transition: all 0.4s ease;
	/* 延续首页的切角设计语言 */
	clip-path: polygon(0 0, calc(100% - 0.3rem) 0, 100% 0.3rem, 100% 100%, 0 100%);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
	border: 1px solid #f0f1f5;
}

.case-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	border-color: transparent;
}

.case-img {
	display: block;
	position: relative;
	padding-bottom: 66%;
	/* 控制图片比例 3:2 */
}

.case-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case-info {
	padding: 0.35rem 0.3rem;
	position: relative;
}

.case-tit {
	font-size: var(--f24);
	line-height: 1.3;
	height: 2.6em;
	color: #111;
	font-weight: 700;
	/* margin-bottom: 0.15rem; */
	transition: color 0.3s;
}

.case-item:hover .case-tit {
	color: var(--theme-color);
}

.case-desc {
	font-size: var(--f16);
	color: #666;
	line-height: 1.6;
	margin-bottom: 0.3rem;
}

.case-btn {
	padding: 0.12rem 0.3rem;
	font-size: var(--f14);
}

/* ================= 2. FAQ 手风琴 (FAQ Accordion) ================= */
.faq-accordion {
	max-width: 14rem;
	/* 控制最大宽度，保证阅读体验 */
	margin: 0 auto;
}

.faq-item {
	margin-bottom: 0.2rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.faq-item.active {
	border-color: var(--theme-color);
	box-shadow: 0 8px 20px rgba(0, 78, 162, 0.08);
}

.faq-head {
	padding: 0.25rem 0.3rem;
	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: 0.3rem;
	line-height: 1.4;
}

.faq-item:hover .faq-q,
.faq-item.active .faq-q {
	color: var(--theme-color);
}

/* 加号/减号 动画图标 */
.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-color);
}

.faq-item.active .faq-icon::after {
	transform: rotate(90deg);
	opacity: 0;
}

.faq-body {
	display: none;
	padding: 0 0.3rem 0.3rem;
}

.faq-content {
	font-size: var(--f16);
	color: #666;
	line-height: 1.75;
	border-top: 1px dashed #e5e7eb;
	padding-top: 0.25rem;
}

/* ================= 下载中心 Tabs 样式 ================= */
.dl-tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.15rem;
	margin-bottom: 0.5rem;
}

.dl-tab-btn {
	background: #fff;
	border: 1px solid #e5e7eb;
	color: #666;
	padding: 0.12rem 0.3rem;
	font-size: var(--f16);
	font-weight: 500;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	/* 采用与按钮一致的切角风格 */
}

.dl-tab-btn:hover {
	color: var(--theme-color);
	border-color: var(--theme-color);
}

.dl-tab-btn.active {
	background: var(--theme-color);
	color: #fff;
	border-color: var(--theme-color);
}

/* ================= 下载列表过滤动画 ================= */
.download-item {
	/* 默认显示状态 */
	display: flex;
}

.download-item.hide {
	display: none !important;
}

.download-item.show {
	display: flex;
	animation: fadeInScale 0.5s ease forwards;
}

@keyframes fadeInScale {
	0% {
		opacity: 0;
		transform: scale(0.95) translateY(10px);
	}

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

/* 手机端适配调整 */
@media (max-width: 768px) {
	.dl-tabs {
		justify-content: flex-start;
		gap: 0.1rem;
	}

	.dl-tab-btn {
		padding: 0.12rem 0.24rem;
		font-size: var(--f14);
	}
}

/* ================= 3. 下载中心 (Download Center) ================= */
.download-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.3rem;
}

.download-item {
	background: #fff;
	padding: 0.35rem;
	display: flex;
	align-items: center;
	border: 1px solid #e5e7eb;
	transition: all 0.3s ease;
	/* 切角设计 */
	clip-path: polygon(0 0, calc(100% - 0.2rem) 0, 100% 0.2rem, 100% 100%, 0 100%);
}

.download-item:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	border-color: transparent;
	transform: translateY(-3px);
}

.dl-icon {
	width: 0.9rem;
	height: 0.9rem;
	flex-shrink: 0;
	margin-right: 0.25rem;
	background: #f5f7fa;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.dl-icon img {
	width: 50%;
	height: 50%;
	object-fit: contain;
	opacity: 0.7;
	transition: opacity 0.3s;
}

.download-item:hover .dl-icon img {
	opacity: 1;
}

.dl-info {
	flex: 1;
	padding-right: 0.2rem;
}

.dl-tit {
	font-size: var(--f22);
	color: #111;
	font-weight: 600;
	margin-bottom: 0.12rem;
	transition: color 0.3s;
	line-height: 1.3;
}

.download-item:hover .dl-tit {
	color: var(--theme-color);
}

.dl-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.2rem;
	font-size: var(--f14);
	color: #888;
	font-weight: 500;
}

.dl-meta span {
	display: flex;
	align-items: center;
}

.dl-meta span::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #ccc;
	border-radius: 50%;
	margin-right: 8px;
}

.dl-meta span:first-child::before {
	display: none;
}

.dl-btn {
	padding: 0.12rem 0.25rem;
	font-size: var(--f14);
	white-space: nowrap;
}

/* ================= 响应式适配 (Responsive) ================= */
@media (max-width: 1200px) {
	.case-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.inner-banner {
		height: 3rem;
	}

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

	.inner-sec-head .main-tit {
		font-size: var(--f36);
	}

	/* 手机端单列显示 */
	.case-grid,
	.download-grid {
		grid-template-columns: 1fr;
	}

	/* 下载中心手机端布局调整 */
	.download-item {
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		padding: 0.3rem;
	}

	.dl-icon {
		margin-bottom: 0.2rem;
	}

	.dl-btn {
		position: absolute;
		right: 0.3rem;
		top: 0.3rem;
	}

	.dl-info {
		padding-right: 0;
	}

	.dl-tit {
		padding-right: 0.6rem;
		/* 给右上角的按钮留出空间 */
	}
}

/* ====================联系样式========================= */

/* 联系我们 s */
.n_contact {}

.n_contact .fl {
	width: 58%;
}

.n_contact .fl .con {}

.n_contact .fl form {}

.n_contact .fl .mui-input-row {
	width: 48%;
	margin-bottom: 0.15rem;
}

.n_contact .fl .mui-input-row input {
	width: 100%;
	font-size: var(--f16);
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F8F7FA;
	border-radius: 0.05rem;
	padding-left: 0.16rem;
	border: none;
}

.n_contact .fl .mui-input-row.w100 {
	width: 100%;
}

.n_contact .fl .mui-input-row textarea {
	font-size: var(--f16);
	padding: 0.16rem;
	line-height: 1.5;
	width: 100%;
	height: calc(9em + 0.32rem);
	background: #F4F5F9;
	border-radius: 0.05rem;
	border: none;
}

.n_contact .fl .btn {}

.n_contact .fl .btn button {
	display: inline-block;
	background-color: var(--theme-color);
	color: #fff;
	padding: 0.2rem 0.5rem;
	font-size: var(--f20);
	text-transform: uppercase;
	border: none;
}

.n_contact .fr {
	width: 38%;
}

.n_contact .fr .des {}

.n_contact .fr .con {}

.n_contact .fr ul {}

.n_contact .fr ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.n_contact .fr ul li+li {
	margin-top: 0.4rem;
}

.n_contact .fr ul li .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background-color: var(--theme-color);
}

.n_contact .fr ul li .icon:hover {
	background-color: #000;
}

.n_contact .fr ul li .icon i {
	font-size: var(--f30);
	color: #fff;
}

.n_contact .fr ul li .text {
	width: calc(100% - 100px);
	line-height: 1.67;
}

.n_contact .fr ul li .text h5 {
	font-size: var(--f20);
	font-weight: 600;
}

.n_contact .fr ul li .text p {
	font-size: var(--f16);
	line-height: 1.5;
	margin-top: 0.05rem;
}

/* 联系我们 e */


/* ================= Header 基础 ================= */
.yijin-header {
	position: relative;
	z-index: 999;
	background-color: #9ab4cf;
	/* 你的主导航背景色 */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.yijin-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 0.8rem;
	/* 导航栏高度 */
}

.yijin-logo img {
	max-height: 0.4rem;
}

/* ================= 一级导航 ================= */
.yijin-nav-list {
	display: flex;
	align-items: center;
	height: 100%;
}

.yijin-nav-item {
	height: 100%;
	display: flex;
	align-items: center;
}

.yijin-nav-link {
	display: flex;
	align-items: center;
	padding: 0 0.25rem;
	height: 100%;
	color: #fff;
	font-size: var(--f16);
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.3s;
}

.yijin-nav-arr {
	width: 16px;
	height: 16px;
	margin-left: 6px;
	transition: transform 0.3s;
}

.yijin-nav-item:hover .yijin-nav-link {
	color: #004a8f;
}

.yijin-nav-item:hover .yijin-nav-arr {
	transform: rotate(180deg);
}

/* ================= Mega Menu (PC端) ================= */
.yijin-mega {
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%;
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 3px solid var(--theme-color);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	line-height: 1.5;
}

/*  核心修复：隐形桥梁，防止鼠标移出导航栏时下拉菜单消失 */
.yijin-mega::before {
	content: "";
	position: absolute;
	top: -20px;
	/* 向上延伸 20px 填补缝隙 */
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent;
}

.Header-container .c-nav>li:hover .yijin-mega {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/*  两栏 Grid 布局：左侧(文字+链接) 占 1.3份，右侧(图片) 占 1份 */
.yijin-mega-inner {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	gap: 1rem;
	padding: 0.5rem 0;
}

/* 左侧：标题与描述 */
.yijin-mega-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.yijin-mega-info {
	margin-bottom: 0.4rem;
}

.yijin-mega-info h3 {
	font-size: var(--f32);
	font-weight: 700;
	color: #111;
	margin-bottom: 0.15rem;
}

.yijin-mega-info p {
	font-size: var(--f18);
	color: #666;
	line-height: 1.6;
	max-width: 100%;
	font-weight: 400;
}

/* 左侧：链接列表 (排成两列，显得更规整) */
.yijin-mega-links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.1rem 0.5rem;
}

.yijin-mega-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.15rem 0;
	border-bottom: 1px solid #e5e5e5;
	color: #333;
	font-size: var(--f16);
	transition: all 0.3s;
}

.yijin-mega-link svg {
	width: 18px;
	height: 18px;
	color: #999;
	transition: all 0.3s;
}

/* Hover & Active 状态 */
.yijin-mega-link:hover,
.yijin-mega-link.active {
	color: var(--theme-color);
	border-bottom-color: var(--theme-color);
	padding-left: 0.1rem;
	/* 悬浮时文字微移 */
}

.yijin-mega-link:hover svg,
.yijin-mega-link.active svg {
	color: var(--theme-color);
	transform: translateX(5px);
	/* 箭头向右微动 */
}

/* 右侧图片预览 */
.yijin-mega-preview {
	width: 100%;
	height: 4.3rem;
	/* 控制图片高度 */
	border-radius: 6px;
	overflow: hidden;
	background: #f8f9fa;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.yijin-mega-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: opacity 0.4s ease, transform 0.6s ease;
}

/* 用于 JS 切换时的淡入淡出类 */
.yijin-mega-img.fade-out {
	opacity: 0;
	transform: scale(1.03);
}

/* ================= 移动端适配 (< 1024px) ================= */
.yijin-menu-toggle {
	display: none;
	background: none;
	border: none;
	width: 30px;
	height: 24px;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.yijin-menu-toggle span {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	transition: 0.3s;
}

@media (max-width: 1024px) {
	.yijin-menu-toggle {
		display: flex;
	}

	.yijin-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		display: none;
	}

	.yijin-nav.is-active {
		display: block;
	}

	.yijin-nav-list {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.yijin-nav-item {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #eee;
	}

	.yijin-nav-link {
		width: 100%;
		padding: 0.2rem;
		color: #333;
		justify-content: space-between;
	}

	.yijin-nav-item:hover .yijin-nav-link {
		color: var(--theme-color);
	}

	/* 移动端下拉变手风琴 */
	.yijin-mega {
		position: static;
		box-shadow: none;
		border: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: none;
		background: #fff;
	}

	.yijin-has-mega.is-open .yijin-mega {
		display: block;
	}

	.yijin-mega-inner {
		grid-template-columns: 1fr;
		padding: 0;
		gap: 0.2rem;
		max-width: 100%;
	}

	.yijin-mega-info {
		display: none;
	}

	.yijin-mega-info p {
		max-width: 100%;
	}

	.yijin-mega-links {
		grid-template-columns: 1fr;
		/* 手机端链接变一列 */
	}

	.yijin-mega-preview {
		display: none;
		/* 移动端隐藏图片 */
	}

	.yijin-mega-link {
		padding: 0.15rem 0.1rem;
		border-bottom: none;
	}
}

/* =========================================================
   ✨ 全屏 VR 展厅 (Fullscreen VR Embed)
   ========================================================= */
.yijin-vr-fullscreen {
	width: 100%;
	background-color: var(--yijin-ab-dark-bg);
	padding: 0 0 0 0;
	/* 顶部留出标题空间，底部无缝衔接 iframe */
}

.yijin-vr-header {
	margin-bottom: 40px;
	padding: 60px 20px 0;
}

.yijin-vr-header h2 {
	color: var(--yijin-kf-white);
	font-size: 42px;
	margin-bottom: 15px;
}

.yijin-vr-header p {
	color: var(--yijin-kf-gray-text);
	font-size: 18px;
}

.yijin-vr-iframe-container {
	width: 100%;
	height: 90vh;
	/* 占据视口 80% 的高度 */
	min-height: 600px;
	/* 保证在小屏幕上也有足够的高度 */
	position: relative;
}

.yijin-vr-iframe-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* 交互遮罩层 */
.yijin-vr-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 23, 42, 0.6);
	/* 深色半透明遮罩 */
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity 0.4s ease, backdrop-filter 0.4s ease;
	z-index: 5;
}

/* 悬浮遮罩时，按钮轻微放大 */
.yijin-vr-overlay:hover .yijin-kf-btn {
	transform: scale(1.05);
	box-shadow: 0 10px 30px rgba(0, 78, 162, 0.4);
}

/* 激活后隐藏遮罩，允许鼠标穿透与 iframe 交互 */
.yijin-vr-overlay.yijin-kf-vr-active {
	opacity: 0;
	pointer-events: none;
	/* 核心属性：让鼠标事件穿透遮罩层直接作用于 iframe */
}

/* 手机端适配 */
@media (max-width: 768px) {
	.yijin-vr-iframe-container {
		height: 60vh;
		min-height: 400px;
	}
}

/* ================= 悬浮弹窗通用样式 ================= */
.yijin-kf-contact-popup {
	position: absolute;
	right: 65px;
	/* 距离右侧图标的距离 */
	background: #fff;
	padding: 12px 20px;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	/* 初始状态：隐藏 + 向右偏移 */
	opacity: 0;
	visibility: hidden;
	transform: translateX(20px);
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	align-items: center;
	pointer-events: none;
	/* 防止鼠标移入弹窗时发生闪烁 */
	z-index: 3;
}

/* 弹窗右侧的小三角箭头 */
.yijin-kf-contact-popup::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -6px;
	transform: translateY(-50%);
	border-width: 6px 0 6px 6px;
	border-style: solid;
	border-color: transparent transparent transparent #FFF;
}

/* 鼠标悬浮图标时，弹窗平滑向左滑出 */
.yijin-kf-contact-item:hover .yijin-kf-contact-popup {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

/* ================= 弹窗内容差异化 ================= */
/* 1. 二维码类型弹窗 (WhatsApp / WeChat) */
.yijin-kf-popup-qr {
	gap: 10px;
}

.yijin-kf-popup-qr img {
	width: 120px;
	height: 120px;
	border-radius: 4px;
	border: 1px solid #e2e8f0;
	object-fit: cover;
}

.yijin-kf-popup-qr span {
	font-size: 14px;
	color: #333;
	font-weight: 600;
}

/* 2. 纯文本类型弹窗 (Phone / Email) */
.yijin-kf-popup-text {
	flex-direction: row;
	font-size: 16px;
	font-weight: 600;
	color: var(--yijin-ab-primary);
}


/* =========================================================
   ✨ 右侧悬浮客服组件 (滚动显示 & 自定义图标版)
   ========================================================= */

.yijin-kf-floating-contact {
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: auto;
	/*  初始状态：隐藏，并向右偏移 50px  */
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%) translateX(50px);
	transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	/* 平滑的弹性过渡 */
}

/*  激活状态：当 JS 添加这个类时，组件滑入并显示  */
.yijin-kf-floating-contact.yijin-kf-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

/* 单个按钮容器，用于定位弹窗 */
.yijin-kf-contact-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.yijin-kf-contact-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	z-index: 2;
}

.yijin-kf-custom-icon {
	width: 26px;
	/* 根据您的图片实际观感调整大小 */
	height: 26px;
	object-fit: contain;
	/* 保证图片不变形 */
	transition: transform 0s ease;
	position: relative;
	filter: drop-shadow(100vw 0px 0 var(--yijin-ab-primary));
	-webkit-filter: drop-shadow(100vw 0px 0 var(--yijin-ab-primary));
	right: 100vw;
	overflow: hidden;

}


/* 悬浮时，内部图片轻微放大 */
.yijin-kf-contact-icon:hover .yijin-kf-custom-icon {
	transform: scale(1.15);
	filter: none;
	right: 0;
}

/* 悬浮背景色 (如果您使用的是纯色透明背景的 SVG/PNG，悬浮变色效果会很好) */
.yijin-kf-whatsapp:hover {
	background-color: var(--yijin-ab-primary);
	box-shadow: 0 4px 15px rgba(0, 78, 162, 0.4);
}

.yijin-kf-wechat:hover {
	background-color: var(--yijin-ab-primary);
	box-shadow: 0 4px 15px rgba(0, 78, 162, 0.4);
}

.yijin-kf-phone:hover {
	background-color: var(--yijin-ab-primary);
	box-shadow: 0 4px 15px rgba(0, 78, 162, 0.4);
}

.yijin-kf-email:hover {
	background-color: var(--yijin-ab-primary);
	box-shadow: 0 4px 15px rgba(0, 78, 162, 0.4);
}


/* 获取报价 & 工程总包能力 s */

/* 版心设置：最大宽度 1600px (16rem) */
.yijin-container {
	width: 92%;
	max-width: 16rem;
	margin: 0 auto;
}

/* 颜色与字体辅助类 (若 style.css 中已有可忽略，这里做保底) */
.text-theme {
	color: var(--theme-color, #004ea2);
}

.text-white {
	color: #ffffff;
}

.text-muted {
	color: #666666;
}

.bg-light {
	background-color: #f8f9fa;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

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

.max-w-800 {
	max-width: 8rem;
	margin: 0 auto;
}

/* 实用工具类 */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.overflow-hidden {
	overflow: hidden;
}

.radius-10 {
	border-radius: 0.1rem;
}

.object-cover {
	object-fit: cover;
}

.transition-transform {
	transition: transform 0.4s ease;
}

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

.wrap {
	flex-wrap: wrap;
}

/* 比例占位 */
.rect-30 {
	padding-bottom: 30%;
	height: 0;
}

.rect-140 {
	padding-bottom: 140%;
	height: 0;
}

/* 竖屏比例 1:1.4 */

/* ==========================================
   组件样式 (Components)
========================================== */


/* --- 页面 1：获取报价 (Quote) --- */
.yijin-quote-info {
	width: 40%;
	padding-right: 0.5rem;
}

.yijin-quote-info .icon-box {}

.yijin-quote-info .icon-box i {
	font-size: var(--f42);
	color: var(--theme-color);
}

.yijin-quote-form-wrapper {
	width: 55%;
	background: #ffffff;
	padding: 0.5rem;
	border-radius: 0.15rem;
	box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.06);
	/* border: 1px solid #eee; */
}

.round-icon {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--theme-color, #004ea2);
	padding: 0.05rem;
	transition: all 0.3s ease;
}

.yijin-info-item:hover .round-icon {
	background-color: var(--theme-color, #004ea2);
}

/* 表单元素 */
.form-row {
	gap: 0.3rem;
	width: 100%;
}

.form-group {
	width: 100%;
}

.yijin-input,
.yijin-textarea {
	width: 100%;
	padding: 0.15rem 0.2rem;
	font-family: inherit;
	border: 1px solid #ddd;
	border-radius: 0.08rem;
	background: #f9f9f9;
	transition: all 0.3s ease;
	outline: none;
	box-sizing: border-box;
}

.yijin-input:focus,
.yijin-textarea:focus {
	border-color: var(--theme-color, #004ea2);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(0, 78, 162, 0.1);
}

.yijin-btn-primary {
	background: var(--theme-color, #004ea2);
	color: #fff;
	border: none;
	padding: 0.18rem 0.4rem;
	border-radius: 0.08rem;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.yijin-btn-primary:hover {
	background: var(--theme-hover, #00A9B2);
	transform: translateY(-2px);
	box-shadow: 0 0.1rem 0.2rem rgba(0, 78, 162, 0.3);
}

/* --- 页面 2：工程总包能力 (EPC) --- */
.yijin-cert-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.4rem;
}

.yijin-cert-card {
	background: #fff;
	padding: 0.2rem;
	border-radius: 0.15rem;
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease;
	border: 1px solid transparent;
}

.yijin-cert-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
	border-color: var(--theme-color, #004ea2);
}

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

.yijin-cert-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 78, 162, 0.6);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.yijin-cert-card:hover .yijin-cert-overlay {
	opacity: 1;
}

.yijin-icon-zoom {
	width: 0.4rem;
	height: 0.4rem;
	background: #fff;
	border-radius: 50%;
	position: relative;
}

.yijin-icon-zoom::before,
.yijin-icon-zoom::after {
	content: '';
	position: absolute;
	background: var(--theme-color, #004ea2);
}

.yijin-icon-zoom::before {
	width: 0.2rem;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.yijin-icon-zoom::after {
	height: 0.2rem;
	width: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ny_contact_faq {}

.ny_contact_faq .faq-accordion {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
}

.ny_contact_faq .faq-item {
	width: 48%;

}

/* ==========================================
   响应式布局适配 (仅处理布局，字体大小由 style.css 的 var 控制)
========================================== */

/* 笔记本/小屏幕桌面端 (1200px 以下) */
@media screen and (max-width: 1200px) {
	.yijin-quote-info {
		width: 45%;
	}

	.yijin-quote-form-wrapper {
		width: 50%;
	}

	.yijin-cert-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.rect-30 {
		padding-bottom: 40%;
	}
}

/* 平板端 (1000px 以下) */
@media screen and (max-width: 1000px) {
	.yijin-quote-info {
		width: 100%;
		margin-bottom: 0.5rem;
		padding-right: 0;
	}

	.yijin-quote-form-wrapper {
		width: 100%;
		padding: 0.4rem;
	}

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

	.rect-30 {
		padding-bottom: 50%;
	}
}

/* 手机端 (750px 以下) */
@media screen and (max-width: 750px) {
	.form-row {
		flex-direction: column;
		gap: 0;
	}

	.form-row .form-group {
		margin-bottom: 0.2rem;
	}

	.yijin-cert-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 0.3rem;
	}

	.rect-30 {
		padding-bottom: 60%;
	}

	.yijin-quote-form-wrapper {
		padding: 0.3rem;
	}

	.yijin-btn-primary {
		padding: 0.25rem 0.4rem;
	}
}

/* 获取报价 & 工程总包能力 e */


/* 办事处 s */
.yijin-office-grid {
	display: grid;
	/* 桌面端默认 3 列 */
	grid-template-columns: repeat(3, 1fr);
	gap: 0.4rem;
}

/* 卡片样式 */
.yijin-office-card {
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.06);
	border: 1px solid #eaeaea;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 悬浮交互 */
.yijin-office-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12);
	border-color: var(--theme-color, #004ea2);
}

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

.yijin-office-card:hover h3 {
	color: var(--theme-color, #004ea2);
	transition: color 0.3s ease;
}

/* 地区标签 */
.yijin-office-tag {
	top: 0.2rem;
	right: 0.2rem;
	padding: 0.06rem 0.2rem;
	border-radius: 0.3rem;
	z-index: 2;
	box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.2);
	letter-spacing: 0.5px;
}

/* 纯 CSS 绘制的图标 (利用 SVG 作为 Mask，可随主题色变色) */
.yijin-icon-pin,
.yijin-icon-phone,
.yijin-icon-mail {
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	background-color: var(--theme-color, #004ea2);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	flex-shrink: 0;
}

/* 地址图标 */
.yijin-icon-pin {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>');
}

/* 电话图标 */
.yijin-icon-phone {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.03 21c.76 0 .98-.66.98-1.21v-3.42c0-.54-.45-.99-.99-.99z"/></svg>');
}

/* 邮箱图标 */
.yijin-icon-mail {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');
}

/* ==========================================
   响应式布局适配
========================================== */

/* 笔记本/小屏幕桌面端 (1300px 以下) */
@media screen and (max-width: 1300px) {
	.yijin-office-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rect-30 {
		padding-bottom: 40%;
	}
}

/* 平板端 (900px 以下) */
@media screen and (max-width: 900px) {
	.rect-30 {
		padding-bottom: 50%;
	}
}

/* 手机端 (750px 以下) */
@media screen and (max-width: 750px) {
	.yijin-office-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 0.3rem;
	}

	.rect-30 {
		padding-bottom: 60%;
	}

	.yijin-office-info {
		padding: 0.25rem;
	}
}

/* 办事处 e */


/* 我们的优势 s */

/* 颜色与字体辅助类 */
.text-theme {
	color: var(--theme-color, #004ea2);
}

.text-main {
	color: var(--text-main, #333333);
}

.text-white {
	color: #ffffff;
}

.text-muted {
	color: var(--text-muted, #666666);
}

.bg-light {
	background-color: var(--bg-light, #f8f9fa);
}

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

.bg-theme {
	background-color: var(--theme-color, #004ea2);
}

.border-light {
	border: 1px solid #eaeaea;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

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

.max-w-800 {
	max-width: 8rem;
	margin: 0 auto;
}

/* 实用工具类 */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.overflow-hidden {
	overflow: hidden;
}

.radius-10 {
	border-radius: 0.1rem;
}

.object-cover {
	object-fit: cover;
}

.transition-transform {
	transition: transform 0.4s ease;
}

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

.shadow-sm {
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.05);
}

.w-100 {
	width: 100%;
}

.bottom-0 {
	bottom: 0;
}

.left-0 {
	left: 0;
}

/* --- 研发板块 --- */
.yijin-stats-banner {
	background: linear-gradient(135deg, var(--theme-color) 0%, #007b8f 100%);
	box-shadow: 0 0.2rem 0.5rem rgba(0, 78, 162, 0.3);
}

.stat-item {
	flex: 1;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

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

.yijin-rd-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.4rem;
}

.border-top-theme {
	border-top: 4px solid var(--theme-color);
}

.icon-block {
	display: inline-block;
	width: 0.15rem;
	height: 0.24rem;
	border-radius: 2px;
}

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

.yijin-list p {
	position: relative;
	padding-left: 0.25rem;
	margin-bottom: 0.15rem;
}

.yijin-list p::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--theme-color);
	font-size: 1.2em;
	line-height: 1;
}

/* ==========================================
   研发板块 - 标题专属矢量图标 (纯CSS绘制，自动变主题色)
========================================== */
.yijin-icon-bulb,
.yijin-icon-trophy,
.yijin-icon-shield {
	display: inline-block;
	width: 0.28rem;
	/* 图标大小，与24px的标题完美契合 */
	height: 0.28rem;
	background-color: var(--theme-color, #004ea2);
	/* 自动读取您的品牌色 */
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	flex-shrink: 0;
}

/* 1. 创新平台 - 灯泡图标 */
.yijin-icon-bulb {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"/></svg>');
}

/* 2. 科研成果 - 奖杯图标 */
.yijin-icon-trophy {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0011 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 003.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>');
}

/* 3. 社会责任 - 盾牌图标 */
.yijin-icon-shield {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>');
}

/* PDF 下载引导区 */
.pdf-icon {
	width: 0.6rem;
	height: 0.6rem;
	object-fit: contain;
}

.yijin-btn-outline {
	border: 2px solid var(--theme-color);
	color: var(--theme-color);
	padding: 0.15rem 0.3rem;
	border-radius: 0.08rem;
	transition: all 0.3s ease;
}

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

/* --- 质量检测板块 --- */
.bg-dark-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}

.yijin-lab-swiper .swiper-button-next,
.yijin-lab-swiper .swiper-button-prev {
	color: #fff;
}

.yijin-lab-swiper .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 1;
}

.yijin-lab-swiper .swiper-pagination-bullet-active {
	background: var(--theme-color);
}

.yijin-lab-swiper .slide-caption {}


.yijin-cert-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.3rem;
}

.yijin-cert-card {
	transition: transform 0.3s ease;
}

.yijin-cert-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.1);
}


/* --- 智能制造板块 --- */
.mfg-card:hover img {
	transform: scale(1.08);
}

.yijin-mfg-swiper .swiper-pagination-bullet-active {
	background: var(--theme-color);
}

/* --- 研发板块图文卡片升级 --- */
.rd-image-card {
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.06);
	border: 1px solid #eaeaea;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rd-image-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12);
}

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

.flex-1 {
	flex: 1;
}

/* --- 质量检测证书 Swiper --- */
/* 给 swiper 底部留出空间，防止阴影和分页器被裁切 */
.yijin-cert-swiper {
	padding-bottom: 0.5rem;
	padding-top: 0.1rem;
	/* 防止顶部悬浮阴影被裁切 */
}

.yijin-cert-card {
	transition: all 0.3s ease;
	border-color: transparent;
}

.yijin-cert-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.1);
	border-color: var(--theme-color);
}

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

/* 自定义证书轮播的左右箭头样式，使其更符合 B2B 风格 */
.yijin-cert-swiper .custom-nav-btn {
	color: var(--theme-color);
	background: #fff;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.1);
	top: 40%;
	/* 稍微靠上一点，避开文字区 */
}

.yijin-cert-swiper .custom-nav-btn::after {
	font-size: 0.18rem;
	font-weight: bold;
}

.yijin-cert-swiper .swiper-pagination-bullet-active {
	background: var(--theme-color);
}

/* ==========================================
   响应式布局
========================================== */
@media screen and (max-width: 1200px) {
	.yijin-rd-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.yijin-cert-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.yijin-stats-banner {
		flex-wrap: wrap;
		gap: 0.3rem;
	}

	.stat-item {
		flex: 0 0 45%;
		border-right: none;
	}
}

@media screen and (max-width: 900px) {
	.yijin-download-box {
		flex-direction: column;
		text-align: center;
		gap: 0.3rem;
	}

	.yijin-download-box .flex {
		flex-direction: column;
	}

	.pdf-icon {
		margin: 0 0 0.15rem 0;
	}

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

@media screen and (max-width: 750px) {
	.yijin-page-nav {
		display: none;
		/* 手机端隐藏内页导航或改为下拉 */
	}

	.yijin-rd-grid {
		grid-template-columns: 1fr;
	}

	.stat-item {
		flex: 0 0 100%;
		margin-bottom: 0.2rem;
	}

	.rect-50 {
		padding-bottom: 60%;
	}
}

/* 我们的优势 e */


/* 社会责任 s */
.rect-30 {
	padding-bottom: 30%;
	height: 0;
}

.rect-60 {
	padding-bottom: 60%;
	height: 0;
}

.rect-140 {
	padding-bottom: 140%;
	height: 0;
	width: 100%;
}

/* ==========================================
   组件样式
========================================== */
.flex-1 {
	flex: 1;
}

.wrap {
	flex-wrap: wrap;
}

.gap-20 {
	gap: 0.2rem;
}

/* Banner 遮罩 */
.yijin-inner-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 19, 34, 0.8) 0%, rgba(0, 19, 34, 0.4) 100%);
	pointer-events: none;
}

.yijin-banner-text {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.title-line {
	width: 0.6rem;
	height: 4px;
	border-radius: 2px;
}

/* --- ESG 三大支柱卡片 --- */
.yijin-esg-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.4rem;
}

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

.esg-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12);
	border-color: var(--theme-color, #004ea2);
}

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

/* ==========================================
   升级版 ESG 徽章：磨砂玻璃 + 悬浮质感 + 图标结合
========================================== */
.esg-premium-badge {
	top: 0.2rem;
	right: 0.2rem;
	/* 磨砂玻璃效果 */
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	/* 胶囊形状内边距 */
	padding: 0.06rem 0.06rem 0.06rem 0.06rem;
	border-radius: 0.4rem;
	box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.08);
	z-index: 2;
	transition: all 0.3s ease;
}

/* 卡片悬浮时，徽章联动发光上浮 */
.esg-card:hover .esg-premium-badge {
	background: #ffffff;
	box-shadow: 0 0.1rem 0.25rem rgba(0, 78, 162, 0.25);
	transform: translateY(-3px);
}

/* 图标圆形底座 */
.badge-icon-wrap {
	width: 0.36rem;
	height: 0.36rem;
	border-radius: 50%;
	/* margin-right: 0.1rem; */
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
	/* 增加一点内发光质感 */
}

/* 字母样式 */
.badge-letter {
	font-size: 0.22rem;
	font-weight: 700;
	color: var(--theme-color, #004ea2);
	letter-spacing: 1px;
}

/* --- 纯CSS矢量图标 (自动反白) --- */
.yijin-icon-leaf,
.yijin-icon-people,
.yijin-icon-shield {
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	background-color: #ffffff;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* E - 树叶图标 */
.yijin-icon-leaf {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"></path><path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"></path></svg>');
}

/* S - 团队/人群图标 */
.yijin-icon-people {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>');
}

/* G - 盾牌/治理图标 */
.yijin-icon-shield {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>');
}


/* 自定义列表样式 (打勾图标) */
.yijin-check-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.yijin-check-list li {
	position: relative;
	padding-left: 0.3rem;
	margin-bottom: 0.1rem;
}

.yijin-check-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.05rem;
	width: 0.18rem;
	height: 0.18rem;
	background-color: var(--theme-color, #004ea2);
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* --- 报告与认证区 --- */
.cert-item {
	width: 2.2rem;
}

/* 控制证书宽度 */

.yijin-btn-primary {
	background: var(--theme-color, #004ea2);
	color: #fff;
	padding: 0.15rem 0.3rem;
	border-radius: 0.08rem;
	transition: all 0.3s ease;
}

.yijin-btn-primary:hover {
	background: var(--theme-hover, #008ba3);
	transform: translateY(-2px);
	box-shadow: 0 0.1rem 0.2rem rgba(0, 78, 162, 0.3);
}

.yijin-btn-outline {
	border: 2px solid var(--theme-color, #004ea2);
	color: var(--theme-color, #004ea2);
	padding: 0.15rem 0.3rem;
	border-radius: 0.08rem;
	transition: all 0.3s ease;
}

.yijin-btn-outline:hover {
	background: var(--theme-color, #004ea2);
	color: #fff;
}

/* ==========================================
   响应式布局
========================================== */
@media screen and (max-width: 1200px) {
	.yijin-esg-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 0.2rem;
	}

	.yijin-report-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.yijin-report-download {
		margin-left: 0;
		margin-top: 0.4rem;
		width: 100%;
	}
}

@media screen and (max-width: 900px) {
	.yijin-esg-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.rect-30 {
		padding-bottom: 40%;
	}
}

@media screen and (max-width: 750px) {
	.rect-30 {
		padding-bottom: 50%;
	}

	.yijin-report-download {
		padding: 0.3rem;
	}

	.cert-item {
		width: 45%;
		margin-right: 5%;
	}

	.cert-item:nth-child(2n) {
		margin-right: 0;
	}
}

/* 社会责任 e */


/* 3D 模型 s */
/* 实用工具类 */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.overflow-hidden {
	overflow: hidden;
}

.radius-10 {
	border-radius: 0.1rem;
}

.object-cover {
	object-fit: cover;
}

.transition-transform {
	transition: transform 0.4s ease;
}

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

.shadow-sm {
	box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.05);
}

.w-100 {
	width: 100%;
	box-sizing: border-box;
}

.wrap {
	flex-wrap: wrap;
}

.gap-15 {
	gap: 0.15rem;
}

.gap-20 {
	gap: 0.2rem;
}

.gap-40 {
	gap: 0.4rem;
}

.mr-10 {
	margin-right: 0.1rem;
}

.mb-10 {
	margin-bottom: 0.1rem;
}

.mb-15 {
	margin-bottom: 0.15rem;
}

.mb-20 {
	margin-bottom: 0.2rem;
}

.mb-30 {
	margin-bottom: 0.3rem;
}

.mb-40 {
	margin-bottom: 0.4rem;
}

.pb-15 {
	padding-bottom: 0.15rem;
}

.mt-auto {
	margin-top: auto;
}

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

/* 比例占位 */
.rect-30 {
	padding-bottom: 30%;
	height: 0;
}

.rect-60 {
	padding-bottom: 60%;
	height: 0;
}

/* 3D视窗比例 */
.rect-75 {
	padding-bottom: 75%;
	height: 0;
}

/* 4:3 模型卡片比例 */

/* ==========================================
   组件样式
========================================== */

/* Banner 遮罩 */
.yijin-inner-banner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 19, 34, 0.85) 0%, rgba(0, 19, 34, 0.4) 100%);
	pointer-events: none;
}

.yijin-banner-text {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* --- 3D 主展示区 --- */
.yijin-3d-viewer-wrap {
	width: 65%;
}

.yijin-3d-details {
	width: 32%;
}

/* 3D 遮罩与播放按钮 (Glassmorphism) */
.overlay-mask {
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
	transition: background 0.3s;
}

.yijin-3d-overlay {
	cursor: pointer;
}

.yijin-3d-overlay:hover .overlay-mask {
	background: rgba(0, 0, 0, 0.5);
}

.yijin-3d-play-btn {
	width: 2.2rem;
	height: 2.2rem;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	transition: all 0.4s ease;
}

.yijin-3d-overlay:hover .yijin-3d-play-btn {
	transform: scale(1.05);
	background: rgba(0, 78, 162, 0.8);
	/* 悬浮变主题色 */
	border-color: var(--theme-color);
}

/* 标签与按钮 */
.yijin-tag {
	display: inline-block;
	padding: 0.04rem 0.15rem;
	border-radius: 0.2rem;
}

.yijin-btn-primary {
	background: var(--theme-color, #004ea2);
	color: #fff;
	padding: 0.18rem 0.3rem;
	border-radius: 0.08rem;
	transition: all 0.3s ease;
}

.yijin-btn-primary:hover {
	background: #004ea2;
	transform: translateY(-2px);
	box-shadow: 0 0.1rem 0.2rem rgba(0, 78, 162, 0.3);
}

.yijin-btn-outline {
	border: 2px solid var(--theme-color, #004ea2);
	color: var(--theme-color, #004ea2);
	padding: 0.16rem 0.3rem;
	border-radius: 0.08rem;
	transition: all 0.3s ease;
}

.yijin-btn-outline:hover {
	background: var(--theme-color, #004ea2);
	color: #fff;
}

/* --- 底部模型库 --- */
.filter-tab {
	cursor: pointer;
	transition: color 0.3s;
}

.filter-tab:hover {
	color: var(--theme-color);
}

.yijin-model-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.3rem;
}

.yijin-model-card {
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	cursor: pointer;
}

.yijin-model-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12);
	border-color: var(--theme-color);
}

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

.badge-360 {
	top: 0.15rem;
	right: 0.15rem;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.2);
	z-index: 2;
}

/* ==========================================
   纯 CSS 矢量图标 (自动反白/变色)
========================================== */
.yijin-icon-360,
.yijin-icon-mouse-left,
.yijin-icon-mouse-scroll,
.yijin-icon-mouse-right,
.yijin-icon-download {
	display: inline-block;
	background-color: currentColor;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* 360度旋转图标 */
.yijin-icon-360 {
	width: 0.6rem;
	height: 0.6rem;
	background-color: #fff;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 2v6h6M21.5 22v-6h-6"/><path d="M22 11.5A10 10 0 0 0 3.2 7.2M2 12.5a10 10 0 0 0 18.8 4.2"/></svg>');
}

/* 鼠标左键/右键/滚轮图标 (简化示意) */
.yijin-icon-mouse-left,
.yijin-icon-mouse-scroll,
.yijin-icon-mouse-right {
	width: 0.2rem;
	height: 0.2rem;
	background-color: var(--text-muted);
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="7"/><path d="M12 6v4"/></svg>');
}

/* 下载图标 */
.yijin-icon-download {
	width: 0.2rem;
	height: 0.2rem;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>');
}

/* ==========================================
   响应式布局
========================================== */
@media screen and (max-width: 1300px) {
	.yijin-3d-viewer-wrap {
		width: 60%;
	}

	.yijin-3d-details {
		width: 38%;
		padding: 0.3rem;
	}

	.yijin-model-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 1000px) {
	.yijin-3d-showcase {
		flex-direction: column;
		gap: 0.3rem;
	}

	.yijin-3d-viewer-wrap,
	.yijin-3d-details {
		width: 100%;
	}

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

	.rect-30 {
		padding-bottom: 40%;
	}
}

@media screen and (max-width: 750px) {
	.yijin-3d-hints {
		display: none;
		/* 手机端隐藏鼠标提示 */
	}

	.yijin-model-grid {
		grid-template-columns: 1fr;
	}

	.rect-30 {
		padding-bottom: 50%;
	}

	.yijin-3d-play-btn {
		width: 1.6rem;
		height: 1.6rem;
	}

	.yijin-icon-360 {
		width: 0.4rem;
		height: 0.4rem;
	}
}

/* ==========================================
   多模型列表式布局 (List View)
========================================== */
/* 颜色与辅助类 */
.text-theme {
	color: var(--theme-color, #004ea2);
}

.text-main {
	color: var(--text-main, #333333);
}

.text-white {
	color: #ffffff;
}

.text-muted {
	color: var(--text-muted, #666666);
}

.bg-light {
	background-color: #f8f9fa;
}

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

.bg-theme {
	background-color: var(--theme-color, #004ea2);
}

.bg-theme-light {
	background-color: rgba(0, 78, 162, 0.1);
}

.border-light {
	border: 1px solid #eaeaea;
}

.border-top-light {
	border-top: 1px solid #eaeaea;
}

.border-bottom-light {
	border-bottom: 1px solid #eaeaea;
}

/* 列表卡片基础设置 */
.yijin-list-card {
	display: flex;
	align-items: stretch;
	/* 让左右两侧等高 */
	min-height: 4rem;
	/* 保证卡片有足够的高度展示内容 */
	line-height: 1.5;
}

.yijin-list-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
	border-color: var(--theme-color, #004ea2);
}

/* 左侧 3D 视窗区域 */
.list-card-viewer {
	width: 45%;
	flex-shrink: 0;
	border-right: 1px solid #eaeaea;
}

/* 右侧信息区域 */
.list-card-info {
	width: 55%;
}

.list-card-info .yijin-btn-primary {
	white-space: nowrap;
}

/* 参数小网格 */
.yijin-specs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.15rem;
}

/* 文本截断 (超过两行显示省略号) */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ==========================================
   响应式适配 (平板与手机端)
========================================== */
@media screen and (max-width: 1024px) {
	.yijin-list-card {
		flex-direction: column;
		/* 改为上下结构 */
	}

	.list-card-viewer {
		width: 100%;
		padding-bottom: 60%;
		/* 在移动端给视窗一个固定的 16:9 比例高度 */
		border-right: none;
		border-bottom: 1px solid #eaeaea;
	}

	.list-card-info {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.yijin-specs-grid {
		grid-template-columns: repeat(2, 1fr);
		/* 手机端参数改为两列 */
	}

	.list-card-info {
		padding: 0.3rem;
	}
}

/* 3D 模型 e */

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {

	/* 1440 × (900/1050) */
	.Header-container .c-nav>li {
		margin-right: 0.4rem;
	}
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {

	/* 平板设备 720 适配 */
	.pc {
		display: none;
	}

	.mb {
		display: block;
	}

	.tc_search form {
		width: 92%;
		max-width: 92%;
	}
}

@media all and (max-width:768px) {

	.pd-120,
	.pd-100,
	.pd-60,
	.pd-140,
	.pd-160 {
		padding: 0.8rem 0;
	}

	.yijin-subtitle {
		margin-bottom: 20px;
	}

	.yijin-btn {
		padding: 0.25rem 0.6rem;
	}

	.yijin-about_inner {
		display: flex;
		flex-direction: column;
	}

	.yijin-about_visual,
	.yijin-about_content,
	.yijin-about_img1 {
		width: 100%;
	}

	.yijin-about_content p {
		line-height: 1.6;
	}

	.yijin-about_stats {
		position: relative;
		bottom: auto;
		margin-top: 0.45rem;
	}

	.yijin-about_stats-list {
		width: 100%;
	}

	.yijin-about_num {
		font-size: 0.8rem;
	}

	.yijin-projects_box:before {
		width: 60%;
		height: 60%;
	}

	.yijin-projects_info {
		width: 90%;
		right: 5%;
	}

	.yijin-projects_item .rect-48 {
		padding-bottom: 75%;
	}

	.yijin-projects .swiper-pagination.swiper-pagination-horizontal {
		bottom: -0.5rem;
	}

	.i_app {
		background-size: cover;
		padding: 0.6rem 0 0.6rem 4%;
	}

	.i_app .yijin-head {
		padding-right: 4%;
	}

	.i_app .yijin-title {
		width: auto;
		margin-bottom: 0;
	}

	.i_news ul {
		grid-template-columns: auto;
	}

	.i_news ul li {
		width: 100%;
	}


	.Footer-container .mid .fl .foot_logo img {
		height: 28px;
	}

	.Footer-container .mid .fl,
	.Footer-container .mid .fr {
		width: 100%;
	}

	.media_ul li a i {
		font-size: 0.4rem;
	}

	.Footer-container .mid>ul {
		width: 100%;
		margin-top: 0.4rem;
	}

	.Footer-container .mid>ul li {
		width: 100%;
		max-width: 100%;
		border-bottom: 1px solid rgb(255, 255, 255, .8);
		margin-bottom: 0;
	}

	.Footer-container .mid>ul li p.on i {
		transform: rotate(180deg);
	}

	.Footer-container .mid>ul li p {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 18px;
		margin-bottom: 0;
		padding: 0.25rem 0;
	}

	.Footer-container .mid>ul li .foot_nav_link {
		display: none;
		padding-bottom: 0.25rem;
	}

	.Footer-container .mid .fr {
		margin-top: 0.45rem;
	}


	.crumbs {
		display: none;
	}

	.sort_nav {
		position: relative;
		height: 42px;
	}

	/* .sort_nav .w16{
		display: none;
	} */
	.sort_nav .tit {
		display: flex;
	}

	.sort_nav ul {
		position: absolute;
		top: 42px;
		left: 0;
		background: #fff;
		display: none;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
		width: 100%;
		z-index: 9;
	}

	.sort_nav ul {
		position: absolute;
		top: 42px;
		left: 0;
		background: #fff;
		display: none;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
		max-width: 100%;
		z-index: 9;
	}

	.sort_nav ul li {
		flex: none;
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, .05);
		margin-left: 0;
	}

	.sort_nav ul li a {
		display: block;
		width: 100%;
		padding: 0 5%;
		font-size: 16px;
		line-height: 2.6;
		height: auto;
	}

	.sort_nav_view ul li a span {
		font-size: 16px;
		padding: 0;
	}

	.sort_nav .tit i {
		transition: all .5s ease;
		transform: rotate(-90deg);
	}

	.sort_nav .tit.on i {
		transform: rotate(90deg);
	}

	.yijin-ab-vr-entrance {
		font-size: 16px;
	}

	.yijin-ab-stats-wrapper {
		padding-top: 0;
	}

	.yijin-ab-section-desc {
		margin-bottom: 0.5rem;
	}

	.yijin-ab-feature-img {
		width: 100%;
		display: block;
	}

	.yijin-ab-feature-title {
		font-size: var(--f48);
		margin-bottom: 0.35rem;
		line-height: 1.15;
	}

	.yijin-ab-tag::before {
		width: 24px;
		margin-right: 10px;
	}

	.yijin-ab-flex-between {
		margin-bottom: 0.5rem;
	}

	.yijin-ab-cert-footer {
		padding-top: 15px;
	}

	.yijin-ab-global {
		padding-top: 0;
	}

	.yijin-ab-tags {
		gap: 3px;
	}

	.yijin-ab-tags span {
		padding: 6px 12px;
	}

	.yijin-ab-quality-desc {
		margin-bottom: 0.6rem;
	}

	.yijin-ab-logo-item {
		padding: 10px;
	}

	.yijin-ab-logo-item img {
		height: 48px;
	}

	.yijin-ab-customer-panels {
		min-height: auto;
	}

	.yijin-ab-principle-overlay h3 {
		margin-bottom: 10px;
	}

	.yijin-ab-custom-text h2 {
		font-size: 28px;
	}

	.yijin-ab-cta-desc {
		margin-bottom: 30px;
	}

	.yijin-ab-cta-title {
		line-height: 1.15;
	}

	.sidebar {
		width: 100%;
		display: none;
	}

	.page_main {
		width: 100%;
		padding-right: 0;
	}

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

	.pro_xq_fl,
	.pro_xq_fr {
		width: 100%;
	}

	.pro_xq_fr {
		margin-top: 0.35rem;
	}

	.pro_xq_fr .btn a {
		padding: 0.24rem 0.48rem;
	}

	.n_pro_xq_con h2 {
		margin-bottom: 0.3rem;
		padding-bottom: 0.15rem;
		margin-top: 0.25rem;
	}

	.scroll {
		overflow-x: auto;
		margin-bottom: 1em;
	}

	.n_newslist ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.n_newslist ul li .info {
		padding: 0.5rem 0.3rem 0.4rem;
	}


	.n_news .fl,
	.n_news .fr {
		width: 100%;
	}

	.n_news .fl .box {
		padding: 0.4rem 0.3rem;
	}

	.n_news .fr {
		margin-top: 0.5rem;
	}

	.n_news .fl .bot {
		flex-direction: column;
		align-items: flex-start;
	}

	.n_news .fl .bot>div {
		padding: 0.12rem 0;
	}

	.n_news .fl .next {
		flex-direction: row-reverse;
	}

	.n_applist ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.3rem;
	}

	.n_app_xq_01 .con {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.n_app_xq_01 .fl,
	.n_app_xq_01 .fr {
		width: 100%;
	}

	.n_app_xq_01 .fl {
		margin-top: 0.35rem;
	}

	.n_app_xq_02 ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.n_app_xq_02 ul li .ico img {
		height: 1.2rem;
	}

	.n_app_xq_02 ul li .tit {
		height: auto;
		font-size: var(--f28);
	}

	.radius20 {
		border-radius: 12px;
	}

	.c_quote .con {
		padding: 0.6rem 0.4rem;
	}

	.c_quote .fl,
	.c_quote .fr {
		width: 100%;
	}

	.c_quote .fr {
		margin-top: 0.35rem;
	}

	.c_quote .fr form .mui-input-row {
		width: 100%;
	}

	.c_quote .fr form .btn button {
		padding: 0.25rem 0.5rem;
	}

	.c_quote .fr form .mui-input-row input {
		padding: 0 0.25rem;
	}

	.c_quote .fr form .mui-input-row textarea {
		padding: 0.25rem;
	}

	.n_contact .fl,
	.n_contact .fr {
		width: 100%;
	}

	.n_contact .fl .mui-input-row {
		width: 100%;
		margin-bottom: 0.25rem;
	}

	.n_contact .fl .mui-input-row input {
		height: 0.72rem;
		line-height: 0.72rem;
	}

	.n_contact .fr {
		margin-top: 0.5rem;
	}

	.n_contact .fr ul li .icon {
		width: 1rem;
		height: 1rem;
	}

	.n_contact .fr ul li .icon i {
		font-size: 0.48rem;
	}

	.n_contact .fr ul li .text {
		width: calc(100% - 1.3rem);
	}

	.n_contact .fr ul li .text p {
		line-height: 1.3;
		margin-top: 0.08rem;
	}

	.n_contact .fl .btn button {
		padding: 0.24rem 0.5rem;
	}

	.yijin-content-box .w60 {
		width: 100%;
	}

}

@media all and (max-width:640px) {

	/* 移动终端以上 360 适配 */
	.yijin-kf-floating-contact {
		display: none !important;
	}

	.ar_article table td,
	.ar_article table th {
		padding: 0.08rem 0.16rem;
		white-space: nowrap;
	}
}

@media all and (max-width:480px) {}

@media all and (max-width:420px) {
	.yijin-ab-principle-overlay h3 {
		font-size: 20px;
	}

	.yijin-ab-cta-desc,
	.n_contact .fr ul li .text h5 {
		font-size: 18px;
	}

	.yijin-ab-global-card h4,
	.n_contact .fr ul li .text p {
		font-size: 16px;
	}

	.yijin-about_txt,
	.yijin-ab-tab {
		font-size: 14px;
	}
}

@media all and (max-width:376px) {}

/* News detail: hide the global Blocksy trending module on article pages only. */
body.single-post .ct-trending-block {
	display: none;
}

/* Keep the shared action-button label readable in every interactive state. */
.yijin-btn,
.yijin-btn:visited,
.yijin-btn:hover,
.yijin-btn:focus-visible {
	color: #ffffff;
}

.yijin-btn:hover,
.yijin-btn:focus-visible {
	background-color: #004ea2;
}

.yijin-btn i {
	color: currentColor;
}

/* News article detail: matched to the supplied editorial-card reference. */
.yijin-news-detail-breadcrumb {
	padding: 88px 0 30px;
	background: #fff;
}

.yijin-news-detail-breadcrumb .ct-container,
.yijin-news-detail .yijin-news-detail-layout {
	width: min(calc(100% - 40px), 1500px);
	max-width: 1500px;
}

.yijin-news-detail-breadcrumb nav {
	display: flex;
	align-items: center;
	gap: 9px;
	color: #5d6470;
	font-size: 18px;
	line-height: 1;
}

.yijin-news-detail-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.yijin-news-detail-breadcrumb a:hover {
	color: #0057ad;
}

.yijin-news-detail-breadcrumb .yijin-news-breadcrumb-title {
	min-width: 0;
	max-width: 680px;
	overflow: hidden;
	color: #4d5966;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yijin-news-detail-breadcrumb .icon-home {
	margin-right: 7px;
	color: #212b37;
	font-size: 15px;
}

.yijin-news-detail-breadcrumb nav>span[aria-hidden] {
	font-size: 0;
}

.yijin-news-detail-breadcrumb nav>span[aria-hidden]::after {
	color: #7a8490;
	content: '›';
	font-size: 21px;
	line-height: 1;
}

.n_news.yijin-news-detail {
	padding: 0 0 80px;
	background: #fff;
}

.yijin-news-detail .yijin-news-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 50px;
	align-items: start;
}

.yijin-news-detail .yijin-news-article {
	min-width: 0;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 5px 24px rgba(18, 38, 63, .08);
}

.yijin-news-detail .yijin-news-article .box {
	padding: 62px 70px 44px;
}

.yijin-news-detail .yijin-news-article .top h1 {
	margin: 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #dfe3e7;
	color: #202b38;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.yijin-news-detail .yijin-news-article .top .date {
	display: block;
	margin-top: 22px;
	color: #313b48;
	font-size: 16px;
	text-align: center;
}

.yijin-news-detail .yijin-news-article .con {
	margin-top: 34px;
	color: #26313d;
	font-size: 18px;
	line-height: 1.55;
}

.yijin-news-detail .yijin-news-article .con p {
	margin: 0 0 18px;
}

.yijin-news-detail .yijin-news-article .bot {
	padding: 22px 20px;
	border-top: 1px solid #e5e8ec;
	font-size: 16px;
}

.yijin-news-detail .yijin-news-article .bot>div {
	width: 46%;
	gap: 12px;
}

.yijin-news-detail .yijin-news-article .bot a {
	color: #4c5866;
}

.yijin-news-detail .yijin-news-sidebar {
	display: grid;
	gap: 50px;
	position: sticky;
	top: 126px;
}

.yijin-news-detail .yijin-news-toc,
.yijin-news-detail .recomm {
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 5px 24px rgba(18, 38, 63, .08);
}

.yijin-news-detail .yijin-news-toc-toggle {
	display: flex;
	width: 100%;
	min-height: 98px;
	padding: 0 30px;
	align-items: center;
	justify-content: space-between;
	border: 0;
	border-radius: 14px;
	background: transparent;
	color: #26313d;
	font-size: 26px;
	font-weight: 700;
	cursor: pointer;
}

.yijin-news-detail .yijin-news-toc-toggle i {
	font-size: 21px;
	transition: transform .2s ease;
}

.yijin-news-detail .yijin-news-toc-toggle[aria-expanded="true"] i {
	transform: rotate(180deg);
}

.yijin-news-detail .yijin-news-toc .blog-nav {
	margin: 0;
	padding: 0 30px 24px;
	list-style: none;
}

.yijin-news-detail .yijin-news-toc .blog-nav li+li {
	margin-top: 10px;
}

.yijin-news-detail .yijin-news-toc .blog-nav a {
	color: #4d5966;
	text-decoration: none;
}

.yijin-news-detail .recomm {
	padding: 34px 30px 30px;
}

.yijin-news-detail .recomm h2 {
	margin: 0;
	color: #26313d;
	font-size: 26px;
	line-height: 1.2;
}

.yijin-news-detail .recomm ul {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.yijin-news-detail .recomm ul li+li {
	margin-top: 20px;
}

.yijin-news-detail .recomm ul li a {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.yijin-news-detail .recomm ul li .img {
	width: 120px;
	flex: 0 0 120px;
}

.yijin-news-detail .recomm ul li .info {
	width: auto;
	min-width: 0;
	flex: 1 1 auto;
}

.yijin-news-detail .recomm ul li .info .tit {
	color: #2b3541;
	font-size: 14px;
	line-height: 1.4;
}

.yijin-news-detail .recomm ul li .info .date {
	margin-top: 10px;
	color: #8b95a0;
	font-size: 16px;
}

@media (max-width: 1100px) {
	.yijin-news-detail .yijin-news-detail-layout {
		grid-template-columns: minmax(0, 1fr) 340px;
		gap: 30px;
	}

	.yijin-news-detail .yijin-news-article .box {
		padding: 48px 44px 36px;
	}
}

@media (max-width: 800px) {
	.yijin-news-detail-breadcrumb {
		padding: 46px 0 24px;
	}

	.yijin-news-detail .yijin-news-detail-layout {
		grid-template-columns: 1fr;
	}

	.yijin-news-detail .yijin-news-sidebar {
		position: static;
		gap: 26px;
	}

	.yijin-news-detail .yijin-news-article .box {
		padding: 36px 24px 28px;
	}

	.yijin-news-detail .yijin-news-article .top h1 {
		font-size: 26px;
	}

	.yijin-news-detail .yijin-news-article .con {
		font-size: 16px;
	}
}

/* Lock the desktop editorial grid to the 1500px reference width. */
@media (min-width: 801px) {

	/* Use the existing Yijin source header as a solid article-page navigation bar. */
	body.single-post #c-header.Header-wrapper {
		background-color: #fff;
		box-shadow: 0 1px 0 rgba(27, 43, 58, .08);
	}

	body.single-post #c-header .Header-container .c-nav>li .c-title-box,
	body.single-post #c-header .Header-container .c-nav>li .c-title-box a,
	body.single-post #c-header .Header-container .tool {
		color: #202b38 !important;
	}

	body.single-post #c-header .Header-container .logo a img:first-child {
		display: none !important;
	}

	body.single-post #c-header .Header-container .logo a img+img {
		display: block !important;
	}

	.yijin-news-detail-breadcrumb {
		padding: 163px 0 50px;
	}

	.yijin-news-detail-breadcrumb .ct-container,
	.yijin-news-detail .yijin-news-detail-layout {
		width: calc(100% - 40px) !important;
		max-width: 1500px !important;
	}

	body.single-post main article.yijin-news-article.yijin-news-article {
		padding: 0 !important;
	}
}

/* Product page: technology, solution, FAQ and enquiry sections. */
.yijin-product-innovation,
.yijin-product-solutions,
.yijin-product-faq {
	padding: 70px 0;
}

.yijin-product-innovation {
	background: #f6faff;
	font-family: "Noto Sans SC", sans-serif;
}

.yijin-product-innovation,
.yijin-product-innovation * {
	font-family: "Noto Sans SC", sans-serif !important;
}

.yijin-product-section-heading {
	max-width: 800px;
	margin: 0 auto 50px;
	text-align: center;
}

.yijin-product-section-heading h2 {
	width: fit-content;
	margin: 0 auto;
	color: #333;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.6;
}

.yijin-product-heading-line {
	display: block;
	width: 60px;
	height: 4px;
	margin: 15px auto 20px;
	background: #004ea2;
}

.yijin-product-section-heading p {
	margin: 0;
	color: #666;
	font-size: 18px;
	line-height: 1.5;
}

.yijin-product-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 0 50px;
	padding: 40px;
	overflow: hidden;
	border-radius: 10px;
	background: #004ea2;
}

.yijin-product-stats>div {
	min-height: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: relative;
}

.yijin-product-stats>div+div::before {
	position: absolute;
	left: 0;
	top: 25%;
	width: 1px;
	height: 50%;
	background: rgba(255, 255, 255, .26);
	content: '';
}

.yijin-product-stats strong {
	margin-bottom: 10px;
	font-size: 54px;
	line-height: 1.6;
}

.yijin-product-stats span {
	margin-top: 0;
	font-size: 16px;
	line-height: 1.6;
}

.yijin-product-innovation-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	margin-bottom: 50px;
}

.yijin-product-innovation-cards article {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	box-shadow: none;
}

.yijin-product-innovation-image {
	aspect-ratio: 2 / 1;
	background: #e7edf3;
}

.yijin-product-innovation-image img,
.yijin-product-solutions-grid img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yijin-product-innovation-copy {
	flex: 1;
	min-height: 285px;
	padding: 30px;
	border-top: 1px solid #004ea2;
}

.yijin-product-innovation-copy h3 {
	margin: 0 0 20px;
	color: #333;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.6;
}


.yijin-product-innovation-copy h3>span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	vertical-align: -4px;
}

.yijin-product-innovation-list {
	margin: 0;
	color: #666;
	font-size: 16px;
	line-height: 1.6;
}

.yijin-product-innovation-list p {
	margin: 0 0 15px;
	padding-left: 14px;
	position: relative;
}

.yijin-product-innovation-list p:last-child {
	margin-bottom: 0;
}

.yijin-product-innovation-list p::before {
	position: absolute;
	left: 0;
	top: .72em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #004ea2;
	content: '';
}

.yijin-product-download-strip {
	margin-top: 0;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border: 1px solid #eaeaea;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
	color: #1d3145;
	text-decoration: none;
}

.yijin-product-download-strip span {
	display: grid;
	grid-template-columns: 40px 1fr;
	column-gap: 20px;
	align-items: center;
}

.yijin-product-download-strip i {
	grid-row: span 2;
	color: #1265ad;
	font-size: 32px;
}

.yijin-product-download-icon {
	grid-row: span 2;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.yijin-product-download-strip b {
	font-size: 20px;
	font-weight: 600;
}

.yijin-product-download-strip small {
	margin-top: 10px;
	color: #666;
	font-size: 16px;
}

.yijin-product-download-strip em {
	padding: 15px 30px;
	border: 2px solid #004ea2;
	border-radius: 8px;
	color: #004ea2;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	white-space: nowrap;
}

.yijin-product-solutions {
	background: #fff;
}

.yijin-product-solutions-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	overflow: hidden;
	border-radius: 7px;
	gap: 2px;
	background: #fff;
}

.yijin-product-solutions-grid a {
	min-height: 0;
	aspect-ratio: 100 / 65;
	display: block;
	position: relative;
	overflow: hidden;
	background: #eef3f7;
	color: #172c43;
}

.yijin-product-solutions-grid a::after {
	position: absolute;
	inset: 0;
	background: rgba(6, 31, 49, .04);
	content: '';
}

.yijin-product-solutions-grid a:hover img {
	transform: scale(1.04);
}

.yijin-product-solutions-grid img {
	transition: transform .3s ease;
}

.yijin-product-solutions-grid span,
.yijin-product-solutions-grid i {
	position: absolute;
	z-index: 1;
}

.yijin-product-solutions-grid span {
	left: 6%;
	top: 6%;
	min-width: 56%;
	max-width: 88%;
	min-height: 0;
	padding: 25px 30px 75px;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, .9);
	color: #172c43;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.6;
}

.yijin-product-solutions-grid i {
	left: calc(6% + 30px);
	top: calc(6% + 110px);
	width: 45px;
	height: 45px;
	display: grid;
	place-items: center;
	background: #0c62ae;
	font-size: 16px;
	font-style: normal;
	color: #fff;
}

.yijin-product-faq {
	padding: 80px 0;
	background: #fff;
	font-family: "Noto Sans SC", sans-serif;
}

.yijin-product-faq,
.yijin-product-faq * {
	font-family: "Noto Sans SC", sans-serif !important;
}

.yijin-product-faq .yijin-product-section-heading h2 {
	font-size: 42px;
}

.yijin-product-faq-list {
	max-width: 14rem;
	margin: 0 auto;
}

.yijin-product-faq-list details {
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	background: #fff;
	transition: border-color .3s ease, box-shadow .3s ease;
}

.yijin-product-faq-list details+details {
	margin-top: 20px;
}

.yijin-product-faq-list summary {
	padding: 25px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
	transition: color .3s ease;
	text-transform: capitalize;
}

.yijin-product-faq-list summary::-webkit-details-marker {
	display: none;
}

.yijin-product-faq-list summary i {
	position: relative;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	font-size: 0;
}

.yijin-product-faq-list summary i::before,
.yijin-product-faq-list summary i::after {
	position: absolute;
	left: 0;
	top: 8px;
	width: 18px;
	height: 2px;
	background: #111;
	content: '';
	transition: background .3s ease, opacity .3s ease, transform .3s ease;
}

.yijin-product-faq-list summary i::after {
	transform: rotate(90deg);
}

.yijin-product-faq-list details:hover,
.yijin-product-faq-list details:focus-within,
.yijin-product-faq-list details[open] {
	border-color: #004ea2;
	box-shadow: 0 8px 20px rgba(0, 78, 162, .08);
}

.yijin-product-faq-list details:hover summary,
.yijin-product-faq-list details:focus-within summary,
.yijin-product-faq-list details[open] summary {
	color: #004ea2;
}

.yijin-product-faq-list details:hover summary i::before,
.yijin-product-faq-list details:hover summary i::after,
.yijin-product-faq-list details:focus-within summary i::before,
.yijin-product-faq-list details:focus-within summary i::after,
.yijin-product-faq-list details[open] summary i::before,
.yijin-product-faq-list details[open] summary i::after {
	background: #004ea2;
}

.yijin-product-faq-list details[open] summary i::after {
	opacity: 0;
	transform: rotate(90deg);
}

.yijin-product-faq-answer {
	display: grid;
	grid-template-rows: 1fr;
	overflow: hidden;
	opacity: 1;
	transition: grid-template-rows .36s ease, opacity .24s ease;
}

.yijin-product-faq-list details:not([open]) .yijin-product-faq-answer {
	display: none;
}

.yijin-product-faq-list details.is-collapsed .yijin-product-faq-answer {
	grid-template-rows: 0fr;
	opacity: 0;
}

.yijin-product-faq-list p {
	margin: 0;
	margin: 0 30px 30px;
	padding: 25px 0 0;
	border-top: 1px dashed #e5e7eb;
	color: #666;
	font-size: 16px;
	line-height: 1.75;
	min-height: 0;
}

@media (max-width: 900px) {

	.yijin-product-innovation,
	.yijin-product-solutions,
	.yijin-product-faq {
		padding: 58px 0;
	}

	.yijin-product-innovation-cards,
	.yijin-product-solutions-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yijin-product-solutions-grid a {
		min-height: 180px;
	}
}

@media (max-width: 600px) {
	.yijin-product-section-heading h2 {
		font-size: 27px;
	}

	.yijin-product-section-heading p {
		font-size: 14px;
	}

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

	.yijin-product-stats>div+div::before {
		display: none;
	}

	.yijin-product-stats>div:nth-child(n + 3) {
		border-top: 1px solid rgba(255, 255, 255, .26);
	}

	.yijin-product-innovation-cards,
	.yijin-product-solutions-grid {
		grid-template-columns: 1fr;
	}

	.yijin-product-download-strip {
		align-items: flex-start;
		flex-direction: column;
	}

	.yijin-product-download-strip span {
		grid-template-columns: 26px 1fr;
	}

	.yijin-product-download-strip em {
		align-self: stretch;
		text-align: center;
	}
}

/* The banner artwork contains its own typography. On tablet and mobile,
   preserve the full artwork instead of cropping the text with a tall cover. */
@media (max-width: 999px) {
	.yijin-banner-wrapper {
		height: auto;
		min-height: 0;
		aspect-ratio: 1920 / 920;
	}

	.yijin-media {
		object-fit: contain;
		background: #eef6fb;
	}
}