@charset "utf-8";
/* LEYNOW · CSS */

/* =====================================================================
   1. 基础重置
   ===================================================================== */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
a{text-decoration: none;color: black;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:none;outline:none;}
ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
textarea{overflow:auto;resize:none;}
i,em{font-style:normal;}
*{margin:0;padding:0;list-style:none;}
.clear{clear:both;}
.container,.container-index{padding:0 50px;}
body{overflow-x:hidden;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* =====================================================================
   2. 设计变量
   ===================================================================== */
:root{
	--red:#e50011;
	--red-dark:#c0000e;
	--red-soft:#fff5f5;
	--gray-1:#333333;
	--gray-2:#666666;
	--gray-3:#999999;
	--border:#e8e8e8;
	--bg-soft:#f8f8f8;
	--qq-blue:#12b7f5;
	--canvas:#F3F1EB;
	--paper:#FBF9F4;
	--ink:#1B1F24;
	--ink-soft:#5C646D;
	--world:#1E242A;
	--world-2:#252C33;
	--accent:#D1222A;
	--accent-deep:#A91A21;
	--on-dark:#F1EFEA;
	--on-mut:rgba(241,239,234,.62);
	--line:rgba(27,31,36,.14);
	--line-soft:rgba(27,31,36,.08);
	--gut:clamp(20px,3.4vw,60px);
	--ease:cubic-bezier(.22,.61,.36,1);
	--r-card:2px;
	--r-ctl:4px;
	--r-pill:999px;
	--header-h:78px;
	--shadow-card:
		0 1px 2px rgba(27,31,36,.05),
		0 10px 24px -8px rgba(27,31,36,.09),
		0 28px 60px -26px rgba(27,31,36,.14);
	--shadow-pop:
		0 2px 6px rgba(27,31,36,.06),
		0 20px 44px -14px rgba(27,31,36,.18),
		0 50px 100px -32px rgba(27,31,36,.24);
}

/* =====================================================================
   3. 通用工具类
   ===================================================================== */
.ic{display:inline-flex;align-items:center;justify-content:center;flex:none;
	width:1em;height:1em;font-size:1em;line-height:1;font-style:normal}
.mono{font-family:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
	font-size:11px;letter-spacing:.18em;text-transform:uppercase}

/* =====================================================================
   4. 按钮 / 链接
   ===================================================================== */
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;
	color:var(--ink);transition:color .25s}
.text-link .ic{transition:transform .28s var(--ease)}
.text-link:hover{color:var(--accent)}
.text-link:hover .ic{transform:translateX(4px)}
.text-link.light{color:var(--on-dark)}
.text-link.light:hover{color:#fff}

/* =====================================================================
   5. HEADER + MEGA NAV
   ===================================================================== */
header{position:fixed;inset:0 0 auto 0;z-index:999;color:#333;
	transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease)}
header .bar{display:flex;align-items:stretch;justify-content:space-between;gap:22px;
	height:var(--header-h);padding:0 var(--gut)}
header.solid{background:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(1.3);
	color:var(--ink);box-shadow:0 1px 0 var(--line),var(--shadow-card)}
header:hover{background:rgba(255,255,255,1);}
.brand,.brand_phone{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:200px}
.brand img,.brand_phone img{display:block;width:200px;height:28px;}
.mainnav{display:flex;align-items:stretch;gap:2px;margin-inline:auto}
.nav-item{position:relative;display:flex;align-items:center}
.nav-link,.plain{position:relative;display:inline-flex;align-items:center;gap:7px;
	padding:10px 15px;font-size:15px;font-weight:500;white-space:nowrap;transition:color .25s;color:#333;}
.nav-link .caret{font-size:11px;opacity:.7;transition:transform .28s var(--ease)}
.nav-item:hover .nav-link::after,
.nav-item.open .nav-link::after,
.nav-item:focus-within .nav-link::after,
.plain:hover::after{transform:scaleX(1)}
.nav-item:hover .nav-link,.nav-item.open .nav-link,.plain:hover{color:var(--accent)}
.nav-item:hover .caret,.nav-item.open .caret{transform:rotate(180deg)}
.tools{display:flex;align-items:center;gap:6px}
.tool-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;font-size:14px;
	font-weight:600;border-radius:var(--r-ctl);transition:background .25s,color .25s;min-height:38px;
	cursor:pointer;color:#333;}
.tool-btn .ic{font-size:18px}
.tool-btn:hover{background:rgba(255,255,255,.14)}
header.solid .tool-btn:hover{background:rgba(27,31,36,.07)}
.hotline{display:inline-flex;align-items:center;gap:10px;margin-left:8px;padding:9px 16px 9px 10px;
	border-radius:var(--r-pill);background:var(--accent);color:#fff;font-weight:700;
	font-size:14px;transition:background .25s,transform .3s var(--ease)}
.hotline .ic{font-size:17px}
.hotline:hover{background:var(--accent-deep);transform:translateY(-1px)}
.hotline b{font-family:"Space Mono",monospace;font-size:14px;letter-spacing:.04em}
.burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;
	border-radius:var(--r-ctl);transition:background .25s}
.burger .ic{font-size:22px}
.burger:hover{background:rgba(255,255,255,.14)}
header.solid .burger:hover{background:rgba(27,31,36,.07)}
header:hover .nav-link,header:hover .plain,header:hover .tool-btn{color:#333;}
header.solid .nav-link,header.solid .plain,header.solid .tool-btn{color:#333;}

/* =====================================================================
   6. DROPDOWN MEGA PANEL
   ===================================================================== */
.panel_nav{
	position:fixed;
	top:var(--header-h);
	left:50%;
	z-index:85;
	width:100%;
	background:#f6f6f6;
	color:var(--ink);
	padding:26px 0;
	opacity:0;visibility:hidden;pointer-events:none;
	transform:translate(-50%,-10px);
	transition:opacity .22s var(--ease),transform .24s var(--ease),visibility .22s;border-top:1px solid var(--line);
}
.panel_nav .panel_div{
	width:min(1240px,calc(100vw - 56px));
	margin:0 auto;
}
.nav-item:hover .panel_nav,
.nav-item.open .panel_nav,
.nav-item:focus-within .panel_nav{
	opacity:1;visibility:visible;pointer-events:auto;
	transform:translate(-50%,0);
}
.panel_nav-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
	padding-bottom:18px;border-bottom:1px solid var(--line)}
.panel_nav-kicker{display:block;font-family:"Space Mono",monospace;font-size:10px;
	letter-spacing:.26em;color:var(--accent);margin-bottom:4px;text-transform:uppercase}
.panel_nav-top h3{font-size:21px;font-weight:800;letter-spacing:.01em}

.mm-grid{display:grid;grid-template-columns:1.15fr 1fr 1.05fr;gap:0 40px;padding:22px 0 6px}
.mm-grid .mm-div{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2px 20px;}
.mm-col h4{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;
	letter-spacing:.06em;margin-bottom:14px;color:var(--ink-soft)}
.mm-col h4 i{font-style:normal;font-family:"Space Mono",monospace;font-size:10px;
	color:var(--accent);letter-spacing:0}

.mm-link{display:flex;align-items:center;gap:13px;padding:8px 8px 8px 0;
	border-radius:var(--r-ctl);transition:background .22s,padding .22s}
.mm-link:hover{background:var(--border);padding-left:10px}
.mm-link .thumb{width:130px;height:48px;border-radius:var(--r-ctl);overflow:hidden;
	background:var(--border);flex:none}
.mm-link .thumb img{width:100%;height:100%;object-fit:cover}
.mm-link .mm-name{flex:1;display:flex;flex-direction:column;gap:1px;font-size:14.5px;font-weight:600}
.mm-link .mm-name small{font-size:12px;font-weight:400;color:var(--ink-soft)}
.mm-link .ic{font-size:14px;color:var(--ink-soft);transition:transform .25s var(--ease),color .25s}
.mm-link:hover .ic{color:var(--accent);transform:translateX(3px)}
.mm-link.more{font-size:13.5px;font-weight:700;color:var(--accent)}

.n-link{display:flex;align-items:center;gap:10px;padding:11px 8px;font-size:14.5px;font-weight:600;
	border-radius:var(--r-ctl);transition:background .22s,padding .22s}
.n-link .ic{font-size:15px;color:var(--ink-soft);transition:transform .25s var(--ease),color .25s}
.n-link:hover{background:var(--border);padding-left:12px;color:var(--accent)}
.n-link:hover .ic{color:var(--accent);transform:translateX(3px)}

.mm-feat{display:flex;flex-direction:column;gap:14px;padding-left:34px;
	border-left:1px solid var(--line)}
.mm-feat img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-card)}
.mm-feat h4{font-size:16px;margin-bottom:2px}
.mm-feat p{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:10px}
.mm-feat .btn{align-self:flex-start}

.panel_nav-foot{display:flex;align-items:center;gap:10px;margin:6px -30px 0;padding:13px 30px;
	background:var(--border);border-radius:0 0 var(--r-card) var(--r-card);
	font-size:13px;color:var(--ink-soft)}
.panel_nav-foot .ic{font-size:15px;color:var(--accent)}
.panel_nav-foot b{font-family:"Space Mono",monospace;color:var(--ink);font-size:14px;letter-spacing:.03em}
.panel_nav-foot em{font-style:normal;color:var(--accent);font-weight:700}

.news-list_nav{display:flex;flex-direction:column;gap:2px}
.news-row_nav{display:flex;align-items:center;gap:12px;padding:10px 8px;
	border-radius:var(--r-ctl);transition:background .22s,padding .22s}
.news-row_nav time{font-family:"Space Mono",monospace;font-size:11px;color:var(--accent);
	flex:none;width:78px;letter-spacing:.04em}
.news-row_nav span{flex:1;font-size:13.5px;color:var(--ink);
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .22s}
.news-row_nav .ic{font-size:12px;color:var(--line);transition:color .22s,transform .22s var(--ease)}
.news-row_nav:hover{background:var(--border);}
.news-row_nav:hover span{color:var(--accent)}
.news-row_nav:hover .ic{color:var(--accent);transform:translateX(3px)}

.flow{display:flex;flex-direction:column;gap:2px}
.flow-step_nav{display:flex;align-items:flex-start;gap:12px;padding:10px 8px;
	border-radius:var(--r-ctl);transition:background .22s}
.flow-step_nav .num{width:24px;height:24px;flex:none;display:grid;place-items:center;
	background:var(--border);border-radius:50%;font-family:"Space Mono",monospace;
	font-size:11px;font-weight:700;color:var(--ink-soft);
	transition:background .22s,color .22s}
.flow-step_nav .tx{flex:1;display:flex;flex-direction:column;gap:2px}
.flow-step_nav .tx b{font-size:13.5px;font-weight:700}
.flow-step_nav .tx small{font-size:11.5px;color:var(--ink-soft)}
.flow-step_nav:hover{background:var(--border)}
.flow-step_nav:hover .num{background:var(--accent);color:#fff}

.contact-list{display:flex;flex-direction:column;gap:4px}
.contact-item{display:flex;align-items:flex-start;gap:12px;padding:10px 8px;
	border-radius:var(--r-ctl);transition:background .22s}
.contact-item .ic{font-size:15px;color:var(--accent);margin-top:3px;flex:none}
.contact-item .tx{flex:1;display:flex;flex-direction:column;gap:2px}
.contact-item .tx b{font-size:13.5px;font-weight:700;color:var(--ink)}
.contact-item .tx span{font-size:12px;color:var(--ink-soft);line-height:1.5}
.contact-item:hover{background:var(--border)}

/* =====================================================================
   7. SEARCH OVERLAY
   ===================================================================== */
.search-toggle-input{
	position:fixed;top:0;left:0;
	width:1px;height:1px;
	opacity:0;pointer-events:none;z-index:-1;
}
body:has(.search-toggle-input:checked){overflow:hidden}

.search-overlay{
	position:fixed;inset:0;z-index:9999;
	display:flex;justify-content:center;align-items:flex-start;
	padding:clamp(48px,9vh,110px) var(--gut) var(--gut);
	opacity:0;visibility:hidden;
	transition:opacity .3s var(--ease),visibility .3s var(--ease);
}
.search-toggle-input:checked ~ .search-overlay{opacity:1;visibility:visible}

.search-scrim{
	position:absolute;inset:0;
	background:rgba(20,24,28,.66);
	backdrop-filter:blur(7px) saturate(1.2);
	-webkit-backdrop-filter:blur(7px) saturate(1.2);
	cursor:pointer;
}

.search-panel_nav{
	position:relative;
	width:min(720px,100%);
	background:var(--paper);
	border-radius:var(--r-card);
	box-shadow:var(--shadow-pop);
	display:flex;flex-direction:column;
	max-height:min(78vh,680px);
	overflow:hidden;
	opacity:0;
	transform:translateY(-24px) scale(.985);
	transition:transform .42s var(--ease),opacity .32s var(--ease);
}
.search-toggle-input:checked ~ .search-overlay .search-panel_nav{
	opacity:1;transform:none;transition-delay:.05s;
}

.search-head{display:flex;align-items:center;justify-content:space-between;
	padding:20px 24px 14px}
.search-kicker{font-family:"Space Mono",monospace;
	font-size:10px;letter-spacing:.28em;text-transform:uppercase;
	color:var(--accent);font-weight:700}
.search-close{width:36px;height:36px;display:grid;place-items:center;
	border-radius:var(--r-ctl);color:var(--ink-soft);cursor:pointer;
	transition:background .2s,color .2s}
.search-close:hover{background:var(--border);color:var(--ink)}
.search-close .ic{font-size:17px}

.search-field{display:flex;align-items:center;gap:14px;
	margin:0 24px;padding:16px 18px;
	background:var(--border);
	border:1px solid transparent;border-radius:var(--r-ctl);
	transition:border-color .2s,background .2s,box-shadow .2s}
.search-field:focus-within{
	background:var(--paper);border-color:var(--accent);
	box-shadow:0 0 0 3px rgba(209,34,42,.1)}
.search-field > .ic{font-size:18px;color:var(--ink-soft);flex:none;transition:color .2s}
.search-field:focus-within > .ic{color:var(--accent)}
.search-input{flex:1;min-width:0;border:0;background:none;outline:none;
	font:inherit;font-size:17px;font-weight:500;color:var(--ink);
	-webkit-appearance:none;appearance:none}
.search-input::placeholder{color:var(--ink-soft);font-weight:400}
.search-input::-webkit-search-cancel-button{
	-webkit-appearance:none;height:16px;width:16px;
	background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path fill='%235C646D' d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'/></svg>") center/contain no-repeat;
	cursor:pointer}

.search-body{flex:1;overflow-y:auto;padding:22px 24px 8px;scrollbar-width:thin}
.search-body::-webkit-scrollbar{width:4px}
.search-body::-webkit-scrollbar-thumb{background:var(--line)}

.search-group{margin-bottom:26px}
.search-group h5{display:flex;align-items:center;gap:8px;
	font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
	color:var(--ink-soft);margin-bottom:14px}
.search-group h5 .ic{font-size:12px;color:var(--accent)}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:9px 16px;border-radius:var(--r-pill);background:var(--border);
	font-size:13.5px;font-weight:600;color:var(--ink);
	transition:background .2s,color .2s,transform .2s var(--ease)}
.chip:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}

.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.q-card{display:flex;align-items:center;gap:12px;
	padding:13px 14px;background:var(--border);
	border:1px solid transparent;border-radius:var(--r-ctl);
	transition:background .22s,border-color .22s,transform .22s var(--ease),box-shadow .22s}
.q-card .q-ic{width:36px;height:36px;flex:none;display:grid;place-items:center;
	background:var(--paper);border-radius:var(--r-ctl);color:var(--ink-soft);
	transition:background .22s,color .22s}
.q-card .q-ic .ic{font-size:16px}
.q-card .q-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.q-card .q-tx b{font-size:13.5px;font-weight:700;color:var(--ink);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-card .q-tx small{font-size:11px;color:var(--ink-soft);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-card .go{font-size:11px;color:var(--line);transition:color .22s,transform .22s var(--ease)}
.q-card:hover{background:var(--paper);border-color:var(--line);
	transform:translateY(-2px);box-shadow:0 6px 16px -6px rgba(27,31,36,.12)}
.q-card:hover .q-ic{background:var(--accent);color:#fff}
.q-card:hover .go{color:var(--accent);transform:translateX(2px)}

.search-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;
	padding:13px 24px;background:var(--border);border-top:1px solid var(--line-soft);
	font-size:12px;color:var(--ink-soft)}
.search-foot .sp{display:inline-flex;align-items:center;gap:6px}
.search-foot kbd{font-family:"Space Mono",monospace;font-size:10px;
	background:var(--paper);border:1px solid var(--line);border-radius:3px;
	padding:2px 7px;color:var(--ink);box-shadow:0 1px 0 rgba(27,31,36,.06)}

/* =====================================================================
   8. MOBILE DRAWER
   ===================================================================== */
.scrim{position:fixed;inset:0;background:rgba(20,24,28,.5);backdrop-filter:blur(3px);
	opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:9999}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--paper);
	z-index:99999;transform:translateX(102%);transition:transform .45s var(--ease);
	display:flex;flex-direction:column;}
.drawer.on{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;
	border-bottom:1px solid var(--line)}
.drawer-head b{font-family:"Archivo",sans-serif;font-weight:900;font-size:20px}
.drawer-head span{font-size:10px;letter-spacing:.3em;opacity:.6;display:block}
.drawer-head button{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-ctl);
	transition:background .25s}
.drawer-head button:hover{background:var(--border)}
.drawer-body{flex:1;overflow-y:auto;padding:8px 22px 24px}
.d-group{border-bottom:1px solid var(--line-soft)}
.d-group > button{width:100%;display:flex;align-items:center;justify-content:space-between;
	padding:17px 2px;font-size:15.5px;font-weight:700}
.d-group > button a{width:65%;text-align:left;}
.d-group > button .ic{font-size:16px;transition:transform .3s var(--ease)}
.d-group.open > button .ic{transform:rotate(180deg)}
.d-group.open > button{color:var(--accent)}
.d-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.d-group.open .d-sub{grid-template-rows:1fr}
.d-sub-in{overflow:hidden}
.d-sub a{display:flex;align-items:center;gap:10px;padding:11px 4px;font-size:14px;
	color:var(--ink-soft);transition:color .2s,padding .2s}
.d-sub a:hover{color:var(--accent);padding-left:8px}
.d-sub a .ic{font-size:13px}
.drawer-foot{padding:18px 22px 26px;border-top:1px solid var(--line);
	display:flex;flex-direction:column;gap:12px}
.drawer-foot .hotline{justify-content:center;margin:0}
.drawer-foot .d-links{display:flex;gap:18px;justify-content:center;font-size:13px;color:var(--ink-soft)}
.drawer-foot .d-links a{display:inline-flex;align-items:center;min-height:24px}
.d-group:first-child a,.d-group:last-child a{width:100%;}
.d-group:last-child{border-bottom:0;}

/* =====================================================================
   9. 通用标题
   ===================================================================== */
.title-h3-d{display:block;font-size:36px;color:#333;text-align:center;font-weight:bold;}
.cont-p-d{display:block;font-size:16px;color:#666;text-align:center;padding:15px 0;}

/* =====================================================================
   10. 首页 Banner
   ===================================================================== */
.hero-index{position:relative;overflow:hidden;}
.hero-track-index{display:grid;position:relative;}
.hb-slide-index{grid-area:1 / 1;position:relative;display:block;
	visibility:hidden;opacity:0;pointer-events:none;
	transition:opacity .4s ease, visibility 0s linear .4s;}
.hb-slide-index.active{visibility:visible;opacity:1;pointer-events:auto;
	transition:opacity .8s ease .15s, visibility 0s linear .15s;}
.hb-bg-index{position:absolute;inset:0;z-index:0;overflow:hidden;}
.hb-bg-index img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.hb-mask-index{position:absolute;inset:0;z-index:1;pointer-events:none;}
.hb-slide-index .container-index{position:relative;z-index:2;width:100%;box-sizing:border-box;}
.hero-inner-index{position:relative;padding:140px 0 160px;
	opacity:0;transform:translateY(26px);
	transition:opacity .5s ease, transform .5s ease;}
.hb-slide-index.active .hero-inner-index{
	opacity:1;transform:translateY(0);
	transition:opacity .85s cubic-bezier(.22,.61,.36,1) .2s,
			   transform .85s cubic-bezier(.22,.61,.36,1) .2s;}
.hero-eyebrow-index{display:inline-flex;align-items:center;gap:8px;
	padding:7px 16px;border-radius:30px;
	background:rgba(229,0,17,.18);border:1px solid rgba(229,0,17,.4);
	color:var(--red);font-size:13px;font-weight:600;letter-spacing:.5px;
	margin-bottom:24px;backdrop-filter:blur(4px);}
.hero-eyebrow-index i{font-size:12px;}
.hero-index h1{font-size:50px;font-weight:700;color:#333;
	line-height:1.2;letter-spacing:-1.2px;margin-bottom:22px;}
.hero-index h1 em{font-style:normal;color:var(--red);position:relative;}
.hero-index h1 em::after{content:"";position:absolute;left:0;bottom:2px;
	width:100%;height:9px;background:rgba(229,0,17,.28);border-radius:4px;z-index:-1;}
.hero-index .hero-sub-index{font-size:16.5px;color:rgba(0,0,0,.78);
	line-height:1.9;margin-bottom:34px;max-width:670px;}
.hero-actions-index{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.btn-primary-index{display:inline-flex;align-items:center;gap:9px;
	padding:16px 36px;background:var(--red);color:#fff;
	border-radius:7px;font-size:15.5px;font-weight:600;
	border:none;cursor:pointer;font-family:inherit;
	transition:all .25s;box-shadow:0 6px 22px rgba(229,0,17,.35);}
.btn-primary-index i{font-size:15px;}
.btn-primary-index:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(229,0,17,.45);}
.btn-ghost-index{display:inline-flex;align-items:center;gap:9px;
	padding:16px 36px;background:rgba(229,0,17,.1);
	color:var(--red);border-radius:7px;font-size:15.5px;font-weight:600;
	border:1px solid rgba(229,0,17,.3);cursor:pointer;
	font-family:inherit;transition:all .25s;backdrop-filter:blur(4px);}
.btn-ghost-index i{font-size:15px;}
.btn-ghost-index:hover{background:rgba(229,0,17,.2);border-color:rgba(229,0,17,.55);}
.hero-trust-index{display:flex;align-items:center;gap:32px;
	padding-top:30px;border-top:1px solid rgba(0,0,0,.14);flex-wrap:wrap;max-width:670px;}
.hero-trust-item-index{display:flex;align-items:center;gap:10px;color:rgba(0,0,0,.86);font-size:14px;}
.hero-trust-item-index i{color:var(--red);font-size:17px;}

.hero-nav-index{position:absolute;top:50%;transform:translateY(-50%);
	width:46px;height:46px;border-radius:50%;
	background:rgba(0,0,0,.12);
	border:1px solid rgba(0,0,0,.28);
	color:#fff;cursor:pointer;font-size:16px;
	display:flex;align-items:center;justify-content:center;
	transition:all .25s;z-index:5;backdrop-filter:blur(6px);}
.hero-nav-index:hover{background:var(--red);border-color:var(--red);
	transform:translateY(-50%) scale(1.08);box-shadow:0 8px 22px rgba(229,0,17,.4);}
.hero-prev-index{left:26px;}
.hero-next-index{right:26px;}
.hero-dots-index{position:absolute;left:50%;bottom:30px;
	transform:translateX(-50%);
	display:flex;align-items:center;gap:9px;z-index:5;
	padding:7px 14px;border-radius:22px;
	background:rgba(0,0,0,.1);backdrop-filter:blur(8px);}
.hd-dot-index{width:8px;height:8px;border-radius:50%;
	background:rgba(255,255,255,.42);cursor:pointer;transition:all .3s;}
.hd-dot-index:hover{background:rgba(255,255,255,.75);}
.hd-dot-index.active{background:var(--red);width:24px;border-radius:4px;}

/* =====================================================================
   11. 数据条
   ===================================================================== */
.data-bar-index{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:5;margin-top:-1px;}
.data-grid-index{display:grid;grid-template-columns:repeat(6,1fr);gap:0;}
.data-item-index{padding:28px 18px;text-align:center;border-right:1px solid var(--border);transition:background .25s;}
.data-item-index:last-child{border-right:none;}
.data-item-index:hover{background:var(--red-soft);}
.data-item-index .d-num-index{font-size:30px;font-weight:700;color:var(--red);line-height:1.1;letter-spacing:-1px;}
.data-item-index .d-num-index small{font-size:14px;font-weight:600;margin-left:2px;}
.data-item-index .d-label-index{font-size:12.5px;color:var(--gray-2);margin-top:6px;letter-spacing:.2px;}

/* =====================================================================
   12. 通用 Section
   ===================================================================== */
.section-index{padding:72px 0;}
.section-soft-index{background:var(--bg-soft);}
#service{background:#fff;}
.sec-header-index{text-align:center;margin:0 auto 48px;}
.sec-header-index .sec-eyebrow-index{display:inline-flex;align-items:center;gap:7px;
	font-size:13px;font-weight:600;color:var(--red);
	letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;}
.sec-header-index .sec-eyebrow-index::before,
.sec-header-index .sec-eyebrow-index::after{content:"";width:22px;height:1px;background:var(--red);opacity:.5;}
.sec-header-index h2{font-size:32px;font-weight:700;color:var(--gray-1);line-height:1.3;letter-spacing:-.5px;margin-bottom:14px;}
.sec-header-index p{font-size:15px;color:var(--gray-2);line-height:1.8;}

/* =====================================================================
   13. 产品中心
   ===================================================================== */
.product-layout-index{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;}
.product-sidebar-index{background:#fff;border:1px solid var(--border);
	overflow:hidden;position:sticky;top:96px;}
.ps-header-index{display:flex;align-items:center;justify-content:space-between;
	padding:20px 20px 18px;border-bottom:1px solid var(--border);
	background:var(--bg-soft);cursor:pointer;position:relative;
	border-left:3px solid transparent;transition:all .25s;}
.ps-header-index:hover{background:var(--red-soft);}
.ps-header-index:hover .ps-arrow-index{color:var(--red);transform:translateX(3px);}
.ps-header-index.active{background:var(--red-soft);border-left-color:var(--red);}
.ps-header-index.active .ps-arrow-index{color:var(--red);}
.ps-title-index{display:flex;align-items:center;gap:11px;}
.ps-title-index > i{width:34px;height:34px;border-radius:8px;background:var(--red);color:#fff;
	display:flex;align-items:center;justify-content:center;font-size:15px;
	flex-shrink:0;box-shadow:0 4px 10px rgba(229,0,17,.25);}
.ps-title-index strong{display:block;font-size:15px;color:var(--gray-1);font-weight:700;line-height:1.3;}
.ps-title-index span{display:block;font-size:11.5px;color:var(--gray-3);line-height:1.4;margin-top:1px;}
.ps-arrow-index{color:#c8c8c8;font-size:13px;transition:color .2s,transform .2s;}
.ps-item-index{display:flex;align-items:center;gap:12px;
	padding:14px 20px;border-left:3px solid transparent;
	transition:all .25s;cursor:pointer;position:relative;}
.ps-item-index:hover{background:var(--red-soft);border-left-color:var(--red);}
.ps-item-index:hover .ps-arrow-index{color:var(--red);transform:translateX(3px);}
.ps-item-index.active{background:var(--red-soft);border-left-color:var(--red);}
.ps-item-index.active .ps-arrow-index{color:var(--red);}
.ps-icon-index{width:38px;height:38px;border-radius:9px;background:var(--bg-soft);
	color:var(--gray-2);display:flex;align-items:center;justify-content:center;
	font-size:16px;flex-shrink:0;transition:all .25s;}
.ps-item-index:hover .ps-icon-index,
.ps-item-index.active .ps-icon-index{background:var(--red);color:#fff;
	box-shadow:0 4px 10px rgba(229,0,17,.22);}
.ps-text-index{flex:1;min-width:0;}
.ps-text-index strong{display:block;font-size:14px;color:var(--gray-1);font-weight:600;line-height:1.3;transition:color .2s;}
.ps-item-index:hover .ps-text-index strong,
.ps-item-index.active .ps-text-index strong{color:var(--red);}
.ps-text-index span{display:block;font-size:11.5px;color:var(--gray-3);line-height:1.4;margin-top:2px;}

.product-content-index{min-width:0;}
.product-param-grid-index{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.product-group-index{display:none;}
.product-group-index.active{display:block;animation:groupFadeInIndex .35s ease;}
@keyframes groupFadeInIndex{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

.pp-card-index{background:#fff;border:1px solid var(--border);
	padding:20px 18px 18px;transition:all .28s;cursor:pointer;
	display:flex;flex-direction:column;}
.pp-card-index:hover{border-color:var(--red);box-shadow:0 10px 28px rgba(229,0,17,.1);transform:translateY(-4px);}
.pp-img-index{max-height:200px;display:flex;align-items:center;justify-content:center;
	margin-bottom:16px;background:#fff;border-radius:8px;
	transition:background .25s;position:relative;overflow:hidden;}
.pp-img-index i{font-size:46px;color:#d0d5db;transition:color .3s,transform .35s;}
.pp-img-index img{display:block;width:100%;height:auto;object-fit: cover;}
.pp-recommend-tag-index{position:absolute;top:8px;left:8px;
	font-size:10.5px;font-weight:600;
	background:var(--red);color:#fff;
	padding:2px 8px;border-radius:3px;letter-spacing:.3px;}
.pp-name-index{font-size:14px;color:var(--gray-1);font-weight:700;
	line-height:1.45;margin-bottom:12px;min-height:40px;
	transition:color .2s;
	display:-webkit-box;-webkit-line-clamp:1;
	-webkit-box-orient:vertical;overflow:hidden;}
.pp-card-index:hover .pp-name-index{color:var(--red);}
.pp-specs-index{display:flex;flex-direction:column;gap:7px;padding-top:12px;border-top:1px dashed var(--border);}
.pp-specs-index li{display:flex;align-items:baseline;gap:4px;font-size:12.5px;line-height:1.5;}
.pp-label-index{color:var(--gray-3);flex-shrink:0;}
.pp-value-index{color:var(--gray-1);font-weight:600;word-break:break-all;overflow:hidden;
	text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.product-more-index{text-align:center;margin-top:44px;}
.btn-outline-index{display:inline-flex;align-items:center;gap:9px;
	padding:14px 40px;border:2px solid var(--red);color:var(--red);
	border-radius:7px;font-size:15px;font-weight:600;
	transition:all .25s;cursor:pointer;background:#fff;font-family:inherit;}
.btn-outline-index i{font-size:14px;transition:transform .25s;}
.btn-outline-index:hover{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(229,0,17,.3);}
.btn-outline-index:hover i{transform:translateX(3px);}

/* =====================================================================
   14. 产品系统
   ===================================================================== */
.system-layout-index{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.system-card-index{background:#fff;border:1px solid var(--border);overflow:hidden;
	display:flex;flex-direction:column;transition:all .35s cubic-bezier(.22,.61,.36,1);position:relative;}
.system-card-index:hover{transform:translateY(-6px);
	box-shadow:0 22px 48px rgba(0,0,0,.12);border-color:rgba(229,0,17,.2);}
.system-img-index{position:relative;height:280px;overflow:hidden;}
.system-img-index img{width:75%;height:100%;object-fit:cover;display:block;margin:0 auto;
	transition:transform .8s ease, filter .4s ease;}
.system-card-index:hover .system-img-index img{transform:scale(1.08);}
.system-img-tag-index{position:absolute;top:12px;left:12px;z-index:2;
	background:rgba(229,0,17,.94);color:#fff;font-size:11px;font-weight:600;
	padding:4px 11px;border-radius:4px;letter-spacing:.3px;
	display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 12px rgba(229,0,17,.3);}
.system-img-tag-index i{font-size:10px;}
.system-body-index{padding:22px 22px 22px;display:flex;flex-direction:column;flex:1;position:relative;}
.system-body-index h3{font-size:17px;font-weight:700;color:var(--gray-1);margin-bottom:5px;
	letter-spacing:-.2px;line-height:1.35;transition:color .25s;}
.system-card-index:hover .system-body-index h3{color:var(--red);}
.system-sub-index{font-size:11px;color:var(--gray-3);letter-spacing:.6px;margin-bottom:14px;
	text-transform:uppercase;font-weight:500;}
.system-desc-index{font-size:13px;color:var(--gray-2);line-height:1.8;margin-bottom:16px;flex:1;}
.system-specs-index{display:flex;flex-direction:column;gap:8px;padding-top:14px;
	border-top:1px dashed var(--border);margin-bottom:16px;}
.system-specs-index li{display:flex;align-items:baseline;gap:6px;font-size:12.5px;line-height:1.5;}
.system-specs-index .ss-label-index{color:var(--gray-3);flex-shrink:0;}
.system-specs-index .ss-value-index{color:var(--gray-1);font-weight:700;}
.system-tags-index{display:flex;flex-wrap:wrap;gap:6px;}
.system-tags-index span{font-size:11px;color:var(--gray-2);background:var(--bg-soft);
	padding:3px 9px;transition:all .25s;}
.system-card-index:hover .system-tags-index span{background:var(--red-soft);color:var(--red);}
.system-integration-index{margin-top:32px;background:#fff;border:1px solid var(--border);
	padding:30px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;
	position:relative;overflow:hidden;}
.system-integration-index::before{content:"";position:absolute;top:-80px;right:-80px;
	width:220px;height:220px;border-radius:50%;
	background:radial-gradient(circle,rgba(229,0,17,.05) 0%,transparent 70%);pointer-events:none;}
.si-item-index{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1;}
.si-icon-index{width:48px;height:48px;border-radius:12px;background:var(--red-soft);
	color:var(--red);display:flex;align-items:center;justify-content:center;
	font-size:20px;flex-shrink:0;transition:all .3s;}
.si-item-index:hover .si-icon-index{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);
	color:#fff;transform:scale(1.08) rotate(-5deg);box-shadow:0 8px 20px rgba(229,0,17,.28);}
.si-text-index h4{font-size:14.5px;font-weight:700;color:var(--gray-1);margin-bottom:5px;
	line-height:1.4;transition:color .25s;}
.si-item-index:hover .si-text-index h4{color:var(--red);}
.si-text-index p{font-size:12.5px;color:var(--gray-3);line-height:1.75;}

/* =====================================================================
   15. 行业应用
   ===================================================================== */
.scene-block-index{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.scene-block-index + .scene-block-index{margin-top:64px;}
.scene-block-index.reverse-index .scene-img-index{order:2;}
.scene-block-index.reverse-index .scene-copy-index{order:1;}
.scene-img-index{height:340px;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);
	display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.scene-img-index img{display:block;width:100%;height:100%;object-fit:cover;}
.scene-img-index i{font-size:42px;color:rgba(255,255,255,.12);transition:color .3s,transform .4s;}
.scene-img-index:hover i{color:rgba(229,0,17,.5);transform:scale(1.06);}
.scene-img-index .scene-badge-index{position:absolute;bottom:20px;left:20px;
	background:rgba(229,0,17,.92);color:#fff;font-size:13px;font-weight:600;
	padding:7px 16px;border-radius:5px;letter-spacing:.5px;
	display:inline-flex;align-items:center;gap:7px;}
.scene-copy-index .scene-tag-index{display:inline-block;font-size:12.5px;font-weight:600;
	color:var(--red);background:rgba(229,0,17,.05);padding:5px 13px;border-radius:4px;
	margin-bottom:14px;letter-spacing:.5px;}
.scene-copy-index h3{font-size:26px;color:var(--gray-1);font-weight:700;line-height:1.35;
	margin-bottom:14px;letter-spacing:-.3px;}
.scene-copy-index p{font-size:14.5px;color:var(--gray-2);line-height:1.9;margin-bottom:20px;}
.scene-list-index{display:flex;flex-direction:column;gap:11px;}
.scene-list-index li{display:flex;align-items:flex-start;gap:11px;font-size:14px;
	color:var(--gray-2);line-height:1.6;}
.scene-list-index li i{color:var(--red);font-size:14px;margin-top:4px;flex-shrink:0;}



/* ================= 布局容器 (基准：>1580px 超宽屏) ================= */
.solution-section { display: flex; flex-direction: row; width: 100%; max-width: 1920px; height: 760px; position: relative; margin: 0 auto; }

/* ================= 左侧大图区域 ================= */
.left-panel { width: 68%; height: 100%; position: relative; overflow: hidden; flex-shrink: 0; background-color: #000000; touch-action: auto; }
.slider-track { display: flex; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; }
.slide-bg { width: 100%; height: 100%; object-fit: cover; flex-shrink: 0; pointer-events: none; }
.overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.35); pointer-events: none; z-index: 5; }

/* 文字内容 */
.content-wrapper { position: absolute; left: 100px; bottom: 150px; color: #ffffff; z-index: 10; pointer-events: none; width: 80%; }
.slide-content { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.5s ease-in-out; }
.slide-content.active { opacity: 1; visibility: visible; transform: translateY(0); }
.slide-title { font-size: 36px; font-weight: 400; margin-bottom: 28px; letter-spacing: 1px; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
.slide-desc { font-size: 18px; line-height: 34px; opacity: 0.9; letter-spacing: 1px; margin-bottom: 12px; }

/* ================= 右侧菜单区域 ================= */
.right-panel { width: 32%; background-color: #ffffff; padding: 60px 50px 0px 0px; display: flex; flex-direction: column; justify-content: flex-start; }
.header-box { margin-bottom:40px; padding-left:40px; }
.header-title-row { display: flex; align-items: center;gap: 24px; margin-bottom: 24px; }
.header-title { font-size: 32px; font-weight: 400; color: #333333; line-height: 1; letter-spacing: 1px; }
.header-line { width: 40px; height: 4px; background-color: var(--red); display: inline-block; }
.header-subtitle { color: #999999; font-size: 16px; line-height: 36px; }

.menu-list { display: flex; flex-direction: column;}
.menu-item { display: flex; align-items: center; justify-content: space-between; color: #999999; padding:25px 50px 25px 50px;; transition: color 0.3s ease, background-color 0.3s ease; cursor: pointer; position: relative;}
.menu-item:hover { color: var(--red); }
.menu-item.active { background-color: var(--red); color: #ffffff; padding: 25px 50px 25px 20px;}
.menu-item.active::after {
    content: "";
    position: absolute;
    background:var(--red); 
    left:-40px;
    top:0;
    width:40px;
    height:79px;
    z-index:99;
    transition: color 0.3s ease;
}
.menu-left { display: flex; align-items: center; gap: 32px; }
.menu-icon { font-size: 24px; width: 26px; text-align: center; color: #d2d2d2; transition: color 0.3s ease; }
.menu-item.active .menu-icon { color: #ffffff; }
.menu-title { font-size: 22px; letter-spacing: 1px; }
.menu-plus { font-size: 18px; font-weight: 300; color: #e5e5e5; transition: color 0.3s ease; }
.menu-item.active .menu-plus { color: #ffffff; opacity: 0.9; }


.solutions-accordion{display:flex;gap:16px;height:520px;margin-top:32px;}
.sol-card{position:relative;flex:0 0 160px;overflow:hidden;cursor:pointer;
	transition:flex 0.7s cubic-bezier(0.25,1,0.5,1), border-radius 0.7s;
	background-size:cover;background-position:center;background-repeat:no-repeat;}
.sol-card.active{flex:5 0 0;}
.sol-overlay{position:absolute;inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%);
	z-index:1;transition:background 0.5s;}
.sol-card.active .sol-overlay{background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 100%);}
.sol-vertical-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	writing-mode:vertical-rl;text-orientation:upright;letter-spacing:8px;
	color:#fff;font-size:18px;font-weight:700;z-index:2;opacity:1;
	transition:opacity 0.4s ease;text-shadow:0 2px 10px rgba(0,0,0,0.5);white-space:nowrap;}
.sol-card.active .sol-vertical-text{opacity:0;}
.sol-content{position:absolute;bottom:0;left:0;right:0;padding:36px 30px;z-index:3;
	opacity:0;transform:translateY(20px);transition:all 0.5s ease 0.1s;pointer-events:none;}
.sol-card.active .sol-content{opacity:1;transform:translateY(0);pointer-events:auto;}
.sol-content h3{font-size:22px;color:#fff;font-weight:700;margin-bottom:12px;line-height:1.4;}
.sol-content p{font-size:14px;color:rgba(255,255,255,0.85);line-height:1.8;margin-bottom:20px;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.sol-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;
	padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;
	transition:all 0.3s;width:max-content;}
.sol-btn:hover{background:var(--red-dark);transform:translateX(4px);}
.sol-btn i{font-size:12px;transition:transform 0.3s;}
.sol-btn:hover i{transform:translateX(3px);}

/* =====================================================================
   16. 服务能力
   ===================================================================== */
.service-layout-index{display:grid;grid-template-columns:400px 1fr;
	gap:36px;align-items:start;margin-bottom:28px;}
.service-promise-index{background:url(/template/pc/skin/css/../images/service-promise-index.jpg);
	padding:36px 32px 30px;color:#fff;
	position:sticky;top:96px;overflow:hidden;}
.sp-deco-index{position:absolute;top:-60px;right:-60px;
	width:220px;height:220px;border-radius:50%;
	background:radial-gradient(circle,rgba(229,0,17,.24) 0%,transparent 70%);pointer-events:none;}
.sp-head-index{position:relative;padding-bottom:24px;
	border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:26px;}
.sp-icon-index{width:54px;height:54px;border-radius:14px;
	background:rgba(229,0,17,.16);color:var(--red);
	display:flex;align-items:center;justify-content:center;
	font-size:24px;margin-bottom:16px;}
.sp-head-index h3{font-size:21px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.3px;}
.sp-head-index p{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.8;}
.sp-stats-index{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;margin-bottom:26px;}
.sp-stat-index{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);backdrop-filter: blur(10px);
	padding:16px 14px;text-align:center;transition:all .3s;}
.sp-stat-index:hover{background:rgba(229,0,17,.12);border-color:rgba(229,0,17,.3);transform:translateY(-3px);}
.sps-num-index{font-size:28px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px;}
.sps-num-index small{font-size:13px;font-weight:600;color:var(--red);margin-left:2px;}
.sps-label-index{font-size:12px;color:rgba(255,255,255,.55);margin-top:7px;line-height:1.4;}
.sp-cta-index{display:flex;align-items:center;gap:14px;
	padding:16px 20px;background:var(--red);position:relative;transition:all .3s;cursor:pointer;}
.sp-cta-index:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 10px 26px rgba(229,0,17,.4);}
.sp-cta-index > i{font-size:22px;color:#fff;opacity:.85;}
.sp-cta-text-index{flex:1;}
.sp-cta-text-index span{display:block;font-size:12px;color:rgba(255,255,255,.75);margin-bottom:2px;}
.sp-cta-text-index strong{display:block;font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px;}

.service-flow-new-index{display:flex;flex-direction:column;gap:0;position:relative;}
.sfn-item-index{display:flex;gap:24px;padding-bottom:28px;position:relative;}
.sfn-item-index:last-child{padding-bottom:0;}
.sfn-marker-index{position:relative;flex-shrink:0;width:80px;display:flex;flex-direction:column;align-items:center;}
.sfn-num-index{font-size:11.5px;font-weight:700;color:var(--red);
	background:var(--red-soft);padding:3px 10px;border-radius:20px;
	letter-spacing:.5px;margin-bottom:12px;border:1px solid rgba(229,0,17,.15);}
.sfn-icon-index{width:64px;height:64px;border-radius:50%;
	background:#fff;border:2px solid var(--border);color:var(--gray-2);
	display:flex;align-items:center;justify-content:center;
	font-size:24px;transition:all .35s;position:relative;z-index:2;}
.sfn-item-index:hover .sfn-icon-index{background:var(--red);border-color:var(--red);color:#fff;
	transform:scale(1.06);box-shadow:0 10px 24px rgba(229,0,17,.28);}
.sfn-item-index::before{content:"";position:absolute;left:39px;top:88px;bottom:0;
	width:2px;background:linear-gradient(180deg,rgba(229,0,17,.28) 0%,rgba(229,0,17,.06) 100%);}
.sfn-item-index:last-child::before{display:none;}
.sfn-body-index{flex:1;background:#fff;border:1px solid var(--border);
	padding:22px 26px;transition:all .3s;min-width:0;}
.sfn-item-index:hover .sfn-body-index{border-color:#ddd;box-shadow:0 10px 26px rgba(0,0,0,.06);transform:translateX(4px);}
.sfn-body-index h3{font-size:18px;color:var(--gray-1);font-weight:700;margin-bottom:8px;
	transition:color .2s;letter-spacing:-.2px;}
.sfn-item-index:hover .sfn-body-index h3{color:var(--red);}
.sfn-body-index p{font-size:13.5px;color:var(--gray-2);line-height:1.8;margin-bottom:14px;}
.sfn-tags-index{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px dashed var(--border);}
.sfn-tags-index span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;
	color:var(--gray-2);background:var(--bg-soft);padding:4px 11px;transition:all .25s;}
.sfn-tags-index span i{font-size:10px;color:var(--red);}
.sfn-item-index:hover .sfn-tags-index span{background:var(--red-soft);color:var(--red);}

.service-features-index{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.sf-card-index{background:#fff;border:1px solid var(--border);
	padding:22px 20px;display:flex;align-items:flex-start;gap:14px;
	transition:all .3s;position:relative;overflow:hidden;}
.sf-card-index::before{content:"";position:absolute;left:0;top:0;
	width:3px;height:100%;background:var(--red);
	transform:scaleY(0);transform-origin:top;transition:transform .35s;}
.sf-card-index:hover::before{transform:scaleY(1);}
.sf-card-index:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.07);border-color:#ddd;}
.sf-icon-index{width:44px;height:44px;border-radius:10px;
	background:var(--red-soft);color:var(--red);
	display:flex;align-items:center;justify-content:center;
	font-size:19px;flex-shrink:0;transition:all .3s;}
.sf-card-index:hover .sf-icon-index{background:var(--red);color:#fff;transform:scale(1.06);}
.sf-text-index{flex:1;min-width:0;}
.sf-text-index h4{font-size:14.5px;color:var(--gray-1);font-weight:700;margin-bottom:6px;
	line-height:1.35;transition:color .2s;}
.sf-card-index:hover .sf-text-index h4{color:var(--red);}
.sf-text-index p{font-size:12.5px;color:var(--gray-3);line-height:1.7;}

/* =====================================================================
   17. 专利验证
   ===================================================================== */
.patent-stats-index{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;}
.patent-stat-index{position:relative;background:#fff;border:1px solid var(--border);
	padding:28px 24px;display:flex;align-items:center;gap:18px;overflow:hidden;
	transition:all .35s cubic-bezier(.22,.61,.36,1);}
.patent-stat-index::before{content:"";position:absolute;top:0;left:0;
	width:100%;height:3px;background:linear-gradient(90deg,var(--red) 0%,#ff5b68 100%);
	transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.patent-stat-index:hover::before{transform:scaleX(1);}
.patent-stat-index::after{content:"";position:absolute;right:-40px;bottom:-40px;
	width:130px;height:130px;border-radius:50%;
	background:radial-gradient(circle,rgba(229,0,17,.06) 0%,transparent 70%);
	transition:all .45s;pointer-events:none;}
.patent-stat-index:hover::after{transform:scale(1.5);
	background:radial-gradient(circle,rgba(229,0,17,.1) 0%,transparent 70%);}
.patent-stat-index:hover{transform:translateY(-5px);
	border-color:rgba(229,0,17,.2);}
.pstat-icon-index{width:56px;height:56px;border-radius:14px;
	background:linear-gradient(135deg,rgba(229,0,17,.08) 0%,rgba(229,0,17,.04) 100%);
	color:var(--red);display:flex;align-items:center;justify-content:center;
	font-size:24px;flex-shrink:0;transition:all .35s;position:relative;z-index:1;}
.patent-stat-index:hover .pstat-icon-index{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);
	color:#fff;transform:scale(1.08) rotate(-5deg);box-shadow:0 10px 22px rgba(229,0,17,.3);}
.pstat-num-index{font-size:32px;font-weight:800;
	background:linear-gradient(135deg,var(--red) 0%,#ff5b68 100%);
	-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
	line-height:1.1;letter-spacing:-1px;}
.pstat-num-index small{font-size:16px;font-weight:700;margin-left:2px;}
.pstat-label-index{font-size:13px;color:var(--gray-2);margin-top:4px;letter-spacing:.2px;}

.patent-main-index{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:start;}
.patent-left-index{background:#fff;border:1px solid var(--border);
	padding:34px 32px 30px;position:relative;overflow:hidden;}
.patent-left-index::before{content:"";position:absolute;top:0;left:0;
	width:100%;height:4px;
	background:linear-gradient(90deg,var(--red) 0%,#ff5b68 50%,rgba(229,0,17,.1) 100%);}
.patent-left-head-index{padding-bottom:24px;margin-bottom:28px;
	border-bottom:1px dashed var(--border);display:flex;align-items:flex-start;gap:16px;}
.plh-icon-index{width:52px;height:52px;border-radius:14px;
	background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);
	color:#fff;display:flex;align-items:center;justify-content:center;
	font-size:22px;flex-shrink:0;box-shadow:0 8px 20px rgba(229,0,17,.28);}
.patent-left-head-index h3{font-size:20px;color:var(--gray-1);font-weight:700;
	margin-bottom:8px;letter-spacing:-.3px;}
.patent-left-head-index p{font-size:13.5px;color:var(--gray-3);line-height:1.8;}

.patent-timeline-index{position:relative;padding-left:32px;}
.patent-timeline-index::before{content:"";position:absolute;left:8px;top:12px;bottom:12px;
	width:2px;background:linear-gradient(180deg,var(--red) 0%,rgba(229,0,17,.5) 40%,rgba(229,0,17,.1) 100%);
	border-radius:2px;}
.ptl-item-index{position:relative;padding-bottom:22px;}
.ptl-item-index:last-child{padding-bottom:0;}
.ptl-dot-index{position:absolute;left:-35px;top:22px;width:18px;height:18px;
	border-radius:50%;background:#fff;border:3px solid var(--red);
	box-shadow:0 0 0 4px rgba(229,0,17,.1);transition:all .35s;z-index:2;}
.ptl-item-index:hover .ptl-dot-index{background:var(--red);transform:scale(1.15);
	box-shadow:0 0 0 6px rgba(229,0,17,.18);}
.ptl-card-index{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);
	padding:20px 22px;transition:all .35s cubic-bezier(.22,.61,.36,1);
	border:1px solid transparent;position:relative;overflow:hidden;}
.ptl-card-index::before{content:"";position:absolute;left:0;top:0;
	width:3px;height:100%;background:var(--red);
	transform:scaleY(0);transform-origin:top;transition:transform .4s;}
.ptl-item-index:hover .ptl-card-index{background:#fff;border-color:rgba(229,0,17,.15);
	transform:translateX(6px);}
.ptl-item-index:hover .ptl-card-index::before{transform:scaleY(1);}
.ptl-card-head-index{display:flex;align-items:center;justify-content:space-between;gap:10px;
	margin-bottom:12px;flex-wrap:wrap;}
.ptl-type-index{font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:4px;letter-spacing:.3px;}
.ptl-type-invent-index{background:linear-gradient(135deg,rgba(229,0,17,.12) 0%,rgba(229,0,17,.06) 100%);
	color:var(--red);border:1px solid rgba(229,0,17,.18);}
.ptl-type-utility-index{background:linear-gradient(135deg,rgba(0,102,204,.1) 0%,rgba(0,102,204,.05) 100%);
	color:#0066cc;border:1px solid rgba(0,102,204,.15);}
.ptl-type-software-index{background:linear-gradient(135deg,rgba(7,160,74,.1) 0%,rgba(7,160,74,.05) 100%);
	color:#07a04a;border:1px solid rgba(7,160,74,.15);}
.ptl-type-verify-index{background:linear-gradient(135deg,rgba(184,134,11,.1) 0%,rgba(184,134,11,.05) 100%);
	color:#b8860b;border:1px solid rgba(184,134,11,.15);}
.ptl-year-index{font-size:12px;color:var(--gray-3);display:inline-flex;align-items:center;
	gap:5px;font-weight:500;}
.ptl-year-index i{font-size:11px;color:var(--red);}
.ptl-card-index h4{font-size:15px;color:var(--gray-1);font-weight:700;
	line-height:1.5;margin-bottom:10px;transition:color .25s;}
.ptl-item-index:hover .ptl-card-index h4{color:var(--red);}
.ptl-card-index p{font-size:12.5px;color:var(--gray-3);line-height:1.75;margin-bottom:12px;}
.ptl-meta-index{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px dashed var(--border);}
.ptl-meta-index span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;
	color:var(--gray-2);background:#fff;padding:4px 10px;border-radius:4px;
	border:1px solid var(--border);transition:all .25s;}
.ptl-meta-index span i{font-size:10px;color:var(--red);}
.ptl-item-index:hover .ptl-meta-index span{border-color:rgba(229,0,17,.2);color:var(--red);
	background:rgba(229,0,17,.03);}

/* =====================================================================
   18. 证书轮播
   ===================================================================== */
.cert-slider-index{position:relative;width:100%;overflow:hidden;padding:10px 0;}
.cert-track-index{display:flex;gap:16px;
	transition:transform 0.6s cubic-bezier(.22,.61,.36,1);
	will-change:transform;padding:4px 0;}
.cert-wall-title-index i{color:var(--red);}
.cert-item-index{flex:0 0 calc(50% - 8px);min-width:0;background:#fff;
	border-radius:8px;padding:12px;display:flex;flex-direction:column;
	align-items:center;transition:all 0.3s ease;box-sizing:border-box;}
.cert-item-index:hover{border-color:rgba(229,0,17,0.2);transform:translateY(-4px);}
.cert-img-box-index{width:100%;height:510px;display:flex;align-items:center;
	justify-content:center;background:#fafafa;border:1px solid #f0f0f0;
	overflow:hidden;margin-bottom:12px;transition:all 0.3s;}
.cert-item-index:hover .cert-img-box-index{background:#fff;border-color:#e8e8e8;}
.cert-img-box-index img{max-width:96%;max-height:96%;object-fit:contain;display:block;
	transition:transform 0.4s ease;}
.cert-item-index:hover .cert-img-box-index img{transform:scale(1.03);}
.cert-title-index{font-size:13.5px;color:var(--gray-1);font-weight:600;
	text-align:center;line-height:1.4;margin:0;transition:color 0.25s;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cert-item-index:hover .cert-title-index{color:var(--red);}
.cert-dots-index{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0;}
.cert-dot-index{width:8px;height:8px;border-radius:50%;background:#d0d0d0;
	cursor:pointer;transition:all 0.3s ease;}
.cert-dot-index:hover{background:#b0b0b0;}
.cert-dot-index.active{background:var(--red);width:24px;border-radius:4px;}

/* =====================================================================
   19. 验证数据
   ===================================================================== */
.verify-data-index{background:#fff;border:1px solid var(--border);
	padding:28px 26px;position:relative;overflow:hidden;}
.verify-data-index::before{content:"";position:absolute;top:-60px;right:-60px;
	width:180px;height:180px;border-radius:50%;
	background:radial-gradient(circle,rgba(229,0,17,.05) 0%,transparent 70%);pointer-events:none;}
.verify-data-index h3{font-size:15px;font-weight:700;color:var(--gray-1);
	margin-bottom:20px;display:flex;align-items:center;gap:10px;position:relative;}
.verify-data-index h3 i{width:32px;height:32px;border-radius:8px;
	background:var(--red-soft);color:var(--red);
	display:flex;align-items:center;justify-content:center;font-size:14px;}
.verify-list-index{display:flex;flex-direction:column;gap:16px;position:relative;}
.verify-item-index{display:flex;flex-direction:column;gap:8px;}
.verify-item-top-index{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.verify-item-top-index span{font-size:13px;color:var(--gray-2);display:inline-flex;align-items:center;gap:7px;}
.verify-item-top-index span i{font-size:12px;color:var(--red);}
.verify-item-top-index strong{font-size:13.5px;color:var(--red);font-weight:700;}
.verify-bar-index{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;position:relative;}
.verify-bar-index span{display:block;height:100%;
	background:linear-gradient(90deg,var(--red) 0%,#ff5b68 100%);
	border-radius:3px;width:0;transition:width 1.4s cubic-bezier(.22,.61,.36,1);}
.verify-note-index{margin-top:18px;padding:12px 14px;background:var(--bg-soft);
	font-size:11.5px;color:var(--gray-3);line-height:1.7;
	display:flex;align-items:flex-start;gap:8px;}
.verify-note-index i{color:var(--red);font-size:12px;margin-top:3px;flex-shrink:0;}

.patent-value-index{margin-top:48px;}
.patent-value-title-index{text-align:center;margin-bottom:28px;}
.patent-value-title-index h3{font-size:22px;font-weight:700;color:var(--gray-1);
	margin-bottom:10px;letter-spacing:-.3px;}
.patent-value-title-index p{font-size:14px;color:var(--gray-3);max-width:620px;margin:0 auto;}
.patent-value-grid-index{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pv-card-index{background:#fff;border:1px solid var(--border);
	padding:24px 22px;position:relative;overflow:hidden;
	transition:all .35s cubic-bezier(.22,.61,.36,1);}
.pv-card-index::before{content:"";position:absolute;top:0;left:0;
	width:100%;height:3px;background:linear-gradient(90deg,var(--red) 0%,#ff5b68 100%);
	transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.pv-card-index:hover::before{transform:scaleX(1);}
.pv-card-index:hover{transform:translateY(-6px);
	border-color:rgba(229,0,17,.15);}
.pv-icon-index{width:50px;height:50px;border-radius:12px;
	background:var(--red-soft);color:var(--red);
	display:flex;align-items:center;justify-content:center;
	font-size:21px;margin-bottom:16px;transition:all .35s;}
.pv-card-index:hover .pv-icon-index{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);
	color:#fff;transform:scale(1.1) rotate(-6deg);box-shadow:0 10px 22px rgba(229,0,17,.3);}
.pv-card-index h4{font-size:15px;font-weight:700;color:var(--gray-1);
	margin-bottom:8px;line-height:1.4;transition:color .25s;}
.pv-card-index:hover h4{color:var(--red);}
.pv-card-index p{font-size:12.5px;color:var(--gray-3);line-height:1.75;}

/* =====================================================================
   20. 优势 / 品牌
   ===================================================================== */
.advantage-grid-index{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.advantage-card-index{background:#fff;border:1px solid var(--border);border-radius:14px;
	padding:32px 28px 26px;position:relative;overflow:hidden;
	transition:all .3s;display:flex;flex-direction:column;}
.advantage-card-index::before{content:"";position:absolute;left:0;top:0;
	width:100%;height:3px;background:var(--red);
	transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.advantage-card-index:hover::before{transform:scaleX(1);}
.advantage-card-index:hover{transform:translateY(-6px);
	box-shadow:0 16px 40px rgba(0,0,0,.09);border-color:#ddd;}
.ac-head-index{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.ac-icon-index{width:54px;height:54px;border-radius:13px;
	background:var(--red-soft);color:var(--red);
	display:flex;align-items:center;justify-content:center;
	font-size:23px;transition:all .35s;}
.advantage-card-index:hover .ac-icon-index{background:var(--red);color:#fff;
	transform:scale(1.08) rotate(-4deg);box-shadow:0 8px 20px rgba(229,0,17,.28);}
.ac-num-index{font-size:38px;font-weight:800;color:#f0f0f0;line-height:1;
	letter-spacing:-2px;transition:color .35s;}
.advantage-card-index:hover .ac-num-index{color:var(--red-soft);}
.advantage-card-index h3{font-size:17px;color:var(--gray-1);font-weight:700;
	line-height:1.45;margin-bottom:10px;transition:color .2s;}
.advantage-card-index:hover h3{color:var(--red);}
.advantage-card-index p{font-size:13.5px;color:var(--gray-2);line-height:1.85;
	margin-bottom:18px;flex:1;}
.ac-tags-index{display:flex;flex-wrap:wrap;gap:7px;padding-top:16px;border-top:1px dashed var(--border);}
.ac-tags-index span{font-size:11.5px;color:var(--gray-2);background:var(--bg-soft);
	padding:4px 11px;border-radius:4px;transition:all .25s;cursor:default;}
.advantage-card-index:hover .ac-tags-index span{background:var(--red-soft);color:var(--red);}

.advantage-tag-grid-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;
	padding-top:18px;border-top:1px dashed var(--border);}
.advantage-tag-grid-index span{display:inline-flex;align-items:center;gap:6px;
	font-size:12px;color:var(--gray-2);background:#fff;border:1px solid var(--border);
	padding:6px 13px;border-radius:20px;transition:all .25s;}
.advantage-tag-grid-index span i{font-size:10.5px;color:var(--red);}
.advantage-tag-grid-index span:hover{background:var(--red-soft);
	border-color:rgba(229,0,17,.28);color:var(--red);transform:translateY(-2px);}

.brand-grid-index{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.brand-card-index{background:#fff;border:1px solid var(--border);
	overflow:hidden;transition:all .28s;cursor:pointer;
	display:flex;flex-direction:column;}
.brand-card-index:hover{transform:translateY(-5px);
	box-shadow:0 14px 32px rgba(0,0,0,.09);border-color:transparent;}
.bc-logo-index{height:96px;background:#fff;display:flex;align-items:center;
	justify-content:center;transition:background .3s;
	border-bottom:1px solid var(--border);padding:0 12px;overflow:hidden;}
.bc-logo-index img{display:block;width:auto;height:100%;object-fit: cover;}
.brand-card-index:hover .bc-logo-index{background:#fff;}
.bc-info-index{padding:14px 12px 16px;text-align:center;flex:1;
	display:flex;flex-direction:column;justify-content:center;}
.bc-info-index h4{font-size:13.5px;color:var(--gray-1);font-weight:700;
	margin-bottom:5px;line-height:1.35;transition:color .2s;}
.brand-card-index:hover .bc-info-index h4{color:var(--red);}
.bc-info-index p{font-size:11.5px;color:var(--gray-3);line-height:1.5;letter-spacing:.2px;}

/* =====================================================================
   21. 关于我们
   ===================================================================== */
#about{background:url(/template/pc/skin/css/../images/about_bg_index.jpg) no-repeat bottom;background-size:cover;}
#about .container-index{padding:0;}
#about .about-copy-index{padding-left:50px;height:632px;}
#about .about-image-index{height:632px;position: relative;}
#about .about-cert-wrap-index{padding:0 50px;}
#about .about-image-index:before{content:"";position:absolute;bottom:0px;height:132px;width:100%;background:linear-gradient(to right,#e50011 10%,transparent);}
.about-layout-index{display:grid;grid-template-columns:1fr 1fr;;
	align-items:center;margin-bottom:70px;}
.about-copy-index h2{font-size:38px;font-weight:700;color:var(--gray-1);
	margin-bottom:24px;letter-spacing:-.5px;}
.about-copy-index p{font-size:15px;color:var(--gray-2);line-height:1.9;
	margin-bottom:15px;text-align:justify;}
.about-btn-index{display:inline-flex;align-items:center;gap:8px;
	background:var(--red);color:#fff;padding:14px 36px;border-radius:50px;
	font-size:15px;font-weight:600;transition:all .3s;margin-top:16px;
	cursor:pointer;border:none;font-family:inherit;}
.about-btn-index:hover{background:var(--red-dark);transform:translateY(-2px);
	box-shadow:0 10px 24px rgba(229,0,17,.35);}
.about-btn-index i{font-size:14px;transition:transform .3s;}
.about-btn-index:hover i{transform:translateX(4px);}
.about-image-index img{display:block;width:100%;height:100%;object-fit:cover;}
.about-stats-index{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;}
.about-stat-item-index{display:flex;flex-direction:column;}
.stat-label-top{font-size:14px;color:var(--gray-3);margin-bottom:12px;}
.stat-line{width:100%;height:1px;background:var(--border);margin-bottom:24px;}
.stat-number{font-size:52px;font-weight:700;color:var(--red);
	line-height:1;margin-bottom:12px;letter-spacing:-1px;}
.stat-number span{font-size:24px;font-weight:700;margin-left:2px;}
.stat-label-bottom{font-size:14px;color:var(--gray-2);font-weight:500;}
.about-data{display:flex;background:var(--red);padding:35px 0;justify-content:space-around;margin-top:32px;}
#about-data{display:none;}
.about-data .stat{display:flex;flex-direction:column;}
.about-data .stat span{font-size:16px;color:#fff;margin-top:10px;}
.about-data .stat strong{font-size:24px;font-weight:700;color:#fff;display:flex;align-items:baseline;justify-content:center;}
.about-data .stat strong sup{font-size:13px;margin-left:5px;}
.about-copy-left{overflow-x:auto;max-height:394px;padding-right:30px;box-sizing:border-box;}

.about-copy-left::-webkit-scrollbar{width:4px;height:4px;}
.about-copy-left::-webkit-scrollbar-track{background:transparent;border-radius:8px;}
.about-copy-left::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.18);border-radius:8px;background-clip:content-box;transition:background-color 0.2s ease;}
.about-copy-left::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.32);}
.about-copy-left::-webkit-scrollbar-thumb:active{background-color:rgba(0, 0, 0, 0.45);}

/* ---------- 证书区块 ---------- */
.about-cert-wrap-index{
    margin-top: 20px;
}

.cert-block-index + .cert-block-index{margin-top:44px;}

.cert-block-head-index{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.cbh-title-index{
    display:inline-flex;align-items:center;gap:9px;
    font-size:16px;font-weight:700;color:var(--gray-1);white-space:nowrap;
}
.cbh-title-index i{
    width:30px;height:30px;border-radius:8px;
    background:var(--red-soft);color:var(--red);
    display:flex;align-items:center;justify-content:center;font-size:13px;
}
.cbh-count-index{
    font-size:12px;color:var(--gray-3);font-weight:500;
    background:#fff;padding:2px 10px;border-radius:20px;
    border:1px solid var(--border);white-space:nowrap;
}
.cbh-line-index{
    flex:1;height:1px;
    background:linear-gradient(90deg,rgba(229,0,17,.3) 0%,rgba(229,0,17,.04) 100%);
}

/* 横版证书 */
.cert-landscape-grid-index{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.cert-landscape-card-index{
    background:#fff;border:2px solid var(--border);
    cursor:pointer;display:flex;flex-direction:column;
    transition:transform .35s cubic-bezier(.22,.61,.36,1),
               box-shadow .35s ease, border-color .35s ease;position:relative;
}
.cert-landscape-card-index:hover{
    transform:translateY(-6px);border-color:rgba(229,0,17,.25);
}

.cert-landscape-card-index:before,.cert-landscape-card-index:after{
    display:block;
    position:absolute;
    z-index:1;
    content:"";
    background:url(/template/pc/skin/css/../images/honor.png);
    width:100%;
    height:8px;
}

.cert-landscape-card-index:before{
    left:8px;
    bottom:-10px;
    height:8px;
}
.cert-landscape-card-index:after{
    top:10px;
    bottom:0;
    right:-10px;
    width:8px;
    height:100%;
}

.cl-frame-index{
    overflow:hidden;
    padding:10px;
}
.cl-frame-index img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.cl-ribbon-index{
    position:absolute;top:14px;right:14px;z-index:2;
    font-size:10.5px;font-weight:700;letter-spacing:.5px;
    color:#fff;background:var(--red);
    padding:3px 9px;border-radius:3px;
    box-shadow:0 4px 10px rgba(229,0,17,.3);
}
.cl-year-index{
    position:absolute;left:16px;bottom:14px;z-index:2;
    font-size:11px;color:var(--gray-3);letter-spacing:.8px;font-weight:600;
}
.cl-body-index{padding:15px;}
.cl-body-index h4{font-size:14px;color:var(--gray-1);font-weight:700;line-height:1.45;margin-bottom:6px;transition:color .25s;}
.cert-landscape-card-index:hover .cl-body-index h4{color:var(--red);}
.cl-body-index p{font-size:11.5px;color:var(--gray-3);line-height:1.6;}

/* 竖版证书 */
.cert-portrait-grid-index{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.cert-portrait-card-index{
    background:#fff;border:2px solid var(--border);
    cursor:pointer;display:flex;flex-direction:column;
    transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease, border-color .35s ease;position:relative;
}
.cert-portrait-card-index:hover{
    transform:translateY(-6px);border-color:rgba(229,0,17,.25);
}

.cert-portrait-card-index:before,.cert-portrait-card-index:after{
    display:block;
    position:absolute;
    z-index:1;
    content:"";
    background:url(/template/pc/skin/css/../images/honor.png);
    width:100%;
    height:8px;
}

.cert-portrait-card-index:before{
    left:8px;
    bottom:-10px;
    height:8px;
}
.cert-portrait-card-index:after{
    top:8px;
    bottom:0;
    right:-10px;
    width:8px;
    height:100%;
}
.cp-frame-index{
    overflow:hidden;
    padding:10px;
}

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

.cp-seal-index{
    position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
    width:32px;height:32px;border-radius:50%;
    background:rgba(229,0,17,.1);
    border:1px solid rgba(229,0,17,.28);
    color:var(--red);font-size:12px;
    display:flex;align-items:center;justify-content:center;
}
.cp-body-index{padding:12px 12px 14px;text-align:center;}
.cp-body-index h4{font-size:12.5px;color:var(--gray-1);font-weight:700;line-height:1.4;margin-bottom:4px;transition:color .25s;}
.cert-portrait-card-index:hover .cp-body-index h4{color:var(--red);}
.cp-body-index p{font-size:10.5px;color:var(--gray-3);line-height:1.45;}

/* =====================================================================
   22. 客户案例
   ===================================================================== */
.case-grid-index{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.case-card-index{background:#fff;border:1px solid var(--border);
	padding:30px 28px;transition:all .3s;position:relative;overflow:hidden;}
.case-card-index:hover{transform:translateY(-5px);
	box-shadow:0 14px 36px rgba(0,0,0,.09);border-color:#ddd;}
.case-quote-index{font-size:42px;color:var(--red-soft);line-height:1;
	font-weight:700;margin-bottom:6px;}
.case-card-index p{font-size:14px;color:var(--gray-2);line-height:1.9;
	margin-bottom:22px;position:relative;z-index:1;}
.case-author-index{display:flex;align-items:center;gap:12px;
	padding-top:18px;border-top:1px solid #f0f0f0;}
.case-avatar-index{width:44px;height:44px;border-radius:50%;
	background:linear-gradient(135deg,#e50011 0%,#a8000d 100%);
	color:#fff;display:flex;align-items:center;justify-content:center;
	font-size:16px;font-weight:700;flex-shrink:0;}
.case-author-index .ca-info-index h4{font-size:14.5px;color:var(--gray-1);
	font-weight:700;margin-bottom:2px;}
.case-author-index .ca-info-index p{font-size:12.5px;color:var(--gray-3);
	margin-bottom:0;padding:0;line-height:1.4;}

/* =====================================================================
   23. 新闻资讯
   ===================================================================== */
.news-main-index{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:44px;}
.news-feature-index{position:relative;overflow:hidden;
	background:#1a1a1a;cursor:pointer;touch-action:pan-y;}
.nf-track-index{position:relative;width:100%;min-height:460px;}
.nf-slide-index{position:absolute;inset:0;opacity:0;transform:translateX(40px);
	transition:opacity .8s ease, transform .8s ease;pointer-events:none;}
.nf-slide-index.active{opacity:1;transform:translateX(0);pointer-events:auto;}
.nf-slide-index.prev{opacity:0;transform:translateX(-40px);}
.nf-slide-index img{position:absolute;inset:0;width:100%;height:100%;
	object-fit:cover;transition:transform 1.2s ease;}
.nf-slide-index.active img{transform:scale(1.04);}
.nf-overlay-index{position:absolute;inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 40%,
		rgba(0,0,0,.55) 75%,rgba(0,0,0,.82) 100%);z-index:2;}
.nf-caption-index{position:absolute;left:0;right:0;bottom:0;
	padding:32px 32px 30px;z-index:3;color:#fff;}
.nf-date-index{display:inline-flex;align-items:center;gap:6px;
	font-size:13px;color:rgba(255,255,255,.85);margin-bottom:10px;
	letter-spacing:.5px;padding:3px 10px;background:rgba(229,0,17,.9);
	border-radius:4px;font-weight:600;}
.nf-caption-index h3{font-size:20px;color:#fff;font-weight:700;
	line-height:1.5;letter-spacing:-.2px;max-width:560px;
	text-shadow:0 2px 12px rgba(0,0,0,.5);}
.nf-nav-index{position:absolute;top:50%;transform:translateY(-50%);
	width:44px;height:44px;border-radius:50%;
	background:rgba(255,255,255,.9);border:none;
	color:var(--gray-1);cursor:pointer;font-size:16px;
	display:flex;align-items:center;justify-content:center;
	transition:all .25s;z-index:4;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.nf-nav-index:hover{background:var(--red);color:#fff;transform:translateY(-50%) scale(1.08);}
.nf-prev-index{left:18px;}
.nf-next-index{right:18px;}
.nf-dots-index{position:absolute;bottom:18px;right:24px;
	display:flex;gap:7px;z-index:5;padding:6px 12px;border-radius:20px;
	background:rgba(0,0,0,.4);backdrop-filter:blur(6px);}
.nf-dot-index{width:7px;height:7px;border-radius:50%;
	background:rgba(255,255,255,.45);cursor:pointer;transition:all .3s;}
.nf-dot-index:hover{background:rgba(255,255,255,.75);}
.nf-dot-index.active{background:var(--red);width:20px;border-radius:4px;}

.news-side-index{display:grid;grid-template-columns:1fr 1fr;
	grid-template-rows:1fr 1fr;gap:20px;}
.ns-card-index{overflow:hidden;cursor:pointer;transition:all .3s;position:relative;}
.ns-slogan-index{background:#f5f6f8;display:flex;flex-direction:column;
	padding:24px 22px 0;justify-content:space-between;}
.ns-slogan-index:hover{background:#eef0f3;}
.ns-text-index .ns-label-index{font-size:13px;color:var(--gray-3);
	margin-bottom:6px;letter-spacing:.3px;}
.ns-text-index .ns-title-index{font-size:15px;color:var(--gray-1);
	font-weight:700;line-height:1.45;}
.ns-slogan-index .ns-img-index{height:80px;display:flex;align-items:flex-end;justify-content:center;}
.ns-parts-index{background:#f5f6f8;display:flex;flex-direction:column;
	padding:24px 22px 0;justify-content:space-between;}
.ns-parts-index:hover{background:#eef0f3;}
.ns-parts-index .ns-img-index{height:80px;display:flex;align-items:flex-end;
	justify-content:center;gap:10px;}
.ns-parts-index .ns-img-index i{font-size:40px;color:#c8cdd2;
	transition:color .3s,transform .4s;}
.ns-parts-index:hover .ns-img-index i{color:var(--red);transform:translateY(-4px);}

.ns-video-index{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);
	display:flex;align-items:center;justify-content:center;
	position:relative;overflow:hidden;min-height:170px;
	border:none;width:100%;font-family:inherit;text-align:center;}
.ns-video-index::before{content:"";position:absolute;inset:0;
	background:repeating-linear-gradient(45deg,transparent 0 30px,rgba(255,255,255,.015) 30px 60px);}
.ns-play-index{position:relative;z-index:2;width:54px;height:54px;border-radius:50%;
	background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);
	color:#fff;display:flex;align-items:center;justify-content:center;
	font-size:20px;padding-left:4px;transition:all .3s;backdrop-filter:blur(4px);}
.ns-video-index:hover .ns-play-index{background:var(--red);border-color:var(--red);
	transform:scale(1.1);box-shadow:0 0 0 8px rgba(229,0,17,.15);}
.ns-play-index::after{content:"";position:absolute;inset:-6px;border-radius:50%;
	border:1px solid rgba(229,0,17,.5);opacity:0;transition:all .35s;}
.ns-video-index:hover .ns-play-index::after{opacity:1;inset:-12px;}
.ns-video-text-index{position:absolute;bottom:22px;left:0;right:0;text-align:center;
	font-size:13px;color:rgba(255,255,255,.78);letter-spacing:2px;z-index:2;}
.ns-red-index{background:linear-gradient(135deg,#e50011 0%,#c0000e 100%);
	padding:24px 22px;display:flex;flex-direction:column;
	justify-content:space-between;color:#fff;min-height:170px;}
.ns-red-index:hover{background:linear-gradient(135deg,#c0000e 0%,#a8000d 100%);}
.ns-red-date-index{font-size:13px;color:rgba(255,255,255,.85);letter-spacing:.5px;}
.ns-red-title-index{font-size:15px;color:#fff;font-weight:700;line-height:1.5;letter-spacing:.2px;}

/* 视频弹窗 */
.video-modal-index{position:fixed;inset:0;z-index:2000;
	display:flex;align-items:center;justify-content:center;
	padding:24px;background:rgba(0,0,0,.88);
	backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
	opacity:0;visibility:hidden;
	transition:opacity .3s ease, visibility 0s linear .3s;}
.video-modal-index.open-index{opacity:1;visibility:visible;
	transition:opacity .3s ease, visibility 0s linear 0s;}
.vm-box-index{position:relative;width:min(960px, 100%, calc(74vh * 16 / 9));
	background:#000;border-radius:14px;overflow:hidden;
	box-shadow:0 30px 90px rgba(0,0,0,.7);
	transform:scale(.94) translateY(14px);
	transition:transform .38s cubic-bezier(.22,.61,.36,1);}
.video-modal-index.open-index .vm-box-index{transform:scale(1) translateY(0);}
.vm-close-index{position:absolute;top:10px;right:10px;z-index:4;
	width:38px;height:38px;border-radius:50%;
	background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.28);
	color:#fff;font-size:16px;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	transition:all .25s;backdrop-filter:blur(4px);}
.vm-close-index:hover{background:var(--red);border-color:var(--red);transform:rotate(90deg);}
.vm-player-index{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;}
.vm-player-index video,
.vm-player-index iframe{position:absolute;inset:0;width:100%;height:100%;
	border:0;display:block;background:#000;}
.vm-loading-index{position:absolute;inset:0;display:flex;align-items:center;
	justify-content:center;color:rgba(255,255,255,.65);
	font-size:13px;letter-spacing:1px;gap:9px;z-index:2;}
.vm-loading-index i{color:var(--red);font-size:18px;}
.vm-title-index{padding:14px 18px;background:#141414;color:#fff;
	font-size:14px;font-weight:600;display:flex;align-items:center;
	gap:9px;border-top:1px solid rgba(255,255,255,.08);}
.vm-title-index i{color:var(--red);font-size:14px;}
.vm-title-index span{color:rgba(255,255,255,.5);font-weight:400;
	font-size:12.5px;margin-left:auto;}

.news-list-wrap-index{position:relative;overflow:hidden;padding-top:36px;
	border-top:1px solid var(--border);
	-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);
	mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);}
.news-list-index{display:flex;gap:40px;width:max-content;
	animation:newsMarqueeIndex 38s linear infinite;}
.news-list-index:hover{animation-play-state:paused;}
@keyframes newsMarqueeIndex{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.nl-item-index{flex:0 0 248px;display:flex;flex-direction:column;
	padding-bottom:8px;transition:all .3s;cursor:pointer;}
.nl-item-index h4{font-size:14px;color:var(--gray-1);font-weight:700;
	line-height:1.55;margin-bottom:12px;min-height:44px;
	display:-webkit-box;-webkit-line-clamp:2;
	-webkit-box-orient:vertical;overflow:hidden;transition:color .25s;}
.nl-item-index:hover h4{color:var(--red);}
.nl-date-index{font-size:12.5px;color:var(--red);font-weight:600;
	letter-spacing:.3px;margin-bottom:12px;}
.nl-item-index p{font-size:12.5px;color:var(--gray-3);line-height:1.7;
	margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:2;
	-webkit-box-orient:vertical;overflow:hidden;}
.nl-line-index{height:3px;background:#f0f0f0;border-radius:2px;
	overflow:hidden;position:relative;}
.nl-line-index span{position:absolute;left:0;top:0;height:100%;width:0;
	background:var(--red);border-radius:2px;transition:width .5s ease;}
.nl-item-index:hover .nl-line-index span{width:100%;}

/* =====================================================================
   24. 页脚
   ===================================================================== */
.footer-index{background:#1a1a1a;color:rgba(255,255,255,.65);
	padding:56px 0 20px;font-size:14px;}
.footer-grid-index{display:grid;
	grid-template-columns:2fr .8fr .8fr .8fr .8fr .8fr .8fr 1.2fr;
	gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-brand-index .fb-logo-index{display:flex;align-items:center;gap:11px;
	margin-bottom:18px;font-weight:700;font-size:24px;}
.footer-brand-index .fb-logo-index .logo-mark-index{box-shadow:none;}
.footer-brand-index .fb-logo-index .brand-index{color:#fff;font-size:24px;}
.footer-brand-index p{font-size:13.5px;line-height:1.9;
	color:rgba(255,255,255,.55);margin-bottom:20px;}
.footer-contact-index{display:flex;flex-direction:column;gap:10px;}
.footer-contact-index span{display:flex;align-items:center;gap:9px;
	font-size:13.5px;color:rgba(255,255,255,.6);}
.footer-contact-index i{color:var(--red);font-size:14px;width:16px;}
.footer-contact-index .f-tel-index{font-size:20px;font-weight:700;color:#fff;letter-spacing:.3px;}
.footer-col-index h4{font-size:15px;color:#fff;font-weight:700;
	margin-bottom:20px;padding-bottom:12px;
	border-bottom:1px solid rgba(255,255,255,.1);position:relative;}
.footer-col-index h4::after{content:"";position:absolute;bottom:-1px;left:0;
	width:32px;height:2px;background:var(--red);}
.footer-links-index{display:flex;flex-direction:column;gap:11px;}
.footer-links-index a{font-size:13.5px;color:rgba(255,255,255,.6);
	transition:all .2s;display:inline-flex;align-items:center;gap:7px;}
.footer-links-index a::before{content:"";width:4px;height:4px;border-radius:50%;
	background:rgba(255,255,255,.25);transition:background .2s;}
.footer-links-index a:hover{color:var(--red);padding-left:3px;}
.footer-links-index a:hover::before{background:var(--red);}
.footer-qr-index{display:flex;gap:16px;}
.footer-tel-index{display:flex;flex-direction:column;gap:6px;font-size:13px;
	color:rgba(255,255,255,.6);line-height:1.4;margin-top:10px;}
.qr-item-index{text-align:center;}
.qr-box-index{width:62px;height:62px;border-radius:9px;
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:5px;color:rgba(255,255,255,.35);font-size:11px;margin-bottom:8px;}
.qr-box-index img{display:block;width:100%;height:100%;}
.qr-item-index span{font-size:12.5px;color:rgba(255,255,255,.5);}
.footer-bottom-index{padding:20px 0;display:flex;align-items:center;
	justify-content:space-between;gap:20px;flex-wrap:wrap;
	font-size:13px;color:rgba(255,255,255,.4);}
.footer-bottom-index a,.footer-tags-index a{color:rgba(255,255,255,.5);transition:color .2s;}
.footer-bottom-index a:hover,.footer-tags-index a:hover{color:var(--red);}
.footer-bottom-index .fb-links-index{display:flex;gap:18px;flex-wrap:wrap;}
.footer-tags-index a{margin-right:5px;}
.footer-tags-index{padding-bottom:36px;}

/* =====================================================================
   25. 移动端底部导航
   ===================================================================== */
.mobile-tabbar-index{display:none;position:fixed;left:0;right:0;bottom:0;
	z-index:1500;background:#fff;height:60px;}
.mtb-inner-index{display:flex;height:100%;align-items:stretch;}
.mtb-item-index{flex:1;display:flex;flex-direction:column;align-items:center;
	justify-content:center;gap:2px;font-size:12px;color:var(--gray-2);
	cursor:pointer;position:relative;transition:color .2s;
	-webkit-tap-highlight-color:transparent;border:none;background:none;
	font-family:inherit;padding:0;}
.mtb-item-index i{font-size:20px;line-height:1;transition:color .2s;}
.mtb-item-index:hover,
.mtb-item-index.active{color:var(--red);}
.mtb-item-index.active i{color:var(--red);}
.mtb-item-index .mtb-caret-index{font-size:9px;margin-left:2px;
	transition:transform .3s;vertical-align:middle;}
.mtb-item-index.open-index .mtb-caret-index{transform:rotate(180deg);}
.mtb-action-index{flex:1.4;display:flex;align-items:center;justify-content:center;
	font-size:16px;font-weight:600;color:#fff;border:none;font-family:inherit;
	cursor:pointer;-webkit-tap-highlight-color:transparent;
	transition:background .25s;text-decoration:none;}
.mtb-action-quote-index{background:#e68a00;}
.mtb-action-quote-index:hover,
.mtb-action-quote-index:active{background:var(--orange-dark);}
.mtb-action-tel-index{background:var(--red);}
.mtb-action-tel-index:hover,
.mtb-action-tel-index:active{background:var(--red-dark);}

.mtb-submenu-index{position:fixed;left:0;right:0;bottom:60px;z-index:1499;
	background:#fff;transform:translateY(100%);visibility:hidden;opacity:0;
	transition:transform .32s cubic-bezier(.22,.61,.36,1),
			   opacity .3s ease, visibility 0s linear .32s;
	max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mtb-submenu-index.open-index{transform:translateY(0);visibility:visible;opacity:1;
	transition:transform .32s cubic-bezier(.22,.61,.36,1),
			   opacity .3s ease, visibility 0s linear 0s;}
.mtb-submenu-title-index{padding:14px 20px 10px;font-size:13px;color:var(--gray-3);
	border-bottom:1px solid var(--border);display:flex;align-items:center;
	gap:7px;letter-spacing:.5px;}
.mtb-submenu-title-index i{color:var(--red);font-size:13px;}
.mtb-submenu-list-index{display:grid;grid-template-columns:repeat(2, 1fr);
	gap:0;padding:6px 0;}
.mtb-submenu-list-index a{display:flex;align-items:center;gap:9px;
	padding:13px 20px;font-size:13.5px;color:var(--gray-1);
	border-bottom:1px solid #f5f5f5;transition:background .2s, color .2s;}
.mtb-submenu-list-index a:nth-child(odd){border-right:1px solid #f5f5f5;}
.mtb-submenu-list-index a:hover,
.mtb-submenu-list-index a:active{background:var(--red-soft);color:var(--red);}
.mtb-submenu-list-index a i{font-size:14px;color:var(--red);flex-shrink:0;}

.mtb-mask-index{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);
	z-index:1498;opacity:0;visibility:hidden;
	transition:opacity .3s ease, visibility 0s linear .3s;}
.mtb-mask-index.open-index{opacity:1;visibility:visible;
	transition:opacity .3s ease, visibility 0s linear 0s;}

/* =====================================================================
   26. 关于表单
   ===================================================================== */
.about-review{background:#fff;display:block;padding:60px 0;}
.about-review-cont{display:block;padding:0 50px;}
.about-review-cont ul{display:block;margin-top:40px;overflow:hidden;}
.about-review-cont ul li{display:block;float:left;border:solid 1px #ccc;
	margin-right:1%;box-sizing:border-box;}
.about-review-cont ul li.szym{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.about-review-cont ul li input{height:60px;line-height:60px;padding-left:15px;}
.about-review-cont ul li textarea{height:60px;line-height:60px;padding-left:15px;}
.about-review-cont ul li:nth-child(1){width:0}
.about-review-cont ul li:nth-child(2){width:10%}
.about-review-cont ul li:nth-child(3){width:14%}
.about-review-cont ul li:nth-child(4){width:40%;}
.about-review-cont ul li.wh100{float:right;width:33%;display:flex;
	border:0;margin-right:0;justify-content:space-between;}
.about-review-cont ul li.wh100 .szym{border:solid 1px #ccc;width:55%;
	display:flex;justify-content:space-between;align-items:center;}
.about-review-cont ul li.wh100 .szym input{width:100%;}
.about-review-cont ul li.wh100 .szym img{width:40%;height:100%;
	border-radius:4px;box-sizing:border-box;cursor:pointer;}
.about-review-cont ul li.wh100 .btn{width:42%;padding:0;border:0;}
.about-review-cont ul li .txtUserName{width:100%;box-sizing:border-box;}
.about-review-cont ul li .txtUserTel{width:100%;box-sizing:border-box;}
.about-review-cont ul li .txtContent{width:100%;box-sizing:border-box;}
.about-review-cont ul li #btnSubmit{width:100%;background:#e50011;
	color:#fff;cursor:pointer;font-size:16px;box-sizing:border-box;}
.about-review-cont ul li.btn{border:solid 1px #e50011;margin-right:0;}
.about-review-cont ul li.btn input{padding-left:0;}

/* =====================================================================
   27. 分页
   ===================================================================== */
.pagination{display:flex;justify-content:center;align-items:center;
	gap:8px;margin-top:40px;flex-wrap:wrap;}
.pagination .page-btn,
.pagination .page-num{display:inline-flex;align-items:center;justify-content:center;
	min-width:40px;height:40px;padding:0 12px;
	border:1px solid var(--border);border-radius:8px;
	font-size:14px;color:var(--gray-2);background:#fff;
	transition:all .22s;cursor:pointer;font-family:inherit;text-decoration:none;}
.pagination .page-btn i{font-size:13px;}
.pagination .page-num:hover,
.pagination .page-btn:hover{border-color:var(--red);color:var(--red);
	transform:translateY(-2px);}
.pagination .page-num.active{background:var(--red);border-color:var(--red);
	color:#fff;font-weight:700;}
.pagination .page-btn.disabled{color:#ccc;border-color:#eee;
	background:#fafafa;cursor:not-allowed;pointer-events:none;}
.pagination .page-dots{display:inline-flex;align-items:center;justify-content:center;
	min-width:32px;height:40px;color:var(--gray-3);font-size:14px;user-select:none;}

/* =====================================================================
   28. 面包屑
   ===================================================================== */
.news-crumbs-pa{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.1);}
.news-crumbs-pa-div{padding:15px 50px;font-size:16px;color:#333;}
.news-crumbs-pa-div a{font-size:16px;color:#333;}

/* ---------------------------------------------------------------------
   29.1 大屏笔记本（≤ 1580px）
   --------------------------------------------------------------------- */
@media (max-width: 1580px) {
	:root{
		--header-h:72px;
	}

	/* ========== 基础字号 ========== */
	body{font-size:14.5px}
	.title-h3-d{font-size:33px}
	.cont-p-d{font-size:15px;padding:14px 0}
	.mono{font-size:10.5px;letter-spacing:.16em}

	/* ========== 头部 ========== */
	header .bar{gap:18px;height:72px;padding:0 44px}
	.brand,.brand_phone{min-width:170px}
	.brand img,.brand_phone img{width:176px;height:25px}
	.nav-link,.plain{padding:9px 12px;font-size:14.5px;gap:6px}
	.nav-link .caret{font-size:10.5px}
	.tools{gap:5px}
	.tool-btn{padding:8px 11px;font-size:13.5px;gap:6px;min-height:36px}
	.tool-btn .ic{font-size:16px}
	.hotline{margin-left:6px;padding:8px 14px 8px 9px;gap:8px;font-size:13.5px}
	.hotline .ic{font-size:15px}
	.hotline b{font-size:13px}
	.burger{width:40px;height:40px}
	.burger .ic{font-size:20px}

	/* ========== 巨型面板 ========== */
	.panel_nav{top:72px;padding:22px 0}
	.panel_nav .panel_div{width:min(1200px,calc(100vw - 48px))}
	.panel_nav-top{padding-bottom:16px}
	.panel_nav-top h3{font-size:19px}
	.panel_nav-kicker{font-size:9.5px;letter-spacing:.24em}
	.mm-grid{grid-template-columns:1.12fr 1fr 1.03fr;gap:0 32px;padding:20px 0 6px}
	.mm-grid .mm-div{gap:2px 16px}
	.mm-col h4{font-size:12.5px;margin-bottom:12px}
	.mm-col h4 i{font-size:9.5px}
	.mm-link .thumb{width:118px;height:44px}
	.mm-link .mm-name{font-size:14px}
	.mm-link .mm-name small{font-size:11.5px}
	.mm-link .ic{font-size:13px}
	.mm-link.more{font-size:13px}
	.n-link{font-size:14px;padding:10px 7px}
	.n-link .ic{font-size:14px}
	.mm-feat{padding-left:28px;gap:12px}
	.mm-feat h4{font-size:15px}
	.mm-feat p{font-size:12.5px;line-height:1.6;margin-bottom:9px}
	.panel_nav-foot{padding:12px 28px;margin:6px -28px 0;font-size:12.5px}
	.panel_nav-foot .ic{font-size:14px}
	.panel_nav-foot b{font-size:13px}
	.flow-step_nav{padding:9px 7px}
	.flow-step_nav .num{width:23px;height:23px;font-size:10.5px}
	.flow-step_nav .tx b{font-size:13px}
	.flow-step_nav .tx small{font-size:11px}
	.news-row_nav{padding:9px 7px}
	.news-row_nav time{width:72px;font-size:10.5px}
	.news-row_nav span{font-size:13px}
	.contact-item{padding:9px 7px}
	.contact-item .ic{font-size:14px}
	.contact-item .tx b{font-size:13px}
	.contact-item .tx span{font-size:11.5px}

	/* ========== 搜索遮罩 ========== */
	.search-panel_nav{width:min(700px,100%)}
	.search-head{padding:19px 23px 13px}
	.search-kicker{font-size:9.5px;letter-spacing:.26em}
	.search-close .ic{font-size:16px}
	.search-field{margin:0 23px;padding:15px 17px}
	.search-input{font-size:16.5px}
	.search-field > .ic{font-size:17px}
	.search-body{padding:21px 23px 7px}
	.search-group h5{font-size:10.5px;margin-bottom:13px}
	.chip{padding:8px 15px;font-size:13px}
	.q-card{padding:12px 13px}
	.q-card .q-ic .ic{font-size:15px}
	.q-card .q-tx b{font-size:13px}
	.q-card .q-tx small{font-size:10.5px}
	.search-foot{padding:12px 23px;font-size:11.5px}

	/* ========== 基础容器 ========== */
	.container,.container-index{padding:0 44px}
	.news-crumbs-pa-div{padding:14px 44px;font-size:15px}
	.news-crumbs-pa-div a{font-size:15px}
	.about-review-cont{padding:0 44px}

	/* ========== Section 头 ========== */
	.section-index{padding:64px 0}
	.sec-header-index{margin-bottom:42px}
	.sec-header-index .sec-eyebrow-index{font-size:12.5px;margin-bottom:11px}
	.sec-header-index h2{font-size:30px;margin-bottom:12px}
	.sec-header-index p{font-size:14.5px}

	/* ========== Hero ========== */
	.hero-inner-index{padding:120px 0 136px}
	.hero-eyebrow-index{font-size:12.5px;padding:6px 14px;margin-bottom:20px;gap:7px}
	.hero-eyebrow-index i{font-size:11.5px}
	.hero-index h1{font-size:36px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:20px}
	.hero-index h1 em::after{height:8px;bottom:2px}
	.hero-index .hero-sub-index{font-size:15.5px;line-height:1.85;max-width:620px;margin-bottom:30px}
	.hero-actions-index{gap:12px;margin-bottom:34px}
	.btn-primary-index,
	.btn-ghost-index{padding:15px 32px;font-size:15px;gap:8px}
	.btn-primary-index i,
	.btn-ghost-index i{font-size:14.5px}
	.hero-trust-index{gap:28px;padding-top:26px;max-width:620px}
	.hero-trust-item-index{font-size:13.5px;gap:9px}
	.hero-trust-item-index i{font-size:16px}
	.hero-nav-index{width:42px;height:42px;font-size:15px}
	.hero-prev-index{left:20px}
	.hero-next-index{right:20px}
	.hero-dots-index{bottom:26px;padding:6px 13px}
	.hd-dot-index.active{width:22px}

	/* ========== 数据条 ========== */
	.data-item-index{padding:24px 16px}
	.data-item-index .d-num-index{font-size:27px}
	.data-item-index .d-num-index small{font-size:13px}
	.data-item-index .d-label-index{font-size:12px;margin-top:5px}

	/* ========== 产品中心 ========== */
	.product-layout-index{grid-template-columns:240px 1fr;gap:26px}
	.ps-header-index{padding:18px 18px 16px}
	.ps-title-index > i{width:32px;height:32px;font-size:14px}
	.ps-title-index strong{font-size:14.5px}
	.ps-title-index span{font-size:11px}
	.ps-arrow-index{font-size:12px}
	.ps-item-index{padding:13px 18px;gap:11px}
	.ps-icon-index{width:36px;height:36px;font-size:15px}
	.ps-text-index strong{font-size:13.5px}
	.ps-text-index span{font-size:11px}
	.product-param-grid-index{gap:12px}
	.pp-card-index{padding:18px 16px 16px}
	.pp-img-index{max-height:180px;margin-bottom:14px}
	.pp-img-index i{font-size:42px}
	.pp-name-index{font-size:13.5px;min-height:38px;margin-bottom:11px}
	.pp-specs-index{gap:6px;padding-top:11px}
	.pp-specs-index li{font-size:12px}
	.pp-recommend-tag-index{font-size:10px}
	.product-more-index{margin-top:40px}
	.btn-outline-index{padding:13px 36px;font-size:14.5px}
	.btn-outline-index i{font-size:13.5px}

	/* ========== 产品系统 ========== */
	.system-layout-index{gap:18px}
	.system-img-index{height:270px}
	.system-img-tag-index{font-size:10.5px;padding:3px 10px}
	.system-img-tag-index i{font-size:9.5px}
	.system-body-index{padding:20px 20px}
	.system-body-index h3{font-size:16px}
	.system-sub-index{font-size:10.5px;margin-bottom:12px}
	.system-desc-index{font-size:12.5px;line-height:1.78;margin-bottom:15px}
	.system-specs-index{gap:7px;padding-top:13px;margin-bottom:15px}
	.system-specs-index li{font-size:12px}
	.system-tags-index span{font-size:10.5px;padding:3px 8px}
	.system-integration-index{margin-top:28px;padding:26px 30px;gap:22px}
	.si-icon-index{width:46px;height:46px;font-size:19px;border-radius:11px}
	.si-text-index h4{font-size:14px}
	.si-text-index p{font-size:12px;line-height:1.7}

	/* ========== 行业应用 ========== */
	.scene-block-index{gap:46px}
	.scene-block-index + .scene-block-index{margin-top:56px}
	.scene-img-index{height:320px}
	.scene-img-index i{font-size:38px}
	.scene-img-index .scene-badge-index{font-size:12.5px;padding:6px 15px}
	.scene-copy-index .scene-tag-index{font-size:12px;padding:5px 12px;margin-bottom:13px}
	.scene-copy-index h3{font-size:24px;margin-bottom:13px}
	.scene-copy-index p{font-size:14px;line-height:1.88;margin-bottom:18px}
	.scene-list-index{gap:10px}
	.scene-list-index li{font-size:13.5px}

	/* ========== 折叠式解决方案 ========== */
	.solutions-accordion{height:490px;gap:14px;margin-top:30px}
	.sol-card{flex:0 0 150px}
	.sol-vertical-text{font-size:17px;letter-spacing:7px}
	.sol-content{padding:32px 26px}
	.sol-content h3{font-size:20px;margin-bottom:11px}
	.sol-content p{font-size:13.5px;line-height:1.75;margin-bottom:18px}
	.sol-btn{padding:9px 22px;font-size:13.5px}

	/* ========== 服务能力 ========== */
	.service-layout-index{grid-template-columns:370px 1fr;gap:32px;margin-bottom:26px}
	.service-promise-index{padding:32px 28px 26px}
	.sp-icon-index{width:50px;height:50px;font-size:22px;margin-bottom:15px}
	.sp-head-index{padding-bottom:22px;margin-bottom:24px}
	.sp-head-index h3{font-size:20px;margin-bottom:9px}
	.sp-head-index p{font-size:13px;line-height:1.75}
	.sp-stats-index{gap:13px;margin-bottom:24px}
	.sp-stat-index{padding:15px 13px}
	.sps-num-index{font-size:26px}
	.sps-num-index small{font-size:12.5px}
	.sps-label-index{font-size:11.5px}
	.sp-cta-index{padding:15px 19px;gap:13px}
	.sp-cta-index > i{font-size:20px}
	.sp-cta-text-index span{font-size:11.5px}
	.sp-cta-text-index strong{font-size:17px}
	.sfn-item-index{gap:22px;padding-bottom:26px}
	.sfn-num-index{font-size:11px;padding:3px 9px;margin-bottom:11px}
	.sfn-icon-index{width:60px;height:60px;font-size:22px}
	.sfn-item-index::before{left:37px;top:84px}
	.sfn-body-index{padding:20px 24px}
	.sfn-body-index h3{font-size:17px;margin-bottom:7px}
	.sfn-body-index p{font-size:13px;line-height:1.78;margin-bottom:13px}
	.sfn-tags-index{gap:7px;padding-top:13px}
	.sfn-tags-index span{font-size:11px;padding:4px 10px}
	.sfn-tags-index span i{font-size:9.5px}
	.service-features-index{gap:14px}
	.sf-card-index{padding:20px 18px;gap:12px}
	.sf-icon-index{width:42px;height:42px;font-size:18px}
	.sf-text-index h4{font-size:14px}
	.sf-text-index p{font-size:12px;line-height:1.68}
	
	.app-wrap{height:640px;}
	#about .about-image-index:before{height:119px;}
	.menu-item.active::after{height:82px;}

	/* ========== 专利验证 ========== */
	.patent-stats-index{gap:14px;margin-bottom:42px}
	.patent-stat-index{padding:24px 20px;gap:16px}
	.pstat-icon-index{width:52px;height:52px;font-size:22px;border-radius:13px}
	.pstat-num-index{font-size:30px}
	.pstat-num-index small{font-size:15px}
	.pstat-label-index{font-size:12.5px}
	.patent-main-index{gap:28px}
	.patent-left-index{padding:30px 28px 26px}
	.patent-left-head-index{gap:15px;padding-bottom:21px;margin-bottom:25px}
	.plh-icon-index{width:50px;height:50px;font-size:21px}
	.patent-left-head-index h3{font-size:19px;margin-bottom:7px}
	.patent-left-head-index p{font-size:13px;line-height:1.78}
	.ptl-item-index{padding-bottom:21px}
	.ptl-dot-index{width:17px;height:17px}
	.ptl-card-index{padding:18px 20px}
	.ptl-card-head-index{margin-bottom:11px}
	.ptl-type-index{font-size:11px;padding:3px 11px}
	.ptl-year-index{font-size:11.5px}
	.ptl-card-index h4{font-size:14.5px;margin-bottom:9px}
	.ptl-card-index p{font-size:12px;line-height:1.72;margin-bottom:11px}
	.ptl-meta-index span{font-size:11px;padding:3px 9px}
	.patent-value-index{margin-top:44px}
	.patent-value-title-index h3{font-size:21px}
	.patent-value-title-index p{font-size:13px}
	.patent-value-grid-index{gap:14px}
	.pv-card-index{padding:22px 20px}
	.pv-icon-index{width:48px;height:48px;font-size:20px;margin-bottom:15px}
	.pv-card-index h4{font-size:14.5px}
	.pv-card-index p{font-size:12px;line-height:1.72}

	/* ========== 证书轮播 ========== */
	.cert-track-index{gap:15px}
	.cert-item-index{padding:11px}
	.cert-img-box-index{height:470px;margin-bottom:11px}
	.cert-title-index{font-size:13px}

	/* ========== 验证数据 ========== */
	.verify-data-index{padding:26px 24px}
	.verify-data-index h3{font-size:14.5px;margin-bottom:19px}
	.verify-data-index h3 i{width:30px;height:30px;font-size:13px}
	.verify-item-top-index span{font-size:12.5px}
	.verify-item-top-index span i{font-size:11.5px}
	.verify-item-top-index strong{font-size:13px}
	.verify-note-index{margin-top:17px;padding:11px 13px;font-size:11px}

	/* ========== 优势 ========== */
	.advantage-grid-index{gap:20px}
	.advantage-card-index{padding:28px 24px 24px}
	.ac-head-index{margin-bottom:17px}
	.ac-icon-index{width:50px;height:50px;font-size:21px}
	.ac-num-index{font-size:34px}
	.advantage-card-index h3{font-size:16px;margin-bottom:9px}
	.advantage-card-index p{font-size:13px;line-height:1.82;margin-bottom:16px}
	.ac-tags-index{gap:6px;padding-top:14px}
	.ac-tags-index span{font-size:11px;padding:4px 10px}
	.advantage-tag-grid-index{gap:7px;margin-top:16px;padding-top:16px}
	.advantage-tag-grid-index span{font-size:11.5px;padding:5px 12px}
	.advantage-tag-grid-index span i{font-size:10px}

	/* ========== 品牌 ========== */
	.brand-grid-index{gap:14px}
	.bc-logo-index{height:88px;padding:0 10px}
	.bc-info-index{padding:13px 11px 15px}
	.bc-info-index h4{font-size:13px}
	.bc-info-index p{font-size:11px}

	/* ========== 关于我们 ========== */
	#about .about-copy-index{padding-left:44px;height:532px}
	#about .about-image-index{height:532px}
	#about .about-cert-wrap-index{padding:0 44px}
	.about-layout-index{margin-bottom:60px}
	.about-copy-index h2{font-size:34px;margin-bottom:20px}
	.about-copy-index p{font-size:14.5px;line-height:1.85;margin-bottom:13px}
	.about-btn-index{padding:13px 34px;font-size:14.5px;margin-top:15px}
	.about-btn-index i{font-size:13.5px}
	.about-copy-left{max-height:316px;padding-right:26px}
	.about-stats-index{gap:34px}
	.stat-number{font-size:46px}
	.stat-number span{font-size:22px}
	.stat-label-top,.stat-label-bottom{font-size:13.5px}
	.stat-line{margin-bottom:22px}
	.about-data{padding:30px 0}
	.about-data .stat span{font-size:15px}
	.about-data .stat strong{font-size:22px}
	.about-data .stat strong sup{font-size:12.5px}

	/* —— 关于页证书 —— */
	.cert-block-index + .cert-block-index{margin-top:40px}
	.cert-block-head-index{margin-bottom:20px}
	.cbh-title-index{font-size:15px}
	.cbh-count-index{font-size:11.5px;padding:2px 9px}
	.cert-landscape-grid-index{gap:18px}
	.cert-portrait-grid-index{gap:16px}
	.cl-frame-index,
	.cp-frame-index{padding:9px}
	.cl-ribbon-index{font-size:10px;padding:3px 8px}
	.cl-year-index{font-size:10.5px}
	.cl-body-index{padding:14px}
	.cl-body-index h4{font-size:13.5px;margin-bottom:5px}
	.cl-body-index p{font-size:11px}
	.cp-body-index{padding:11px 10px 13px}
	.cp-body-index h4{font-size:12px;margin-bottom:4px}
	.cp-body-index p{font-size:10px}
	.cp-seal-index{width:30px;height:30px;font-size:11.5px}

	/* ========== 客户案例 ========== */
	.case-grid-index{gap:20px}
	.case-card-index{padding:26px 24px}
	.case-quote-index{font-size:38px}
	.case-card-index p{font-size:13.5px;line-height:1.85;margin-bottom:20px}
	.case-author-index{gap:11px;padding-top:16px}
	.case-avatar-index{width:40px;height:40px;font-size:14px}
	.case-author-index .ca-info-index h4{font-size:14px}
	.case-author-index .ca-info-index p{font-size:12px}

	/* ========== 新闻资讯 ========== */
	.news-main-index{gap:18px;margin-bottom:40px}
	.nf-track-index{min-height:434px}
	.nf-caption-index{padding:28px 28px 26px}
	.nf-date-index{font-size:12.5px;margin-bottom:9px}
	.nf-caption-index h3{font-size:18px;line-height:1.48}
	.nf-nav-index{width:40px;height:40px;font-size:15px}
	.nf-prev-index{left:15px}
	.nf-next-index{right:15px}
	.nf-dots-index{bottom:16px;right:20px}
	.news-side-index{gap:18px}
	.ns-slogan-index,.ns-parts-index{padding:21px 19px 0}
	.ns-text-index .ns-label-index{font-size:12.5px}
	.ns-text-index .ns-title-index{font-size:14px}
	.ns-slogan-index .ns-img-index,
	.ns-parts-index .ns-img-index{height:74px}
	.ns-parts-index .ns-img-index i{font-size:38px}
	.ns-video-index,.ns-red-index{min-height:160px}
	.ns-play-index{width:50px;height:50px;font-size:19px}
	.ns-video-text-index{font-size:12.5px}
	.ns-red-date-index{font-size:12.5px}
	.ns-red-title-index{font-size:14px}
	.news-list-wrap-index{padding-top:34px}
	.news-list-index{gap:36px}
	.nl-item-index{flex:0 0 236px}
	.nl-item-index h4{font-size:13.5px;min-height:42px;line-height:1.5}
	.nl-date-index{font-size:12px}
	.nl-item-index p{font-size:12px;line-height:1.68}
	.vm-box-index{width:min(900px,100%,calc(72vh * 16 / 9))}
	.vm-title-index{font-size:13px}
	.vm-title-index span{font-size:12px}

	/* ========== 页脚 ========== */
	.footer-index{padding:50px 0 18px;font-size:13.5px}
	.footer-grid-index{gap:32px;padding-bottom:40px}
	.footer-brand-index .fb-logo-index{font-size:22px;margin-bottom:17px}
	.footer-brand-index .fb-logo-index .brand-index{font-size:22px}
	.footer-brand-index p{font-size:13px;line-height:1.85;margin-bottom:18px}
	.footer-contact-index span{font-size:13px}
	.footer-contact-index i{font-size:13.5px}
	.footer-contact-index .f-tel-index{font-size:19px}
	.footer-col-index h4{font-size:14.5px;margin-bottom:18px}
	.footer-links-index{gap:10px}
	.footer-links-index a{font-size:13px}
	.footer-tel-index{font-size:12.5px}
	.qr-item-index span{font-size:12px}
	.footer-bottom-index{padding:18px 0;font-size:12.5px}
	.footer-tags-index{font-size:12.5px}

	/* ========== 分页 & 表单 ========== */
	.pagination{gap:7px;margin-top:36px}
	.pagination .page-btn,
	.pagination .page-num{min-width:38px;height:38px;padding:0 11px;font-size:13.5px}
	.pagination .page-dots{font-size:13.5px}
	.about-review{padding:54px 0}
	.about-review-cont ul{margin-top:36px}
	.about-review-cont ul li input,
	.about-review-cont ul li textarea{height:54px;line-height:54px;font-size:14px;padding-left:13px}
	.about-review-cont ul li #btnSubmit{font-size:15px}

	/* ========== 移动端底部导航（本断点不显示，但统一字号） ========== */
	.mtb-item-index{font-size:11.5px}
	.mtb-action-index{font-size:15px}
	.mtb-submenu-title-index{font-size:12.5px}
	.mtb-submenu-list-index a{font-size:13px}
	
	.solution-section { height: 680px; }
	.content-wrapper { left: 80px; bottom: 130px; }
	.slide-title { font-size: 30px; }
	.slide-desc { font-size: 14px; line-height: 26px; }
	
	.right-panel { padding: 60px 48px 60px 0; }
	.header-box { margin-bottom: 30px; }
	.header-title { font-size: 30px; }
	.header-subtitle { font-size: 14px; line-height: 26px; }
	.menu-item { padding: 20px 50px; }
	.menu-left { gap: 24px; }
	.menu-icon { font-size: 32px; width: 36px; }
	.menu-title { font-size: 20px; }
	.menu-plus { font-size: 16px; }
}

@media (max-width: 1400px) {
	.content-container { padding-left:10%; }
	.app-tab-nav { width: 80%; min-width: auto; }
}

/* ---------------------------------------------------------------------
   29.2 大笔记本（1201px - 1380px）
   --------------------------------------------------------------------- */
@media (min-width: 1201px) and (max-width: 1380px) {
	:root{
		--header-h:68px;
		--gut:clamp(16px,2.4vw,36px);
		--r-card:2px;
		--r-ctl:4px;
	}
	body{font-size:14px;}
	header .bar{gap:14px;height:68px;padding:0 var(--gut);padding:0 38px;}
	.brand,.brand_phone{min-width:140px}
	.brand img,.brand_phone img{width:158px;height:22px}
	.mainnav{gap:0}
	.nav-link,.plain{padding:8px 10px;font-size:13.5px;gap:6px}
	.nav-link .caret{font-size:10px}
	.tools{gap:4px}
	.tool-btn{padding:7px 9px;font-size:13px;gap:5px;min-height:34px;border-radius:var(--r-ctl)}
	.tool-btn .ic{font-size:15px}
	.hotline{margin-left:4px;padding:7px 13px 7px 9px;gap:7px;font-size:13px}
	.hotline .ic{font-size:14px}
	.hotline b{font-size:12.5px}
	.burger{width:38px;height:38px}
	.burger .ic{font-size:19px}
	.panel_nav{padding:20px 0;top:68px}
	.panel_nav .panel_div{width:min(1180px,calc(100vw - 44px))}
	.panel_nav-top{padding-bottom:14px}
	.panel_nav-kicker{font-size:9.5px;letter-spacing:.22em}
	.panel_nav-top h3{font-size:18px}
	.mm-grid{grid-template-columns:1.1fr 1fr 1fr;gap:0 26px;padding:16px 0 4px}
	.mm-grid .mm-div{gap:2px 14px}
	.mm-col h4{font-size:12px;margin-bottom:11px;gap:8px}
	.mm-col h4 i{font-size:9.5px}
	.mm-link{gap:10px;padding:6px 6px 6px 0}
	.mm-link .thumb{width:100px;height:42px}
	.mm-link .mm-name{font-size:13px}
	.mm-link .mm-name small{font-size:11px}
	.mm-link .ic{font-size:12px}
	.mm-link.more{font-size:12.5px}
	.n-link{font-size:13px;padding:9px 7px;gap:8px}
	.n-link .ic{font-size:13px}
	.mm-feat{padding-left:22px;gap:11px}
	.mm-feat h4{font-size:14px}
	.mm-feat p{font-size:12px;line-height:1.6;margin-bottom:8px}
	.panel_nav-foot{margin:6px -22px 0;padding:11px 22px;font-size:12px}
	.panel_nav-foot .ic{font-size:13px}
	.panel_nav-foot b{font-size:13px}
	.flow-step_nav{padding:9px 7px;gap:10px}
	.flow-step_nav .num{width:22px;height:22px;font-size:10px}
	.flow-step_nav .tx b{font-size:12.5px}
	.flow-step_nav .tx small{font-size:11px}
	.news-row_nav{padding:9px 7px;gap:10px}
	.news-row_nav time{width:66px;font-size:10.5px}
	.news-row_nav span{font-size:12.5px}
	.contact-item{padding:9px 7px;gap:10px}
	.contact-item .ic{font-size:14px}
	.contact-item .tx b{font-size:12.5px}
	.contact-item .tx span{font-size:11.5px}
	.search-panel_nav{width:min(680px,100%)}
	.search-head{padding:18px 22px 12px}
	.search-field{margin:0 22px;padding:14px 16px}
	.search-input{font-size:16px}
	.search-body{padding:20px 22px 6px}
	.search-group h5{font-size:10.5px;margin-bottom:12px}
	.chip{padding:8px 14px;font-size:12.5px}
	.q-card{padding:12px 13px}
	.q-card .q-ic{width:34px;height:34px}
	.q-card .q-tx b{font-size:13px}
	.search-foot{padding:12px 22px;font-size:11.5px}
	.container,.container-index{padding:0 36px}
	.news-crumbs-pa-div{padding:13px 36px;font-size:14.5px}
	.news-crumbs-pa-div a{font-size:14.5px}
	.about-review-cont{padding:0 36px}
	.title-h3-d{font-size:30px}
	.cont-p-d{font-size:14.5px;padding:12px 0}
	.section-index{padding:56px 0}
	.sec-header-index{margin-bottom:38px}
	.sec-header-index .sec-eyebrow-index{font-size:12px;margin-bottom:10px}
	.sec-header-index h2{font-size:27px;margin-bottom:12px}
	.sec-header-index p{font-size:14px}
	.hero-inner-index{padding:108px 0 78px}
	.hero-eyebrow-index{font-size:12px;padding:6px 13px;margin-bottom:18px;gap:7px}
	.hero-eyebrow-index i{font-size:11px}
	.hero-index h1{font-size:28px;letter-spacing:-1px;line-height:1.18;margin-bottom:18px}
	.hero-index h1 em::after{height:8px;bottom:2px}
	.hero-index .hero-sub-index{font-size:15px;line-height:1.85;max-width:590px;margin-bottom:28px}
	.hero-actions-index{gap:12px;margin-bottom:32px}
	.btn-primary-index,
	.btn-ghost-index{padding:13px 30px;font-size:14.5px;gap:8px;border-radius:6px}
	.btn-primary-index i,
	.btn-ghost-index i{font-size:14px}
	.hero-trust-index{gap:24px;padding-top:24px;max-width:590px}
	.hero-trust-item-index{font-size:13px;gap:8px}
	.hero-trust-item-index i{font-size:15px}
	.hero-nav-index{width:40px;height:40px;font-size:14px}
	.hero-prev-index{left:16px}
	.hero-next-index{right:16px}
	.hero-dots-index{bottom:22px;padding:6px 13px;gap:8px}
	.hd-dot-index{width:7px;height:7px}
	.hd-dot-index.active{width:22px}
	.data-item-index{padding:22px 12px}
	.data-item-index .d-num-index{font-size:25px}
	.data-item-index .d-num-index small{font-size:12.5px}
	.data-item-index .d-label-index{font-size:11.5px;margin-top:5px}
	.product-layout-index{grid-template-columns:228px 1fr;gap:24px}
	.ps-header-index{padding:17px 17px 15px}
	.ps-title-index{gap:10px}
	.ps-title-index > i{width:32px;height:32px;font-size:14px}
	.ps-title-index strong{font-size:14px}
	.ps-title-index span{font-size:11px}
	.ps-item-index{padding:12px 17px;gap:10px}
	.ps-icon-index{width:34px;height:34px;font-size:14px;border-radius:8px}
	.ps-text-index strong{font-size:13.5px}
	.ps-text-index span{font-size:11px}
	.ps-arrow-index{font-size:12px}
	.product-param-grid-index{grid-template-columns:repeat(4,1fr);gap:13px}
	.pp-card-index{padding:17px 15px 15px;border-radius:9px}
	.pp-img-index{max-height:160px;margin-bottom:13px}
	.pp-img-index i{font-size:40px}
	.pp-name-index{font-size:13.5px;min-height:36px;margin-bottom:10px}
	.pp-specs-index{gap:6px;padding-top:10px}
	.pp-specs-index li{font-size:12px}
	.pp-recommend-tag-index{font-size:10px;padding:2px 7px}
	.product-more-index{margin-top:36px}
	.btn-outline-index{padding:12px 34px;font-size:14px}
	.system-layout-index{gap:17px}
	.system-img-index{height:270px}
	.system-img-tag-index{font-size:10.5px;padding:3px 10px;top:10px;left:10px}
	.system-body-index{padding:19px 19px}
	.system-body-index h3{font-size:15.5px;margin-bottom:4px}
	.system-sub-index{font-size:10.5px;margin-bottom:12px}
	.system-desc-index{font-size:12.5px;line-height:1.75;margin-bottom:14px}
	.system-specs-index{gap:7px;padding-top:12px;margin-bottom:14px}
	.system-specs-index li{font-size:12px}
	.system-tags-index span{font-size:10.5px;padding:3px 8px}
	.system-integration-index{margin-top:28px;padding:24px 26px;gap:20px;}
	.si-icon-index{width:44px;height:44px;font-size:18px;border-radius:11px}
	.si-text-index h4{font-size:13.5px;margin-bottom:4px}
	.si-text-index p{font-size:12px;line-height:1.7}
	.product-param-grid-index .pp-card-index:nth-child(9),
	.product-param-grid-index .pp-card-index:nth-child(10){display:none;}
	.scene-block-index{gap:42px}
	.scene-block-index + .scene-block-index{margin-top:52px}
	.scene-img-index{height:300px;}
	.scene-img-index i{font-size:32px}
	.scene-img-index .scene-badge-index{font-size:12px;padding:6px 14px;bottom:16px;left:16px}
	.scene-copy-index h3{font-size:22px;margin-bottom:12px}
	.scene-copy-index p{font-size:13.5px;line-height:1.85;margin-bottom:18px}
	.scene-copy-index .scene-tag-index{font-size:11.5px;padding:4px 11px;margin-bottom:12px}
	.scene-list-index{gap:10px}
	.scene-list-index li{font-size:13px;gap:10px}
	.scene-list-index li i{font-size:13px}
	.solutions-accordion{height:450px;gap:13px;margin-top:28px}
	.sol-card{flex:0 0 138px;}
	.sol-vertical-text{font-size:16px;letter-spacing:7px}
	.sol-content{padding:28px 24px}
	.sol-content h3{font-size:19px;margin-bottom:10px}
	.sol-content p{font-size:13px;line-height:1.7;margin-bottom:16px}
	.sol-btn{padding:9px 20px;font-size:13px}
	.service-layout-index{grid-template-columns:344px 1fr;gap:28px;margin-bottom:24px}
	.service-promise-index{padding:30px 26px 24px;}
	.sp-icon-index{width:48px;height:48px;font-size:21px;margin-bottom:14px}
	.sp-head-index{padding-bottom:20px;margin-bottom:22px}
	.sp-head-index h3{font-size:19px;margin-bottom:8px}
	.sp-head-index p{font-size:12.5px;line-height:1.7}
	.sp-stats-index{gap:12px;margin-bottom:22px}
	.sp-stat-index{padding:14px 12px;}
	.sps-num-index{font-size:24px}
	.sps-num-index small{font-size:12px}
	.sps-label-index{font-size:11px;margin-top:6px}
	.sp-cta-index{padding:14px 18px;gap:12px}
	.sp-cta-index > i{font-size:19px}
	.sp-cta-text-index span{font-size:11px}
	.sp-cta-text-index strong{font-size:16px}
	.service-flow-new-index{gap:0}
	.sfn-item-index{gap:20px;padding-bottom:24px}
	.sfn-marker-index{width:72px}
	.sfn-num-index{font-size:10.5px;padding:3px 9px;margin-bottom:10px}
	.sfn-icon-index{width:58px;height:58px;font-size:22px}
	.sfn-item-index::before{left:35px;top:80px}
	.sfn-body-index{padding:19px 22px;border-radius:12px}
	.sfn-body-index h3{font-size:16.5px;margin-bottom:7px}
	.sfn-body-index p{font-size:12.5px;line-height:1.75;margin-bottom:12px}
	.sfn-tags-index{gap:7px;padding-top:12px}
	.sfn-tags-index span{font-size:11px;padding:3px 10px}
	.service-features-index{grid-template-columns:repeat(4,1fr);gap:14px}
	.sf-card-index{padding:19px 17px;border-radius:11px;gap:12px}
	.sf-icon-index{width:40px;height:40px;font-size:17px;border-radius:9px}
	.sf-text-index h4{font-size:13.5px;margin-bottom:5px}
	.sf-text-index p{font-size:12px;line-height:1.65}
	.patent-stats-index{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:40px}
	.patent-stat-index{padding:22px 20px;gap:15px;border-radius:13px}
	.pstat-icon-index{width:50px;height:50px;font-size:21px;border-radius:13px}
	.pstat-num-index{font-size:28px}
	.pstat-num-index small{font-size:15px}
	.pstat-label-index{font-size:12px;margin-top:3px}
	.patent-main-index{grid-template-columns:1.12fr 1fr;gap:26px}
	.patent-left-index{padding:28px 26px 24px;}
	.patent-left-head-index{gap:14px;padding-bottom:20px;margin-bottom:24px}
	.plh-icon-index{width:48px;height:48px;font-size:20px;border-radius:12px}
	.patent-left-head-index h3{font-size:18px;margin-bottom:7px}
	.patent-left-head-index p{font-size:12.5px;line-height:1.75}
	.patent-timeline-index{padding-left:28px}
	.patent-timeline-index::before{left:7px}
	.ptl-item-index{padding-bottom:20px}
	.ptl-dot-index{left:-31px;width:16px;height:16px;top:20px;border-width:3px}
	.ptl-card-index{padding:18px 20px;border-radius:11px}
	.ptl-card-head-index{margin-bottom:10px;gap:8px}
	.ptl-type-index{font-size:11px;padding:3px 10px}
	.ptl-year-index{font-size:11.5px}
	.ptl-card-index h4{font-size:14px;margin-bottom:8px;line-height:1.45}
	.ptl-card-index p{font-size:12px;line-height:1.7;margin-bottom:10px}
	.ptl-meta-index{gap:7px;padding-top:10px}
	.ptl-meta-index span{font-size:11px;padding:3px 9px}
	.cert-slider-index{padding:8px 0}
	.cert-track-index{gap:14px}
	.cert-item-index{padding:11px;border-radius:8px}
	.cert-img-box-index{height:420px;margin-bottom:11px}
	.cert-title-index{font-size:12.5px}
	.cert-dots-index{margin:14px 0;gap:7px}
	.cert-dot-index{width:7px;height:7px}
	.verify-data-index{padding:24px 22px;}
	.verify-data-index h3{font-size:14px;margin-bottom:18px;gap:9px}
	.verify-data-index h3 i{width:30px;height:30px;font-size:13px}
	.verify-list-index{gap:14px}
	.verify-item-top-index span{font-size:12.5px}
	.verify-item-top-index strong{font-size:13px}
	.verify-bar-index{height:5px}
	.verify-note-index{margin-top:16px;padding:11px 13px;font-size:11px}
	.patent-value-index{margin-top:42px}
	.patent-value-title-index{margin-bottom:24px}
	.patent-value-title-index h3{font-size:20px;margin-bottom:8px}
	.patent-value-title-index p{font-size:13px}
	.patent-value-grid-index{grid-template-columns:repeat(4,1fr);gap:14px}
	.pv-card-index{padding:22px 20px;}
	.pv-icon-index{width:46px;height:46px;font-size:19px;margin-bottom:14px;border-radius:11px}
	.pv-card-index h4{font-size:14px;margin-bottom:7px}
	.pv-card-index p{font-size:12px;line-height:1.7}
	.advantage-grid-index{grid-template-columns:repeat(3,1fr);gap:20px}
	.advantage-card-index{padding:28px 24px 24px;}
	.ac-head-index{margin-bottom:16px}
	.ac-icon-index{width:50px;height:50px;font-size:21px;border-radius:12px}
	.ac-num-index{font-size:34px}
	.advantage-card-index h3{font-size:16px;margin-bottom:9px}
	.advantage-card-index p{font-size:13px;line-height:1.8;margin-bottom:16px}
	.ac-tags-index{gap:6px;padding-top:14px}
	.ac-tags-index span{font-size:11px;padding:4px 10px}
	.advantage-tag-grid-index{gap:7px;margin-top:16px;padding-top:16px}
	.advantage-tag-grid-index span{font-size:11.5px;padding:5px 12px}
	.brand-grid-index{grid-template-columns:repeat(6,1fr);gap:14px}
	.bc-logo-index{height:86px;padding:0 10px}
	.bc-info-index{padding:12px 10px 14px}
	.bc-info-index h4{font-size:12.5px;margin-bottom:4px}
	.bc-info-index p{font-size:11px}
	.about-layout-index{grid-template-columns:1fr 1fr;margin-bottom:56px}
	.about-copy-left{max-height:219px;}
	.about-data{padding:20px 0;}
	#about .about-copy-index{height:414px;}
	#about .about-image-index{height:414px;}
	.about-copy-index h2{font-size:33px;margin-bottom:20px}
	.about-copy-index p{font-size:14px;line-height:1.85;margin-bottom:10px}
	.about-btn-index{padding:12px 32px;font-size:14px;margin-top:14px}
	.about-stats-index{gap:32px}
	.stat-number{font-size:44px}
	.stat-number span{font-size:22px}
	.stat-label-top,.stat-label-bottom{font-size:13px}
	.stat-line{margin-bottom:20px}
	.case-grid-index{gap:20px}
	.case-card-index{padding:26px 24px;}
	.case-quote-index{font-size:38px}
	.case-card-index p{font-size:13px;line-height:1.85;margin-bottom:20px}
	.case-author-index{gap:11px;padding-top:16px}
	.case-avatar-index{width:40px;height:40px;font-size:14px}
	.case-author-index .ca-info-index h4{font-size:13.5px}
	.case-author-index .ca-info-index p{font-size:11.5px}
	.news-main-index{grid-template-columns:1.28fr 1fr;gap:18px;margin-bottom:38px}
	.nf-track-index{min-height:408px}
	.nf-caption-index{padding:26px 26px 24px}
	.nf-date-index{font-size:12px;padding:3px 9px;margin-bottom:9px}
	.nf-caption-index h3{font-size:18px;line-height:1.48}
	.nf-nav-index{width:40px;height:40px;font-size:15px}
	.nf-prev-index{left:15px}
	.nf-next-index{right:15px}
	.nf-dots-index{bottom:16px;right:20px;padding:5px 11px}
	.nf-dot-index{width:6px;height:6px}
	.nf-dot-index.active{width:18px}
	.news-side-index{gap:18px}
	.ns-slogan-index,.ns-parts-index{padding:20px 18px 0}
	.ns-text-index .ns-label-index{font-size:12px;margin-bottom:5px}
	.ns-text-index .ns-title-index{font-size:14px;line-height:1.4}
	.ns-slogan-index .ns-img-index,
	.ns-parts-index .ns-img-index{height:70px}
	.ns-parts-index .ns-img-index i{font-size:36px}
	.ns-video-index,.ns-red-index{min-height:155px}
	.ns-play-index{width:48px;height:48px;font-size:18px}
	.ns-video-text-index{font-size:12px;bottom:18px}
	.ns-red-index{padding:20px 18px}
	.ns-red-date-index{font-size:12px}
	.ns-red-title-index{font-size:13.5px;line-height:1.45}
	.news-list-wrap-index{padding-top:32px}
	.news-list-index{gap:34px}
	.nl-item-index{flex:0 0 232px}
	.nl-item-index h4{font-size:13px;min-height:40px;margin-bottom:10px;line-height:1.5}
	.nl-date-index{font-size:12px;margin-bottom:10px}
	.nl-item-index p{font-size:12px;margin-bottom:14px}
	.vm-box-index{width:min(880px,100%,calc(70vh * 16/9))}
	.vm-title-index{padding:12px 16px;font-size:13px}
	.footer-index{padding:46px 0 18px;font-size:13px}
	.footer-grid-index{
		grid-template-columns:1.8fr .78fr .78fr .78fr .78fr .78fr .78fr 1.15fr;
		gap:24px;padding-bottom:38px;
	}
	.footer-brand-index .fb-logo-index{font-size:22px;margin-bottom:16px;gap:10px}
	.footer-brand-index .fb-logo-index .brand-index{font-size:22px}
	.footer-brand-index p{font-size:12.5px;line-height:1.8;margin-bottom:18px}
	.footer-contact-index{gap:9px}
	.footer-contact-index span{font-size:12.5px}
	.footer-contact-index i{font-size:13px}
	.footer-contact-index .f-tel-index{font-size:18px}
	.footer-col-index h4{font-size:14px;margin-bottom:16px;padding-bottom:11px}
	.footer-links-index{gap:10px}
	.footer-links-index a{font-size:12.5px;gap:6px}
	.footer-qr-index{gap:14px}
	.qr-box-index{width:56px;height:56px;border-radius:8px}
	.qr-item-index span{font-size:11.5px}
	.footer-tel-index{font-size:12.5px}
	.footer-bottom-index{padding:18px 0;font-size:12.5px}
	.footer-tags-index{padding-bottom:30px}
	.pagination{gap:7px;margin-top:34px}
	.pagination .page-btn,
	.pagination .page-num{min-width:38px;height:38px;padding:0 11px;font-size:13.5px}
	.about-review{padding:50px 0}
	.about-review-cont ul{margin-top:34px}
	.about-review-cont ul li input,
	.about-review-cont ul li textarea{height:50px;line-height:50px;font-size:13.5px;padding-left:13px}
	.about-review-cont ul li #btnSubmit{font-size:15px}
	.mobile-tabbar-index{display:none}
	.mtb-mask-index{display:none}
	body{padding-bottom:0}
	img{max-width:100%;height:auto;}
	.system-img-index img,
	.hb-bg-index img,
	.nf-slide-index img{height:100%;object-fit:cover;}
	#about .about-image-index:before{height:99px;}

	/* about / 证书 */
	.about-layout-index{margin-bottom:56px;}
	.about-copy-index h2{font-size:33px;margin-bottom:20px;}
	.about-copy-index p{font-size:14px;line-height:1.85;margin-bottom:10px;}
	.about-btn-index{padding:12px 32px;font-size:14px;margin-top:14px;}
	.about-cert-wrap-index{margin-top:18px;}
	.cert-block-index + .cert-block-index{margin-top:38px;}
	.cert-block-head-index{gap:12px;margin-bottom:20px;}
	.cbh-title-index{font-size:15px;gap:8px;}
	.cbh-title-index i{width:28px;height:28px;font-size:12px;}
	.cbh-count-index{font-size:11.5px;padding:2px 9px;}
	.cert-landscape-grid-index{grid-template-columns:repeat(4,1fr);gap:18px;}
	.cert-portrait-grid-index{grid-template-columns:repeat(6,1fr);gap:14px;}
	.cl-frame-index,
	.cp-frame-index{padding:8px;}
	.cl-body-index,
	.cp-body-index{padding:12px;}
	.cl-body-index h4{font-size:13px;}
	.cl-body-index p{font-size:11px;}
	.cp-body-index h4{font-size:12px;}
	.cp-body-index p{font-size:10px;}
	.cl-ribbon-index{top:12px;right:12px;font-size:10px;}
	.cl-year-index{left:14px;bottom:12px;font-size:10.5px;}
	
	.solution-section { height: 620px; }
	.content-wrapper { left: 64px; bottom: 112px; }
	.slide-title { font-size: 42px; margin-bottom: 24px; }
	.slide-desc { font-size: 15px; line-height: 28px; margin-bottom: 12px; }
	
	.right-panel { padding: 30px 40px 0px 0px; }
	.header-box { margin-bottom: 20px; }
	.header-title-row { gap: 20px; margin-bottom: 20px; }
	.header-title { font-size: 26px; }
	.header-line { width: 32px;}
	.menu-item { padding: 20px 40px; }
	.menu-left { gap: 24px; }
	.menu-icon { font-size: 28px; width: 32px; }
	.menu-title { font-size: 18px; }
	.menu-plus { font-size: 14px; }
	.menu-item.active{padding:20px 50px 20px 20px;}
	.menu-item.active::after{height:68px;}
}

/* ---------------------------------------------------------------------
   29.3 笔记本（≤ 1280px）
   --------------------------------------------------------------------- */
@media (max-width: 1280px) {
	.panel_nav{width:calc(100vw - 40px);padding:22px 24px 0}
	.panel_nav-foot{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
	.mm-grid{gap:0 28px}
	.product-param-grid-index{grid-template-columns:repeat(4,1fr);}
	.brand-grid-index{grid-template-columns:repeat(5,1fr);}
	.data-grid-index{grid-template-columns:repeat(3,1fr);}
	.data-item-index:nth-child(3){border-right:none;}
	.data-item-index:nth-child(1),
	.data-item-index:nth-child(2),
	.data-item-index:nth-child(3){border-bottom:1px solid var(--border);}
	.service-layout-index{grid-template-columns:360px 1fr;gap:28px;}
	.service-features-index{grid-template-columns:repeat(2,1fr);}
	.patent-value-grid-index{grid-template-columns:repeat(2,1fr);}
	.about-review-cont ul li input{height:40px;line-height:40px;font-size:12px;padding-left:10px;}
	.system-layout-index{grid-template-columns:repeat(2,1fr);}
	.system-integration-index{grid-template-columns:repeat(2,1fr);gap:22px;}
	.footer-grid-index{grid-template-columns:repeat(4, 1fr);gap:24px;}
	.footer-contact-col-index{grid-column: span 4;}

	.about-layout-index{margin-bottom:52px;}
	.about-copy-index h2{font-size:30px;margin-bottom:18px;}
	.about-copy-index p{font-size:14px;line-height:1.8;margin-bottom:12px;}
	.about-btn-index{padding:12px 30px;font-size:14px;margin-top:14px;}
	.about-cert-wrap-index{margin-top:18px;}
	.cert-block-index + .cert-block-index{margin-top:36px;}
	.cert-landscape-grid-index{grid-template-columns:repeat(4,1fr);gap:18px;}
	.cert-portrait-grid-index{grid-template-columns:repeat(5,1fr);gap:16px;}
	.about-data{padding:20px 0;}
	.about-copy-left{max-height:initial;}
	.about-data{display:none;}
	#about-data{display:flex;}
	#about .about-copy-index{height:396px;}
	#about .about-image-index{height:396px;}
	.brand,.brand_phone{min-width:128px;}
	.brand img,.brand_phone img{width:128px;height:18px;}
	header .bar{gap:5px;padding:0 30px;}
	.nav-link,.plain{padding:10px 5px;}
	
	.solution-section { height: 480px; }
	.content-wrapper { left: 48px; bottom: 96px; }
	.slide-title { font-size: 28px; }
	.slide-desc { font-size: 13px; line-height: 24px; }
	
	.right-panel { padding: 30px 35px 0px 0px; }
	.header-box { margin-bottom: 20px; padding-left:30px; }
	.header-title-row { gap: 16px; margin-bottom: 16px; }
	.header-title { font-size: 20px; }
	.header-subtitle { font-size: 14px; }
	.menu-item { padding: 15px 32px; }
	.menu-item.active{padding: 15px 50px 15px 20px;}
	.menu-item.active::after{height:49px;}
	.menu-left { gap: 20px; }
	.menu-icon { font-size: 18px; width: 20px; }
	.menu-title { font-size: 14px; }
}

/* ---------------------------------------------------------------------
   29.4 平板横屏（≤ 1200px）
   --------------------------------------------------------------------- */
@media (max-width: 1200px) {
	.mainnav{display:none}
	.burger{display:inline-flex;color:#333;}
	.tool-eng,.tool-login{display:none}
	.brand{min-width:0}
	.main-nav-index{display:none;}
	.nav-toggle-index{display:block;}
	.hero-index h1{font-size:26px;}
	.hero-nav-index{display:none;}
	.hero-inner-index{padding:76px 0 104px;}
	.product-layout-index{grid-template-columns:1fr;gap:18px;}
	.product-sidebar-index{position:static;overflow:hidden;background:transparent;border:none;}
	.ps-header-index{display:none;}
	.ps-nav-index{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 0;
		overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
		scrollbar-width:none;scroll-snap-type:x proximity;}
	.ps-nav-index::-webkit-scrollbar{display:none;}
	.ps-item-index{flex:0 0 auto;display:inline-flex;flex-direction:row;
		align-items:center;justify-content:center;gap:7px;
		padding:9px 16px;border-left:none;border-bottom:none;
		border:1px solid var(--border);border-radius:30px;
		background:#fff;scroll-snap-align:start;min-width:auto;
		transition:all .25s;}
	.ps-icon-index{width:auto;height:auto;background:transparent;
		color:var(--gray-2);font-size:14px;flex-shrink:0;transition:color .2s;}
	.ps-item-index .ps-text-index{flex:0 0 auto;}
	.ps-text-index strong{font-size:13.5px;font-weight:600;white-space:nowrap;
		line-height:1.2;display:block;}
	.ps-text-index span{display:none;}
	.ps-item-index .ps-arrow-index{display:none;}
	.ps-item-index:hover,
	.ps-item-index.active{background:var(--red);border-color:var(--red);color:#fff;}
	.ps-item-index:hover .ps-icon-index,
	.ps-item-index.active .ps-icon-index{background:transparent;color:#fff;box-shadow:none;}
	.ps-item-index:hover .ps-text-index strong,
	.ps-item-index.active .ps-text-index strong{color:#fff;}
	.product-param-grid-index{grid-template-columns:repeat(3,1fr);}
	.service-layout-index{grid-template-columns:1fr;gap:28px;}
	.service-promise-index{position:static;}
	.patent-main-index{grid-template-columns:1fr;gap:28px;}
	.advantage-grid-index{grid-template-columns:repeat(2,1fr);}
	.brand-about-grid-index{grid-template-columns:1fr;gap:40px;}
	.case-grid-index{grid-template-columns:1fr;}
	.footer-grid-index{grid-template-columns:1fr 1fr;gap:36px;}
	.brand-grid-index{grid-template-columns:repeat(4,1fr);}
	.about-copy-index h2{font-size:28px;}
	.about-stats-index{grid-template-columns:repeat(2,1fr);gap:30px;}
	.news-main-index{grid-template-columns:1fr;gap:20px;}
	.nf-track-index{min-height:360px;}
	.news-side-index{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}
	.nl-item-index{flex:0 0 220px;}
	.footer-grid-index{grid-template-columns:repeat(3, 1fr);}
	.footer-contact-col-index{grid-column: span 3;}
	.footer-tags-index{gap:10px 16px;}

	/* about / 证书 */
	.about-layout-index{
		grid-template-columns:1fr;
		gap:0;
		margin-bottom:40px;
	}
	.about-copy-index h2{font-size:28px;margin-bottom:16px;}
	.about-copy-index p{font-size:14.5px;line-height:1.85;margin-bottom:12px;}
	.about-btn-index{padding:13px 32px;font-size:14.5px;margin-top:14px;}
	.about-image-index{width:100%;}
	.about-cert-wrap-index{margin-top:14px;}
	.cert-block-index + .cert-block-index{margin-top:32px;}
	.cert-block-head-index{gap:12px;margin-bottom:18px;}
	.cbh-title-index{font-size:15px;}
	.cbh-count-index{font-size:11.5px;}
	.cert-landscape-grid-index{grid-template-columns:repeat(2,1fr);gap:30px;}
	.cert-portrait-grid-index{grid-template-columns:repeat(3,1fr);gap:30px;}
	.cl-frame-index,
	.cp-frame-index{padding:8px;}
	.cl-body-index{padding:13px;}
	.cp-body-index{padding:11px 10px 13px;}
	#about .about-image-index{height:auto;}
	#about .about-copy-index{height:auto;}
	header .bar{padding:0 20px;}
	
	.solution-section { height: 400px; }
	.left-panel { width: 65%; }
	.content-wrapper { left: 32px; bottom: 80px; width: 80%; }
	.slide-title { font-size: 32px; margin-bottom: 16px; }
	.slide-desc { font-size: 14px; line-height: 24px; margin-bottom: 8px; }
	
	.right-panel { width: 35%; padding:30px 24px 0px 0px; }
	.header-box { margin-bottom: 20px; }
	.header-title-row { gap: 12px; margin-bottom: 12px; }
	.header-title { font-size: 16px; }
	.header-line { width: 28px; height: 3px; }
	.header-subtitle { font-size: 12px; line-height: 20px; }
	.menu-item { padding: 15px 24px; }
	.menu-left { gap: 16px; }
	.menu-icon { font-size: 16px; width: 18px; }
	.menu-title { font-size: 13px; }
	.menu-plus { font-size: 12px; }
	.menu-item.active::after{height:47px;}
	
	#about .about-image-index:before{display:none;}
	.scene-block-index{display:block;}
	.scene-img-index{height:auto;margin-bottom:30px;}
	.about-data{margin-top:0;}
}

/* ---------------------------------------------------------------------
   29.5 平板竖屏 / 手机（≤ 900px）
   --------------------------------------------------------------------- */
@media (max-width: 900px) {
	.sec-header-index { margin: 45px auto 35px; }
	.sec-header-index h2 { font-size: 26px; }
	.sec-header-index p { font-size: 14px; }
	.sec-eyebrow-index { font-size: 12px; letter-spacing: 2px; }
	.app-wrap { height: auto; padding-bottom: 120px; }
	.content-container { padding:20px; }
	.app-card-shell { width: 100%; max-width: 420px; margin: 0 auto; padding:0;background:0;backdrop-filter:blur(0px);}
	.app-tab-nav { width: 100%; bottom: 0px; overflow-x: auto; }
	.app-tab-item { flex: 0 0 130px; padding:20px 15px;}
	.app-card-header .card-title{font-size:18px;}
	.app-icon{font-size:20px;}
	.case-content p{font-size:13px;line-height:1.75}
	.case-content{min-height:120px;}

	.container,.container-index{padding:0 20px;}
	.section-index{padding:30px 0;}
	.news-crumbs-pa-div{width:auto;}
	.news-crumbs-pa-div{padding:10px 0;}
	.news-pages-div,.news-crumbs-pa-div{padding-left:15px;padding-right:15px;}
	.news-crumbs-pa{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-crumbs-pa-div{font-size:13px;}
	.news-crumbs-pa-div a{font-size:13px;}
	.sec-header-index h2{font-size:26px;}
	.sec-header-index{margin:0 auto 35px;}
	.sec-header-index .sec-eyebrow-index{font-size:12px;margin-bottom:10px;}
	.sec-header-index p{font-size:14px;}
	.hero-inner-index{padding:58px 0 92px;max-width:initial}
	.hero-index h1{font-size:24px;}
	.hero-index .hero-sub-index{font-size:15px;max-width:initial}
	.scene-block-index{grid-template-columns:1fr;gap:32px;}
	.scene-block-index.reverse-index .scene-img-index{order:1;}
	.scene-block-index.reverse-index .scene-copy-index{order:2;}
	.scene-img-index{height:auto;}
	.scene-copy-index h3{font-size:22px;}
	.footer-grid-index,.footer-tags-index{display:none;}
	.footer-brand-index{width:100%;}
	.product-param-grid-index{grid-template-columns:repeat(2,1fr);}
	.service-features-index{grid-template-columns:1fr 1fr;}
	.patent-stats-index{grid-template-columns:repeat(2,1fr);}
	.brand-grid-index{grid-template-columns:repeat(3,1fr);}
	.bc-logo-index{height:88px;}
	.bc-logo-text-index{font-size:17px;}
	.nf-track-index{min-height:300px;}
	.nf-caption-index{padding:24px;}
	.nf-caption-index h3{font-size:16px;}
	.nf-date-index{font-size:12px;}
	.nf-nav-index{width:38px;height:38px;font-size:14px;}
	.nf-prev-index{left:12px;}
	.nf-next-index{right:12px;}
	.nl-item-index{flex:0 0 200px;}
	.footer-index{padding:30px 0;}
	.about-review-cont ul li input{height:40px;line-height:40px;font-size:12px;padding-left:10px;}
	.about-case-cont ul li{height:80px;}
	.about-review-cont ul li{margin-right:5px;}
	.patent-main-index{display:block;}
	.solutions-accordion{flex-direction:column;height:auto;gap:12px;}
	.sol-card{flex:0 0 240px !important;width:100%;}
	.sol-vertical-text{writing-mode:horizontal-tb;text-orientation:mixed;
		transform:translate(-50%,-50%);white-space:normal;width:100%;
		text-align:center;letter-spacing:2px;display:none;}
	.sol-card.active .sol-vertical-text{opacity:0;}
	.sol-content{opacity:1;transform:translateY(0);pointer-events:auto;
		background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 100%);
		display:flex;flex-direction:column;justify-content:flex-end;padding:20px;}
	.sol-content p{-webkit-line-clamp:2;font-size:13px;margin-bottom:12px;}
	.sol-content h3{font-size:18px;margin-bottom:6px;}
	.tools .hotline{display:none}
	.search-overlay{padding:16px 12px}
	.search-panel_nav{max-height:88vh}
	.search-head{padding:16px 18px 12px}
	.search-field{margin:0 18px;padding:13px 15px;gap:12px}
	.search-input{font-size:15px}
	.search-body{padding:18px 18px 6px}
	.quick-grid{grid-template-columns:repeat(2,1fr)}
	.q-card{padding:11px}
	.q-card .q-ic{width:32px;height:32px}
	.q-card .q-tx small{display:none}
	.search-foot{padding:11px 18px}
	.brand img{width:160px;height:23px;}
	.system-layout-index{grid-template-columns:1fr;gap:16px;}
	.system-img-index{height:260px;background:#fff}
	.system-img-index img{width:75%;margin:0 auto;filter:initial;}
	.system-body-index{padding:20px 18px 20px;}
	.system-body-index h3{font-size:16px;}
	.system-sub-index{font-size:10.5px;margin-bottom:12px;}
	.system-desc-index{font-size:12.5px;line-height:1.75;margin-bottom:14px;}
	.system-specs-index li{font-size:12px;}
	.system-tags-index span{font-size:10.5px;padding:3px 8px;}
	.system-integration-index{grid-template-columns:1fr;padding:22px 18px;gap:16px;}
	.si-icon-index{width:42px;height:42px;font-size:17px;}
	.si-text-index h4{font-size:13.5px;}
	.si-text-index p{font-size:12px;}
	.pagination{gap:6px;margin-top:30px;}
	.pagination .page-btn,
	.pagination .page-num{min-width:34px;height:34px;padding:0 9px;font-size:13px;border-radius:6px;}
	.pagination .page-dots{min-width:24px;height:34px;}
	.mobile-tabbar-index{display:block;}
	.mtb-mask-index{display:block;}
	.cert-landscape-grid-index{grid-template-columns: repeat(2, 1fr);}
	.cert-portrait-grid-index{grid-template-columns: repeat(2, 1fr);}

	/* about / 证书 */
	#about{background-position:center bottom;background-size:cover;}
	.about-layout-index{gap:28px;margin-bottom:32px;}
	.about-copy-index h2{font-size:26px;margin-bottom:14px;}
	.about-copy-index p{font-size:14px;line-height:1.8;margin-bottom:10px;text-align:left;}
	.about-btn-index{padding:12px 28px;font-size:14px;border-radius:40px;margin-top:12px;}
	.about-cert-wrap-index{margin-top:8px;}
	.cert-block-index + .cert-block-index{margin-top:28px;}
	.cert-block-head-index{gap:10px;margin-bottom:16px;}
	.cbh-title-index{font-size:14px;gap:8px;}
	.cbh-title-index i{width:26px;height:26px;font-size:12px;}
	.cbh-count-index{font-size:11px;padding:2px 8px;}
	.cert-landscape-grid-index{grid-template-columns:repeat(2,1fr);gap:12px;}
	.cert-portrait-grid-index{grid-template-columns:repeat(3,1fr);gap:12px;}
	.cl-frame-index,
	.cp-frame-index{padding:8px;}
	.cl-ribbon-index{top:10px;right:10px;font-size:10px;padding:2px 7px;}
	.cl-year-index{left:12px;bottom:10px;font-size:10.5px;}
	.cl-body-index{padding:12px;}
	.cl-body-index h4{font-size:13px;margin-bottom:4px;}
	.cl-body-index p{font-size:11px;line-height:1.5;}
	.cp-body-index{padding:10px 9px 12px;}
	.cp-body-index h4{font-size:12px;margin-bottom:3px;}
	.cp-body-index p{font-size:10px;line-height:1.4;}
	.cp-seal-index{width:28px;height:28px;font-size:11px;bottom:10px;}
	.cert-landscape-card-index:before,
	.cert-portrait-card-index:before{left:6px;bottom:-8px;}
	.cert-landscape-card-index:after,
	.cert-portrait-card-index:after{right:-8px;top:6px;width:6px;}
	.scene-img-index i{font-size:20px;}
	.scene-copy-index p{font-size:13px;}
	.scene-list-index li{font-size:12px;}
	.about-data{display:none;}
	#about-data{display:flex;margin-top:0;}
	.about-data .stat span{font-size:12px;}
	.about-data .stat strong{font-size:16px;}
	.about-data .stat strong sup{font-size:12px;}
	.about-copy-left{padding-right:10px;}
	#about .about-copy-index{padding-left:0;padding:0 20px;}
	.about-copy-left{max-height:initial;padding-right:0;}
	#about .about-cert-wrap-index{padding:0 20px;}
	header .bar{padding:0 15px;}
	#about .about-image-index:before{display:none;}
	
	.solution-section { flex-direction: column; height: auto; }
	.left-panel { width: 100%; height: 800px; touch-action: pan-y; }
	.content-wrapper { left: 32px; right: 32px; bottom: 64px; width: auto; }
	.slide-title { font-size: 32px; }
	.slide-desc { font-size: 14px; line-height: 24px; }
	
	/* 移动端隐藏右侧菜单 */
	.right-panel { display: none; }
}

/* ---------------------------------------------------------------------
   29.6 小屏手机（≤ 600px）
   --------------------------------------------------------------------- */
@media (max-width: 600px) {
	#hb1{background:url(/template/pc/skin/css/../images/banner/01-phone.jpg) no-repeat;background-size:100%;}
	#hb2{background:url(/template/pc/skin/css/../images/banner/02-phone.jpg) no-repeat;background-size:100%;}
	#hb3{background:url(/template/pc/skin/css/../images/banner/03-phone.jpg) no-repeat;background-size:100%;}
	#hb4{background:url(/template/pc/skin/css/../images/banner/04-phone.jpg) no-repeat;background-size:100%;}
	#hb5{background:url(/template/pc/skin/css/../images/banner/05-phone.jpg) no-repeat;background-size:100%;}
	.hb-bg-index img{display:none;}
	.container-index{padding:0 15px;}
	.top-bar-index .tb-left-index span:nth-child(n+2){display:none;}
	.header-inner-index{height:66px;}
	.logo-text-index .slogan-index{display:none;}
	.header-phone-index .hp-text-index{display:none;}
	.about-review-cont{padding:0 15px;}
	.about-review-cont ul li{float:none;width:100%!important;margin-bottom:10px;margin-right:0;}
	.about-review-cont ul li input{padding:0 3%;height:60px;font-size:14px;}
	.about-review-cont ul{margin-top:10px;}
	.about-review-cont ul li input{height:48px;}
	.hero-inner-index{padding:100px 0 200px;}
	.hero-index h1{font-size:20px;}
	.hero-index .hero-sub-index{font-size:14px;}
	.hero-actions-index{gap:10px;}
	.btn-primary-index,.btn-ghost-index{padding:13px 0;font-size:14px;flex:1;justify-content:center;}
	.hero-trust-index{gap:16px;background:rgba(255,255,255,.1);
		backdrop-filter:blur(16px);border-top:0;padding-bottom:30px;justify-content:center;}
	.hero-trust-item-index{font-size:12.5px;}
	.hero-dots-index{bottom:18px;gap:7px;padding:6px 11px;}
	.hd-dot-index{width:7px;height:7px;}
	.hd-dot-index.active{width:18px;}
	.hb-slide-index.active .hb-bg-index img{transform:scale(1.06);}
	.title-h3-d{font-size:18px;}
	.cont-p-d{font-size:13px;}
	.data-grid-index{grid-template-columns:repeat(2,1fr);}
	.data-item-index:nth-child(2){border-right:none;}
	.data-item-index:nth-child(1),
	.data-item-index:nth-child(2){border-bottom:1px solid var(--border);}
	.data-item-index{padding:22px 14px;border:0!important;}
	.data-bar-index{background:#f8f8f8;border:0;}
	.data-item-index .d-num-index{font-size:24px;}
	.data-item-index .d-label-index{font-size:12px;}
	.sec-header-index h2{font-size:22px;}
	.sec-header-index p{font-size:14px;}
	.pp-img-index{max-height:140px;}
	.ps-nav-index{gap:7px;padding:8px 0;}
	.ps-item-index{padding:8px 14px;gap:6px;}
	.ps-icon-index{font-size:13px;}
	.ps-text-index strong{font-size:13px;}
	.product-param-grid-index{gap:12px;}
	.pp-card-index{padding:16px 14px 16px;}
	.pp-name-index{font-size:13.5px;min-height:auto;}
	.service-promise-index{padding:28px 22px 24px;}
	.sp-head-index h3{font-size:18px;}
	.sp-stats-index{gap:10px;}
	.sp-stat-index{padding:14px 10px;}
	.sps-num-index{font-size:22px;}
	.sps-label-index{font-size:11px;}
	.sp-cta-index{padding:14px 16px;}
	.sp-cta-text-index strong{font-size:16px;}
	.sfn-item-index{gap:14px;padding-bottom:22px;}
	.sfn-marker-index{width:60px;}
	.sfn-icon-index{width:52px;height:52px;font-size:20px;}
	.sfn-num-index{font-size:10.5px;padding:2px 8px;margin-bottom:8px;}
	.sfn-item-index::before{left:29px;top:74px;}
	.sfn-body-index{padding:18px 18px;}
	.sfn-body-index h3{font-size:16px;}
	.sfn-body-index p{font-size:13px;}
	.service-features-index{grid-template-columns:1fr;gap:12px;}
	.sf-card-index{padding:18px 16px;}
	.sf-icon-index{width:40px;height:40px;font-size:17px;}
	.sf-text-index h4{font-size:13.5px;}
	.sf-text-index p{font-size:12px;}
	.patent-stats-index{grid-template-columns:1fr;gap:12px;}
	.patent-stat-index{padding:20px 18px;}
	.patent-left-index{padding:24px 20px 22px;}
	.patent-left-head-index{flex-direction:column;gap:14px;}
	.plh-icon-index{width:46px;height:46px;font-size:19px;}
	.patent-left-head-index h3{font-size:17px;}
	.patent-timeline-index{padding-left:26px;}
	.patent-timeline-index::before{left:6px;}
	.ptl-dot-index{left:-26px;width:16px;height:16px;top:20px;}
	.ptl-card-index{padding:16px 18px;}
	.ptl-card-index h4{font-size:14px;}
	.cert-matrix-index{grid-template-columns:1fr 1fr;gap:10px;}
	.cert-matrix-item-index{padding:18px 14px 16px;}
	.cmi-img-index{height:76px;}
	.cmi-img-index i{font-size:32px;}
	.cert-matrix-item-index h4{font-size:12.5px;}
	.cert-matrix-item-index p{font-size:11px;}
	.verify-data-index{padding:22px 18px;}
	.verify-item-top-index span{font-size:12.5px;}
	.verify-item-top-index strong{font-size:13px;}
	.patent-value-grid-index{gap:12px;}
	.pv-card-index{padding:20px 18px;}
	.patent-value-title-index h3{font-size:19px;}
	.about-layout-index{gap:0;margin-bottom:20px;}
	.about-copy-index h2{font-size:24px;margin-bottom:16px;}
	.about-copy-index p{font-size:14px;margin-bottom:10px;}
	.about-btn-index{padding:12px 28px;font-size:14px;}
	.about-stats-index{gap:24px;padding-top:28px;}
	.brand-grid-index{grid-template-columns:repeat(2,1fr);gap:12px;}
	.bc-logo-index{height:76px;}
	.bc-logo-text-index{font-size:15px;}
	.bc-info-index{padding:12px 10px 14px;}
	.bc-info-index h4{font-size:12.5px;}
	.bc-info-index p{font-size:11px;}
	.advantage-grid-index{grid-template-columns:1fr;gap:16px;}
	.advantage-card-index{padding:24px 20px 22px;}
	.ac-icon-index{width:46px;height:46px;font-size:19px;}
	.ac-num-index{font-size:30px;}
	.advantage-card-index h3{font-size:15.5px;}
	.advantage-card-index p{font-size:13px;}
	.brand-points-index{grid-template-columns:1fr;}
	.brand-stats-index{padding:26px 22px;}
	.brand-stats-index h3{font-size:16px;}
	.news-main-index{gap:14px;}
	.nf-track-index{min-height:260px;}
	.nf-caption-index{padding:20px 18px 18px;}
	.nf-date-index{font-size:11px;padding:2px 8px;margin-bottom:8px;}
	.nf-caption-index h3{font-size:15px;line-height:1.45;}
	.nf-nav-index{display:none;}
	.nf-dots-index{right:50%;transform:translateX(50%);bottom:10px;
		padding:5px 10px;background:rgba(0,0,0,.5);}
	.nf-dot-index{width:6px;height:6px;}
	.nf-dot-index.active{width:16px;}
	.news-side-index{grid-template-columns:1fr 1fr;gap:12px;}
	.ns-slogan-index,
	.ns-parts-index{padding:16px 14px 0;}
	.ns-text-index .ns-label-index{font-size:11.5px;margin-bottom:4px;}
	.ns-text-index .ns-title-index{font-size:12.5px;line-height:1.4;}
	.ns-slogan-index .ns-img-index,
	.ns-parts-index .ns-img-index{height:60px;}
	.ns-slogan-index .ns-img-index img,.ns-parts-index .ns-img-index img{display:block;width:auto;height:100%;}
	.ns-video-index,
	.ns-red-index{min-height:130px;}
	.ns-play-index{width:42px;height:42px;font-size:16px;}
	.ns-video-text-index{font-size:11.5px;bottom:14px;letter-spacing:1px;}
	.ns-red-index{padding:16px 14px;}
	.ns-red-date-index{font-size:11.5px;}
	.ns-red-title-index{font-size:12.5px;line-height:1.45;}
	.video-modal-index{padding:0;align-items:center;}
	.vm-box-index{width:100%;border-radius:0;box-shadow:none;}
	.vm-close-index{top:10px;right:10px;width:34px;height:34px;font-size:15px;}
	.vm-title-index{font-size:12.5px;padding:12px 14px;gap:7px;}
	.vm-title-index span{display:none;}
	.news-list-wrap-index{-webkit-mask-image:none;mask-image:none;padding-top:28px;}
	.news-list-index{gap:14px;animation:none;transform:none !important;
		overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
		scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:6px;width:auto;}
	.news-list-index::-webkit-scrollbar{display:none;}
	.nl-item-index{flex:0 0 220px;scroll-snap-align:start;padding-right:0;}
	.nl-item-index h4{min-height:auto;font-size:13px;}
	.footer-index{padding:30px 0 20px;}
	.footer-grid-index{grid-template-columns:repeat(2, 1fr);gap:20px;padding-bottom:24px;}
	.footer-contact-col-index{grid-column: span 2;}
	.footer-col-index h4{font-size:14px;margin-bottom:12px;}
	.footer-links-index a{font-size:12.5px;}
	.footer-desc-index{font-size:12px;}
	.footer-qr-index{gap:12px;}
	.qr-box-index{width:70px;height:70px;}
	.qr-box-index i{font-size:24px;}
	.footer-tags-index{padding:16px 0 8px;gap:8px 12px;font-size:12px;}
	.footer-bottom-index{flex-direction:column;text-align:center;font-size:12px;gap:10px;}
	.footer-bottom-index{flex-direction:column;text-align:center;}
	.footer-qr-index{flex-wrap:wrap;}
	.qr-box-index{width:88px;height:88px;}
	.cert-track-index{gap:12px;}
	.cert-item-index{flex:0 0 calc(50% - 6px);padding:10px;}
	.cert-img-box-index{height:244px;margin-bottom:10px;}
	.cert-title-index{font-size:12.5px;}
	.patent-right-index{margin-top:20px;}
	body{padding-bottom:60px;}
	.footer-brand-index p{margin-bottom:16px;}
	.advantage-tag-grid-index{margin-top:14px;padding-top:14px;gap:6px;}
	.advantage-tag-grid-index span{font-size:11px;padding:5px 10px;}
	.mtb-mask-index{display:block;}

	/* about / 证书 */
	.about-layout-index{margin-bottom:20px;}
	.about-copy-index h2{font-size:24px;margin-bottom:12px;letter-spacing:-.2px;}
	.about-copy-index p{font-size:13.5px;line-height:1.75;margin-bottom:10px;}
	.about-btn-index{
		display:flex;width:100%;justify-content:center;
		padding:12px 0;font-size:13.5px;margin-top:12px;
	}
	.about-cert-wrap-index{margin-top:6px;}
	.cert-block-index + .cert-block-index{margin-top:24px;}
	.cert-block-head-index{gap:8px;margin-bottom:14px;}
	.cbh-title-index{font-size:13.5px;gap:7px;}
	.cbh-title-index i{width:24px;height:24px;font-size:11px;border-radius:7px;}
	.cbh-count-index{font-size:10.5px;padding:2px 7px;}
	.cert-landscape-grid-index{grid-template-columns:repeat(2,1fr);gap:15px;}
	.cert-portrait-grid-index{grid-template-columns:repeat(2,1fr);gap:15px;}
	.cert-landscape-card-index,
	.cert-portrait-card-index{border-width:1px;}
	.cl-frame-index,
	.cp-frame-index{padding:6px;}
	.cl-ribbon-index{top:8px;right:8px;font-size:9.5px;padding:2px 6px;letter-spacing:.2px;}
	.cl-year-index{left:10px;bottom:8px;font-size:10px;}
	.cl-body-index{padding:10px 8px 12px;}
	.cl-body-index h4{font-size:12.5px;line-height:1.4;margin-bottom:3px;}
	.cl-body-index p{font-size:10.5px;line-height:1.45;}
	.cp-body-index{padding:8px 7px 10px;}
	.cp-body-index h4{font-size:11.5px;margin-bottom:2px;}
	.cp-body-index p{font-size:10px;line-height:1.35;}
	.cp-seal-index{width:26px;height:26px;font-size:10px;bottom:8px;}
	.cert-landscape-card-index:before,
	.cert-portrait-card-index:before{height:5px;left:5px;bottom:-7px;}
	.cert-landscape-card-index:after,
	.cert-portrait-card-index:after{width:5px;right:-7px;top:5px;}
	#about .about-copy-index{padding-left:0;padding:0 15px;}
	#about .about-cert-wrap-index{padding:0 15px;}
	
	.left-panel { height: 600px; }
	.content-wrapper { left: 24px; right: 24px; bottom: 40px; }
	.slide-title { font-size: 28px; margin-bottom: 16px; }
	.slide-desc { font-size: 13px; line-height: 21px; margin-bottom: 8px; }
}

/* ---------------------------------------------------------------------
   29.7 减弱动效
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*{animation:none!important;transition-duration:.01ms!important}
	.panel_nav{opacity:1;visibility:visible;transform:translate(-50%,0)}
}