/* ============ 基础与变量 ============ */
:root{
  --font:"思源黑体 CN", "思源黑体", "Source Han Sans SC","Noto Sans CJK SC",-apple-system, system-ui, Helvetica, Arial,  sans-serif;
  --bg:#F4F8FE; --bg-2:#EAF3FD; --card:#FFFFFF;
  --p:#2E7DF6; --p-2:#1B5FD9; --p-3:#6AA9FF; --p-tint:#E9F2FE;
  --c:#22B8EC; --c-tint:#E3F6FD;
  --ink:#0D2A4E; --body:#4A6185; --muted:#7E92B4;
  --line:#DCE9F9; --line-2:#EDF3FC;
  --grad:linear-gradient(135deg,#2E7DF6 0%,#22A7F0 55%,#2EC8F0 100%);
  --grad-soft:linear-gradient(135deg,#EAF3FE 0%,#F2FAFF 100%);
  --sh:0 14px 40px rgba(46,125,246,.12);
  --sh-sm:0 6px 18px rgba(46,125,246,.08);
  --sh-lg:0 24px 60px rgba(27,95,217,.16);
  --r:16px; --r-lg:22px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--body);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}

.zui-sq6-ui-div >div.zui-sq6-b{transition: all ease 0.5s;}
.zui-sq6-ui-div >div.zui-sq6-c >div h2, .zui-sq6-ui-div >div.zui-sq6-c >div h3{font-size:16px;}
.zui-sq6-ui-div >div.zui-sq6-b >div h2, .zui-sq6-ui-div >div.zui-sq6-b >div h3{font-size:16px;}
.zui-sq6-ui-div >div.zui-sq6-b >div{color:var(--ink)}
.zui-sq6-ui-div >div.zui-sq6-b >div p{color:var(--muted)}

.zui-sq6-ui-div >div.zui-sq6-b{background:#fff;}
.zui-sq6-ui-div >div.zui-sq6-bg1{background:#fff}
.zui-sq6-ui-div >div.zui-sq6-bg2{background:#fff}
.zui-sq6-ui-div >div.zui-sq6-bg3{background:#fff}
.zui-sq6-ui-div >div.zui-sq6-bg4{background:#fff}
.zui-sq6-ui-div >div.zui-sq6-bg5{background:#fff}
.zui-sq6-ui-div >div.zui-sq6-bg6{background:#fff}
.zui-sq6-ui-div >div.zui-sq6-bg7{background:#fff}

.zui-sq6-ui-div >div.zui-sq6-b:hover{background: #fff;color:var(--p-2)}
.zui-sq6-ui-div >div.zui-sq6-b:hover>div{color:var(--p-2)}

.zui-sq6-ui-div >div.zui-sq6-b.on{background:var(--grad);color:#fff;box-shadow:0 16px 34px rgba(46,125,246,.4)}
.zui-sq6-ui-div >div.zui-sq6-b.on  >div{color:rgba(255,255,255,.85)}
.zui-sq6-ui-div >div.zui-sq6-b.on  >div p{color:rgba(255,255,255,.85)}


.zui-sq6-ui-div{
    --w:150px;
}
.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:16px;}
.zui-sq6-ui-div >div.zui-sq6-b.zui-sq6-c >div h2{font-size:16px;}
@media only screen and (max-width: 1540px) 
{
	.zui-sq6-ui-div{
		--w:120px;
	}
	.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:14px;}
	.zui-sq6-ui-div >div.zui-sq6-b >div p{font-size:10px;}
	.zui-sq6-ui-div >div.zui-sq6-b.zui-sq6-c >div h2{font-size:16px;}

}
@media only screen and (max-width: 1440px) 
{
	.zui-sq6-ui-div{
		--w:100px;
	}
	.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:14px;}
	.zui-sq6-ui-div >div.zui-sq6-b >div p{font-size:10px;}
	.zui-sq6-ui-div >div.zui-sq6-b.zui-sq6-c >div h2{font-size:14px;}

}
@media only screen and (max-width: 960px) 
{
	.zui-sq6-ui-div{
		--w:120px;
	}
	.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:14px;}
	.zui-sq6-ui-div >div.zui-sq6-b >div p{font-size:12px;}
	.zui-sq6-ui-div >div.zui-sq6-b.zui-sq6-c >div h2{font-size:16px;}

}
@media only screen and (max-width: 720px) 
{
	.zui-sq6-ui-div{
		--w:100px;
	}
	.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:12px;}
	.zui-sq6-ui-div >div.zui-sq6-b >div p{font-size:10px;}
	.zui-sq6-ui-div >div.zui-sq6-b.zui-sq6-c >div h2{font-size:14px;}

}
@media only screen and (max-width: 640px) 
{
	.zui-sq6-ui-div{
		--w:80px;
	}
	.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:12px;font-weight: normal;}
	.zui-sq6-ui-div >div.zui-sq6-b >div p{font-size:10px;display:none}
	.zui-sq6-ui-div >div.zui-sq6-b.zui-sq6-c >div h2{font-size:12px;font-weight: normal;}

}
@media only screen and (max-width: 480px) 
{
	.zui-sq6-ui-div{
		--w:64px;
	}
	.zui-sq6-ui-div >div.zui-sq6-b >div h2{font-size:10px;font-weight: normal;}

}
@media only screen and (max-width: 398px) 
{
	.zui-sq6-ui-div{
		--w:60px;
	}

}
@media only screen and (max-width: 360px) 
{
	.zui-sq6-ui-div{
		--w:50px;
	}

}

img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.wrap{width:min(1680px,92%);margin:0 auto}
section{position:relative}
.sec{padding:92px 0}
.sec-head{text-align:center;max-width:760px;margin:0 auto 56px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--p-2);background:var(--p-tint);border:1px solid #D3E6FD;padding:6px 16px;border-radius:999px;letter-spacing:2px}
.eyebrow svg{width:14px;height:14px}
.sec-head h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;color:var(--ink);margin:18px 0 12px;letter-spacing:1px}
.sec-head .sub{color:var(--muted);font-size:16px;line-height:1.9}
.sec-head .sub b{color:var(--p);font-weight:600}
/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .28s ease;white-space:nowrap}
.btn svg{width:16px;height:16px;transition:transform .28s ease}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 24px rgba(46,125,246,.32)}
.btn-primary:hover{box-shadow:0 14px 32px rgba(46,125,246,.42);transform:translateY(-2px)}
.btn-primary:hover svg{transform:translateX(4px)}
.btn-ghost{background:#fff;color:var(--p-2);border:1px solid #CFE2FB}
.btn-ghost:hover{border-color:var(--p);background:var(--p-tint)}
.btn-lg{height:52px;padding:0 36px;font-size:16px;border-radius:14px}
/* 卡片通用 */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:all .3s ease}
/* 滚动显现 */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}
/* ============ 顶部导航 ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s ease,border-color .3s ease}
.nav.scrolled{border-color:var(--line);box-shadow:0 6px 24px rgba(13,42,78,.08)}
.nav-in{display:flex;align-items:center;height:68px;gap:28px}
.nav-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nav-logo img{height:40px;width:auto}
.nav-logo .ltxt{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:1px;line-height:1.3}
.nav-logo .ltxt small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:2px}

.nav-main{margin-left:auto;}
.nav-main .mn-quick{display:none;gap:10px;margin-bottom:14px}
.nav-main .mn-quick a{flex:1;text-align:center;padding:9px 0;border-radius:12px;background:var(--p-tint);color:var(--p-2);font-size:13px;font-weight:600}

.nav-menus{display:flex;align-items:center;gap:2px;}
.nav-item{position:relative}
.nav-item>a{display:flex;align-items:center;gap:4px;padding:10px 13px;font-size:15px;font-weight:500;color:var(--ink);border-radius:10px;transition:all .25s ease}
.nav-item>a .arw{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .25s ease;margin-left:2px}
.nav-item:hover>a,.nav-item.on>a{color:var(--p);background:var(--p-tint)}
.nav-item:hover>a .arw{transform:rotate(225deg) translateY(0);border-color:var(--p)}
.nav-drop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:10px;min-width:236px;opacity:0;visibility:hidden;transition:all .25s ease;z-index:120}
.nav-item:hover .nav-drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-drop a{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;font-size:14px;color:var(--body);transition:all .2s ease}
.nav-drop a:hover{background:var(--p-tint);color:var(--p-2);padding-left:18px}
.nav-drop a em{font-style:normal;color:var(--muted);font-size:12px;margin-left:auto}
.nav-mega{width:560px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:14px}
.nav-mega .mega-col h4{font-size:12px;color:var(--muted);font-weight:600;padding:6px 12px;letter-spacing:1px}
.nav-mega.wide{width:640px}
.nav-ham{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-left:auto}
.nav-ham i{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s ease}
.nav-ham.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-ham.open i:nth-child(2){opacity:0}
.nav-ham.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* 移动端菜单 */
.mnav{position:fixed;top:68px;left:0;right:0;bottom:0;background:var(--bg);z-index:999;overflow-y:auto;padding:18px 16px 40px;display:none}
.mnav.show{display:block}
.mnav .mn-quick{display:flex;gap:10px;margin-bottom:14px}
.mnav .mn-quick a{flex:1;text-align:center;padding:9px 0;border-radius:12px;background:var(--p-tint);color:var(--p-2);font-size:13px;font-weight:600}
.mnav-group{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden}
.mnav-group>a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:600;color:var(--ink)}
.mnav-group>a .arw{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .3s ease}
.mnav-group.open>a .arw{transform:rotate(225deg)}
.mnav-sub{display:none;padding:2px 16px 12px}
.mnav-group.open .mnav-sub{display:block}
.mnav-sub a{display:block;padding:9px 8px;font-size:14px;color:var(--body);border-top:1px dashed var(--line-2)}
.mnav-sub a:first-child{border-top:none}


/* ============ Banner 六边形 ============ */
.banner{position:relative;padding:128px 0 90px;overflow:hidden;background:
  radial-gradient(900px 420px at 12% -10%,#EAF4FF 0%,rgba(234,244,255,0) 60%),
  radial-gradient(760px 420px at 96% 8%,#E4F6FE 0%,rgba(228,246,254,0) 55%),
  linear-gradient(180deg,#F7FBFF 0%,#F0F7FF 100%)}
.banner .bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(46,125,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(46,125,246,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(70% 70% at 60% 30%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(70% 70% at 60% 30%,#000 30%,transparent 100%)}
.banner .orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}
.banner .orb1{width:380px;height:380px;left:-120px;top:120px;background:#CFE6FF}
.banner .orb2{width:300px;height:300px;right:-80px;bottom:-40px;background:#C9F0FD}
.banner .orb3{width:220px;height:220px;left:44%;top:-90px;background:#DDF0FF}
.banner-in{position:relative;display:flex;align-items:center;gap:36px;min-height:560px}
.banner-panel{flex:1;min-width:0;max-width:560px}
.bp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--p-2);background:#fff;border:1px solid #D3E6FD;border-radius:999px;padding:6px 16px;letter-spacing:2px;box-shadow:var(--sh-sm)}
.bp-eyebrow svg{width:14px;height:14px}
.bp-title{font-size:clamp(30px,4vw,46px);font-weight:800;color:var(--ink);margin:20px 0 6px;letter-spacing:1px;line-height:1.25}
.bp-title .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bp-sub{font-size:17px;color:var(--p);font-weight:600;margin-bottom:14px}
.bp-desc{max-height:232px;overflow-y:auto;padding-right:10px;font-size:14.5px;line-height:1.95;color:var(--body);scrollbar-width:thin;scrollbar-color:#C7DCF7 transparent}
.bp-desc p{margin-bottom:10px}
.bp-desc p strong{color:var(--ink);font-weight:600}
.bp-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.bp-links .btn{height:42px;padding:0 22px;font-size:14px}
.bp-dots{display:flex;gap:8px;margin-top:22px}
.bp-dots i{width:26px;height:4px;border-radius:4px;background:#D5E5FA;cursor:pointer;transition:all .3s ease}
.bp-dots i.on{width:38px;background:var(--p)}
/* 六边形群 */
.hex-cluster{flex:1 1 0;min-width:0;position:relative;margin:0 auto}

/* 移动端六边形chips */
.hex-chips{display:none;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.hex-chip{width:88px;height:88px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;text-align:center;font-size:11.5px;font-weight:600;color:var(--ink);background:#fff;border:none;position:relative;cursor:pointer;transition:all .25s ease;padding:2px 8px;line-height:1.3}
.hex-chip::after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:1.5px solid #C9DFFB}
.hex-chip.on{background:var(--grad);color:#fff}
.hex-chip.on::after{border-color:transparent}
/* ============ 关于 / 企业文化 ============ */
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.about-copy .a-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--p-2);background:var(--p-tint);border:1px solid #D3E6FD;padding:6px 16px;border-radius:999px;letter-spacing:2px}
.a-eyebrow svg{width:14px;height:14px}
.about-copy h2{font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--ink);margin:18px 0 14px;line-height:1.4}
.about-copy p{font-size:15px;line-height:2;color:var(--body);margin-bottom:14px}
.about-copy p b{color:var(--p-2);font-weight:600}
.about-quote{border-left:4px solid var(--p);background:var(--grad-soft);border-radius:0 14px 14px 0;padding:16px 20px;margin:18px 0 0;font-size:15px;color:var(--ink);line-height:1.9}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat-card{padding:22px;text-align:center;background:var(--grad-soft);border:1px solid var(--line);border-radius:var(--r);transition:all .3s ease}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-sm);border-color:#BFDBFA}
.stat-card .s-num{font-size:30px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}
.stat-card .s-lab{font-size:13px;color:var(--muted);margin-top:6px;font-weight:500}
.stat-card .s-txt{font-size:12px;color:var(--body);margin-top:4px}
/* 价值观 */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:64px}
.val-card{padding:30px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:all .3s ease;position:relative;overflow:hidden}
.val-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--grad);transition:width .35s ease}
.val-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.val-card:hover::before{width:4px}
.val-ic{width:52px;height:52px;border-radius:14px;background:var(--p-tint);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.val-ic svg{width:26px;height:26px;stroke:var(--p);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.val-card h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}
.val-card p{font-size:13.5px;color:var(--body);line-height:1.85}
/* ============ 核心产品 ============ */
.products{background:var(--bg)}
.prod-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.prod-cat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;transition:all .3s ease;display:flex;flex-direction:column}
.prod-cat:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:#BFDBFA}
.pc-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.pc-ic{width:50px;height:50px;border-radius:14px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pc-ic svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pc-head h3{font-size:18px;font-weight:700;color:var(--ink)}
.pc-head .pc-en{font-size:11px;color:var(--muted);letter-spacing:1px}
.pc-tag{font-size:12.5px;color:var(--p-2);background:var(--p-tint);border-radius:8px;padding:5px 10px;margin:10px 0 14px;line-height:1.6;display:inline-block}
.pc-list{display:flex;flex-direction:column;gap:9px;margin-top:auto}
.pc-list a{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--body);padding:7px 10px;border-radius:10px;transition:all .2s ease;line-height:1.6}
.pc-list a:hover{background:var(--p-tint);color:var(--p-2)}
.pc-list a .dot{width:6px;height:6px;border-radius:50%;background:var(--p-3);margin-top:8px;flex-shrink:0;transition:all .2s ease}
.pc-list a:hover .dot{background:var(--p)}
.pc-list a .hot{font-size:10px;color:#E8590C;background:#FFF3E8;border:1px solid #FFD9B8;border-radius:6px;padding:0 6px;margin-left:4px;font-weight:700;flex-shrink:0}
/* 旗舰产品 showcase */
.showcase{margin-top:56px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm)}
.sc-tabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;flex-wrap: wrap;}
.sc-tabs::-webkit-scrollbar{display:none}
.sc-tab{flex:1;min-width:150px;padding:18px 20px;cursor:pointer;border:none;background:transparent;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;transition:all .28s ease;text-align:center}
.sc-tab .t-en{display:block;font-size:10.5px;font-weight:500;color:#A8BBDA;letter-spacing:1px;margin-top:2px}
.sc-tab:hover{color:var(--p)}
.sc-tab.on{color:var(--p-2);border-bottom-color:var(--p);background:linear-gradient(180deg,#F7FBFF,#fff)}
.sc-body{display:grid;grid-template-columns:1fr 1.1fr;gap:0;min-height:380px}
.sc-img{position:relative;background:var(--grad-soft);overflow:hidden}
.sc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:36px 30px;opacity:0;transition:opacity .5s ease;box-shadow:none;border-radius:0}
.sc-img img.on{opacity:1}
.sc-info{padding:36px 38px;display:flex;flex-direction:column;justify-content:center}
.sc-info h3{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:6px}
.sc-info .s-en{font-size:11.5px;color:var(--muted);letter-spacing:2px;margin-bottom:16px}
.sc-info ul{display:flex;flex-direction:column;gap:12px}
.sc-info li{display:flex;gap:12px;font-size:14px;line-height:1.8;color:var(--body)}
.sc-info li svg{width:18px;height:18px;flex-shrink:0;margin-top:4px;stroke:var(--p);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-info .btn{margin-top:22px;align-self:flex-start}
/* ============ AI 能力区 ============ */
.ai{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.ai-left h3,.ai-right h3{font-size:21px;font-weight:800;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.ai-left h3 svg,.ai-right h3 svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-basic{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.ai-basic span{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink);transition:all .25s ease}
.ai-basic span:hover{border-color:var(--p);color:var(--p-2);box-shadow:var(--sh-sm)}
.ai-basic span i{width:7px;height:7px;border-radius:50%;background:var(--grad)}
.ai-deploy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.ai-dep{padding:20px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;transition:all .3s ease}
.ai-dep:hover{transform:translateY(-4px);box-shadow:var(--sh-sm);border-color:#BFDBFA}
.ai-dep .d-ic{width:44px;height:44px;margin:0 auto 12px;border-radius:12px;background:var(--p-tint);display:flex;align-items:center;justify-content:center}
.ai-dep .d-ic svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-dep h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}
.ai-dep p{font-size:12px;color:var(--muted);line-height:1.7}
.ai-quote{background:#fff;border:1px solid #C9E3FD;border-left:4px solid var(--p);border-radius:0 14px 14px 0;padding:16px 20px;font-size:14px;color:var(--ink);line-height:2}
.ai-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ai-card{padding:22px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:all .3s ease}
.ai-card:hover{transform:translateY(-4px);box-shadow:var(--sh-sm);border-color:#BFDBFA}
.ai-card .ac-ic{width:42px;height:42px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.ai-card .ac-ic svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-card h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}
.ai-card p{font-size:12.5px;color:var(--muted);line-height:1.75}
.ai-card p b{color:var(--p-2)}
/* ============ 解决方案 ============ */
.solutions{background:#fff}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sol-card{padding:26px 24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);transition:all .3s ease;display:flex;gap:16px;align-items:flex-start}
.sol-card:hover{transform:translateY(-5px);box-shadow:var(--sh);background:#fff}
.sol-ic{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-sm)}
.sol-ic svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sol-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}
.sol-card p{font-size:13px;color:var(--muted);line-height:1.8}
/* ============ 典型案例 ============ */
.cases{background:var(--bg)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case-card{padding:26px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:all .3s ease}
.case-card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:#BFDBFA}
.case-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.case-badge{width:46px;height:46px;border-radius:12px;background:var(--p-tint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--p-2);flex-shrink:0}
.case-top h3{font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.45}
.case-card p{font-size:13px;color:var(--body);line-height:1.85}
.case-card .tag{display:inline-block;margin-top:12px;font-size:11.5px;color:var(--p);background:var(--p-tint);border-radius:6px;padding:3px 10px;font-weight:600}
/* ============ 数据价值 / CTA ============ */
.data{background:linear-gradient(180deg,var(--bg) 0%,#fff 100%)}
.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.data-card{padding:30px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:all .3s ease;text-align:center}
.data-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.data-card .dc-ic{width:60px;height:60px;margin:0 auto 16px;border-radius:18px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(46,125,246,.3)}
.data-card .dc-ic svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.data-card h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px}
.data-card p{font-size:13px;color:var(--muted);line-height:1.85}
.cta-band{margin-top:64px;background:var(--grad);border-radius:var(--r-lg);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12)}
.cta-band::after{content:"";position:absolute;left:30%;bottom:-90px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}
.cta-band .cb-t{position:relative;z-index:1}
.cta-band h3{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px}
.cta-band p{color:rgba(255,255,255,.88);font-size:14px}
.cta-band .btn{background:#fff;color:var(--p-2);position:relative;z-index:1;box-shadow:0 10px 24px rgba(0,40,110,.25)}
.cta-band .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,40,110,.32)}
/* ============ 动态与知识 ============ */
.news{background:#fff}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.news-col h3{font-size:20px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;margin-bottom:20px}
.news-col h3 svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.news-col h3 a{font-size:12px;font-weight:500;color:var(--muted);margin-left:auto;display:inline-flex;align-items:center;gap:4px}
.news-col h3 a svg{width:14px;height:14px;stroke:var(--muted);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.news-list li{display:flex;gap:14px;padding:15px 4px;border-bottom:1px dashed var(--line-2);transition:all .25s ease;align-items:flex-start}
.news-list li:hover{padding-left:10px;background:linear-gradient(90deg,var(--p-tint),transparent 70%);border-radius:10px}
.news-list li:last-child{border-bottom:none}
.nl-ic{width:34px;height:34px;border-radius:10px;background:var(--p-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.nl-ic svg{width:17px;height:17px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.news-list a{font-size:14px;color:var(--ink);line-height:1.75;transition:color .2s ease;font-weight:500}
.news-list li:hover a{color:var(--p-2)}
.kb-tag{flex-shrink:0;font-size:10.5px;font-weight:700;color:var(--p);background:var(--p-tint);border:1px solid #D3E6FD;padding:2px 8px;border-radius:6px;margin-top:3px}
/* ============ 页脚 ============ */
.footer{background:#0C2340;color:#9DB4D6;padding:70px 0 0;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px}
.footer h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:18px;letter-spacing:1px}
.footer .f-about p{font-size:13px;line-height:2;color:#8FA7C8}
.footer .f-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer .f-logo img{height:38px;filter:brightness(0) invert(1)}
.footer .f-logo span{font-size:17px;font-weight:800;color:#fff;letter-spacing:1px}
.footer ul li{margin-bottom:9px}
.footer ul a{font-size:13px;color:#9DB4D6;transition:all .2s ease}
.footer ul a:hover{color:#fff;padding-left:4px}
.footer .f-contact li{display:flex;gap:10px;font-size:13px;line-height:1.8;color:#9DB4D6;align-items:flex-start}
.footer .f-contact svg{width:16px;height:16px;stroke:#6FA4E8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:4px}
.footer .f-btm{border-top:1px solid rgba(255,255,255,.09);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#7D94B5}
.footer .f-btm a{color:#9DB4D6}
.footer .f-btm a:hover{color:#fff}
/* 回到顶部 */
.totop{position:fixed;right:26px;bottom:30px;width:46px;height:46px;border-radius:14px;background:var(--grad);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(46,125,246,.35);opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s ease;z-index:900}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.totop:hover{transform:translateY(-3px)}
/* ============ 响应式 ============ */
@media (max-width:1280px){
    .banner-in{flex-direction:column;gap:10px}
    .banner-panel{max-width:100%}
    .hex-cluster{flex:0 0 100%;width: 100%;}
}
@media (max-width:1180px){
  .nav-item>a{padding:10px 9px;font-size:14px}
  .nav-in{gap:16px}
  .hex-chips{display:flex}
}
@media (max-width:1580px){
  .nav-main{display:none;position: fixed;top:68px;left:0;right: 0;height: calc(100vh - 68px);background:var(--bg);z-index:999;overflow-y:auto;padding:18px 16px 40px;}
  .nav-main .mn-quick{display: flex;}
  .nav-ham{display:flex}
  .nav-main.show{display:block}

  .nav-menus{flex-direction: column;align-items: normal;}
  .nav-item{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden;}
    .nav-item>a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:600;color:var(--ink)}
    .nav-item>a .arw{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .3s ease}
    .nav-item.open>a .arw{transform:rotate(225deg)}
    .nav-drop{display:none;padding:2px 16px 12px;position: static;
        transform:translateX(0) translateY(0);background:none;border:none;border-radius:0;box-shadow:none;
        padding:10px;min-width:none;opacity:1;visibility:visible;transition:all .25s ease;z-index:120
    }
    
    .nav-item.open .nav-drop{display:block}
    .nav-item:hover .nav-drop{ transform:translateX(0) translateY(0);}
    .nav-drop a{display:block;padding:9px 8px;font-size:14px;color:var(--body);border-top:1px dashed var(--line-2)}
    .nav-drop a:first-child{border-top:none}
  /*
  /* 移动端菜单 
.mnav{position:fixed;top:68px;left:0;right:0;bottom:0;background:var(--bg);z-index:999;overflow-y:auto;padding:18px 16px 40px;display:none}
.mnav.show{display:block}
.mnav .mn-quick{display:flex;gap:10px;margin-bottom:14px}
.mnav .mn-quick a{flex:1;text-align:center;padding:9px 0;border-radius:12px;background:var(--p-tint);color:var(--p-2);font-size:13px;font-weight:600}
.mnav-group{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden}
.mnav-group>a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:600;color:var(--ink)}
.mnav-group>a .arw{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .3s ease}
.mnav-group.open>a .arw{transform:rotate(225deg)}
.mnav-sub{display:none;padding:2px 16px 12px}
.mnav-group.open .mnav-sub{display:block}
.mnav-sub a{display:block;padding:9px 8px;font-size:14px;color:var(--body);border-top:1px dashed var(--line-2)}
.mnav-sub a:first-child{border-top:none}
  */
}
@media (max-width:1024px){
  .banner{padding:112px 0 70px}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .values{grid-template-columns:repeat(2,1fr)}
  .prod-cats{grid-template-columns:repeat(2,1fr)}
  .sc-body{grid-template-columns:1fr}
  .sc-img{min-height:260px}
  .ai-grid{grid-template-columns:1fr;gap:44px}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:repeat(2,1fr)}
  .data-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:1fr;gap:40px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:640px){
  .sec{padding:64px 0}
  .sec-head{margin-bottom:40px}
  .values{grid-template-columns:1fr 1fr;gap:14px}
  .val-card{padding:22px 18px}
  .prod-cats{grid-template-columns:1fr}
  .ai-deploy{grid-template-columns:1fr 1fr}
  .ai-cards{grid-template-columns:1fr}
  .sol-grid{grid-template-columns:1fr}
  .case-grid{grid-template-columns:1fr}
  .data-grid{grid-template-columns:1fr}
  .sc-info{padding:28px 22px}
  .cta-band{padding:32px 26px;flex-direction:column;text-align:center}
  .footer-grid{grid-template-columns:1fr}
  .bp-desc{max-height:200px}
  .hex-chip{width:80px;height:80px;font-size:10.5px}
}


.cms_guidetext{padding:10px 0px;}
.zts-title >p.desc{padding:16px 16px;max-width: 800px;margin-left:auto;margin-right:auto;}
.zts-funcicon{padding: 10px auto;text-align: center}
.zts-funcicon >img{height:64px;}
.download-button{display:inline-block;position: relative;padding:20px 40px;text-align: center;overflow: hidden;border-radius: 10px;min-height:80px;background:#3d83e5;white-space: nowrap;text-overflow: clip;
font-size:24px;line-height: 1.5;font-weight: normal;color:#fff;transition: all ease 0.5s}
.download-button .download-text{font-size:24px;line-height: 1.5;font-weight: normal;color:#fff;display: block}
.download-button .download-desc{font-size:12px;line-height: 1.5;font-weight: normal;color:#aaa;display:block}

.download-button:hover{background:#5080c3}

.in-home-block{text-align:center}

.zui-head{max-width:1680px;margin:0 auto;}

.zt-content-fr{display:flex;align-items: stretch;position: relative}
.zt-content-menu{flex-grow:0;flex-shrink: 0;width:300px;flex-basis: 300px;overflow: hidden;padding: 16px 0px;position: relative}
.zt-content-menu >.zt-content-menu-close{display:none;}

.zt-content-menu-btns{display:none}

.zt-content-main{flex-grow:1;padding:0 16px;}
.zt-cat{font-weight:bold;}
@media only screen and (max-width:800px)
{
	.zt-content-fr{flex-wrap: wrap}
	.zt-content-menu{/*width:100%;flex-basis: 100%;order:2*/
		background:#fff;
		position: fixed;
		left: 0;
		top: 60px;
		bottom: 0px;
		overflow: hidden;
		overflow-y: auto;
		max-width:90%;
		padding:0;
		display:none;
		z-index: 1;
	}
	.zt-content-menu-btns{width:100%;flex-basis: 100%;order:2;display: block;/*padding:20px;*/padding:0;position:fixed;bottom:0;left:0;right:0;}
	.zt-content-menu-btns >.button{display:block!important;display:block}
	
	.zt-content-menu >.zt-content-menu-close{display:inline-block;position: absolute;right:5px;top:5px;overflow: hidden;width:40px;height:40px;background:#f00;color:#fff;line-height: 40px;border-radius: 50%;text-align: center}
	.zt-content-menu >.zui-tree{height:100%;overflow: hidden;overflow-y: auto;}
	.zt-content-main{width:100%;flex-basis: 100%;order:1}					
}