:root{--blue:#0f5fbf;--blue-d:#0b4da2;--blue-deep:#0a2e5c;--orange:#f26b1d;--ink:#1f2733;--gray:#6b7686;--line:#e6eaf0;--bg:#f5f7fa;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.7;background:#fff}
a{color:inherit;text-decoration:none;transition:color .2s}
img{max-width:100%;display:block}
ul,ol{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* top bar */
.topbar{background:var(--blue-deep);color:#cdd9ec;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px}
.topbar a:hover{color:#fff}
/* header */
.header{position:sticky;top:0;z-index:900;background:#fff;box-shadow:0 2px 12px rgba(10,46,92,.08)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:86px}
.logo img{height:64px;width:auto}
.head-r{display:flex;align-items:center;gap:28px}
.head-slogan{font-size:13px;color:var(--gray)}
.head-tel{display:flex;align-items:center;gap:10px}
.ht-item{display:flex;align-items:center;gap:7px;padding:0 16px;border-left:1px solid var(--line)}
.ht-item:last-child{border-left:1px dashed var(--line)}
.ht-item .ic{display:inline-flex;color:var(--orange)}
.ht-item .ic svg{display:block}
.ht-item a{color:var(--blue-deep);font-size:21px;font-weight:700;font-family:Arial;letter-spacing:.5px;line-height:1.2}
.ht-item a:hover{color:var(--orange)}
/* nav */
.nav-wrap{background:var(--blue)}
.nav{display:flex}
.nav>li{flex:1;text-align:center;position:relative}
.nav>li>a{display:block;color:#fff;font-size:17px;font-weight:600;letter-spacing:2px;padding:15px 0}
.nav>li:hover>a,.nav>li.on>a{background:var(--blue-d)}
.nav-sub{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 8px 20px rgba(10,46,92,.15);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:50}
.nav>li:hover .nav-sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav-sub a{display:block;padding:10px 0;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line)}
.nav-sub a:hover{color:var(--blue);background:var(--bg)}
.burger{display:none}
/* banner */
.banner{position:relative;height:520px;overflow:hidden}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,30,60,.82),rgba(6,30,60,.45) 55%,rgba(6,30,60,.12));pointer-events:none}
.banner::before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}
.slide.active{opacity:1}
.banner-cap{position:relative;z-index:5;max-width:1200px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 20px}
.banner-cap h1{color:#fff;font-size:44px;letter-spacing:4px;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.banner-cap p{color:#eaf2ff;font-size:19px;margin:16px 0 34px;max-width:560px;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:12px 42px;border-radius:4px;font-size:16px;letter-spacing:2px}
.btn:hover{background:#d95c14}
.btn-ghost{display:inline-block;border:1px solid #fff;color:#fff;padding:11px 40px;border-radius:4px;letter-spacing:2px}
.btn-ghost:hover{background:#fff;color:var(--blue)}
.dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:6}
.dots i{width:36px;height:4px;background:rgba(255,255,255,.4);cursor:pointer;border-radius:2px}
.dots i.on{background:#fff}
/* search strip */
.strip{background:var(--bg);border-bottom:1px solid var(--line)}
.strip .container{display:flex;justify-content:space-between;align-items:center;height:58px;font-size:14px;color:var(--gray)}
.hot a{margin-left:12px;color:var(--blue)}
.searchform{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.searchform input{border:0;outline:0;padding:8px 14px;width:240px;font-size:14px}
.searchform button{border:0;background:var(--blue);color:#fff;padding:0 22px;cursor:pointer}
/* sections */
.sec{padding:70px 0}
.sec.gray{background:var(--bg)}
.sec-head{text-align:center;margin-bottom:48px}
.sec-head h2{font-size:32px;color:var(--ink);letter-spacing:2px}
.sec-head .en{font-size:13px;color:#9aa7b8;letter-spacing:4px;text-transform:uppercase;margin-top:4px}
.sec-head p{color:var(--gray);margin-top:10px;font-size:15px}
.sec-head .bar{width:52px;height:4px;background:var(--orange);margin:14px auto 0;border-radius:2px}
/* about strip */
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.about-grid h3{font-size:26px;color:var(--blue-deep);margin-bottom:18px}
.about-grid p{color:var(--gray);text-align:justify;margin-bottom:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.stats div{background:var(--bg);border-radius:8px;padding:18px 8px;text-align:center}
.stats b{display:block;font-size:30px;color:var(--blue);font-family:Arial}
.stats span{font-size:13px;color:var(--gray)}
/* product grid */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cat-card{position:relative;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(10,46,92,.08);transition:.3s}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(10,46,92,.16)}
.cat-card .pic{aspect-ratio:4/3;overflow:hidden}
.cat-card .pic img{width:100%;height:100%;object-fit:cover;transition:.4s}
.cat-card:hover .pic img{transform:scale(1.06)}
.cat-card h3{text-align:center;padding:14px 10px;font-size:16px}
.cat-card h3 a{color:var(--ink)}
.cat-card:hover h3 a{color:var(--blue)}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
/* advantages */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.adv{background:#fff;border-radius:10px;padding:38px 30px;box-shadow:0 4px 16px rgba(10,46,92,.07);border-top:3px solid var(--blue)}
.adv i{display:block;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#3b8ce4);color:#fff;font-size:24px;line-height:54px;text-align:center;font-style:normal;margin-bottom:18px}
.adv h4{font-size:18px;margin-bottom:10px}
.adv p{font-size:14px;color:var(--gray)}
/* news */
.news-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px}
.news-feat{display:flex;gap:22px;background:#fff;border-radius:10px;padding:22px;box-shadow:0 4px 16px rgba(10,46,92,.07);margin-bottom:22px}
.news-feat .pic{flex:0 0 260px;aspect-ratio:16/10;border-radius:6px;overflow:hidden}
.news-feat .pic img{width:100%;height:100%;object-fit:cover}
.news-feat h3{font-size:18px;margin-bottom:8px}
.news-feat h3 a:hover{color:var(--blue)}
.news-feat .meta{font-size:13px;color:#9aa7b8;margin-bottom:8px}
.news-feat p{font-size:14px;color:var(--gray)}
.news-list li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:12px 2px}
.news-list li a{font-size:15px}
.news-list li a:hover{color:var(--blue)}
.news-list time{color:#9aa7b8;font-size:13px}
.faq-card{background:#fff;border-radius:10px;padding:26px;box-shadow:0 4px 16px rgba(10,46,92,.07)}
.faq-item{border-bottom:1px solid var(--line);padding:10px 0}
.faq-item:last-child{border:0}
.faq-q{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-weight:600;font-size:15px}
.faq-q .q{flex:0 0 22px;height:22px;background:var(--blue);color:#fff;border-radius:4px;text-align:center;line-height:22px;font-size:13px;margin-top:2px}
.faq-a{display:none;padding:10px 0 6px 32px;font-size:14px;color:var(--gray)}
.faq-item.open .faq-a{display:block}
/* cta */
.cta{padding:50px 0 60px}
.cta .container{background:linear-gradient(120deg,var(--blue-deep),var(--blue));color:#fff;border-radius:14px;padding:38px 48px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(16,54,110,.16)}
.cta h3{font-size:25px;letter-spacing:1px}
.cta p{color:#cfe0f5;margin-top:8px;font-size:15px}
.cta-tel{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.cta-tel small{font-size:14px;color:#cfe0f5;font-family:"Microsoft YaHei"}
.tel-btns{display:flex;gap:14px}
.tel-btn{display:inline-flex;align-items:center;gap:9px;background:#f08300;color:#fff;font-size:21px;font-family:Arial;font-weight:700;letter-spacing:1px;padding:13px 26px;border-radius:9px;box-shadow:0 6px 16px rgba(240,131,0,.35);transition:transform .18s,box-shadow .18s}
.tel-btn .ic{display:inline-flex;align-items:center}
.tel-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(240,131,0,.45);color:#fff}
.tel-btn.ghost{background:rgba(255,255,255,.12);box-shadow:none;font-weight:600;font-size:19px;padding:14px 22px}
.tel-btn.ghost:hover{background:rgba(255,255,255,.22);box-shadow:none}
/* breadcrumb + layout */
.crumb-bar{background:#f3f6fb;border-bottom:1px solid #e6edf6;font-size:13px;color:#8b99ad;padding:11px 0}
.crumb-bar a{color:var(--blue)}
.crumb-bar a:hover{color:var(--orange)}
.banner-in{background:linear-gradient(120deg,#123f7e,#2a6fc9);color:#fff;padding:42px 0 46px;position:relative;overflow:hidden}
.banner-in::before{content:"";position:absolute;right:-70px;top:-80px;width:280px;height:280px;border:2px solid rgba(255,255,255,.14);border-radius:50%}
.banner-in::after{content:"";position:absolute;right:90px;bottom:-110px;width:240px;height:240px;background:rgba(255,255,255,.07);border-radius:50%}
.bi-head{position:relative;z-index:2}
.banner-in h1,.banner-in .bi-h1{display:block;font-size:34px;font-weight:700;line-height:1.35;letter-spacing:2px;text-align:left}
.bi-en{font-size:13px;letter-spacing:5px;color:rgba(255,255,255,.72);text-transform:uppercase;margin-top:10px;font-family:Arial}
.bi-desc{color:#d9e6f8;margin-top:12px;font-size:15px;max-width:780px;line-height:1.7}
.crumb{font-size:13px;color:#cfe0f5;margin-top:6px}
.crumb a:hover{color:#fff}
.layout{display:grid;grid-template-columns:260px 1fr;gap:34px;padding-top:50px;padding-bottom:70px}
.side-box{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:24px;overflow:hidden}
.side-box dt{background:var(--blue);color:#fff;padding:13px 20px;font-size:17px;letter-spacing:1px}
.side-box dd a{display:block;padding:11px 20px;font-size:14px;border-bottom:1px solid var(--line)}
.side-box dd:last-child a{border:0}
.side-box dd a:hover,.side-box dd.on a{color:var(--blue);background:var(--bg)}
.side-contact{font-size:13px;color:var(--gray);padding:16px 20px;line-height:2}
.side-contact b{color:var(--blue);font-size:16px}
.main-head{border-bottom:2px solid var(--blue);padding-bottom:12px;margin-bottom:26px;display:flex;justify-content:space-between;align-items:baseline}
.main-head h2{font-size:22px;color:var(--blue-deep)}
.main-head span{font-size:13px;color:#9aa7b8}
/* detail */
.detail h1{font-size:26px;line-height:1.4;margin-bottom:12px}
.detail .meta{color:#9aa7b8;font-size:13px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.detail .body{font-size:16px;color:#333c49}
.detail .body p{margin-bottom:16px;text-align:justify}
.detail .body img{margin:10px auto;border-radius:6px}
.page-nav{display:flex;justify-content:space-between;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
.page-nav a:hover{color:var(--blue)}
.rel{margin-top:44px}
.rel h3{font-size:18px;margin-bottom:16px;color:var(--blue-deep)}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* product detail */
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.pd-pic{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.pd-pic img{width:100%}
.pd-info h1{font-size:24px;margin-bottom:14px}
.pd-info .desc{color:var(--gray);font-size:15px;margin-bottom:20px}
.pd-spec{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:24px}
.pd-spec th,.pd-spec td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.pd-spec th{background:var(--bg);color:var(--ink);width:110px;font-weight:600}
.pd-btns{display:flex;gap:14px}
/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}
.contact-card h4{color:var(--blue-deep);font-size:17px;margin-bottom:12px}
.contact-card p{font-size:15px;color:var(--gray)}
/* message form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form .full{grid-column:1/-1}
.form label{font-size:14px;color:var(--ink);display:block;margin-bottom:6px}
.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 14px;font-size:14px;outline:none;font-family:inherit}
.form input:focus,.form textarea:focus{border-color:var(--blue)}
.form textarea{min-height:130px;resize:vertical}
/* footer */
.footer{background:var(--blue-deep);color:#b9c9e2;font-size:14px}
.footer-main{display:grid;grid-template-columns:1.25fr .8fr 1fr 1.35fr;gap:44px;padding:52px 0 40px}
.footer h4{color:#fff;font-size:17px;margin-bottom:16px;letter-spacing:1px}
.footer li{margin-bottom:9px}
.footer li a:hover{color:#fff}
.footer .f-about{line-height:2.1;padding-right:14px;font-size:13.5px}
.footer .li-tel{white-space:nowrap}
.footer .li-tel a{font-family:Arial;letter-spacing:.3px}
.footer .f-ewm{width:110px;margin:0 auto 8px;border-radius:6px}
.f-copy{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;text-align:center;font-size:13px;color:#8ba3c5}
@media(max-width:768px){.f-copy{font-size:11px;padding:13px 0;line-height:1.75}.f-copy .container{padding:0 52px 0 16px}#backtop{right:12px;bottom:62px;width:40px;height:40px;line-height:40px;font-size:16px}}
.f-copy a:hover{color:#fff}
/* backtop */
#backtop{position:fixed;right:26px;bottom:60px;width:46px;height:46px;border-radius:8px;background:var(--blue);color:#fff;text-align:center;line-height:46px;cursor:pointer;display:none;z-index:800;box-shadow:0 6px 16px rgba(15,95,191,.4)}
/* json-ld helper */
.ld{display:none}
/* responsive */
@media(max-width:1024px){
 .cat-grid,.prod-grid,.rel-grid{grid-template-columns:repeat(3,1fr)}
 .about-grid,.news-grid{grid-template-columns:1fr}
 .layout{grid-template-columns:1fr}
 /* footer 简化：只留 简介 + 联系方式 + 二维码 */
 .footer-main{grid-template-columns:1fr;gap:24px;padding:36px 0 28px}
 .footer-main>div:nth-child(2),.footer-main>div:nth-child(3){display:none}
 .footer .f-about{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.9!important;font-size:13.5px;padding-right:0;color:#93a8c8}
 .footer h4{font-size:15px;margin-bottom:10px}
 .footer li{margin-bottom:6px;font-size:13.5px}
 .footer .li-fax{display:none}
 .footer .f-ewm{width:116px}
}
@media(max-width:768px){
 .topbar{font-size:12px}
 .topbar .container{justify-content:flex-start;height:30px;overflow:hidden;white-space:nowrap}
 .topbar .container span:last-child{display:none}
 .head-slogan,.head-tel{display:none}
 .logo img{height:52px}
 .header .container{height:70px}
 .burger{display:block;font-size:26px;color:var(--blue);background:none;border:0;cursor:pointer}
 .nav-wrap{display:none}
 .nav-wrap.open{display:block;position:fixed;top:70px;left:0;right:0;z-index:880;box-shadow:0 14px 26px rgba(10,46,92,.3);max-height:calc(100vh - 70px);overflow-y:auto}
 .nav{flex-direction:column}
 .nav>li>a{padding:13px 0}
 .nav-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:1px solid var(--line);display:none}
 .nav>li:hover .nav-sub{display:block}
 .banner{height:300px}
 .banner::after{background:linear-gradient(90deg,rgba(6,30,60,.93),rgba(6,30,60,.68) 58%,rgba(6,30,60,.38))}
 .banner-cap h1{font-size:28px}
 .banner-cap p{font-size:15px}
 .cat-grid,.prod-grid,.adv-grid,.contact-grid,.rel-grid{grid-template-columns:repeat(2,1fr)}
 .strip .container{flex-direction:column;height:auto;padding:12px 20px;gap:10px;align-items:flex-start}
 .searchform input{width:170px}
 .sec{padding:46px 0}
 .sec-head h2{font-size:24px}
 .news-feat{flex-direction:column}
 .news-feat .pic{flex:none;width:100%}
 .cta .container{flex-direction:column;text-align:center;gap:18px;padding:32px 24px;border-radius:12px}
 .cta-tel{align-items:center}
 .tel-btns{flex-direction:column;gap:10px}
 .tel-btn{font-size:18px;padding:12px 24px}
 .form{grid-template-columns:1fr}
 .pd-grid{grid-template-columns:1fr}
 .footer-main{gap:18px;padding:30px 0 24px}
 .footer li{margin-bottom:5px;font-size:13px;line-height:1.6}
 .footer .f-ewm{width:104px}
 .li-contact,.li-land,.li-fax{display:none}
 .li-tel a{color:#fff;font-size:17px;font-weight:600;letter-spacing:.5px}
 .footer-main>div:last-child ul{max-width:100%}
 .f-wechat{display:none}
}
@media(max-width:420px){
 .cat-grid,.prod-grid,.adv-grid,.contact-grid,.rel-grid{grid-template-columns:1fr}
}

/* ============ CMS 扩展样式 ============ */
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:34px;font-size:14px}
.pager a,.pager span.on,.pager span.total{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.pager a:hover{border-color:var(--blue);color:var(--blue)}
.pager span.on{background:var(--blue);border-color:var(--blue);color:#fff}
.pager span.total{border:0;background:none;color:#9aa7b8}
.pager a[rel=prev],.pager a[rel=next]{padding:8px 16px}
.searchbox{max-width:520px;margin:0 auto 34px;display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.searchbox input{flex:1;border:0;outline:0;padding:12px 16px;font-size:15px}
.searchbox button{border:0;background:var(--blue);color:#fff;padding:0 26px;cursor:pointer;font-size:15px}
.empty{text-align:center;padding:60px 0;color:var(--gray)}
.empty a{color:var(--blue)}
.res-item{display:flex;gap:18px;padding:16px 0;border-bottom:1px dashed var(--line)}
.res-item .cat{font-size:12px;color:#fff;background:var(--blue);border-radius:3px;padding:1px 8px;margin-right:8px;vertical-align:2px}
.res-item h3{font-size:17px;margin-bottom:4px}
.res-item p{font-size:14px;color:var(--gray)}
.res-item time{font-size:13px;color:#9aa7b8}
.spec-list{margin:22px 0}
.prevnext{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}
.prevnext a:hover{color:var(--blue)}
.lead{background:var(--bg);border-left:4px solid var(--blue);padding:16px 20px;border-radius:0 8px 8px 0;color:#465468;font-size:15px;margin-bottom:24px}
.telbar{display:none}
@media(max-width:768px){
  .telbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 12px rgba(10,46,92,.08)}
  .telbar a{flex:1;text-align:center;padding:12px 0;font-size:15px;color:var(--blue);font-weight:600}
  .telbar a+a{border-left:1px solid var(--line);color:var(--orange)}
  body{padding-bottom:52px}
  #backtop{bottom:70px}
}

/* ============ 内页优化 ============ */
.sc-line{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.sc-line small{flex:none;width:30px;font-size:12px;color:var(--gray)}
.sc-line a{font:700 19px Arial;color:var(--blue-deep);letter-spacing:.5px}
.sc-line a:hover{color:var(--orange)}
.sc-btn{display:block;background:var(--orange);color:#fff;text-align:center;padding:11px 0;border-radius:7px;margin-top:14px;font-size:15px;font-weight:600;box-shadow:0 6px 14px rgba(240,131,0,.28);transition:.18s}
.sc-btn:hover{background:#d95c14;color:#fff;transform:translateY(-1px)}
.rel-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rel-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px 18px;transition:.18s}
.rel-item .t{flex:1;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rel-item time{color:#9aa7b8;font-size:13px;flex:none}
.rel-item:hover{border-color:var(--blue);box-shadow:0 6px 16px rgba(15,95,191,.09)}
.rel-item:hover .t{color:var(--blue)}
.contact-grid.three{grid-template-columns:repeat(3,1fr)}
.contact-card.c-hot{border-top:3px solid var(--orange)}
.cc-tel{margin:4px 0}
.cc-tel a{font:700 22px Arial;color:var(--blue-deep);letter-spacing:.5px}
.cc-tel a:hover{color:var(--orange)}
.contact-cta{display:flex;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap}
.contact-cta span{color:var(--gray);font-size:14px}
@media(max-width:768px){
 .banner-in{padding:30px 0 34px}
 .banner-in h1,.banner-in .bi-h1{font-size:25px;line-height:1.4}
 .bi-en{letter-spacing:3px}
 .rel-list{grid-template-columns:1fr}
 .contact-grid.three{grid-template-columns:1fr}
 .sc-btn{padding:12px 0}
}

/* ============ 首页 Hero Banner（无轮播重做） ============ */
.bn-hero{background:linear-gradient(112deg,#082747 0%,#0f3a6e 48%,#1d5cab 100%)}
.bn-hero::after{background:radial-gradient(560px 320px at 86% 18%,rgba(255,255,255,.10),transparent 70%),linear-gradient(90deg,rgba(6,30,60,.55),rgba(6,30,60,0) 45%)}
.bn-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:46px;padding:0 20px;position:relative;z-index:5}
.bn-txt h1,.bn-txt .bn-ttl{display:block;color:#fff;font-size:42px;font-weight:700;line-height:1.25;letter-spacing:3px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.bn-txt p{color:#e2edfb;font-size:17px;line-height:1.9;margin:16px 0 30px;max-width:560px}
.bn-btns{display:flex;gap:16px;flex-wrap:wrap}
.bn-stats{display:flex;gap:44px;margin-top:38px}
.bn-stats b{display:block;font:700 27px Arial;color:#fff;letter-spacing:.5px}
.bn-stats span{display:block;font-size:13px;color:#b9cdea;margin-top:4px}
.bn-media{position:relative;flex:none;padding-bottom:34px}
.bn-media .main{display:block;width:470px;height:330px;object-fit:cover;border-radius:14px;box-shadow:0 22px 48px rgba(0,10,30,.45)}
.bn-media .sub{position:absolute;left:-64px;bottom:0;width:198px;height:138px;object-fit:cover;border-radius:10px;border:5px solid rgba(255,255,255,.92);box-shadow:0 14px 30px rgba(0,10,30,.4)}
@media(max-width:1200px){
 .bn-media .main{width:400px;height:290px}
 .bn-media .sub{left:-40px;width:170px;height:120px}
}
@media(max-width:900px){
 .bn-media .sub{display:none}
 .bn-media .main{width:330px;height:250px}
 .bn-txt h1,.bn-txt .bn-ttl{font-size:34px}
 .bn-stats{gap:30px}
}
@media(max-width:768px){
 .bn-hero{height:auto;padding:38px 0 44px}
 .bn-inner{flex-direction:column-reverse;gap:28px;text-align:center}
 .bn-media .main{width:min(86vw,420px);height:220px}
 .bn-txt h1,.bn-txt .bn-ttl{font-size:26px;letter-spacing:1px}
 .bn-txt p{font-size:14px;margin:12px 0 22px}
 .bn-btns{justify-content:center}
 .bn-stats{margin-top:26px;gap:26px}
 .bn-stats b{font-size:21px}
}

/* ============ 内页 banner 标签 ============ */
.bi-tags{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.bi-tags span{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);border-radius:20px;padding:5px 15px;font-size:13px;color:#e6effb;letter-spacing:.5px}

/* ============ 侧栏新式卡片 ============ */
.side-box{border-radius:12px;border:1px solid #e8eef7;box-shadow:0 10px 26px rgba(15,55,110,.07)}
.side-box dt{background:#fff;color:var(--blue-deep);font-size:16.5px;font-weight:700;padding:15px 20px 13px;letter-spacing:1px;position:relative}
.side-box dt::before{content:"";display:inline-block;width:4px;height:16px;background:var(--orange);border-radius:2px;margin-right:10px;vertical-align:-2px}
.side-box dt::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),rgba(42,111,201,0))}
.side-box dd a{border-bottom:1px dashed #edf2f9;padding:12px 20px 12px 34px;position:relative;font-size:14.5px;color:#465468;transition:all .18s}
.side-box dd a::before{content:"›";position:absolute;left:20px;top:50%;transform:translateY(-52%);color:#c3cfdd;font-weight:700;font-size:15px;transition:.18s}
.side-box dd:last-child a{border-bottom:0}
.side-box dd a:hover{color:var(--blue);background:#f6f9fe;padding-left:38px}
.side-box dd a:hover::before{color:var(--orange)}
.side-box dd.on a{color:var(--blue);font-weight:600;background:#f1f6fd;box-shadow:inset 3px 0 0 var(--blue)}
.side-box dd.on a::before{color:var(--blue)}
.side-contact{font-size:13.5px;padding:16px 20px 20px;line-height:1.9}
/* 联系卡：浅色清爽风（蓝色顶条 + 电话胶囊按钮） */
.side-contact-box{background:#fff;border-top:3px solid var(--blue)}
.side-contact-box dt{background:transparent}
.side-contact-box dt::before{background:var(--orange)}
.side-contact-box .side-contact{color:var(--gray)}
.sc-person{display:flex;align-items:center;gap:8px;font-size:14px;color:#3c4c62;font-weight:600;margin-bottom:13px;line-height:1.5}
.sc-person svg{flex:none;color:var(--orange)}
.sc-phones{display:grid;gap:8px;margin-bottom:13px}
.side-contact-box dd .sc-phones a{display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#0f5fbf,#2f7ad4);color:#fff;border-radius:9px;padding:11px 0;font:700 19px Arial;letter-spacing:.5px;box-shadow:0 6px 14px rgba(15,95,191,.25);transition:.18s}
.side-contact-box dd .sc-phones a::before{content:none}
.side-contact-box dd .sc-phones a:hover{color:#fff;background:linear-gradient(135deg,#0b4da2,#1c6bc4);padding-left:0;transform:translateY(-1px);box-shadow:0 9px 18px rgba(15,95,191,.32)}
.sc-phones svg{opacity:.9}
.sc-row{display:flex;gap:7px;align-items:flex-start;font-size:13px;color:#6b7c93;line-height:1.75;margin-bottom:5px}
.sc-row svg{flex:none;margin-top:4px;color:var(--blue)}
.side-contact-box .sc-btn{margin-top:14px;background:var(--orange);box-shadow:0 8px 18px rgba(240,131,0,.3)}
.side-contact-box .sc-btn:hover{background:#d95c14;color:#fff}
@media(max-width:768px){
 .layout{padding-top:30px;padding-bottom:46px}
 .side-box{margin-bottom:16px}
}

/* ============ 详情正文排版 ============ */
.detail .body p{margin:0 0 20px;font-size:15.5px;line-height:2.1;color:#3d4a5c;text-align:justify}
.detail .body p:first-child{background:#f5f9fe;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;padding:14px 18px;font-size:16px;color:#28405e;font-weight:500;margin-bottom:22px}
.detail .body p:last-child{margin-bottom:0}
.detail .body strong{color:var(--blue-deep)}
.detail .body p a{color:var(--blue);font-weight:600}
.detail .body p a:hover{color:var(--orange)}
.detail .body img{border-radius:10px;box-shadow:0 8px 20px rgba(15,55,110,.08);max-width:100%;height:auto}
.detail .body ul,.detail .body ol{margin:0 0 20px;padding-left:24px}
.detail .body li{margin-bottom:8px;line-height:1.9;color:#3d4a5c}
.detail .body h2,.detail .body h3{color:var(--blue-deep);font-size:18px;margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--orange)}

/* ============ 双 banner 轮播 ============ */
.bn-slide{pointer-events:none}
.bn-slide.active{pointer-events:auto}
.bn-media{padding-bottom:0}
.bn-media .main{width:440px;height:330px}
@media(max-width:1200px){.bn-media .main{width:380px;height:280px}}
@media(max-width:900px){.bn-media .main{width:310px;height:240px}}

/* ============ 面包屑入 banner ============ */
.banner-in .container{position:relative}
.bi-crumb{position:absolute;right:20px;bottom:10px;font-size:13px;color:rgba(255,255,255,.72)}
.bi-crumb a{color:rgba(255,255,255,.92)}
.bi-crumb a:hover{color:#ffd9ae}

/* ============ 首页公司介绍重排 ============ */
.sec-tag{display:inline-block;font-size:12px;letter-spacing:3px;color:var(--orange);border:1px solid rgba(240,131,0,.4);border-radius:20px;padding:4px 14px;margin-bottom:16px;font-family:Arial}
.ab-txt h2{font-size:28px;color:var(--blue-deep);margin-bottom:18px;letter-spacing:1px}
.ab-points{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 22px}
.ab-points span{background:#f2f7fe;color:var(--blue);font-size:13px;border-radius:6px;padding:7px 14px;font-weight:600}
.ab-media{position:relative}
.ab-media>img{width:100%;height:350px;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px rgba(15,55,110,.16)}
.ab-stats{display:flex;gap:14px;margin:-42px 20px 0;position:relative}
.ab-stats div{flex:1;background:#fff;border-radius:10px;box-shadow:0 12px 26px rgba(15,55,110,.14);text-align:center;padding:15px 6px}
.ab-stats b{display:block;font:700 24px Arial;color:var(--blue)}
.ab-stats span{font-size:12px;color:var(--gray)}

/* ============ footer 微信二维码右置 ============ */
.f-contact-wrap{display:flex;gap:26px;justify-content:space-between;align-items:flex-start}
.footer .f-wechat{flex:none;text-align:center;margin-left:auto}
.footer .f-wechat p{font-size:12px;color:#93a8c8;margin-top:7px}
.footer .f-ewm{width:136px;margin:0;border-radius:8px;border:3px solid rgba(255,255,255,.15)}
@media(min-width:1260px){
 .footer .f-wechat{margin-right:-36px}
}

/* ============ 关于我们页展示区 ============ */
.ab-show{margin-top:34px}
.ab-show-pics{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-show-pics img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 12px 28px rgba(15,55,110,.12)}
.ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.av-card{background:#f7fafd;border:1px solid #e8eef7;border-radius:12px;padding:20px 18px;transition:.2s}
.av-card:hover{background:#fff;box-shadow:0 10px 24px rgba(15,55,110,.1);transform:translateY(-3px)}
.av-card h4{color:var(--blue-deep);font-size:16px;margin-bottom:8px;padding-left:10px;border-left:3px solid var(--orange)}
.av-card p{font-size:13.5px;color:var(--gray);line-height:1.8}

/* ============ 详情正文节标题 + 卡片 ============ */
.body-head{display:flex;align-items:baseline;gap:12px;margin-top:36px;padding:0 0 12px;border-bottom:2px solid #eef3fa;position:relative}
.body-head::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--orange)}
.body-head h3{font-size:19px;color:var(--blue-deep);letter-spacing:1px}
.body-head span{font-size:11px;letter-spacing:3px;color:#b3c2d6;font-family:Arial}
.detail .body{background:#fff;border:1px solid #eef3fa;border-top:0;border-radius:0 0 12px 12px;padding:26px 28px 24px}

/* ============ 产品详情主图统一尺寸 ============ */
.pd-grid{align-items:stretch}
.pd-info{display:flex;flex-direction:column}
.pd-info .pd-btns{margin-bottom:18px}
.pd-pic{border-radius:12px;overflow:hidden;background:#f6f9fe;border:1px solid #eef3fa}
.pd-pic img{width:100%;height:420px;object-fit:cover;object-position:center;display:block}

/* ============ 产品详情：服务保障面板 + 选型提示 ============ */
.pd-trust{margin-top:auto;background:linear-gradient(180deg,#f6faff,#eef5fd);border:1px solid #dbe9f8;border-radius:12px;padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.pt-item{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#2c4a6e;font-weight:600;line-height:1.4}
.pt-item svg{flex:none;color:var(--orange)}
.pd-notes{margin-top:26px;background:#fffaf4;border:1px dashed #f0c390;border-radius:12px;padding:20px 22px}
.pd-notes h4{font-size:16px;color:#b35c0e;margin-bottom:13px;display:flex;align-items:center;gap:8px;letter-spacing:.5px}
.pd-notes h4 svg{color:var(--orange)}
.pn-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:13px}
.pn-chips span{background:#fff;border:1px solid #f5d5ac;color:#8a5a1e;font-size:13px;padding:6px 14px;border-radius:999px}
.pd-notes p{font-size:14px;color:#7a6a55;line-height:1.9;margin:0;text-align:justify}
.pd-notes p a{color:var(--orange);font-weight:700;font-family:Arial;font-size:15px}
.pd-notes p a:hover{text-decoration:underline}

/* ============ 新闻列表（无图行式） ============ */
.news-rows{display:flex;flex-direction:column;gap:12px}
.news-row{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #e8eef7;border-radius:12px;padding:18px 22px;transition:.18s}
.news-row:hover{box-shadow:0 10px 24px rgba(15,55,110,.09);transform:translateY(-2px);border-color:#d8e6f6}
.nr-date{flex:none;width:64px;text-align:center;border-right:1px solid #eef3fa;padding-right:16px}
.nr-date b{display:block;font:700 26px Arial;color:var(--blue);line-height:1.15}
.nr-date span{font-size:12px;color:#9aa9bd;letter-spacing:.5px}
.nr-body{flex:1;min-width:0}
.nr-body h3{font-size:16.5px;color:#24354c;font-weight:600;margin-bottom:4px;line-height:1.5}
.news-row:hover .nr-body h3{color:var(--blue)}
.nr-body p{font-size:13.5px;color:#7c8aa0;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nr-arrow{flex:none;color:#c3cfdd;font-size:22px;font-weight:700;transition:.18s}
.news-row:hover .nr-arrow{color:var(--orange);transform:translateX(4px)}
@media(max-width:768px){
 .news-row{padding:14px 16px;gap:12px}
 .nr-date{width:52px;padding-right:10px}
 .nr-date b{font-size:21px}
 .nr-body p{display:none}
}

/* ============ 联系我们页新设计 ============ */
.ct-hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:linear-gradient(135deg,#0f3d7c,#2871c7);border-radius:14px;padding:34px 38px;color:#fff;box-shadow:0 16px 36px rgba(15,60,120,.22);position:relative;overflow:hidden}
.ct-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;background:rgba(255,255,255,.07);border-radius:50%}
.ct-hero-main{position:relative;z-index:2}
.ct-tag{font-family:Arial;font-size:11px;letter-spacing:3px;color:#ffcf96;border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:4px 14px;display:inline-block;margin-bottom:14px}
.ct-hero h3{font-size:24px;letter-spacing:1px;margin-bottom:10px}
.ct-hero .ct-desc{color:#cfe0f5;font-size:14px;line-height:1.9;margin-bottom:20px;max-width:520px}
.ct-tels{display:flex;gap:14px;flex-wrap:wrap}
.ct-tel{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.32);border-radius:12px;padding:12px 22px;color:#fff;transition:.18s}
.ct-tel:hover{background:rgba(255,255,255,.22);color:#fff;transform:translateY(-2px)}
.ct-tel svg{color:#ffb066}
.ct-tel small{display:block;font-size:11px;color:#bcd3ef;letter-spacing:1px;margin-bottom:2px}
.ct-tel b{font:700 20px Arial;letter-spacing:.5px}
.ct-land{margin-top:16px;font-size:13px;color:#bcd3ef}
.ct-qr{background:#fff;border-radius:12px;padding:12px 12px 9px;text-align:center;position:relative;z-index:2;box-shadow:0 10px 24px rgba(0,20,50,.25)}
.ct-qr img{width:118px;display:block;border-radius:6px}
.ct-qr span{display:block;font-size:12px;color:#5a6c84;margin-top:6px}
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.ct-card{background:#fff;border:1px solid #e8eef7;border-radius:12px;padding:22px 20px;transition:.2s}
.ct-card:hover{box-shadow:0 12px 26px rgba(15,55,110,.1);transform:translateY(-3px)}
.ct-ic{width:42px;height:42px;border-radius:10px;background:#f0f6fe;color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.ct-card h4{font-size:16px;color:var(--blue-deep);margin-bottom:9px;letter-spacing:.5px}
.ct-card p{font-size:13.5px;color:var(--gray);line-height:1.85;margin-bottom:6px}
.ct-card p:last-child{margin-bottom:0}

@media(max-width:768px){
 .ct-hero{grid-template-columns:1fr;padding:26px 22px;gap:22px}
 .ct-tels{gap:10px}
 .ct-tel{flex:1;min-width:150px;padding:11px 14px}
 .ct-tel b{font-size:17px}
 .ct-qr{justify-self:center;padding:12px 16px 9px}
 .ct-cards{grid-template-columns:1fr}
}

@media(max-width:768px){
 .bi-crumb{position:static;display:block;margin-top:14px;text-align:left;color:rgba(255,255,255,.8)}
 .ab-media>img{height:220px}
 .ab-stats{margin:-30px 10px 0;gap:10px}
 .ab-stats b{font-size:19px}
 .ab-values{grid-template-columns:1fr 1fr}
 .ab-show-pics img{height:170px}
 .pd-pic img{height:250px}
}

/* ============ 新闻详情：相关问答（与常见问题栏目联动） ============ */
.pd-faq{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(15,55,110,.05)}
.pf-head{display:flex;align-items:center;gap:10px;padding:15px 22px;background:linear-gradient(90deg,#f1f7fd,#fbfdff);border-bottom:1px solid var(--line)}
.pf-head h3{font-size:17px;color:var(--blue-deep);position:relative;padding-left:12px;letter-spacing:.5px}
.pf-head h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:15px;background:var(--orange);border-radius:2px}
.pf-head span{font:11px Arial;letter-spacing:2px;color:#9db0c7}
.pf-list{padding:4px 22px}
.pf-item{padding:16px 0;border-bottom:1px dashed #e8eef6}
.pf-item:last-child{border-bottom:0}
.pf-item h4{display:flex;gap:9px;align-items:flex-start;font-size:15.5px;color:#1d2c40;line-height:1.7;margin-bottom:8px}
.pf-q{flex:0 0 22px;height:22px;background:var(--blue);color:#fff;border-radius:5px;font-size:12px;line-height:22px;text-align:center;margin-top:3px;font-weight:400}
.pf-item p{font-size:14px;color:#4b5a6e;line-height:1.95;margin:0 0 8px;padding-left:31px;text-align:justify}
.pf-a{color:var(--orange);font-weight:600;margin-right:3px}
.pf-more{font-size:13px;color:var(--blue);padding-left:31px;display:inline-block}
.pf-more:hover{color:var(--orange)}
.pf-foot{padding:12px 22px 14px;background:#fafcff;border-top:1px solid var(--line);font-size:13px;color:var(--gray);line-height:1.8}
.pf-foot a{color:var(--blue)}
.pf-foot a:hover{color:var(--orange)}

@media(max-width:768px){
 .pd-faq{margin-top:22px}
 .pf-head{padding:13px 16px}
 .pf-list{padding:2px 16px}
 .pf-item h4{font-size:15px}
 .pf-item p,.pf-more{padding-left:0}
 .pf-item p{font-size:13.5px;line-height:1.9}
 .pf-foot{padding:12px 16px}
}

/* ============ 内页排版优化：侧栏吸顶 + 宽屏加宽 ============ */
/* 长页面滚动时左侧不再出现大片空白，侧栏跟随内容 */
@media(min-width:1025px){
 .layout{align-items:start}
 .layout > aside.is-sticky{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px;will-change:transform}
.layout > aside.is-sticky::-webkit-scrollbar{width:6px}
.layout > aside.is-sticky::-webkit-scrollbar-thumb{background:#d5e0ee;border-radius:9px}
.layout > aside.is-sticky::-webkit-scrollbar-thumb:hover{background:#b9cbe2}
.layout > aside.is-sticky::-webkit-scrollbar-track{background:transparent}
 .side-box{margin-bottom:18px}
 .side-box:last-child{margin-bottom:0}
}
/* 大屏减少左右留白：容器由 1200 逐步放宽 */
@media(min-width:1360px){
 .container{max-width:1260px}
 .container.layout{grid-template-columns:272px 1fr;gap:32px}
}
@media(min-width:1560px){
 .container{max-width:1360px}
 .container.layout{grid-template-columns:284px 1fr;gap:34px}
}
@media(min-width:1800px){
 .container{max-width:1460px}
}

/* ============ 侧栏「热门推荐」 ============ */
.side-hot-box dd.side-hot{padding:8px 12px 12px}
.side-hot-box dd.side-hot a{display:flex;gap:9px;align-items:flex-start;padding:9px 8px;border-bottom:0;border-radius:8px;font-size:14px;color:#41506a;line-height:1.55;transition:.16s}
.side-hot-box dd.side-hot a::before{content:none}
.side-hot-box dd.side-hot a i{flex:none;width:19px;height:19px;border-radius:5px;background:#eef4fc;color:#7b8ea8;font:700 11px/19px Arial;text-align:center;font-style:normal;margin-top:1px}
.side-hot-box dd.side-hot a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side-hot-box dd.side-hot a:hover{background:#f5f9ff;color:var(--blue);padding-left:10px}
.side-hot-box dd.side-hot a:hover i{background:var(--blue);color:#fff}
.side-hot-box dd.side-hot a:nth-child(-n+3) i{background:#fff2e6;color:#d2700c}
.side-hot-box dd.side-hot a:nth-child(-n+3):hover i{background:var(--orange);color:#fff}

/* 移动端：热门推荐不占首屏（正文已含列表与相关内容） */
@media(max-width:768px){
 .side-hot-box{display:none}
}

/* ============ 新闻详情：封面配图 ============ */
.art-cover{margin:22px 0 26px;border-radius:12px;overflow:hidden;background:#eef4fb;border:1px solid var(--line);box-shadow:0 8px 22px rgba(15,55,110,.06)}
.art-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
@media(max-width:768px){
 .art-cover{margin:16px 0 18px;border-radius:10px}
 .art-cover img{aspect-ratio:4/3;height:auto}
}

/* ============ 在线留言页重排 ============ */
.msg-alert{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:14px 18px;font-size:14.5px;margin-bottom:22px;line-height:1.7}
.msg-alert.ok{background:#eefaf1;border:1px solid #bfe8cc;color:#0a6b2f}
.msg-alert.ok svg{flex:none;margin-top:3px;color:#0a8f3c}
.msg-alert.ok b{font-family:Arial;letter-spacing:.3px}
.msg-alert.err{background:#fdeeed;border:1px solid #f3c4c0;color:#b3261e}
.msg-alert.err svg{flex:none;margin-top:3px;color:#d93025}
.msg-wrap{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}
.msg-form-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 28px 28px;box-shadow:0 6px 20px rgba(15,55,110,.05)}
.msg-form-head{display:flex;gap:14px;align-items:center;padding-bottom:18px;margin-bottom:22px;border-bottom:1px dashed var(--line)}
.mf-ic{flex:none;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eef4fc,#dfecfb);color:var(--blue);display:flex;align-items:center;justify-content:center}
.msg-form-head h3{font-size:19px;color:var(--blue-deep)}
.msg-form-head p{font-size:13px;color:var(--gray);margin-top:2px}
.msg-form{grid-template-columns:1fr 1fr;gap:16px 18px}
.mf-field label{font-size:14px;font-weight:600;color:var(--ink);display:block;margin-bottom:7px}
.mf-field label i{color:var(--orange);font-style:normal;margin-left:2px}
.msg-form input,.msg-form textarea{width:100%;border:1px solid #dde5ef;background:#fbfcfe;border-radius:8px;padding:11px 14px;font-size:14px;outline:none;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s;color:var(--ink)}
.msg-form input:focus,.msg-form textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(15,95,191,.12)}
.msg-form input::placeholder,.msg-form textarea::placeholder{color:#a8b4c4}
.msg-form textarea{min-height:140px;resize:vertical}
.mf-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.mf-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:linear-gradient(135deg,#f7802e,var(--orange));color:#fff;font-size:15.5px;font-weight:600;letter-spacing:1px;padding:12px 34px;border-radius:8px;font-family:inherit;box-shadow:0 8px 18px rgba(242,107,29,.32);transition:.18s}
.mf-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(242,107,29,.4)}
.mf-tip{font-size:12.5px;color:#9aa7b8}
.msg-direct{background:linear-gradient(150deg,#0a2e5c,#104a8f 70%,#1663b8);color:#fff;border-radius:12px;padding:24px 24px 22px;box-shadow:0 10px 26px rgba(10,46,92,.25)}
.md-tag{font:10.5px Arial;letter-spacing:2.5px;color:rgba(255,255,255,.6)}
.msg-direct h3{font-size:19px;margin-top:6px;letter-spacing:.5px}
.md-person{font-size:13px;color:#bcd4f2;margin-top:4px}
.md-tels{margin-top:16px;display:grid;gap:10px}
.md-tel{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 14px;transition:.18s}
.md-tel:hover{background:rgba(255,255,255,.18)}
.md-tel svg{color:#ffc59a;flex:none}
.md-tel small{display:block;font-size:11.5px;color:#a9c4e8}
.md-tel b{font:700 17px Arial;letter-spacing:.4px;color:#fff}
.md-row{display:flex;gap:8px;align-items:center;font-size:13px;color:#c6d9f3;margin-top:14px}
.md-wechat{display:flex;gap:12px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.2)}
.md-wechat img{width:78px;height:78px;border-radius:8px;background:#fff;padding:3px;flex:none}
.md-wechat span{font-size:12.5px;color:#c6d9f3;line-height:1.8}
.md-addr{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#a9c4e8;margin-top:12px;line-height:1.7}
.md-addr svg{flex:none;margin-top:4px}
.msg-tips{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-top:18px}
.msg-tips h4{font-size:15px;color:var(--blue-deep);margin-bottom:10px;padding-left:11px;position:relative}
.msg-tips h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background:var(--orange);border-radius:2px}
.msg-tips li{font-size:13px;color:var(--gray);line-height:1.8;padding-left:16px;position:relative;margin-bottom:5px}
.msg-tips li::before{content:"";position:absolute;left:2px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.45}
@media(max-width:1024px){
 .msg-wrap{grid-template-columns:1fr}
}
@media(max-width:768px){
 .msg-form-card{padding:20px 16px 22px}
 .msg-form{grid-template-columns:1fr}
 .msg-form-head{padding-bottom:14px;margin-bottom:16px}
 .mf-btn{width:100%;justify-content:center}
 .mf-tip{width:100%;text-align:center}
 .msg-direct{padding:20px 18px}
}

/* 技术支持链接（底部版权行） */
.f-tech a{color:#a9c4e8;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .18s}
.f-tech a:hover{color:#fff}