/* ============================================================
   苏州盛诺信佳工业技术有限公司 前台样式
   风格：简约大气 · 工业蓝（主色#0C447C / 强调#185FA5）
   自包含栅格，无渐变/重阴影/纯黑大色块
   ============================================================ */

:root{
  --c-primary:#0C447C;      /* 深蓝 主色 */
  --c-accent:#185FA5;       /* 青蓝 强调 */
  --c-bg:#F1F1F3;          /* 页面底 */
  --c-card:#FFFFFF;          /* 卡片 */
  --c-sub:#888;             /* 次要文字 */
  --c-line:#E6E8EC;        /* 浅边框 */
  --c-text:#2A2E33;
  --radius:10px;
  --maxw:1200px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:"PingFang SC","Microsoft YaHei","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--c-text);
  background:var(--c-bg);
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;transition:color .2s;}
img{max-width:100%;display:block;}
h1,h2,h3,h4{margin:0;font-weight:700;color:var(--c-primary);}
p{margin:0 0 10px;}

/* ---------- 布局容器 / 栅格 ---------- */
.container{max-width:var(--maxw);margin:0 auto;padding:0 16px;}
.row{display:flex;flex-wrap:wrap;gap:0;margin:0 -12px;justify-content:flex-start;align-items:stretch;}
.row > [class*="col-"]{padding:0 12px;margin-bottom:24px;display:flex;min-width:0;}
.row > [class*="col-"] > .card,
.row > [class*="col-"] > a.card{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;}
/* 在窄容器中取消row负margin */
.prod-main .row, .form-wrap .row{margin:0;}
.prod-main .row > [class*="col-"], .form-wrap .row > [class*="col-"]{padding:0 8px;margin-bottom:18px;}
.section{padding:64px 0;overflow-x:clip;overflow-y:visible;}
.col-3{flex:0 0 25%;max-width:25%;}
.col-2{flex:0 0 16.666%;max-width:16.666%;}
.col-biz{flex:1 1 0%;min-width:160px;max-width:20%;}
.col-4{flex:0 0 33.333%;max-width:33.333%;}
.col-6{flex:0 0 50%;max-width:50%;}
.col-8{flex:0 0 66.666%;max-width:66.666%;}
.col-12{flex:0 0 100%;max-width:100%;}

/* ---------- 通用区块 ---------- */
.section-head{text-align:center;margin-bottom:40px;}
.section-head h2{font-size:28px;letter-spacing:1px;}
.section-head h2 .en{display:block;font-size:13px;color:var(--c-accent);font-weight:600;letter-spacing:3px;margin-top:6px;text-transform:uppercase;}
.section-head .line{width:48px;height:3px;background:var(--c-accent);margin:16px auto 0;border-radius:2px;}
.section.alt{background:var(--c-card);}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;padding:11px 26px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s;}
.btn-primary{background:var(--c-accent);color:#fff;}
.btn-primary:hover{background:var(--c-primary);}
.btn-outline{border-color:#fff;color:#fff;}
.btn-outline:hover{background:#fff;color:var(--c-primary);}
.btn-ghost{border-color:var(--c-accent);color:var(--c-accent);}
.btn-ghost:hover{background:var(--c-accent);color:#fff;}

/* ---------- 顶部导航 ---------- */
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--c-line);}
.site-header .container{display:flex;align-items:center;height:88px;justify-content:space-between;}
.brand{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:19px;font-weight:700;color:#5752b0;white-space:nowrap;text-decoration:none;}
.brand-logo{height:48px;width:auto;}
.brand-name{font-size:22px;letter-spacing:3px;color:#5752b0;font-weight:700;}
.nav{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;overflow-x:auto;}
.nav a{padding:10px 14px;font-size:15px;color:#333;border-radius:6px;white-space:nowrap;}
.nav a:hover,.nav a.active{color:var(--c-accent);background:rgba(24,95,165,.07);}
.nav-toggle{display:none;background:none;border:1px solid var(--c-line);border-radius:6px;padding:8px 12px;font-size:18px;cursor:pointer;color:var(--c-primary);}
.lang-switch{display:flex;align-items:center;gap:2px;margin-left:8px;font-size:14px;border-left:1px solid var(--c-line);padding-left:12px;}
.lang-switch a{padding:4px 8px;border-radius:5px;color:var(--c-sub);}
.lang-switch a.active{color:#fff;background:#5752b0;}

/* ---------- Hero 轮播 ---------- */
.hero{position:relative;height:520px;overflow:hidden;background:#0C447C;}
.hero .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s,visibility 0s .8s;background-size:cover;background-position:center;}
.hero .slide.active{opacity:1;visibility:visible;transition:opacity .8s,visibility 0s 0s;}
.hero .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,28,54,.45),rgba(8,28,54,.65));}
.hero .slide-text{position:absolute;inset:0;z-index:2;color:#fff;padding:0 24px;max-width:900px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.hero .slide-text h2{color:#fff;font-size:26px;letter-spacing:1px;line-height:1.5;text-shadow:0 2px 12px rgba(0,0,0,.3);margin:0;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:24px;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;}
.hero-arrow:hover{background:rgba(255,255,255,.4);}
.hero-prev{left:20px;}
.hero-next{right:20px;}
.hero .dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px;}
.hero .dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s;}
.hero .dots span.active{background:#fff;width:22px;border-radius:5px;}

/* ---------- 卡片（通用） ---------- */
.card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--radius);padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s;}
.card:hover{transform:translateY(-4px);border-color:var(--c-accent);box-shadow:0 8px 24px rgba(12,68,124,.10);}

/* 业务入口卡 */
.biz-card{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:var(--radius);
    padding:30px 22px 26px;
    box-shadow:0 4px 18px rgba(0,0,0,0.10);
    transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;
    text-align:center;
}
.biz-card:hover{
    transform:translateY(-4px);
    border-color:var(--c-accent);
    box-shadow:0 10px 28px rgba(12,68,124,0.14);
}
.biz-card .badge{width:48px;height:48px;border-radius:50%;background:rgba(24,95,165,.10);color:var(--c-accent);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:14px;}
.biz-card h3{font-size:16px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.biz-card p{color:#666;font-size:13px;margin:0;line-height:1.6;}

/* 产品卡 */
.product-card .thumb{height:180px;background:#eef1f5;border-radius:8px;overflow:hidden;margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:#c2c8d0;font-size:13px;}
.product-card h3{font-size:16px;margin-bottom:8px;}
.product-card .desc{color:var(--c-sub);font-size:13px;height:38px;overflow:hidden;margin-bottom:10px;}
.tag{display:inline-block;background:#eef3f9;color:var(--c-accent);font-size:12px;padding:3px 9px;border-radius:20px;margin:0 6px 6px 0;}

/* 案例卡 */
.case-card .thumb{height:200px;background:#0C447C;border-radius:8px;overflow:hidden;margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;}
.case-card h3{font-size:15px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-card .ind{display:inline-block;background:rgba(24,95,165,.10);color:var(--c-accent);font-size:12px;padding:3px 10px;border-radius:20px;}
.case-card .cust{color:var(--c-sub);font-size:13px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* 行业 Tab */
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
.tabs a{padding:8px 20px;border:1px solid var(--c-line);border-radius:30px;color:#444;font-size:14px;cursor:pointer;}
.tabs a.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary);}

/* 服务应用卡 */
.service-card .thumb{height:200px;background:#eef1f5;border-radius:8px;overflow:hidden;margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:#c2c8d0;font-size:13px;}
.service-card h3{font-size:16px;margin-bottom:8px;}
.service-card .desc{color:var(--c-sub);font-size:13px;margin-bottom:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 6S 服务 */
.s6-item{text-align:center;padding:20px 12px;}
.s6-item .badge{width:52px;height:52px;border-radius:50%;background:var(--c-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:10px;}
.s6-item h4{font-size:14px;color:var(--c-text);margin-bottom:4px;}
.s6-item p{color:var(--c-sub);font-size:12px;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* 新闻列表 */
.news-list .news-row{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--c-line);align-items:baseline;}
.news-list .date{color:var(--c-accent);font-size:14px;font-weight:600;white-space:nowrap;}
.news-list .news-row a{font-size:16px;color:var(--c-text);}
.news-list .news-row a:hover{color:var(--c-accent);}

/* CTA 横幅 */
.cta-banner{background:var(--c-primary);color:#fff;text-align:center;padding:48px 16px;border-radius:var(--radius);}
.cta-banner h3{color:#fff;font-size:24px;margin-bottom:16px;}

/* ---------- 页脚 ---------- */
.site-footer{background:#0a2f59;color:#cdd8e6;padding:48px 0 24px;margin-top:40px;font-size:14px;}
.site-footer h4{color:#fff;font-size:16px;margin-bottom:10px;}
.site-footer a{color:#cdd8e6;}
.site-footer a:hover{color:#fff;}
.footer-top{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px;}
.footer-company{flex:1;min-width:280px;}
.footer-company p{margin:0 0 6px;color:#aebfd4;line-height:1.7;}
.footer-slogan{font-size:14px;color:#aebfd4;}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center;min-width:200px;}
.footer-links a{padding:4px 0;color:#cdd8e6;font-size:14px;}
.footer-links a:hover{color:#fff;}
.footer-contact{min-width:260px;}
.footer-contact p{margin:0 0 8px;color:#cdd8e6;font-size:14px;line-height:1.6;}
.footer-contact .fc-label{color:#8fa6c2;font-size:13px;}
.site-footer .copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:16px;padding-top:16px;color:#8fa6c2;font-size:13px;text-align:center;}

/* ---------- 面包屑 ---------- */
.crumb{font-size:13px;color:var(--c-sub);padding:18px 0;}
.crumb a:hover{color:var(--c-accent);}

/* ---------- 产品详情 ---------- */
.detail-top{display:flex;gap:36px;flex-wrap:wrap;}
.detail-top .gallery{flex:0 0 46%;max-width:46%;}
.detail-top .gallery .main-img{height:340px;background:#eef1f5;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#c2c8d0;font-size:14px;}
.detail-top .gallery .thumbs{display:flex;gap:10px;margin-top:10px;}
.detail-top .gallery .thumbs:empty{display:none;margin:0;}
.detail-top .gallery .thumbs div{width:72px;height:60px;background:#e3e8ef;border-radius:8px;}
.detail-top .info{flex:1;min-width:300px;}
.detail-top .info h1{font-size:26px;margin-bottom:6px;}
.detail-top .info .model{color:var(--c-sub);margin-bottom:16px;font-size:14px;}
.detail-top .info .kv{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--c-line);font-size:14px;}
.detail-top .info .kv b{color:var(--c-primary);min-width:84px;font-weight:600;}
.detail-tabs{display:flex;gap:8px;border-bottom:2px solid var(--c-line);margin:30px 0 20px;}
.detail-tabs a{padding:10px 18px;color:#555;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;}
.detail-tabs a.active{color:var(--c-accent);border-color:var(--c-accent);font-weight:600;}
.spec-table{width:100%;border-collapse:collapse;font-size:14px;}
.spec-table th,.spec-table td{border:1px solid var(--c-line);padding:10px 14px;text-align:left;}
.spec-table th{background:#f5f7fa;color:var(--c-primary);width:160px;font-weight:600;}

/* ---------- 表单 ---------- */
.form-wrap{max-width:620px;overflow:hidden;}
.form-row{margin-bottom:18px;}
.form-row label{display:block;font-size:14px;margin-bottom:6px;color:#444;}
.form-row input,.form-row select,.form-row textarea{width:100%;padding:11px 13px;border:1px solid var(--c-line);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:var(--c-text);}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--c-accent);}
.form-row textarea{resize:vertical;min-height:120px;}
.info-box{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:26px;}
.info-box h3{font-size:18px;margin-bottom:14px;}
.info-box p{color:#555;font-size:14px;margin:0 0 10px;}
.map-ph{height:220px;background:#e3e8ef;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#9aa6b5;margin-top:14px;}

/* 侧栏分类树 */
/* ---------- 产品列表布局（侧栏+内容） ---------- */
.prod-layout{display:flex;gap:24px;align-items:flex-start;overflow:hidden;}
.prod-side{flex:0 0 220px;max-width:220px;}
.prod-main{flex:1;min-width:0;overflow:hidden;}

.cat-tree{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:18px;}
.cat-tree h4{font-size:15px;margin-bottom:12px;}
.cat-tree a{display:block;padding:9px 12px;border-radius:6px;color:#444;font-size:14px;}
.cat-tree a:hover,.cat-tree a.active{background:rgba(24,95,165,.08);color:var(--c-accent);}
.cat-tree .sub a{padding-left:28px;font-size:13px;color:var(--c-sub);}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .col-3{flex:0 0 50%;max-width:50%;}
  .col-4{flex:0 0 50%;max-width:50%;}
  .col-2{flex:0 0 33.333%;max-width:33.333%;}
  .col-biz{flex:0 0 33.333%;max-width:33.333%;}
  .detail-top .gallery{flex:0 0 100%;max-width:100%;}
  .hero h1{font-size:30px;}
  .nav a{padding:8px 8px;font-size:13px;}
}
@media (max-width:768px){
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:8px 16px;border-bottom:1px solid var(--c-line);box-shadow:0 4px 12px rgba(0,0,0,.08);}
  .nav.show{display:flex;}
  .nav a{padding:12px 8px;font-size:15px;}
  .nav-toggle{display:block;}
  .lang-switch{margin-left:auto;border-left:none;padding-left:0;}
  .col-3,.col-4,.col-6,.col-8,.col-2,.col-biz{flex:0 0 100%;max-width:100%;}
  .prod-layout{flex-direction:column;}
  .prod-side{flex:0 0 100%;max-width:100%;}
  .hero{height:340px;}
  .hero .slide-text h2{font-size:20px;}
  .hero .slide-text .slide-sub{font-size:13px;}
  .hero-arrow{width:36px;height:36px;font-size:18px;}
  .section{padding:36px 0;}
  .section-head h2{font-size:22px;}
  .detail-top{flex-direction:column;}
  .detail-top .gallery{flex:0 0 100%;max-width:100%;}
  .detail-top .info{min-width:0;}
  .detail-top .gallery .main-img{height:240px;}
  .promise-bar{flex-direction:column;text-align:center;}
  .promise-bar .big{font-size:18px;}
  .metrics{flex-direction:column;}
  .metric{min-width:0;}
  .form-wrap{max-width:100%;}
  .info-box{padding:18px;}
  .page-banner{padding:12px 0 28px;}
  .page-banner h1{font-size:22px;}
  .cta-banner{padding:32px 16px;}
  .cta-banner h3{font-size:18px;}
  .biz-card{padding:20px 16px;}
  .product-card .thumb{height:140px;}
  .case-card .thumb{height:160px;}
  .news-list .news-row{flex-direction:column;gap:4px;}
  .spec-table th{width:100px;font-size:13px;}
  .spec-table td{font-size:13px;}
  .about-page{flex-direction:column;}
  .about-side{flex:0 0 100%;max-width:100%;position:static;}
  .about-nav{display:flex;gap:4px;overflow-x:auto;padding:12px;}
  .about-nav h4{display:none;}
  .about-nav a{white-space:nowrap;margin-bottom:0;padding:8px 14px;font-size:13px;}
  .about-section{padding:24px 18px;}
  .org-cards{flex-direction:column;}
  .vision-cards{flex-direction:column;}
  .qual-grid{flex-direction:column;}
  .inner-page{padding:24px 12px 36px;}
  .inner-section{padding:24px 18px;}
  .ind-grid{flex-direction:column;}
  .ind-card{min-width:0;}
  .news-card-img{height:140px;}
  .contact-main{flex-direction:column;}
  .contact-form-col{flex:0 0 100%;max-width:100%;}
  .case-filter{gap:8px;}
  .case-filter-item{padding:8px 16px;font-size:13px;}
}

/* 图片降级兜底：有背景图时隐藏文字 */
.thumb[style*="background-image"] { color:transparent !important; font-size:0; }
.main-img[style*="background-image"] { color:transparent !important; }

/* 案例卡片有背景图时隐藏纯色底 */
.case-card .thumb[style*="background-image"] {
    background-color: transparent !important;
}
.case-card .thumb[style*="background-image"] span {
    display: none;
}

/* 行业应用面板 */
.ind-grid{display:flex;gap:20px;flex-wrap:wrap;}
.ind-card{flex:1;min-width:240px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:28px 24px;transition:all .3s;cursor:default;position:relative;overflow:hidden;}
.ind-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--c-accent);opacity:0;transition:opacity .3s;}
.ind-card:hover,.ind-card.active{border-color:var(--c-accent);box-shadow:0 6px 20px rgba(12,68,124,.08);transform:translateY(-2px);}
.ind-card:hover::before,.ind-card.active::before{opacity:1;}
.ind-card-icon{width:56px;height:56px;border-radius:50%;background:rgba(24,95,165,.08);color:var(--c-accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s;}
.ind-card:hover .ind-card-icon,.ind-card.active .ind-card-icon{background:var(--c-accent);color:#fff;}
.ind-card h3{font-size:18px;margin-bottom:10px;color:var(--c-primary);}
.ind-card p{color:#666;font-size:14px;line-height:1.7;margin:0;}

/* 新闻卡片 */
.news-card{display:flex;flex-direction:column;padding:0;overflow:hidden;}
.news-card-img{height:180px;background:#eef1f5;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#c2c8d0;font-size:14px;flex-shrink:0;}
.news-card-img[style*="background-image"]{color:transparent;font-size:0;}
.news-card-img span{color:#c2c8d0;font-size:13px;}
.news-card-body{padding:18px 22px 22px;flex:1;display:flex;flex-direction:column;}
.news-card h3{font-size:15px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;}
.news-card-summary{color:var(--c-sub);font-size:13px;line-height:1.6;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-card-date{color:var(--c-accent);font-size:13px;font-weight:600;margin-top:auto;}

/* ---------- 内页通用（关于/方案/电机/案例/新闻/支持） ---------- */
.text-center{text-align:center;}
.page-banner{background:var(--c-primary);color:#fff;padding:16px 0 44px;}
.page-banner .container{max-width:var(--maxw);margin:0 auto;padding:0 16px;}
.page-banner .crumb{color:rgba(255,255,255,.78);}
.page-banner .crumb a{color:rgba(255,255,255,.78);}
.page-banner .crumb a:hover{color:#fff;}
.page-banner h1{color:#fff;font-size:30px;margin:4px 0 8px;}
.page-banner p{color:rgba(255,255,255,.85);margin:0;font-size:15px;}
.rich{line-height:1.9;color:#444;}
.rich p{margin:0 0 14px;}
.rich h2,.rich h3,.rich h4{color:var(--c-primary);margin:20px 0 10px;}
.rich ul,.rich ol{padding-left:24px;margin:0 0 14px;}
.rich li{margin-bottom:6px;}
.rich img{border-radius:var(--radius);margin:16px 0;}
.rich table{width:100%;border-collapse:collapse;margin:14px 0;}
.rich table th,.rich table td{border:1px solid var(--c-line);padding:8px 12px;text-align:left;font-size:14px;}
.rich table th{background:#f5f7fa;color:var(--c-primary);font-weight:600;}

/* ---------- 关于我们 ---------- */
.about-page{display:flex;gap:28px;align-items:flex-start;padding-top:36px;padding-bottom:48px;}
.about-side{flex:0 0 220px;max-width:220px;position:sticky;top:88px;}
.about-nav{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:20px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.about-nav h4{font-size:15px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--c-line);}
.about-nav a{display:block;padding:10px 14px;border-radius:8px;color:#555;font-size:14px;margin-bottom:2px;transition:all .2s;}
.about-nav a:hover{background:rgba(24,95,165,.06);color:var(--c-accent);}
.about-nav a.active{background:var(--c-accent);color:#fff;font-weight:600;}
.about-main{flex:1;min-width:0;}
.about-section{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:32px 36px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.about-section-alt{background:var(--c-bg);border-color:transparent;box-shadow:none;}
.about-section-head{margin-bottom:24px;}
.about-section-head h2{font-size:22px;margin-bottom:0;}
.about-section-head .line{width:40px;height:3px;background:var(--c-accent);margin:10px 0 0;border-radius:2px;}
.about-intro{font-size:15px;color:#555;line-height:1.8;margin-bottom:16px;}

/* 数据指标 */
.metrics{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 0;}
.metric{flex:1;min-width:140px;background:linear-gradient(135deg,#f8faff,#eef4fb);border:1px solid #d8e4f0;border-radius:var(--radius);padding:24px 16px;text-align:center;transition:transform .2s;}
.metric:hover{transform:translateY(-2px);}
.metric-icon{font-size:28px;margin-bottom:8px;}
.metric .num{font-size:24px;font-weight:700;color:var(--c-primary);}
.metric .lab{font-size:13px;color:var(--c-sub);margin-top:4px;}

/* 组织架构卡 */
.org-cards{display:flex;gap:20px;flex-wrap:wrap;}
.org-card{flex:1;min-width:200px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:24px;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s;}
.org-card:hover{transform:translateY(-3px);border-color:var(--c-accent);box-shadow:0 6px 20px rgba(12,68,124,.08);}
.org-card-icon{width:56px;height:56px;border-radius:50%;background:rgba(24,95,165,.08);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;}
.org-card h3{font-size:16px;margin-bottom:8px;color:var(--c-primary);}
.org-card p{color:#666;font-size:13px;line-height:1.6;margin:0;}

/* 使命愿景卡 */
.vision-cards{display:flex;gap:24px;flex-wrap:wrap;}
.vision-card{flex:1;min-width:240px;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:#fff;border-radius:var(--radius);padding:28px 24px;position:relative;overflow:hidden;}
.vision-card::after{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08);}
.vision-label{font-size:13px;opacity:.85;margin-bottom:8px;letter-spacing:2px;text-transform:uppercase;}
.vision-text{font-size:20px;font-weight:700;line-height:1.5;}

/* 资质认证 */
.qual-grid{display:flex;gap:16px;flex-wrap:wrap;}
.qual-item{flex:1;min-width:200px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:20px;text-align:center;transition:transform .2s,border-color .2s;}
.qual-item:hover{transform:translateY(-2px);border-color:var(--c-accent);}
.qual-icon{font-size:32px;margin-bottom:8px;}
.qual-name{font-size:15px;font-weight:600;color:var(--c-primary);margin-bottom:4px;}
.qual-desc{font-size:13px;color:var(--c-sub);}

.promise-bar{background:var(--c-accent);color:#fff;border-radius:var(--radius);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0;}
.promise-bar .big{font-size:22px;font-weight:700;}
.promise-bar .btn-outline{border-color:#fff;}
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
.tabs a{padding:8px 20px;border:1px solid var(--c-line);border-radius:30px;color:#444;font-size:14px;cursor:pointer;transition:all .2s;}
.tabs a.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary);}
.tabs a.disabled{opacity:.45;cursor:not-allowed;}
.tabs a .cnt{opacity:.7;font-size:12px;margin-left:4px;}
.tabs a .soon{margin-left:6px;font-size:12px;color:var(--c-accent);}
.article{font-size:16px;line-height:1.9;color:#333;}
.news-cover{background:#eef1f5;background-size:cover;background-position:center;}

/* ---------- 联系我们 ---------- */
.contact-main{display:flex;gap:24px;align-items:flex-start;}
.contact-info-col{flex:1;min-width:0;}
.contact-form-col{flex:0 0 440px;max-width:440px;}

.contact-info-list{display:flex;flex-direction:column;gap:20px;}
.contact-info-item{display:flex;align-items:flex-start;gap:16px;}
.contact-info-icon{width:44px;height:44px;border-radius:10px;background:rgba(24,95,165,.08);color:var(--c-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-info-label{font-size:12px;color:var(--c-sub);margin-bottom:2px;}
.contact-info-value{font-size:15px;color:var(--c-text);font-weight:500;line-height:1.6;}

/* ---------- 案例筛选 ---------- */
.case-filter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.case-filter-item{display:flex;align-items:center;gap:6px;padding:10px 22px;background:#fff;border:2px solid var(--c-line);border-radius:var(--radius);color:#444;font-size:15px;font-weight:500;transition:all .25s;text-decoration:none;}
.case-filter-item:hover{border-color:var(--c-accent);color:var(--c-accent);}
.case-filter-item.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;}
.case-filter-item.active .case-filter-count{background:rgba(255,255,255,.25);color:#fff;}
.case-filter-item.disabled{opacity:.5;cursor:not-allowed;}
.case-filter-name{white-space:nowrap;}
.case-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:11px;background:rgba(24,95,165,.1);color:var(--c-accent);font-size:12px;font-weight:700;padding:0 6px;}
.case-filter-soon{font-size:11px;color:var(--c-sub);font-weight:400;margin-left:2px;}
.case-card-body{padding-top:4px;}

/* ---------- 内页内容区通用样式 ---------- */
.inner-page{padding:36px 16px 48px;}
.inner-section{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:32px 36px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.inner-section-alt{background:var(--c-bg);border-color:transparent;box-shadow:none;}
.inner-section-head{margin-bottom:20px;}
.inner-section-head h2{font-size:22px;margin-bottom:0;}
.inner-section-head .line{width:40px;height:3px;background:var(--c-accent);margin:10px 0 0;border-radius:2px;}
.promise-sub{opacity:.9;font-size:14px;margin-top:4px;}

/* 内页 CTA banner 间距统一 */
.inner-page .cta-banner{margin-top:8px;}

/* 图集展示 */
.gallery-item{width:100%;border:1px solid var(--c-line);overflow:hidden;transition:transform .2s;}
.gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);}