/* ============================================================
   德吉旺包装官网 - 全站共享样式 angelic.css (2026-09-08)
   结构参考同行营销官网模板，配色沿用品牌蓝橙
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;color:#334155;background:#fff;line-height:1.75;font-size:15px}
a{text-decoration:none;color:inherit;transition:.2s}
img{max-width:100%;display:block}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.primary{color:#2563eb}.orange{color:#f97316}

/* ---------- 顶部信息条 ---------- */
.topbar{background:#0f2557;color:#cbd5e1;font-size:13px;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}
.topbar .slogan i{color:#f97316;margin-right:6px}
.topbar .contact span{margin-left:16px}
.topbar .contact i{color:#f97316;margin-right:5px}
.topbar .contact .tel{color:#fff;font-weight:700;font-size:15px}

/* ---------- 主导航 ---------- */
.header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 2px 12px rgba(15,37,87,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;position:relative}
.logo{display:flex;align-items:center;gap:10px;z-index:1002}
.logo img{height:50px;width:auto}
.logo .txt b{font-size:20px;color:#0f2557;display:block;line-height:1.2}
.logo .txt small{font-size:11px;color:#f97316;letter-spacing:3px}
.menu{display:flex;gap:2px}
.menu>li{position:relative}
.menu>li>a{display:block;padding:24px 14px;font-size:15px;color:#1e293b;font-weight:500;position:relative}
.menu>li>a:after{content:"";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:0;height:2.5px;background:#f97316;transition:.25s}
.menu>li:hover>a,.menu>li.on>a{color:#2563eb}
.menu>li:hover>a:after,.menu>li.on>a:after{width:22px}
.menu .quote-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff!important;border-radius:6px;padding:10px 18px!important;margin-left:8px;box-shadow:0 4px 10px rgba(249,115,22,.3)}
.menu .wx-btn{color:#059669!important}
.menu .wx-btn:hover{color:#0f7a4d!important}
.menu .wx-btn:after{display:none}
.menu .wx-btn i{color:#07c160}
.menu .quote-btn:after{display:none}
.menu .quote-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(249,115,22,.4)}
/* 二级下拉（产品中心） */
.menu .drop{position:absolute;top:100%;left:0;background:#fff;min-width:230px;box-shadow:0 18px 40px rgba(15,23,42,.16);border-radius:0 0 10px 10px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(12px);transition:.28s;border-top:3px solid #f97316}
.menu li:hover .drop{opacity:1;visibility:visible;transform:none}
.menu .drop a{display:flex;align-items:center;gap:12px;padding:10px 22px;font-size:14px;color:#334155}
.menu .drop a i{width:30px;height:30px;border-radius:7px;background:#eef4ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:14px}
.menu .drop a:hover{background:#f6f9ff;color:#2563eb}
.menu .drop a:hover i{background:#2563eb;color:#fff}
.burger{display:none;background:none;border:none;font-size:24px;color:#0f2557;cursor:pointer;z-index:1002}
.menu-mask{display:none;position:fixed;inset:0;background:rgba(9,20,45,.5);z-index:1000}

/* ---------- 页面小横幅（栏目页头） ---------- */
.page-banner{background:linear-gradient(115deg,#0f2557 0%,#1e40af 60%,#2563eb 100%);color:#fff;padding:52px 0 46px;position:relative;overflow:hidden}
.page-banner:after{content:"\f1d9";font-family:FontAwesome;position:absolute;right:-30px;bottom:-46px;font-size:230px;color:rgba(255,255,255,.06)}
.page-banner h1{font-size:34px;font-weight:800;letter-spacing:1px;position:relative;z-index:2}
.page-banner h1 small{display:block;font-size:13px;color:#9dbcf8;font-weight:400;letter-spacing:4px;text-transform:uppercase;margin-bottom:6px}
.crumbs{position:relative;z-index:2;font-size:13px;color:#9dbcf8;margin-top:10px}
.crumbs a{color:#cfe0ff}
.crumbs a:hover{color:#fff}
.crumbs i{margin:0 8px;font-size:11px;color:#f97316}

/* ---------- 通用区块 ---------- */
.section{padding:64px 0}
.section.gray{background:#f1f5f9}
.section.blue{background:#f8fafc}
.section-title{text-align:center;margin-bottom:12px}
.section-title h2{font-size:30px;color:#1e293b;letter-spacing:1px}
.section-title h2 span{color:#2563eb}
.section-title .en{font-size:12.5px;color:#94a3b8;letter-spacing:4px;text-transform:uppercase;margin-bottom:5px}
.section-title .line{width:54px;height:3px;background:#f97316;margin:12px auto 0;border-radius:2px}
.section-title p.sub{color:#64748b;margin-top:12px;font-size:14.5px}
.section-title.left{text-align:left}
.section-title.left .line{margin-left:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;padding:12px 28px;border-radius:6px;font-size:15px;font-weight:600;transition:.25s;border:none;cursor:pointer;font-family:inherit}
.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 6px 16px rgba(249,115,22,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(249,115,22,.45);color:#fff}
.btn-blue{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.3)}
.btn-blue:hover{transform:translateY(-2px);color:#fff}
.btn-ghost{border:1.5px solid rgba(255,255,255,.75);color:#fff;background:transparent}
.btn-ghost:hover{background:#fff;color:#0f2557}
.btn-outline{border:1.5px solid #2563eb;color:#2563eb;background:#fff}
.btn-outline:hover{background:#2563eb;color:#fff}
.btn-lg{padding:14px 34px;font-size:16px}

/* ---------- 首页 Hero 轮播 ---------- */
.hero{position:relative;height:500px;overflow:hidden;background:#0f2557}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s;display:flex;align-items:center}
.slide.active{opacity:1;z-index:2}
.slide img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide .mask{position:absolute;inset:0;background:linear-gradient(100deg,rgba(9,25,61,.93) 0%,rgba(15,37,87,.72) 45%,rgba(15,37,87,.22) 100%)}
.slide .content{position:relative;z-index:3;color:#fff;max-width:660px}
.slide .tag{display:inline-block;background:rgba(249,115,22,.92);font-size:13px;padding:4px 15px;border-radius:20px;margin-bottom:16px;letter-spacing:1px}
.slide h1{font-size:42px;line-height:1.28;margin-bottom:14px;font-weight:800}
.slide p{font-size:16.5px;color:#dbe6ff;margin-bottom:26px}
.slide .btns{display:flex;gap:13px;flex-wrap:wrap}
.hero .dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:5}
.hero .dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.hero .dots i.on{background:#f97316;width:26px;border-radius:6px}

/* ---------- 首页数据条 ---------- */
.stats{background:linear-gradient(135deg,#0f2557,#1e40af);padding:32px 0;color:#fff}
.stats .container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;text-align:center}
.stats .item b{font-size:36px;font-weight:800;color:#fb923c}
.stats .item b small{font-size:17px}
.stats .item span{display:block;font-size:14px;color:#bfd4ff;margin-top:2px}

/* ---------- 首页通用卡片 ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}
.reveal.show{opacity:1;transform:none}
/* 产品卡片（首页/产品中心通用） */
.prod-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.06);transition:.3s;display:flex;flex-direction:column;border:1px solid #edf1f7}
.prod-card:hover{transform:translateY(-7px);box-shadow:0 18px 34px rgba(15,23,42,.14);border-color:#bfdbfe}
.prod-card .ph{height:200px;background:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.prod-card .ph img{height:168px;width:auto;object-fit:contain;transition:.4s}
.prod-card:hover .ph img{transform:scale(1.07)}
.prod-card .no{position:absolute;top:12px;left:12px;background:#0f2557;color:#fff;font-size:12px;padding:2px 10px;border-radius:4px;font-family:Georgia,serif}
.prod-card .pb{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.prod-card .pb h3{font-size:18px;color:#0f2557;margin-bottom:8px}
.prod-card .pb p{font-size:13.5px;color:#64748b;flex:1}
.prod-card .pb .more{margin-top:12px;color:#f97316;font-size:13.5px;font-weight:600}
.prod-card .pb .more i{margin-left:4px;transition:.25s}
.prod-card:hover .more i{margin-left:9px}
/* 优势卡片 */
.adv-card{text-align:center;padding:30px 20px;border-radius:12px;border:1px solid #e2e8f0;transition:.3s;background:#fff}
.adv-card:hover{box-shadow:0 14px 30px rgba(15,23,42,.1);border-color:#bfdbfe;transform:translateY(-5px)}
.adv-card .ico{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(37,99,235,.3)}
.adv-card h3{font-size:17px;color:#0f2557;margin-bottom:8px}
.adv-card p{font-size:13.5px;color:#64748b;text-align:left}
/* 新闻卡片 */
.news-card{background:#fff;border:1px solid #e8edf4;border-radius:10px;overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.news-card:hover{box-shadow:0 14px 30px rgba(15,23,42,.1);transform:translateY(-5px)}
.news-card .date{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:14px 20px;display:flex;gap:14px;align-items:center}
.news-card .date b{font-size:32px;line-height:1}
.news-card .date .m{font-size:12.5px;opacity:.85;line-height:1.35}
.news-card .nb{padding:16px 20px 18px;flex:1;display:flex;flex-direction:column}
.news-card h3{font-size:15.5px;color:#0f2557;margin-bottom:8px;line-height:1.5}
.news-card p{font-size:13px;color:#64748b;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card .more{margin-top:10px;color:#f97316;font-size:13px;font-weight:600}
/* 案例深蓝区 */
.case-zone{background:linear-gradient(135deg,#0f2557,#1e3a8a);color:#fff;border-radius:14px;padding:44px 46px;display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}
.case-zone .pic{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.case-zone .pic img{width:100%;height:270px;object-fit:cover}
.case-zone .pic .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(4,14,40,.92));padding:40px 18px 12px;font-size:13px;color:#cfe0ff}
.case-zone h2{font-size:24px;margin-bottom:14px}
.quote{border-left:4px solid #f97316;background:rgba(255,255,255,.07);border-radius:8px;padding:14px 16px;margin-bottom:12px}
.quote p{font-size:14px;color:#e2ebff}
.quote footer{font-size:12px;color:#93b4f5;text-align:right;margin-top:6px}

/* ---------- 产品详情页 ---------- */
.detail-lead{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center}
.detail-lead .imgbox{background:#f8fafc;border:1px solid #e8edf4;border-radius:14px;padding:30px;display:flex;align-items:center;justify-content:center;position:relative}
.detail-lead .imgbox img{max-height:330px;width:auto}
.detail-lead .imgbox .seal{position:absolute;top:16px;right:16px;background:#059669;color:#fff;font-size:12px;padding:4px 12px;border-radius:16px}
.detail-lead h1{font-size:30px;color:#0f2557;line-height:1.4;margin-bottom:12px}
.detail-lead h1 small{display:block;font-size:13px;color:#f97316;font-weight:600;letter-spacing:2px;margin-bottom:4px}
.detail-lead p{color:#64748b;font-size:15px;margin-bottom:14px}
.detail-lead .feats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 20px}
.detail-lead .feats div{background:#f0f6ff;border:1px solid #dbe8ff;color:#1e40af;font-size:13px;border-radius:7px;padding:7px 12px}
.detail-lead .feats i{color:#f97316;margin-right:6px}
.block-card{background:#fff;border:1px solid #e6ebf3;border-radius:12px;padding:30px 32px;margin-top:26px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.block-card h2{font-size:21px;color:#0f2557;margin-bottom:16px;padding-left:13px;border-left:4px solid #f97316;line-height:1.3}
.block-card h2 span{font-size:13px;color:#94a3b8;font-weight:400;margin-left:10px}
.block-card p{color:#475569;font-size:14.5px;margin-bottom:10px}
.block-card ul.dots li{padding:5px 0 5px 20px;position:relative;color:#475569;font-size:14.5px}
.block-card ul.dots li:before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;background:#2563eb;border-radius:50%}
.block-card ul.dots li b{color:#0f2557}
/* 规格表格 */
.tbl-wrap{overflow-x:auto;border:1px solid #e6ebf3;border-radius:10px}
table.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
table.tbl th{background:#0f2557;color:#fff;padding:11px 14px;text-align:left;font-weight:600;white-space:nowrap}
table.tbl td{padding:10px 14px;border-bottom:1px solid #eef2f7;color:#475569}
table.tbl tr:nth-child(even) td{background:#f8fafc}
/* FAQ */
.faq-item{border:1px solid #e6ebf3;border-radius:10px;margin-bottom:10px;overflow:hidden;background:#fff}
.faq-item .q{padding:14px 20px;cursor:pointer;font-weight:600;color:#0f2557;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;background:#fbfcfe}
.faq-item .q i{color:#f97316;transition:.3s}
.faq-item.open .q i{transform:rotate(180deg)}
.faq-item .a{display:none;padding:4px 20px 16px;color:#64748b;font-size:14px;line-height:1.9;border-top:1px dashed #e6ebf3}
.faq-item.open .a{display:block}
/* 产品列表行（案例/资质等） */
.cert-card{background:#fff;border:1px solid #e6ebf3;border-radius:12px;padding:26px}
.cert-card h4{color:#0f2557;font-size:16px;margin-bottom:8px}
.cert-card h4 i{color:#2563eb;margin-right:8px}
.cert-card p{font-size:13.5px;color:#64748b}

/* ---------- 联系表单 ---------- */
.form-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}
.form-box{background:#fff;border-radius:14px;padding:32px;box-shadow:0 16px 44px rgba(15,23,42,.12);border:1px solid #eef2f7}
.form-box h3{color:#0f2557;font-size:20px;margin-bottom:18px}
.form-box h3 i{color:#f97316;margin-right:8px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.fld{margin-bottom:13px}
.fld label{display:block;font-size:13px;color:#475569;margin-bottom:5px}
.fld label em{color:#f97316;font-style:normal}
.fld input,.fld select,.fld textarea{width:100%;border:1px solid #d7dee8;border-radius:6px;padding:10px 13px;font-size:14px;font-family:inherit;outline:none;background:#fbfcfe;transition:.2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.13);background:#fff}
.fld textarea{resize:vertical;min-height:88px}
.form-box .submit{width:100%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:16px;font-weight:600;padding:13px;border:none;border-radius:6px;cursor:pointer;transition:.25s;font-family:inherit}
.form-box .submit:hover{box-shadow:0 8px 20px rgba(249,115,22,.45);transform:translateY(-2px)}
.form-ok{display:none;text-align:center;padding:30px 0}
.form-ok i{font-size:54px;color:#059669}
.form-ok h4{color:#0f2557;margin-top:12px;font-size:18px}
.form-ok p{color:#64748b;font-size:14px}
.ci-item{display:flex;gap:15px;margin-bottom:18px}
.ci-item .ic{width:46px;height:46px;min-width:46px;border-radius:10px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:19px;color:#f97316}
.ci-item h4{font-size:15px;color:#0f2557;margin-bottom:2px}
.ci-item p{font-size:14px;color:#64748b}
.ci-item p b{font-size:18px;color:#f97316}
/* 询价弹层 */
.modal{position:fixed;inset:0;background:rgba(8,18,42,.55);z-index:2000;display:none;align-items:center;justify-content:center;padding:16px}
.modal.open{display:flex}
.modal .box{background:#fff;border-radius:14px;width:100%;max-width:430px;padding:26px;position:relative;max-height:92vh;overflow:auto}
.modal .box .x{position:absolute;top:12px;right:14px;font-size:20px;color:#94a3b8;cursor:pointer;background:none;border:none}
.modal .box h3{color:#0f2557;font-size:18px;margin-bottom:4px}
.modal .box .tip{font-size:12.5px;color:#94a3b8;margin-bottom:14px}
.modal .box .ok{display:none;text-align:center;padding:20px 0}
.modal .box .ok i{font-size:44px;color:#059669}
.modal .box .ok h4{color:#0f2557;margin:8px 0 4px}

/* ---------- 微信二维码 ---------- */
.wx-grid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.wx-card{width:210px;text-align:center}
.wx-card img{width:100%;border:1px solid #e6ebf3;border-radius:10px;padding:6px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.08)}
.wx-card h5{font-size:14px;color:#0f2557;margin:8px 0 2px}
.wx-card p{font-size:12px;color:#94a3b8}
.wx-tip{text-align:center;font-size:13px;color:#64748b;margin-top:12px}
.wx-tip i{color:#07c160;margin-right:5px}

/* ---------- 页脚 ---------- */
.footer{background:#0a1633;color:#8ba3cc;font-size:13.5px}
.footer .top{padding:50px 0 34px;display:grid;grid-template-columns:1.35fr .9fr .9fr 1.15fr;gap:34px}
.footer h4{color:#fff;font-size:16px;margin-bottom:16px;padding-bottom:10px;position:relative}
.footer h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#f97316}
.footer .about p{font-size:13px;margin-bottom:12px}
.footer ul li{padding:3.5px 0}
.footer ul li:before{content:"\f105";font-family:FontAwesome;color:#f97316;margin-right:8px}
.footer ul li a:hover{color:#fff}
.footer .tel{color:#fb923c;font-weight:700;font-size:18px}
.footer .bottom{border-top:1px solid rgba(255,255,255,.08);padding:15px 0;text-align:center;font-size:12.5px;color:#5b7199}
.footer .bottom a{color:#8ba3cc}
.footer .bottom a:hover{color:#fff}

/* ---------- 浮动电话 ---------- */
.float-tel{position:fixed;right:22px;bottom:26px;z-index:900;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:13px 20px;border-radius:50px;box-shadow:0 10px 26px rgba(249,115,22,.45);font-weight:700}
.float-tel:hover{transform:translateY(-3px);color:#fff}
.float-tel i{font-size:20px;animation:ring 1.6s infinite}
@keyframes ring{0%,100%{transform:rotate(0)}8%{transform:rotate(-14deg)}16%{transform:rotate(14deg)}24%{transform:rotate(-8deg)}32%{transform:rotate(0)}}

/* ---------- 新闻列表 ---------- */
.news-list a{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e8edf4;border-radius:10px;padding:16px 20px;margin-bottom:12px;transition:.25s}
.news-list a:hover{box-shadow:0 10px 24px rgba(15,23,42,.1);border-color:#2563eb;transform:translateX(5px)}
.news-list .d{min-width:104px;text-align:center;background:#f0f6ff;border-radius:8px;padding:8px 6px;color:#1e40af}
.news-list .d b{font-size:24px;display:block;line-height:1.1;color:#2563eb}
.news-list .d span{font-size:11.5px}
.news-list .t{flex:1}
.news-list .t h3{font-size:16px;color:#0f2557;margin-bottom:3px}
.news-list .t p{font-size:13px;color:#94a3b8}
.news-list .arr{color:#cbd5e1;font-size:18px}

/* ---------- 页内 CTA 条 ---------- */
.cta-band{background:linear-gradient(115deg,#0f2557,#1e40af);border-radius:14px;padding:34px 40px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px}
.cta-band h3{font-size:21px;margin-bottom:4px}
.cta-band p{color:#9dbcf8;font-size:14px}

/* ---------- 新闻中心（安捷样式：左 tab + 标题/日期列表） ---------- */
.news-layout{display:grid;grid-template-columns:160px 1fr;gap:28px;max-width:1000px;margin:34px auto 0}
.news-tabs button{display:block;width:100%;text-align:left;padding:13px 18px;margin-bottom:10px;background:#fff;border:1.5px solid #e6ebf3;border-radius:9px;font-size:15px;color:#475569;cursor:pointer;font-family:inherit;transition:.2s;font-weight:600}
.news-tabs button i{color:#f97316;margin-right:8px}
.news-tabs button:hover{border-color:#2563eb;color:#2563eb}
.news-tabs button.on{background:#0f2557;border-color:#0f2557;color:#fff;box-shadow:0 8px 18px rgba(15,37,87,.25)}
.news-tabs button.on i{color:#fb923c}
.news-tabs .cnt{font-size:12px;color:#94a3b8;margin-top:6px;padding:0 4px}
.nl{display:none}
.nl.show{display:block}
.nrow{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid #e8edf4;border-left:3px solid transparent;border-radius:9px;padding:13px 20px;margin-bottom:10px;transition:.2s}
.nrow:hover{border-left-color:#f97316;box-shadow:0 8px 20px rgba(15,23,42,.08);transform:translateX(4px)}
.nrow .t{font-size:15px;color:#1e293b;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nrow:hover .t{color:#2563eb}
.nrow .d{min-width:92px;text-align:right;font-size:13px;color:#94a3b8;font-variant-numeric:tabular-nums}
.nrow .d i{color:#f97316;margin-right:4px;font-size:12px}
@media(max-width:768px){
  .news-layout{grid-template-columns:1fr}
  .news-tabs{display:flex;gap:8px}
  .news-tabs button{margin-bottom:0;text-align:center;padding:10px}
  .news-tabs .cnt{display:none}
  .nrow{flex-wrap:wrap;padding:12px 14px}
  .nrow .t{white-space:normal}
}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .grid4{grid-template-columns:repeat(2,1fr)}
  .grid6,.grid3{grid-template-columns:repeat(2,1fr)}
  .footer .top{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .grid2,.detail-lead,.form-grid,.case-zone{grid-template-columns:1fr}
  .hero{height:430px}
  .slide h1{font-size:32px}
  .burger{display:block}
  .menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;flex-direction:column;padding:86px 0 26px;box-shadow:-8px 0 30px rgba(0,0,0,.15);transition:right .35s;gap:0;overflow-y:auto;z-index:1001}
  .menu.open{right:0}
  .menu>li>a{padding:13px 24px;font-size:15.5px;border-bottom:1px solid #eef2f7}
  .menu>li>a:after{display:none}
  .menu .quote-btn{margin:14px 24px;text-align:center;border-radius:6px!important;border:none!important}
  .menu .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;display:none;padding:0;background:#f6f9ff}
  .menu li.open-drop .drop{display:block}
  .menu .drop a{padding:10px 38px}
  .menu-close{position:absolute;top:14px;right:16px;font-size:22px;color:#0f2557;background:none;border:none;cursor:pointer;z-index:1002}
}
@media(max-width:768px){
  .section{padding:48px 0}
  .topbar .contact span{margin-left:0;display:block}
  .grid2,.grid3,.grid4,.grid6{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .hero{height:400px}
  .slide h1{font-size:26px}
  .slide p{font-size:14.5px}
  .page-banner h1{font-size:26px}
  .footer .top{grid-template-columns:1fr;gap:24px}
  .case-zone{padding:28px 22px}
  .case-zone .pic img{height:210px}
  .detail-lead h1{font-size:24px}
  .block-card{padding:22px}
  .cta-band{padding:26px 22px}
  .topbar .slogan{display:none}
  .news-list a{flex-wrap:wrap}
}

/* ---------- 新闻正文页 ---------- */
.article{max-width:880px;margin:0 auto}
.article-crumb{font-size:13px;color:#64748b;margin-bottom:18px}
.article-crumb a{color:#2563eb}
.article-crumb i{margin:0 7px;font-size:11px;color:#f97316}
.article .a-title{font-size:30px;color:#0f2557;line-height:1.45;margin-bottom:14px;font-weight:800}
.article .a-meta{display:flex;align-items:center;gap:16px;color:#94a3b8;font-size:13px;padding-bottom:16px;border-bottom:1px solid #e6ebf3;margin-bottom:26px;flex-wrap:wrap}
.article .a-meta .cat{background:#eef4ff;color:#2563eb;border-radius:14px;padding:2px 12px;font-size:12px}
.article .a-body{font-size:16px;color:#3f3f3f;line-height:2}
.article .a-body p{text-indent:2em;margin-bottom:18px;text-align:justify}
.article .a-body h2{font-size:23px;color:#0f2557;margin:42px 0 16px;padding-left:13px;border-left:5px solid #f97316;line-height:1.5;font-weight:700}
.article .a-body h3{font-size:18px;color:#0f2557;margin:28px 0 10px;font-weight:700}
.article .a-body h4{font-size:16px;color:#0f2557;margin:22px 0 8px}
.article .a-body ul,.article .a-body ol{margin:0 0 18px 22px}
.article .a-body li{margin-bottom:7px}
.article .a-body li b,.article .a-body li strong{color:#0f2557}
.article .a-body .note{background:#f0f6ff;border:1px solid #dbe8ff;border-left:4px solid #2563eb;border-radius:8px;padding:14px 18px;font-size:14px;color:#1e40af;margin:18px 0}
.article .a-body .tip{background:#fff8f0;border:1px solid #fde4c8;border-left:4px solid #f97316;border-radius:8px;padding:14px 18px;font-size:14px;color:#8a4a10;margin:18px 0}
.article .a-body strong{color:#0f2557}
.article .a-cta{margin:30px 0 0;background:linear-gradient(115deg,#0f2557,#1e40af);border-radius:14px;padding:26px 30px;color:#fff;text-align:center}
.article .a-cta h3{font-size:19px;margin-bottom:6px}
.article .a-cta p{color:#9dbcf8;font-size:13.5px;margin-bottom:14px}
.article .back{margin-top:16px;text-align:center}
@media(max-width:768px){
  .article .a-title{font-size:23px}
  .article .a-body{font-size:15px}
}