/* 苏州旭仲科技有限公司 官网样式 */
:root{
  --brand:#0f4c81; --brand2:#1668b0; --ink:#1f2a37; --sub:#5f6b7a;
  --line:#e4e9f0; --bg:#f7f9fc; --accent:#0ea5a4;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif; color:var(--ink); background:#fff; line-height:1.75; font-size:15px;}
a{text-decoration:none; color:inherit;}
img{max-width:100%;}
.wrap{max-width:1100px; margin:0 auto; padding:0 24px;}

/* 顶部条 */
.topbar{background:var(--brand); color:#fff; font-size:13px;}
.topbar .wrap{display:flex; justify-content:space-between; padding:7px 24px; flex-wrap:wrap; gap:6px;}
.topbar b{font-weight:600;}

/* 导航 */
header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.97); border-bottom:1px solid var(--line);}
.nav{display:flex; align-items:center; justify-content:space-between; height:64px; flex-wrap:wrap;}
.logo{display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:var(--brand);}
.logo .mark{width:34px; height:34px; border-radius:8px; background:linear-gradient(135deg,var(--brand),var(--accent)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; flex:0 0 auto;}
.logo small{display:block; font-size:11px; color:var(--sub); font-weight:400; letter-spacing:1px;}
nav{display:flex; gap:22px; font-size:14px; flex-wrap:wrap;}
nav a{color:var(--sub); padding:6px 2px; border-bottom:2px solid transparent;}
nav a:hover{color:var(--brand); border-color:var(--brand);}
nav a.on{color:var(--brand); border-color:var(--brand); font-weight:600;}
.callbtn{background:var(--brand); color:#fff !important; padding:8px 16px; border-radius:6px;}
.callbtn:hover{background:var(--brand2); border:none;}

/* 首屏 */
.hero{background:linear-gradient(135deg,#0b3a63 0%,#0f4c81 55%,#12628f 100%); color:#fff; padding:80px 0 66px; position:relative; overflow:hidden;}
.hero::after{content:""; position:absolute; right:-120px; top:-80px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.10),transparent 65%);}
.hero h1{font-size:33px; line-height:1.35; letter-spacing:1px;}
.hero h1 span{color:#8fd8ff;}
.hero p{margin:18px 0 8px; max-width:660px; color:#cfe3f5; font-size:16px; position:relative;}
.hero .tags{display:flex; gap:10px; flex-wrap:wrap; margin:22px 0 30px;}
.hero .tags span{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); padding:5px 14px; border-radius:20px; font-size:13px;}
.hero .btns{display:flex; gap:14px; flex-wrap:wrap;}
.btn{padding:12px 26px; border-radius:8px; font-size:15px; display:inline-block;}
.btn.primary{background:#ffb02e; color:#3a2500; font-weight:700;}
.btn.ghost{border:1px solid rgba(255,255,255,.5); color:#fff;}
.stats{display:flex; margin-top:52px; border-top:1px solid rgba(255,255,255,.18); padding-top:28px; flex-wrap:wrap;}
.stats div{flex:1; min-width:140px; text-align:center; border-right:1px solid rgba(255,255,255,.15);}
.stats div:last-child{border:none;}
.stats .num{font-size:24px; font-weight:700; color:#8fd8ff;}
.stats .lab{font-size:12px; color:#b9d2e8;}

/* 内页页头 */
.pagehead{background:linear-gradient(135deg,#0b3a63,#12628f); color:#fff; padding:48px 0 42px;}
.pagehead h1{font-size:28px; letter-spacing:1px;}
.pagehead p{color:#cfe3f5; font-size:14.5px; margin-top:10px; max-width:760px;}
.crumb{font-size:12.5px; color:#9dc0dd; margin-bottom:12px;}
.crumb a:hover{color:#fff;}

section{padding:60px 0;}
section.alt{background:var(--bg);}
.h2{font-size:23px; text-align:center; letter-spacing:2px;}
.h2sub{text-align:center; color:var(--sub); font-size:13px; margin:8px 0 38px;}
.h2sub::before{content:""; display:block; width:36px; height:3px; background:var(--accent); margin:0 auto 12px; border-radius:2px;}
.h3{font-size:18px; color:var(--brand); margin-bottom:12px;}

/* 产品卡 */
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.card{background:#fff; border:1px solid var(--line); border-radius:12px; padding:26px 24px; transition:.25s; display:flex; flex-direction:column;}
.card:hover{transform:translateY(-4px); box-shadow:0 10px 28px rgba(15,76,129,.12); border-color:var(--brand);}
.card .ico{width:46px; height:46px; border-radius:10px; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:16px;}
.card h3{font-size:17px; margin-bottom:4px; color:var(--brand);}
.card .en{font-size:12px; color:var(--sub); margin-bottom:12px;}
.card p{font-size:14px; color:var(--sub); margin-bottom:14px;}
.card ul{list-style:none; margin-top:auto;}
.card li{font-size:13px; color:var(--ink); padding:7px 0 7px 18px; border-top:1px dashed var(--line); position:relative;}
.card li::before{content:"▸"; position:absolute; left:2px; color:var(--accent);}
.card .more{margin-top:16px; font-size:13.5px; color:var(--brand); font-weight:600;}
.spec{background:#eef4fa; border-radius:8px; padding:10px 12px; font-size:13px; color:var(--brand); font-weight:600; margin-bottom:14px; text-align:center;}

/* 表格 */
.tbl{width:100%; border-collapse:collapse; font-size:14px; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden;}
.tbl th, .tbl td{padding:12px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top;}
.tbl th{background:#eef4fa; color:var(--brand); font-weight:600; white-space:nowrap;}
.tbl tr:last-child td{border-bottom:none;}
.tbl td:first-child{color:var(--sub); white-space:nowrap;}
.tbl strong{color:var(--brand);}

/* 案例 */
.cases{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.case{background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden;}
.case .cap{height:8px; background:linear-gradient(90deg,var(--brand),var(--accent));}
.case .inner{padding:22px;}
.case h3{font-size:16px; color:var(--brand); margin-bottom:10px;}
.case p{font-size:13.5px; color:var(--sub);}
.case .kpi{margin-top:14px; background:#eef9f8; color:#0b7a79; font-size:12.5px; padding:8px 10px; border-radius:6px;}

/* FAQ */
.faq{max-width:840px; margin:0 auto;}
details{background:#fff; border:1px solid var(--line); border-radius:10px; margin-bottom:12px; overflow:hidden;}
summary{cursor:pointer; padding:16px 44px 16px 20px; font-weight:600; font-size:15px; color:var(--ink); list-style:none; position:relative;}
summary::-webkit-details-marker{display:none;}
summary::after{content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:20px; color:var(--brand);}
details[open] summary::after{content:"−";}
details .ans{padding:14px 20px 18px; color:var(--sub); font-size:14px; border-top:1px dashed var(--line);}

/* 关于 */
.about{display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:start;}
.about p{color:var(--sub); font-size:14.5px; margin-bottom:12px;}
.flow{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;}
.flow span{background:#fff; border:1px solid var(--line); border-radius:6px; padding:6px 12px; font-size:12.5px; color:var(--brand);}
.flow i{align-self:center; color:var(--accent); font-style:normal;}
.box{background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px;}
.box h3{font-size:15px; color:var(--brand); margin-bottom:14px;}
.box table{width:100%; font-size:13.5px; border-collapse:collapse;}
.box td{padding:8px 6px; border-bottom:1px dashed var(--line);}
.box td:first-child{color:var(--sub); white-space:nowrap; width:100px;}

/* 联系 */
.contact{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:920px; margin:0 auto;}
.cbox{background:#fff; border:1px solid var(--line); border-radius:12px; padding:28px 22px; text-align:center;}
.cbox .ico{width:48px; height:48px; margin:0 auto 14px; border-radius:50%; background:#eef4fa; display:flex; align-items:center; justify-content:center; font-size:22px;}
.cbox h3{font-size:15px; color:var(--sub); margin-bottom:8px;}
.cbox .v{font-size:17px; font-weight:700; color:var(--ink);}
.copy{margin-top:12px; font-size:12.5px; color:var(--brand); cursor:pointer; border:1px solid var(--brand); border-radius:6px; padding:5px 14px; display:inline-block; background:none;}
.copy:active{background:var(--brand); color:#fff;}

/* CTA */
.cta{background:linear-gradient(135deg,#0b3a63,#1668b0); color:#fff; padding:52px 0; text-align:center;}
.cta h2{font-size:24px; margin-bottom:12px;}
.cta p{color:#cfe3f5; margin-bottom:26px;}

/* 页脚 */
footer{background:#122436; color:#9db4c9; padding:34px 0 26px; font-size:13px;}
footer .wrap{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; align-items:flex-start;}
footer b{color:#fff;}
footer .tel{color:#ffb02e; font-size:18px; font-weight:700;}
footer a:hover{color:#fff;}
footer .icp{width:100%; text-align:center; border-top:1px solid rgba(255,255,255,.12); margin-top:18px; padding-top:16px; font-size:12px; color:#6f8aa3;}

#toast{position:fixed; bottom:32px; left:50%; transform:translateX(-50%) translateY(20px); background:var(--ink); color:#fff; padding:10px 22px; border-radius:24px; font-size:13px; opacity:0; pointer-events:none; transition:.3s; z-index:99;}
#toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

@media(max-width:860px){
  .cards,.cases,.contact{grid-template-columns:1fr;}
  .about{grid-template-columns:1fr;}
  .hero h1{font-size:24px;}
  .pagehead h1{font-size:22px;}
  .stats div{min-width:44%;}
  nav{gap:14px; font-size:13px;}
  .tbl{font-size:13px;}
  .tbl th,.tbl td{padding:9px 10px;}
}