@charset "utf-8";
* {
	padding:0px;
	margin:0px;
	list-style:none
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr, td, th, dl, dd, dt {
	margin:0;
	padding:0;
	border:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:14px;
}
.floatL {
	float:left
}
.floatR {
	float:right
}
.blnk1 {
	height:5px;
	display:block;
}
.blnk2 {
	height:10px;
	display:block;
}
.blnk3 {
	height:15px;
	display:block;
}
.blnk4 {
	height:20px;
	display:block;
}
label {
	float:left;
	margin-top:2px;
	_margin-top:4px;
}
.inputradio {
	float:left;
    *margin:-1px 0;
	margin:6px 5px 0 0px;
	height:24px;
	line-height:24px;
	cursor:pointer
}
body {
	color:#333;
	font-size:12px;
	font-family:"Arial";
	background-color:#f8f8f8;
}
.wrap {
	width:100%;
	clear:both;
}
select, input, img, select {
	vertical-align:middle;
}
a {
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}
.clearit, .clearb {
	clear:both;
	font-size:0;
	width:0;
	height:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}

.none {
	display:none
}


/*nav*/
.nav{
	width: 100%;
	min-width: 1200px;
	background: rgba(255,255,255,.97);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000000000;
	box-shadow: 0 1px 0 rgba(14,42,61,.08);
	transition: box-shadow .25s ease;
}
.nav.shrink{
	box-shadow: 0 4px 16px rgba(14,42,61,.12);
}

.nav .tc{ display:none;}
.navli12{ display:none!important;}

/* 汉堡按钮：仅在 ≤1024px 显示 */
.nav-toggle{ display: none; }

.sy1_ul{
	width: 1200px;
	margin: 0px auto;
	font-size: 14px;
}
.nav .sy1_ul > .sy2_inside{
	display: flex;
	align-items: center;
	height: 76px;
	transition: height .25s ease;
}
.nav.shrink .sy1_ul > .sy2_inside{
	height: 60px;
}

.sy1_ul li.home02{
	flex: none;
	margin-right: auto;
}
.sy1_ul li.home02 a{
	display: block;
}
.sy1_ul li.home02 img{
	display: block;
	max-height: 50px;
	width: auto;
}

.sy1_li{
	flex: none;
	padding-left: 18px;
	padding-right: 18px;
}
.sy1_ul li.sy1_li{
	z-index: 10000;
}
.sy1_ul li.sy1_li .sy1_tit{
	display: block;
	line-height: 76px;
	font-size: 15px;
	color: #0E2A3D;
	position: relative;
	transition: color .25s ease, line-height .25s ease;
}
.nav.shrink .sy1_ul li.sy1_li .sy1_tit{
	line-height: 60px;
}
.sy1_ul li.sy1_li .sy1_tit::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 16px;
	width: 0;
	height: 2px;
	background: #C9A96A;
	transition: all .25s ease;
}
.nav.shrink .sy1_ul li.sy1_li .sy1_tit::after{
	bottom: 10px;
}
.sy1_ul li.sy1_li:hover .sy1_tit{
	color: #C9A96A;
}
.sy1_ul li.sy1_li:hover .sy1_tit::after{
	left: 0;
	width: 100%;
}
.bigfont{
	font-size: 15px;
	font-weight: 600;
}

/* JS hover 类，旧灰色底作废 */
.sy1_li_bg{
	background: none;
}
.sy1_li_bg a.sy1_tit{
	color: #C9A96A!important;
}

/* 语言切换 */
.lang-switch{
	padding-left: 36px;
	display: flex;
	align-items: center;
}
.lang-switch svg{
	color: #8a97a3;
	margin-right: 7px;
	flex: none;
}
.lang-switch a{
	color: #666;
	font-size: 13px;
	padding: 0 4px;
	transition: color .2s ease;
}
.lang-switch a:hover{
	color: #006db1;
}
.lang-switch a.on{
	color: #0E2A3D;
	font-weight: 600;
}
.lang-switch span{
	color: #ddd;
}

/* ===== 下拉面板（通栏 mega panel） ===== */
.sy2_ul{
	position: absolute;
	left: 0;
	top: 76px;
	width: 100%;
	display: none;
	z-index: 1112;
	background: #fff;
	border-top: 2px solid #C9A96A;
	box-shadow: 0 12px 24px rgba(14,42,61,.10);
	padding: 28px 0 36px;
	text-align: center;
}
.nav.shrink .sy2_ul{
	top: 60px;
}
.sy2_ul .sy2_inside{
	width: auto;
	float: none;
	margin-top: 0;
	border-top: none;
}
.sy2_li{
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 120px;
	margin: 12px 18px;
	color: #333;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	position: relative;
}
.sy2_li img{
	transition: transform .25s ease, box-shadow .25s ease;
}
.sy2_li:hover img{
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(14,42,61,.18);
}
/* 产品 mega 里的产品图：原图长宽比各不相同，HTML 里写死 120×120 会拉伸变形；
   改成固定方框 + cover 裁切，电脑端整排图片底部也就对齐了 */
.part-one .sy2_li img{
	width: 120px !important;
	height: 120px !important;
	object-fit: cover;
	object-position: center;
	margin-bottom: 9px;
	border-radius: 8px;
	background: #f6f7f8;
}
.sy1_ul li a.sy2_tit{
	color: #333;
	font-size: 13px;
}
.sy2_ul li a:hover{
	color: #006db1!important;
	text-decoration: none;
}
.bod_1{
	border: none;
}

/* 产品 mega：左侧类目竖排 tab */
.mytag{
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
}
.mytag ul{
	list-style: none;
	float: none;
	padding-top: 0;
}
.mytag ul li{
	list-style: none;
	float: none;
	width: auto;
	height: auto;
	padding: 10px 22px;
	margin: 0 10px 6px 0;
	font-size: 14px;
	color: #666;
	text-align: left;
	border-left: 2px solid transparent;
	transition: all .2s ease;
}
.mytag ul li:hover{
	color: #0E2A3D;
	cursor: pointer;
}
.mytag ul li.sel{
	height: auto;
	color: #C9A96A;
	font-weight: 600;
	border-left-color: #C9A96A;
	border-radius: 0;
}
.mytag ul li.nosel{
	height: auto;
	font-weight: normal;
	background: none;
}
.left-menu{
	width: 200px;
	height: auto;
	float: left;
	overflow: hidden;
}
/* ==========================================================================
   下拉面板样式补全
   这些原本是 index.html 里的内联 style（width:950px / 450px / 1000px 等），
   内联样式会盖掉媒体查询，手机上必须靠 !important 才能覆盖，统一收到这里
   ========================================================================== */
.nav .sy2_ul .sy2_inside{
	text-align: center;
}
/* 产品 mega：类目 tab 右侧的产品面板 */
.part-one{
	width: 950px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
/* 商城 / 服务下拉面板 */
.nav .sy2_ul .panel-grid{
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.nav .sy2_ul .panel-grid-sm{ width: 450px; }
.nav .sy2_ul .panel-grid-lg{ width: 1000px; }
/* 下拉里的小图标（原内联 width:50px;border-radius:8px） */
.panel-grid .sy2_li img{
	width: 50px;
	border-radius: 8px;
}

.hidden{
	display:none
}
.navspan b{
	color: #0E2A3D
}
.footer{
	width: 100%;
	min-width: 1200px;
	height: auto;
	overflow: hidden;
	padding-top: 64px;
	padding-bottom: 64px;
	background: #0E2A3D;
	margin-top: 0;
	clear: both;
}
.footer .part{
	width: 1200px;
	height: auto;
	margin: 0px auto;
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
.footer .part .myone{
	width: 300px;
	height: auto;
	flex: none;
}
.footer .part .myone .qr-card{
	background: #fff;
	padding: 12px 12px 14px;
	border-radius: 16px;
	box-shadow: 0 6px 22px rgba(0,0,0,.28);
}
.footer .part .myone .qr-cap{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 30px;
	font-size: 18px;
	letter-spacing: 2px;
	color: #0E2A3D;
}
.footer .part .myone .qr-cap::before,
.footer .part .myone .qr-cap::after{
	content: '';
	width: 16px;
	height: 1px;
	background: #C9A96A;
}
/* 二维码：后台按平台分开上传后，两个码等宽并排，各自下方带标题 */
.footer .part .myone .qr-grid{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
}
.footer .part .myone .qr-item{
	flex: 1 1 0;
	min-width: 0;
	max-width: calc(50% - 5px);   /* 只传 1 张时不会拉满整卡，居中显示 */
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
}
.footer .part .myone .qr-item:only-child{
	max-width: 100%;              /* 后台只传一张时按整卡宽度显示 */
}
.footer .part .myone .qr-card img{
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;      /* 固定方框：老浏览器不认这行会自动退回原图比例 */
	object-fit: contain;      /* 关键：只等比缩放，绝不裁切、绝不拉伸，二维码不会变形 */
	display: block;
	background: #fff;
	border-radius: 8px;
}
.footer .part .myone .qr-name{
	max-width: 100%;
	font-size: 12px;
	line-height: 1.4;
	color: #6b7280;
	letter-spacing: .5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.footer .part .one{
	flex: 1;
	height: auto;
}
.footer .part .one li{
	list-style: none;
	height: auto;
	line-height: 34px;
	overflow: hidden;
	color: #9fb3c0;
	font-size: 14px;
}
.footer .part .one li a{
	color: #9fb3c0;
	display: inline-block;
	transition: color .2s ease, transform .2s ease;
}
.footer .part .one li a:hover{
	color: #fff;
	transform: translateX(2px);
}
.footer .part .one li img{
	width: 135px;
	height: 135px;
	border-radius: 8px;
	border:1px solid rgba(255,255,255,.15);
}
.footer .part .one li.title{
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	margin-bottom: 14px;
	padding-bottom: 10px;
	position: relative;
}
.footer .part .one li.title::after{
	content: '';
	position: absolute;
	bottom: 0;
	width: 24px;
	height: 2px;
	background: #C9A96A;
	left: 0;
}
.footer .part .one:last-child li:nth-child(2){
	color: #C9A96A;
	font-size: 22px;
	font-weight: 600;
}
/* 页脚联系图标 */
.ficon{
	width: 15px;
	height: 15px;
	fill: #9fb3c0;
	vertical-align: -2px;
	margin-right: 8px;
}
.ficon-gold{
	fill: #C9A96A;
}
/* 社交媒体图标行 */
.footer .part .myone .social-row{
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 16px;
}
.footer .part .myone .social-row a{
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(201,169,106,.22);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.footer .part .myone .social-row a svg{
	width: 18px;
	height: 18px;
	fill: #9fb3c0;
	transition: fill .25s ease;
}
.footer .part .myone .social-row a:hover{
	transform: translateY(-2px);
	background: #C9A96A;
	border-color: #C9A96A;
}
.footer .part .myone .social-row a:hover svg{
	fill: #fff;
}
/* ===== 网站备案号条（原先是内联 min-width:1200px，手机上直接撑出横向滚动） ===== */
.beian-bar{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 20px;
	background: #0E2A3D;
	border-top: 1px solid rgba(255,255,255,.08);
	font-size: 12px;
	line-height: 1.8;
	text-align: center;
	white-space: normal;
	overflow: hidden;
	clear: both;
}
.beian-bar a{
	display: inline-block;
	max-width: 100%;
	color: #5a7184;
	word-break: break-word;
}
.beian-bar a:hover{
	color: #9fb3c0;
}
/* ===== 商城 / 客服弹窗（原为 HTML 内联样式） ===== */
#myModal5{ z-index: 100000000000111111; }
#myModal3{ font-size: 14px; line-height: 34px; color: #666; }
#myModal3 .m3-tel{ font-size: 26px; }
#myModal3 .m3-tel a{ color: #f60; }
/* 与 index.css 末尾的 RESPONSIVE 区块保持同一断点与算法，全站容器等宽 */
@media (min-width: 1400px){
  .sy1_ul,
  .footer .part{ width: min(1440px, calc(100% - 48px)); }
}

/* ===== 导航下拉提示箭头 ===== */
.sy1_ul li.sy1_li .sy1_tit.has-sub{
	display: flex;
	align-items: center;
	height: 50px;
	gap: 5px;
	transition: height .25s ease;
}
.nav.shrink .sy1_ul li.sy1_li .sy1_tit.has-sub{
	height: 60px;
}
.lang-cur .globe,
.lang-cur .lang-caret{
	margin-right: 0;
}
.sy1_ul li.sy1_li .sy1_tit .nav-caret{
	width: 11px;
	height: 11px;
	flex: none;
	margin-top: 1px;
	color: #9aa7b2;
	transition: transform .25s ease, color .25s ease;
}
.sy1_ul li.sy1_li:hover .sy1_tit .nav-caret{
	color: #C9A96A;
	transform: rotate(180deg);
}

/* ===== 语言切换：地球图标 + 悬停下拉 ===== */
.lang-switch{
	padding-left: 24px;
	padding-right: 0;
	display: flex;
	align-items: center;
}
.lang-box{
	position: relative;
	display: flex;
	align-items: center;
	height: 76px;
	transition: height .25s ease;
}
.nav.shrink .lang-box{
	height: 60px;
}
.lang-cur{
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	user-select: none;
}
.lang-cur .globe{
	width: 24px;
	height: 24px;
	flex: none;
	color: #8a97a3;
	transition: color .2s ease, transform .25s ease;
}
.lang-cur .lang-label{
	font-size: 13px;
	font-weight: 600;
	color: #0E2A3D;
	line-height: 1;
}
.lang-cur .lang-caret{
	width: 10px;
	height: 10px;
	flex: none;
	color: #9aa7b2;
	transition: transform .25s ease, color .2s ease;
}
.lang-box:hover .lang-cur .globe{
	color: #C9A96A;
	transform: rotate(-12deg);
}
.lang-box:hover .lang-cur .lang-caret{
	color: #C9A96A;
	transform: rotate(180deg);
}
.lang-menu{
	position: absolute;
	top: calc(100% - 12px);
	right: -14px;
	min-width: 132px;
	padding: 6px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid rgba(14,42,61,.07);
	box-shadow: 0 12px 32px rgba(14,42,61,.16);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .22s ease, transform .22s ease, visibility .22s;
	z-index: 20;
}
/* 悬停桥接，避免鼠标下移时菜单消失 */
.lang-menu::before{
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	height: 12px;
}
.lang-box:hover .lang-menu{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.lang-switch .lang-menu a{
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 13px;
	color: #4a5b68;
	line-height: 1.4;
	transition: background .18s ease, color .18s ease;
}
.lang-switch .lang-menu a:hover{
	background: rgba(201,169,106,.12);
	color: #0E2A3D;
}
.lang-switch .lang-menu a.on{
	background: rgba(201,169,106,.10);
	color: #C9A96A;
	font-weight: 600;
}

/* ===== 浮动客服中心（可收起卡片 + 圆形按钮） ===== */
.kefu-float{
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 100000000001;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	font-family: "PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
.kefu-card{
	width: 178px;
	background: #fff;
	border-radius: 14px;
	border: 1px solid rgba(201,169,106,.35);
	box-shadow: 0 14px 36px rgba(14,42,61,.18);
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px) scale(.96);
	transform-origin: right bottom;
	transition: opacity .28s ease, transform .28s cubic-bezier(.2,.7,.3,1), visibility .28s;
}
.kefu-float.open .kefu-card{
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}
.kefu-head{
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 0 14px;
	background: #0E2A3D;
}
.kefu-title{
	font-size: 13px;
	letter-spacing: 1px;
	color: #fff;
}
.kefu-close{
	width: 20px;
	height: 20px;
	line-height: 18px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,.12);
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: background .2s ease;
}
.kefu-close:hover{
	background: rgba(201,169,106,.9);
	color: #0E2A3D;
}
.kefu-body{
	padding: 14px 14px 16px;
	text-align: center;
}
.kefu-qr{
	padding: 6px;
	background: #f6f7f8;
	border-radius: 10px;
}
.kefu-qr img{
	width: 100%;
	display: block;
	border-radius: 6px;
}
.kefu-tip{
	margin: 10px 0 12px;
	font-size: 12px;
	color: #7a8794;
	letter-spacing: .5px;
}
.kefu-qq{
	display: block;
	height: 34px;
	line-height: 34px;
	border-radius: 8px;
	background: #0E2A3D;
	color: #fff;
	font-size: 12.5px;
	letter-spacing: .5px;
	transition: background .2s ease, color .2s ease;
}
.kefu-qq:hover{
	background: #C9A96A;
	color: #0E2A3D;
}
.kefu-launcher{
	width: 54px;
	height: 54px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	background: #0E2A3D;
	color: #C9A96A;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 26px rgba(14,42,61,.28);
	transition: transform .2s ease, background .2s ease, color .2s ease;
}
.kefu-launcher svg{
	width: 24px;
	height: 24px;
	display: block;
}
.kefu-launcher:hover{
	transform: translateY(-3px);
	background: #C9A96A;
	color: #0E2A3D;
}
/* ==========================================================================
   移动端 / 平板适配（≤1024px）
   仅覆盖 PC 样式，桌面端（>1024px）完全不受影响
   ========================================================================== */
@media (max-width: 1024px){
	/* ---- 全局：解除定宽底线 ---- */
	.nav,
	.footer{ min-width: 0; }
	.sy1_ul{ width: 100%; }
	/* 兜底：任何遗漏的定宽元素都不再让整页横向可拖（iOS 会被撑成缩小版） */
	html{ overflow-x: hidden; }
	body.nav-locked{ overflow: hidden; }
	/* 其他页面若仍保留“备案号条 min-width:1200px”的内联样式，这里一并兜住 */
	.footer + div{
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* ---- 导航骨架：logo + 汉堡一行，菜单折叠 ---- */
	.nav .sy1_ul > .sy2_inside{
		flex-wrap: wrap;
		align-items: stretch;
		height: auto;
		min-height: 56px;
		padding: 0 16px;
		transition: none;
	}
	.nav.shrink .sy1_ul > .sy2_inside{
		height: auto;
		min-height: 56px;
	}
	.sy1_ul li.home02{
		order: 1;
		flex: 1 1 auto;
		margin-right: 0;
		display: flex;
		align-items: center;
		height: 56px;
	}
	.sy1_ul li.home02 img{ max-height: 40px; }

	.nav-toggle{
		order: 2;
		flex: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		width: 44px;
		height: 44px;
		margin: 6px -10px 6px 0;
		padding: 0;
		background: none;
		border: 0;
		cursor: pointer;
	}
	.nav-toggle span{
		display: block;
		width: 22px;
		height: 2px;
		background: #0E2A3D;
		border-radius: 2px;
		transition: transform .28s ease, opacity .2s ease;
	}
	.nav.nav-open .nav-toggle span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
	.nav.nav-open .nav-toggle span:nth-child(2){ opacity: 0; }
	.nav.nav-open .nav-toggle span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

	/* ---- 一级菜单：默认收起，点汉堡后竖排展开 ---- */
	.nav .sy1_ul li.sy1_li{
		order: 3;
		display: none;
		flex: 0 0 100%;
		width: 100%;
		padding: 0;
		border-top: 1px solid rgba(14,42,61,.07);
	}
	.nav.nav-open .sy1_ul li.sy1_li{ display: block; }
	.nav.nav-open .sy1_ul{
		max-height: calc(100vh - 8px);
		max-height: calc(100dvh - 8px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
	.sy1_ul li.sy1_li .sy1_tit,
	.nav.shrink .sy1_ul li.sy1_li .sy1_tit{
		display: flex;
		align-items: center;
		height: 50px;
		line-height: 50px;
		padding: 0 4px;
		font-size: 15px;
	}
	.sy1_ul li.sy1_li .sy1_tit::after{ display: none; }
	.sy1_ul li.sy1_li .sy1_tit .nav-caret{
		margin-left: auto;
		width: 14px;
		height: 14px;
	}
	.nav .sy1_ul li.sy1_li.sub-open > .sy1_tit .nav-caret{
		color: #C9A96A;
		transform: rotate(180deg);
	}

	/* ---- 语言切换行：触屏不做 hover，三个语种直接平铺 ---- */
	.nav .sy1_ul li.lang-switch{
		padding: 4px 4px 18px;
		border-top: 0;
	}
	.lang-switch .lang-box,
	.nav.shrink .lang-switch .lang-box{
		display: block;
		height: auto;
	}
	.lang-switch .lang-cur{ display: none; }
	.lang-switch .lang-menu{
		position: static;
		display: flex;
		gap: 8px;
		min-width: 0;
		padding: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		background: none;
		border: 0;
		box-shadow: none;
	}
	.lang-switch .lang-menu::before{ display: none; }
	.lang-switch .lang-menu a{
		flex: 1;
		text-align: center;
		padding: 9px 0;
		border: 1px solid rgba(14,42,61,.12);
		border-radius: 8px;
		background: #fff;
		font-size: 13px;
		color: #4a5b68;
	}
	.lang-switch .lang-menu a.on{
		border-color: #C9A96A;
		background: rgba(201,169,106,.12);
		color: #0E2A3D;
		font-weight: 600;
	}

	/* ---- 二级菜单：静态展开，不用浮层 ---- */
	.nav .sy1_ul li .sy2_ul{
		position: static;
		display: none;
		width: 100%;
		padding: 8px 0 18px;
		border-top: 0;
		box-shadow: none;
		background: rgba(14,42,61,.025);
		border-radius: 10px;
	}
	.nav .sy1_ul li.sub-open > .sy2_ul{ display: block; }
	.sy2_ul .sy2_inside{
		width: 100%;
		margin-top: 0;
		border-top: 0;
	}

	/* ---- 产品类目 tab：两列按钮 ----
	   注意结构是 <a><li></li></a>，flex 项是外层 a，
	   宽度必须给在 a 上，给 li 是不起作用的 */
	.left-menu{
		width: 100%;
		float: none;
	}
	.mytag ul{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 0 6px;
	}
	.mytag ul > a{
		display: block;
		/* 两列：50%-6px ×2 + gap 10px = 100%-2px，留 2px 余量抗亚像素取整，
		   否则两个按钮加起来刚好超过 100% 会各占一行（之前 gap 8→10 就是这个坑） */
		flex: 0 0 calc(50% - 6px);
		min-width: 0;
	}
	.mytag ul li{
		width: 100%;
		box-sizing: border-box;
		height: 42px;
		line-height: 40px;
		padding: 0 6px;
		margin: 0;
		font-size: 13px;
		color: #4a5b68;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border: 1px solid rgba(14,42,61,.10);
		border-radius: 10px;
		background: #fff;
	}
	/* 选中态与产品内页分类按钮（.pdp-cats li.sel）保持一致：墨蓝底白字 */
	.mytag ul li.sel{
		height: 42px;
		line-height: 40px;
		background: #0E2A3D;
		border-color: #0E2A3D;
		border-radius: 10px;
		color: #fff;
		font-weight: 500;
	}
	.mytag ul li.nosel{
		height: 42px;
		line-height: 40px;
		background: #fff;
		border-color: rgba(14,42,61,.10);
		border-radius: 10px;
		color: #4a5b68;
		font-weight: normal;
	}

	/* 下拉里的产品 / 商城 / 服务项：三列网格
	   注意：不能给 .part-one 用 flex，否则会覆盖 .hidden 把 4 个类目面板全显示出来；
	   这里用 inline-block + text-align 居中，兼容 jQuery fadeIn 写入的内联 display */
	.part-one{
		width: 100% !important;
		padding: 0 6px;
		box-sizing: border-box;
		text-align: center;
		overflow: visible !important;
		font-size: 13px;
	}
	/* 子项是 inline-block，标签之间的换行符会占掉 ~3.5px，
	   正是它把第三列挤到了下一行；清零字号后三列严格对齐（无 :has 的旧内核稍有偏差但不换行） */
	.part-one:has(.sy2_li){ font-size: 0; }
	.part-one.hidden{ display: none; }
	.part-one .sy2_li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: calc(33.3333% - 16px);
		margin: 4px 5px 16px;
		font-size: 13px;
	}
	.part-one .sy2_li a{
		display: block;
	}
	.part-one .sy2_li img{
		width: 100% !important;
		height: auto !important;
		max-width: 110px;
		display: block;
		margin: 0 auto 8px;
		border-radius: 10px;
		background: #f6f7f8;
	}
	.part-one .sy2_li .navspan{
		display: block;
		font-size: 12px;
		line-height: 1.35;
		color: #4a5b68;
		word-break: break-word;
	}
	/* 触摸反馈：去掉 iOS 默认灰色高亮，换成克制的按下态 */
	.mytag ul a,
	.part-one .sy2_li a{
		-webkit-tap-highlight-color: transparent;
	}
	.mytag ul a:active > li{
		background: rgba(14,42,61,.08);
		color: #0E2A3D;
	}
	.part-one .sy2_li a:active img{
		opacity: .82;
	}
	.sy2_ul > .sy2_inside{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	/* 面板内层（类目 tab 容器、产品面板、商城/服务面板）一律独占一行，
	   否则 auto 宽度的 flex 项会被 120px 卡片撑出横向溢出 */
	.sy2_ul > .sy2_inside > div{
		flex: 0 0 100%;
		min-width: 0;
	}
	.sy2_ul > .sy2_inside > .sy2_li{
		width: calc(50% - 16px);
		margin: 8px;
	}
	/* 商城 / 服务 下拉：内层写死的 450px、1000px 容器跟随屏幕 */
	.nav .sy2_ul .panel-grid{
		width: 100% !important;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 4px;
	}
	.nav .sy2_ul .panel-grid .sy2_li{
		width: calc(50% - 16px);
		margin: 8px;
	}
	.nav .sy2_ul .panel-grid .sy2_li img{
		max-width: 86px;
		height: auto;
	}

	/* ---- 页脚：多列换行 ---- */
	.footer .part{
		width: 100%;
		box-sizing: border-box;
		padding: 0 16px;
		flex-wrap: wrap;
		gap: 32px 24px;
	}
	.footer .part .myone{
		flex: 0 0 100%;
		width: 100%;
	}
	.footer .part .myone .qr-card{
		max-width: 268px;
		margin: 0 auto;
	}
	.footer .part .one{
		flex: 0 0 calc(33.333% - 16px);
		min-width: 0;
	}
	.footer .part .one li{
		overflow-wrap: anywhere;
	}
}

@media (max-width: 768px){
	.kefu-float{
		right: 12px;
		bottom: calc(12px + env(safe-area-inset-bottom));
		gap: 10px;
	}
	.kefu-card{
		width: 150px;
	}
	.kefu-launcher{
		width: 48px;
		height: 48px;
	}

	/* 页脚：两列网格，二维码独占一行 */
	.footer{
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.footer .part{
		gap: 26px 16px;
	}
	.footer .part .myone .qr-card{
		max-width: 236px;
	}
	.footer .part .one{
		flex: 0 0 calc(50% - 8px);
	}
	/* 客服电话单独占一行，号码不会被挤断 */
	.footer .part .one:last-child{
		flex: 0 0 100%;
	}
	.footer .part .one li{
		line-height: 30px;
		font-size: 13px;
	}
	.footer .part .one li.title{
		font-size: 15px;
		margin-bottom: 6px;
	}
	.footer .part .one:last-child li:nth-child(2){
		font-size: 19px;
	}

	/* 备案号：留出 iPhone 底部安全区 */
	.beian-bar{
		padding: 22px 16px calc(22px + env(safe-area-inset-bottom));
	}

	/* 导航：手机上再收一点 */
	.nav .sy1_ul > .sy2_inside{
		padding-left: max(12px, env(safe-area-inset-left));
		padding-right: max(12px, env(safe-area-inset-right));
	}
}

/* ==========================================================================
   手机端补充优化（2026-10-21）
   1) 一级菜单整行可点（含右侧下拉箭头）
   2) 产品下拉：类目按钮与产品图拉开距离，产品图统一方框裁切
   3) 页脚压缩高度
   本节必须位于文件最末，靠顺序覆盖前面的移动端规则。
   ========================================================================== */
@media (max-width: 1024px){
	/* 箭头只是装饰：点击事件一律落到标题 a 上，避免点图标没反应 */
	.sy1_ul li.sy1_li .nav-caret{ pointer-events: none; }

	/* ---- 产品类目：按钮之间留一点呼吸 ---- */
	.mytag ul{ gap: 10px; }

	/* ---- 产品图区：与上方类目分隔开，不再紧贴 ---- */
	.part-one{
		margin-top: 16px;
		padding: 16px 10px 2px;
		border-top: 1px solid rgba(14,42,61,.08);
	}
	/* 宽度留够余量：不支持 :has() 的老内核里，标签之间的换行空白会占约 3px，
	   留 11px 余量才能稳住一行 3 个；容器 text-align:center 让余量两侧均分 */
	.part-one .sy2_li{
		width: calc(33.3333% - 11px);
		margin: 0 4px 16px;
	}
	/* 固定方框 + cover：原图长宽比不一，裁切后三列高度一致、行行对齐 */
	.part-one .sy2_li img{
		width: 100% !important;
		height: auto !important;
		max-width: none;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		object-position: center;
		display: block;
		margin: 0 auto 8px;
		border-radius: 10px;
	}
}

@media (max-width: 768px){
	/* 商城 / 服务 下拉：整格可点（图标只有 50px，四周原本是点不到的死区） */
	.nav .sy2_ul .panel-grid .sy2_li a{
		display: block;
		padding: 6px 2px;
		border-radius: 10px;
	}

	/* ---- 页脚：整体压高度 ---- */
	.footer{
		padding-top: 30px;
		padding-bottom: 26px;
	}
	.footer .part{
		gap: 20px 14px;
	}

	/* 品牌区：二维码独占一行并放大，社交图标另起一行排 4 个 */
	.footer .part .myone{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 14px;
		padding-bottom: 18px;
		border-bottom: 1px solid rgba(255,255,255,.09);
	}
	.footer .part .myone .qr-card{
		flex: none;
		width: 70%;
		max-width: 86vw;
		margin: 0;
		padding: 9px 9px 10px;
		border-radius: 14px;
		box-shadow: 0 6px 18px rgba(0,0,0,.24);
	}
	.footer .part .myone .qr-cap{
		height: 24px;
		gap: 7px;
		font-size: 11px;
		letter-spacing: 1px;
	}
	.footer .part .myone .qr-cap::before,
	.footer .part .myone .qr-cap::after{ width: 14px; }
	.footer .part .myone .qr-card img{ border-radius: 8px; }
	.footer .part .myone .qr-grid{ gap: 8px; }
	.footer .part .myone .qr-item{ max-width: calc(50% - 4px); gap: 6px; }
	.footer .part .myone .qr-name{ font-size: 11px; letter-spacing: .3px; }
	.footer .part .myone .social-row{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 14px;
		margin-top: 0;
	}
	.footer .part .myone .social-row a{
		width: 38px;
		height: 38px;
		border-radius: 10px;
	}
	.footer .part .myone .social-row a svg{
		width: 17px;
		height: 17px;
	}

	/* 四栏两列：行高与标题间距同步收紧 */
	.footer .part .one li{
		line-height: 26px;
		font-size: 13px;
		text-align: center;
	}
	.footer .part .one li.title{
		font-size: 14px;
		margin-bottom: 4px;
		padding-bottom: 8px;
		text-align: center;
	}
	.footer .part .one li.title::after{
		width: 18px;
		height: 2px;
		left: 45%;
	}

	/* 客服电话：末列改成横排，省掉 4 行竖向空间 */
	.footer .part .one:last-child{
		flex: 0 0 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0 16px;
		padding-top: 2px;
	}
	.footer .part .one:last-child li.title{
		flex: 0 0 100%;
	}
	.footer .part .one:last-child li{
		line-height: 28px;
	}
	.footer .part .one:last-child li:nth-child(2){
		font-size: 18px;
		width: 100%;
	}

	/* 备案号条再压一档 */
	.beian-bar{
		padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
	}
}

/* ==========================================================================
   手机端补充优化 2（2026-10-21）
   1) 产品类目固定两列（gap 改 10 后两列刚好超出 100%，被挤成一行一个）
   2) 客服浮窗不再抢点击 / 遮住二级菜单
   ========================================================================== */
@media (max-width: 1024px){
	/* ---- 产品类目：一行 2 个 ---- */
	.mytag ul > a{
		flex: 0 0 calc(50% - 6px);
	}
	.mytag ul li{
		width: 100%;
	}

	/* ---- 客服浮窗 ----
	   .kefu-float 是 fixed 盒子，收起状态下卡片 visibility:hidden 但仍占位置，
	   整个容器的透明区域会把点击“吃掉”（导航上点箭头没反应就是这个）；
	   容器放行点击，只有卡片和按钮自己接收。 */
	.kefu-float,
	.kefu-float *{
		pointer-events: none;
	}
	.kefu-float .kefu-card,
	.kefu-float .kefu-card *,
	.kefu-float .kefu-launcher{
		pointer-events: auto;
	}
	/* 菜单展开时直接隐藏浮窗，避免与二级菜单重叠、也避免挡住箭头 */
	body.nav-locked .kefu-float{
		display: none;
	}
	/* 导航层级再抬一档，确保永远在浮窗之上 */
	.nav{
		z-index: 10000000000000;
	}
}

/* ==========================================================================
   手机端：商城 / 服务 下拉改一行 3 个（2026-10-21）
   原来 .panel-grid 里的 .sy2_li 是 inline-block，宽度 50%-16px + margin 8px
   再加标签之间的换行空白，正好顶到 100% 以上，所以挤成一行一个。
   这里改成 flex，宽度由 flex-basis 控制，不受空白字符影响。
   ========================================================================== */
@media (max-width: 1024px){
	.nav .sy2_ul .panel-grid{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 2px 4px 8px;
	}
	.nav .sy2_ul .panel-grid .sy2_li{
		display: block;
		float: none;
		width: auto;
		flex: 0 0 calc(33.3333% - 13px);
		margin: 6px;
	}
	.nav .sy2_ul .panel-grid .sy2_li a{
		display: block;
		padding: 6px 2px;
		border-radius: 10px;
	}
	.nav .sy2_ul .panel-grid .sy2_li img{
		width: 60px;
		height: 60px;
		object-fit: contain;
		margin: 0 auto 6px;
		display: block;
		border-radius: 8px;
	}
	.nav .sy2_ul .panel-grid .sy2_li .navspan{
		display: block;
		font-size: 12px;
		line-height: 1.35;
		color: #4a5b68;
		word-break: break-word;
	}
}

/* ==========================================================================
   手机端头部语言切换（2026-10-21）
   1) 导航条上放出「地球 + 当前语言 + 箭头」，点击展开下拉（样式对齐电脑端浮层）
   2) 抽屉菜单里原来平铺的 3 个语言按钮去掉
   ========================================================================== */
/* 桌面端不显示这个组件（桌面用的是 .lang-switch 悬停浮层） */
.nav-lang{
	display: none;
}

@media (max-width: 1024px){
	/* ---- 顶部条顺序：logo | 地球 | 汉堡 | 菜单 ---- */
	.nav-lang{
		order: 2;
		position: relative;
		flex: none;
		display: flex;
		align-items: center;
	}
	.nav-toggle{
		order: 3;
	}
	.nav .sy1_ul li.sy1_li{
		order: 4;
	}

	/* 触发按钮：无底色，触摸区域 40px 高 */
	.nav-lang-btn{
		display: flex;
		align-items: center;
		gap: 4px;
		height: 40px;
		margin-right: 2px;
		padding: 0 6px;
		background: none;
		border: 0;
		border-radius: 10px;
		color: #0E2A3D;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.nav-lang-btn .globe{
		width: 30px;
		height: 30px;
		flex: none;
		color: #8a97a3;
		transition: color .2s ease, transform .25s ease;
	}
	.nav-lang-btn .nav-lang-code{
		font-size: 14px;
		font-weight: 600;
		color: #0E2A3D;
		line-height: 1;
	}
	.nav-lang-btn .caret{
		width: 10px;
		height: 10px;
		flex: none;
		color: #9aa7b2;
		transition: transform .25s ease, color .2s ease;
	}
	.nav-lang.open .nav-lang-btn .globe{
		color: #C9A96A;
		transform: rotate(-12deg);
	}
	.nav-lang.open .nav-lang-btn .caret{
		color: #C9A96A;
		transform: rotate(180deg);
	}

	/* 下拉浮层：视觉与电脑端 .lang-menu 一致 */
	.nav-lang-menu{
		position: absolute;
		top: calc(100% + 4px);
		right: 0;
		min-width: 132px;
		padding: 6px;
		background: #fff;
		border-radius: 10px;
		border: 1px solid rgba(14,42,61,.07);
		box-shadow: 0 12px 32px rgba(14,42,61,.18);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-6px);
		transition: opacity .2s ease, transform .2s ease, visibility .2s;
		z-index: 30;
	}
	.nav-lang.open .nav-lang-menu{
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.nav-lang-menu a{
		display: block;
		padding: 9px 12px;
		border-radius: 6px;
		font-size: 13px;
		line-height: 1.4;
		color: #4a5b68;
		transition: background .18s ease, color .18s ease;
	}
	.nav-lang-menu a:active{
		background: rgba(201,169,106,.14);
		color: #0E2A3D;
	}
	.nav-lang-menu a.on{
		background: rgba(201,169,106,.10);
		color: #C9A96A;
		font-weight: 600;
	}

	/* ---- 抽屉里那行 3 个语言按钮：去掉（语言统一走顶部地球图标）
	   注意要压过 .nav.nav-open .sy1_ul li.sy1_li{display:block} ---- */
	.nav .sy1_ul li.lang-switch,
	.nav.nav-open .sy1_ul li.lang-switch{
		display: none;
	}
}

@media (max-width: 380px){
	.nav-lang-btn{
		padding: 0 4px;
		margin-right: 0;
	}
	.nav-lang-btn .globe{
		width: 26px;
		height: 26px;
	}
	.nav-lang-btn .nav-lang-code{
		font-size: 13px;
	}
}

@media (max-width: 1024px){
	/* 原抽屉尾部留白由语言行提供，语言行隐藏后补回 */
	.nav.nav-open .sy1_ul{
		box-sizing: border-box;
		padding-bottom: 16px;
	}
	.nav.nav-open .sy1_ul > .sy2_inside{
		padding-bottom: 0;
	}
}

/* ==========================================================================
   内页当前菜单高亮（2026-10-21）
   内页导航复用首页结构，当前页对应的一级菜单加 .cur
   ========================================================================== */
.sy1_ul li.sy1_li .sy1_tit.cur{
	color: #C9A96A;
	font-weight: 600;
}
.sy1_ul li.sy1_li .sy1_tit.cur::after{
	left: 0;
	width: 100%;
}

/* ==========================================================================
   手机端全局防溢出兜底（2026-10-21）
   内页内容（尤其 CMS 富文本里的图片、表格）偶尔会比视口宽，
   一旦出现横向滚动，fixed 导航就会看起来“宽度不够/超出”，
   这里统一收口，避免各内页自己漏配。
   ========================================================================== */
@media (max-width: 1024px){
	html,
	body{
		max-width: 100%;
		overflow-x: hidden;
	}
	body{
		position: relative;
	}
	img,
	video,
	embed,
	iframe,
	table{
		max-width: 100%;
	}
	/* 表单控件在 iOS 上默认字号小于 16px 会触发自动放大，统一兜一层 */
	input,
	textarea,
	select{
		max-width: 100%;
	}
}

/* ==========================================================================
   电脑端产品下拉：收紧「左侧分类 / 右侧产品」的间距（2026-10-21）
   原来 .left-menu 200px 浮动 + .part-one 950px margin:auto 居中，
   两者之间被撑出 40~150px 空隙；这里改成 flex 并统一总宽。
   ========================================================================== */
@media (min-width: 1025px){
	.nav .sy2_ul > .sy2_inside{
		display: flex;
		align-items: flex-start;
		justify-content: center;
		gap: 24px;
		width: min(1240px, calc(100% - 48px));
		margin: 0 auto;
		box-sizing: border-box;
	}
	.nav .sy2_ul > .sy2_inside > .sy2_inside{
		flex: 1;
		min-width: 0;
		width: auto;
		margin: 0;
		float: none;
	}
	.nav .sy2_ul .left-menu{
		flex: none;
		width: 168px;
		float: none;
		margin: 0;
		padding-top: 4px;
	}
	.nav .sy2_ul .left-menu .mytag ul li{
		padding: 9px 14px;
		margin: 0 0 6px 0;
	}
	.nav .sy2_ul .part-one{
		width: 100%;
		max-width: 1000px;
		margin: 0;
	}
	/* 商城 / 服务：面板本身居中，flex 下保持 */
	.nav .sy2_ul .panel-grid{
		margin: 0 auto;
	}
}

/* ==========================================================================
   内页与页脚之间的呼吸感（2026-10-21）
   各内页内容直接顶到 .footer，加统一底部留白；首页没有 .container，不受影响
   ========================================================================== */
@media (min-width: 1025px){
	.container{
		padding-bottom: 84px;
	}
}
@media (max-width: 1024px){
	.container{
		padding-bottom: 44px;
	}
}

/* ==========================================================================
   分页条 / 空状态（2026-10-21）
   ThinkCMF 的 <page/> 输出 ul.pagination，统一成站内胶囊样式
   ========================================================================== */
.pagination{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination li > a,
.pagination li > span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 12px;
	box-sizing: border-box;
	border: 1px solid #e3e9ed;
	border-radius: 10px;
	background: #fff;
	color: #4a5b68;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.pagination li > a:hover{
	border-color: #C9A96A;
	color: #0E2A3D;
	background: #fff;
}
.pagination li.active > a,
.pagination li.active > span{
	background: #0E2A3D;
	border-color: #0E2A3D;
	color: #fff;
	font-weight: 600;
}
.pagination li.disabled > span{
	color: #c3ccd3;
	background: #fafbfc;
}
.pager .pagination{
	padding: 0;
}
.detail .new .pagination,
.container .new .pagination{
	padding: 6px 0;
}

/* 空状态 */
.sel-empty,
.store-empty{
	display: none;
	width: 100%;
	margin: 26px 0 6px;
	padding: 30px 0;
	text-align: center;
	font-size: 14px;
	color: #8a97a3;
}
.sel-empty a,
.store-empty a{
	color: #C9A96A;
	font-weight: 600;
}

@media (max-width: 1024px){
	.pagination{
		gap: 6px;
	}
	.pagination li > a,
	.pagination li > span{
		min-width: 32px;
		height: 32px;
		padding: 8px 12px !important;
		font-size: 12.5px;
		border-radius: 9px;
	}
	.sel-empty,
	.store-empty{
		font-size: 12.5px;
		padding: 20px 0;
	}
}