/* =============================================================
   yndfushi.com 全站样式升级层 v4 — 在 bundle.css / bundle_m.css 之后加载
   设计基准：1440 宽，容器 1200，深蓝 #0d0e46 + 金 #cfaa5a
   PC 布局 @media(min-width:768px)  移动端布局 @media(max-width:767px)
   ============================================================= */
:root{
  --yf-navy:#0d0e46; --yf-navy2:#1a1d63; --yf-gold:#cfaa5a; --yf-blue:#033d75;
  --yf-ink:#1c2333; --yf-text:#4a5568; --yf-muted:#8a94a3; --yf-line:#e9edf3;
  --yf-bg:#f6f7fb; --yf-card:#fff; --yf-r:12px;
  --yf-sd:0 2px 10px rgba(13,14,70,.04);
  --yf-sd2:0 14px 34px rgba(13,14,70,.10);
}
html{font-size:clamp(8.6px,.833vw,12px)}
body{
  font-family:"PingFang SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
  color:var(--yf-text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  background:#fff;
}
a{text-decoration:none;transition:color .2s,background .2s,border-color .2s,box-shadow .25s,transform .25s}
img{max-width:100%;height:auto}
::selection{background:var(--yf-navy);color:#fff}

/* ---------- 容器统一 ---------- */
.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.gl-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* 移动端抽屉默认隐藏（它是 body 直接子元素，桌面态不能被看到） */
.side-menu,.menu-overlay{display:none}

/* ---------- 顶部欢迎条 ---------- */
.wel{background:var(--yf-navy);color:#c9cce8;font-size:12px;line-height:1.6;padding:8px 0;border-bottom:none}
.wel .container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* =============================================================
   PC 布局
   ============================================================= */
@media (min-width:768px){

  /* ---------- 头部 ---------- */
  .top{background:#fff;padding:18px 0}
  .top>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}
  .top .logo-box{display:flex;align-items:center;min-width:0;overflow:hidden}
  .top .logo{display:flex;align-items:center;flex:none}
  .top .logo img{width:auto;height:54px;border-right:none;padding-right:0;display:block}
  .top .logo-txt{padding:0 0 0 18px;margin-left:18px;border-left:1px solid #e6e9ef;display:block}
  .top .logo-txt .t1{width:auto;font-size:15px;color:var(--yf-ink);font-weight:600;line-height:1.5;margin:0;white-space:nowrap}
  .top .logo-txt .t2{width:auto;font-size:13px;color:var(--yf-gold);font-weight:500;line-height:1.6;margin:3px 0 0;white-space:nowrap}
  .top .hot-tel{flex:none}
  .top .hot-tel .hot-tel-box{display:flex;align-items:center;gap:10px;background:var(--yf-bg);
    border:1px solid var(--yf-line);border-radius:999px;padding:7px 20px 7px 12px}
  .top .hot-tel .hot-tel-box .hot-ico{padding:0;display:flex;align-items:center}
  .top .hot-tel .hot-tel-box .hot-ico img{width:26px;height:26px;display:block}
  .top .hot-tel .hot-tel-box .hot-txt{padding:0}
  .top .hot-tel .hot-tel-box .hot-txt .t1{font-size:12px;color:var(--yf-muted);font-weight:400;line-height:1.3}
  .top .hot-tel .hot-tel-box .hot-txt .t2{font-size:20px;color:#c8202c;font-weight:700;line-height:1.2;letter-spacing:.5px}

  /* ---------- 主导航（滚动吸顶） ---------- */
  .navbar{background:var(--yf-navy);box-shadow:0 2px 14px rgba(13,14,70,.15);
    position:sticky;top:0;z-index:900}
  #navBox .container{max-width:1200px;padding-left:20px;padding-right:20px;overflow:visible}
  #navBox .nav-list{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;
    gap:0;overflow:visible}
  #navBox .nav-item{position:relative;flex:0 0 auto;margin:0;display:block;
    background:none!important;border-radius:0!important}
  #navBox .nav-item>a{position:relative;display:flex;align-items:center;justify-content:center;
    height:50px;padding:0 1px;font-size:15px;font-weight:400;color:#dde1f2;letter-spacing:.2px;
    line-height:1;white-space:nowrap;transition:color .22s ease}
  /* 底部金色下划线（滑入） */
  #navBox .nav-item>a::after{content:"";position:absolute;left:1px;right:1px;bottom:0;height:3px;
    border-radius:3px 3px 0 0;background:var(--yf-gold);transform:scaleX(0);transform-origin:50% 50%;
    transition:transform .3s cubic-bezier(.4,0,.2,1)}
  #navBox .nav-item>a:hover{color:#fff;background:transparent!important}
  #navBox .nav-item>a:hover::after{transform:scaleX(1)}
  #navBox .nav-item.on>a{color:var(--yf-gold);font-weight:600}
  #navBox .nav-item.on>a::after{transform:scaleX(1)}

  /* 有下拉的项：右侧箭头 */
  #navBox .nav-has-sub>a::before{content:"";order:2;flex:none;width:5px;height:5px;
    margin:-4px 0 0 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);opacity:.85;transition:transform .25s ease,margin .25s ease}
  #navBox .nav-has-sub:hover>a::before{transform:rotate(225deg);margin-top:2px}

  /* 下拉面板 */
  #navBox .nav-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);text-align:left;
    min-width:174px;background:#fff;border:1px solid var(--yf-line);border-radius:10px;padding:8px;
    box-shadow:0 18px 44px rgba(13,14,70,.18);opacity:0;visibility:hidden;pointer-events:none;z-index:999;
    transition:opacity .2s ease,transform .2s ease,visibility .2s}
  /* 悬停过渡的“搭桥”，避免鼠标经过空隙时面板丢失 */
  #navBox .nav-drop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  #navBox .nav-has-sub:hover .nav-drop{opacity:1;visibility:visible;pointer-events:auto;
    transform:translate(-50%,0)}
  #navBox .nav-drop a{display:block;padding:10px 14px;border-radius:6px;font-size:13.5px;
    color:#3a4354!important;font-weight:400;line-height:1.35;white-space:nowrap;background:none;
    border-left:2px solid transparent;transition:background .18s,color .18s,border-color .18s}
  #navBox .nav-drop a:hover{background:#f4f6fa;color:var(--yf-navy)!important;font-weight:600;
    border-left-color:var(--yf-gold)}

  /* 站点 JS 滚动时会给导航加 .fixed：统一保持深蓝，去掉白底闪烁与重播动画 */
  .navbar.fixed{background:var(--yf-navy)!important;box-shadow:0 6px 24px rgba(13,14,70,.24)!important;
    position:sticky!important;top:0!important;left:auto;right:auto;z-index:900;animation:none!important}
  .navbar.fixed .nav-item>a{color:#dde1f2!important}
  .navbar.fixed .nav-item>a:hover{color:#fff!important;background:transparent!important}
  .navbar.fixed .nav-item.on>a{color:var(--yf-gold)!important}

  /* ---------- 首屏 banner ---------- */
  #owl0{margin:0 auto;max-width:1200px!important;width:100%}
  #owl0 .owl-stage-outer{overflow:hidden}
  #owl0 .item{line-height:0}
  #owl0 .item img{display:block;width:100%;height:auto}
  .owl-dots{position:relative;margin-top:10px}

  /* ---------- 四个专区卡片 ---------- */
  .index-services{background:var(--yf-bg);padding:34px 0 48px}
  .tedian{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 0 42px}
  .tedian .td-item{width:auto;padding:24px 22px;background:var(--yf-card);border:1px solid var(--yf-line);
    border-radius:var(--yf-r);box-shadow:var(--yf-sd);overflow:hidden;cursor:pointer}
  .tedian .td-item::before,.tedian .td-item::after{display:none!important;border:0!important}
  .tedian .td-item:hover{transform:translateY(-5px);box-shadow:var(--yf-sd2);border-color:rgba(207,170,90,.6)}
  .tedian .td-item>.td-tit{display:flex;align-items:center;gap:12px;margin:0 0 14px;text-align:left}
  .tedian .td-item>.td-tit .td-pic{flex:none;display:flex;align-items:center;justify-content:center;
    width:46px;height:46px;background:var(--yf-bg);border-radius:10px}
  .tedian .td-item>.td-tit .td-pic img{width:28px;height:28px;object-fit:contain;margin:0}
  .tedian .td-item>.td-tit>.td-tit{font-size:17px;font-weight:700;color:var(--yf-ink);margin:0;line-height:1.3}
  .tedian .td-item .td-txt{font-size:13px;line-height:1.85;color:var(--yf-muted);margin:0;text-align:justify;
    display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

  /* ---------- 区块标题 ---------- */
  .headline{text-align:center;margin-bottom:34px}
  .headline .tit{font-size:30px;color:var(--yf-navy);font-weight:700;letter-spacing:.5px;line-height:1.3}
  .headline .tit span{color:var(--yf-gold);padding:0 2px}
  .headline .line{width:44px;height:3px;background:var(--yf-gold);margin:14px auto 12px;border-radius:2px;position:relative}
  .headline .line::before,.headline .line::after{display:none!important}
  .headline .ftit{font-size:14px;color:var(--yf-muted);font-weight:400;line-height:1.7;margin:0 auto}

  /* ---------- 我们的服务：左侧分类 + 右侧产品 ---------- */
  .index-services .s-box{display:flex;align-items:flex-start;gap:22px;background:transparent;padding:0}
  .index-services .s-box .s-box-l{width:250px;flex:none;background:var(--yf-card);border:1px solid var(--yf-line);
    border-radius:var(--yf-r);padding:18px 16px;box-sizing:border-box;box-shadow:var(--yf-sd)}
  .s-box-l .box-l-item{border-bottom:1px solid #f2f4f8;padding-bottom:14px;margin-bottom:14px}
  .s-box-l .box-l-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
  .s-box-l .item-tit{font-size:14px;font-weight:700;color:var(--yf-navy);margin:0 0 10px;
    padding-left:10px;position:relative;line-height:1.4}
  .s-box-l .item-tit::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:3px;height:13px;background:var(--yf-gold);border-radius:2px}
  .s-box-l .item-box{display:flex;flex-wrap:wrap;gap:8px}
  .s-box-l .item-single{width:calc(50% - 4px)}
  .s-box-l .item-single a{display:block;padding:7px 6px;font-size:12.5px;color:#4a5568;background:#f7f8fb;
    border:1px solid #eef1f6;border-radius:6px;text-align:center;white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;line-height:1.4}
  .s-box-l .item-single a:hover{background:var(--yf-navy);color:#fff;border-color:var(--yf-navy)}
  .index-services .s-box .s-box-r{flex:1;min-width:0}
  .s-box-r .pro-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px}
  .s-box-r .list-item{width:auto!important;margin:0!important;border:1px solid var(--yf-line);border-radius:10px;
    overflow:hidden;box-shadow:var(--yf-sd);background:var(--yf-card)}
  .s-box-r .list-item:hover{transform:translateY(-4px);box-shadow:var(--yf-sd2);border-color:rgba(207,170,90,.6)}
  .s-box-r .list-item>a{display:block}
  .s-box-r .item-pic{aspect-ratio:1/1;background:#f7f8fa;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}
  .index-services .s-box .s-box-r .pro-list .list-item .item-pic img,
  .s-box-r .item-pic img{width:100%!important;height:100%!important;object-fit:contain!important;
    transition:transform .4s ease;margin:0}
  .s-box-r .list-item:hover .item-pic img{transform:scale(1.05)}
  .s-box-r .item-box{padding:10px 12px 12px}
  .s-box-r .item-box-tit{font-size:13px;line-height:1.5;color:var(--yf-ink);height:3em;overflow:hidden;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

  /* ---------- 五大优势 ---------- */
  .choose{background:var(--yf-card);border:1px solid var(--yf-line);border-radius:16px;
    padding:42px 40px 10px;margin-top:34px;box-shadow:var(--yf-sd)}
  .choose .choose-list{padding:0}
  .choose .choose-list .choose-item{display:flex;align-items:center;justify-content:space-between;
    gap:44px;margin:0 0 24px;padding-bottom:24px;border-bottom:1px dashed #eef1f6}
  .choose .choose-list .choose-item:last-child{border-bottom:none;padding-bottom:4px;margin-bottom:0}
  .choose .choose-list .choose-item .item-txt{flex:1 1 0;width:auto;min-width:0}
  .choose .choose-list .choose-item .item-txt .item-txt-tit{font-size:23px;color:var(--yf-navy);font-weight:700;
    margin:0 0 12px;padding-bottom:12px;position:relative;line-height:1.4}
  .choose .choose-list .choose-item .item-txt .item-txt-tit::after{content:"";position:absolute;left:0;bottom:0;
    width:54px;height:3px;background:var(--yf-gold);border-radius:2px;transition:width .4s ease}
  .choose .choose-list .choose-item .item-txt:hover .item-txt-tit::after{width:96px}
  .choose .choose-list .choose-item .item-txt .item-txt-ftit{font-size:14px;color:var(--yf-gold);
    font-weight:500;margin:0 0 13px}
  .choose .choose-list .choose-item .item-txt .item-txt-smtext{font-size:13.5px;color:#5b6675;line-height:1.95;text-align:justify}
  .choose .choose-list .choose-item .item-pic{flex:1 1 0;width:auto;min-width:0;
    aspect-ratio:16/10;background:#f5f6fa;border-radius:12px;overflow:hidden}
  .choose .choose-list .choose-item .item-pic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}

  /* ---------- 服务流程 ---------- */
  .liucheng{background:var(--yf-card);border:1px solid var(--yf-line);border-radius:16px;
    padding:42px 34px 36px;margin-top:26px;box-shadow:var(--yf-sd)}
  .liucheng .service-process>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
  .process-item{width:auto;padding:30px 16px 24px;background:#f8f9fc;border:1px solid #eef1f6;
    border-radius:12px;text-align:center;box-shadow:none;position:relative;overflow:hidden}
  .process-item:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(13,14,70,.10);
    background:#fff;border-color:rgba(207,170,90,.55)}
  .process-icon{margin-bottom:12px}
  .process-icon img{width:40px;height:40px;margin:0 auto;display:block}
  .process-num{font-size:36px;font-weight:800;color:#e9edf6;position:absolute;top:6px;right:10px;
    left:auto;line-height:1;z-index:0}
  .process-item h3{font-size:16px;color:var(--yf-ink);margin:10px 0 8px;position:relative;z-index:1;font-weight:600}
  .process-item p{font-size:12.5px;color:var(--yf-muted);margin:0;line-height:1.7;position:relative;z-index:1}

  /* ---------- 定制攻略首页模块 ---------- */
  .gl-homesec{padding:48px 0 52px;margin-top:26px}
  .gl-sec-head h2{font-size:28px;color:var(--yf-navy)}
  .gl-home-grid{gap:18px}

  /* ---------- 页脚 ---------- */
  .footer{background:linear-gradient(180deg,#151830 0%,#0b0c33 100%);padding:44px 0 0}
  .footer>.container{display:flex;justify-content:space-between;gap:26px;flex-wrap:nowrap}
  .f-box{width:19%;padding:0}
  .f-box .f-logo{font-size:22px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:1.5px}
  .f-box .f-text .tit{font-size:14px;color:#dee1f0;margin:0 0 8px}
  .f-box .f-text .ftit{font-size:12px;line-height:1.9;color:#8b90ad;margin:0}
  .f-box .f-box-tit{font-size:14px;color:#fff;font-weight:600;margin:0 0 16px;padding-bottom:10px;position:relative}
  .f-box .f-box-tit::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;
    background:var(--yf-gold);transition:width .4s ease}
  .f-box:hover .f-box-tit::after{width:40px}
  .f-box .f-list{width:50%;margin-bottom:9px}
  .f-box .f-list a{font-size:12px;color:#9aa0bd;line-height:1.6}
  .f-box .f-list a:hover{color:var(--yf-gold)}
  .f-box .f-contact .c-box{margin-bottom:12px}
  .f-box .f-contact .c-box .c-box-ico i{font-size:15px;color:var(--yf-gold)}
  .f-box .f-contact .c-box .c-box-txt .t1{font-size:12px;color:#8b90ad;margin:0 0 2px}
  .f-box .f-contact .c-box .c-box-txt .t2{font-size:12px;color:#d5d9ea}
  .f-box .f-contact .c-box .c-box-txt .t2 a{color:#fff}
  .f-box .f-ewm{width:76px;height:76px;background:#fff;border-radius:6px;padding:3px;box-sizing:border-box}
  .f-box .f-ewm img{width:100%;height:100%;object-fit:contain}
  .f-box .f-ewm-tit{font-size:11px;color:#8b90ad;margin-top:8px;line-height:1.6}
  .copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding:16px 0;text-align:center;
    font-size:12px;color:#7e84a3}
  .copyright a{color:#7e84a3}
  .copyright a:hover{color:var(--yf-gold)}

  /* ---------- 内容页通用（列表/详情/攻略） ---------- */
  .inner-wrap{padding:26px 0 44px}
  .inner-wrap .in-pro{border-radius:var(--yf-r);border:1px solid var(--yf-line);box-shadow:var(--yf-sd)}
  .snav{padding:12px 2px;font-size:13px;color:var(--yf-muted)}
  .snav a{color:#5b6675}
  .snav a:hover{color:var(--yf-navy)}
  .product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .product-list .product-box{width:auto;margin:0;border:1px solid var(--yf-line);border-radius:10px;
    overflow:hidden;background:#fff;box-shadow:var(--yf-sd)}
  .product-list .product-box:hover{transform:translateY(-4px);border-color:rgba(207,170,90,.6);box-shadow:var(--yf-sd2)}
  .product-main-img{aspect-ratio:1/1;background:#f7f8fa;overflow:hidden;margin:0}
  .product-main-img img{width:100%;height:100%;object-fit:contain}
  .product-names{background:#fff;margin:0;padding:10px 12px 12px}
  .product-names a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    color:var(--yf-ink);font-size:13px;line-height:1.5;font-weight:500;min-height:3em}
  .product-box:hover .product-names a{color:var(--yf-blue)}
}

/* =============================================================
   移动端布局
   ============================================================= */
@media (max-width:767px){
  .container{padding-left:12px;padding-right:12px}
  .wel{font-size:11px;padding:6px 0;text-align:center}

  /* 顶栏（mob-menu 结构） */
  #navBox.navbar{background:var(--yf-navy);box-shadow:0 2px 10px rgba(13,14,70,.18);
    position:sticky;top:0;z-index:900}
  #navBox .mob-menu{display:flex;align-items:center;gap:10px;padding:8px 12px;position:relative}
  #navBox .mob-menu .logo{flex:none;display:flex;align-items:center}
  #navBox .mob-menu .logo img{height:32px;width:auto;display:block;border-radius:3px}
  #navBox .mob-menu .logo-txt{padding:0;margin-left:9px;min-width:0;flex:1}
  #navBox .mob-menu .logo-txt .t1{display:none}
  #navBox .mob-menu .logo-txt .t2{font-size:11.5px;color:#c6cbe6;line-height:1.5;margin:0;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
  #navBox .mob-menu .menu-toggle{margin-left:auto;flex:none;width:38px;height:34px;display:flex;
    flex-direction:column;justify-content:center;align-items:center;gap:4.5px;border-radius:7px;
    background-color:rgba(255,255,255,.12);cursor:pointer;transition:background .2s;
    background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff)!important;
    background-size:18px 2px!important;background-repeat:no-repeat!important;
    background-position:center 11px,center 16px,center 21px!important}
  #navBox .mob-menu .menu-toggle:active{background:rgba(255,255,255,.24)}
  #navBox .mob-menu .menu-toggle span{display:none!important}
  #navBox .mob-menu .menu-toggle.active span:nth-child(1){width:12px}
  #navBox .mob-menu .menu-toggle.active span:nth-child(3){width:12px}

  /* 抽屉菜单（已移出 #navBox，层级可高于第三方客服浮窗） */
  .side-menu{position:fixed!important;top:0;left:0;bottom:0;width:78vw;max-width:320px;
    background:#fff;z-index:2147483000;transform:translateX(-102%);
    transition:transform .32s cubic-bezier(.4,0,.2,1);text-align:left;
    display:flex!important;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
    box-shadow:8px 0 30px rgba(13,14,70,.22);padding:0}
  .side-menu.active{transform:translateX(0)}
  .side-menu .menu-header{position:relative;flex:none;background:var(--yf-navy);color:#fff;
    font-size:13px;font-weight:500;letter-spacing:.5px;padding:17px 48px 17px 18px;line-height:1.4;
    text-align:left}
  .side-menu .menu-header::after{content:"";position:absolute;left:18px;bottom:0;
    width:38px;height:2px;background:var(--yf-gold);border-radius:2px}
  .side-menu .menu-close{position:absolute;right:9px;top:50%;transform:translateY(-50%);
    width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);cursor:pointer}
  .side-menu .menu-close::before,.side-menu .menu-close::after{content:"";position:absolute;
    left:9px;top:14px;width:12px;height:1.6px;background:#fff;border-radius:2px}
  .side-menu .menu-close::before{transform:rotate(45deg)}
  .side-menu .menu-close::after{transform:rotate(-45deg)}
  .side-menu .menu-list{flex:1 0 auto;padding:2px 0 22px;margin:0;list-style:none;text-align:left}
  .side-menu .menu-list .menu-item{list-style:none;border-bottom:1px solid #f0f2f6;position:relative;
    text-align:left}
  .side-menu .menu-list .menu-item>a{display:flex;align-items:center;justify-content:flex-start;
    padding:13px 18px;font-size:15px;color:#2f3949;line-height:1.4;text-align:left;
    transition:color .18s,background .18s}
  .side-menu .menu-list .menu-item>a:active{background:#f7f8fb}
  .side-menu .menu-list .menu-item.on>a{color:var(--yf-gold);font-weight:600}
  .side-menu .menu-list .menu-item.on>a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;
    width:3px;background:var(--yf-gold);border-radius:0 3px 3px 0}
  /* 二级菜单（折叠） */
  .side-menu .menu-item.has-sub>a::after{content:"";flex:none;width:6px;height:6px;margin-left:auto;
    border-right:1.6px solid #9aa3b2;border-bottom:1.6px solid #9aa3b2;transform:rotate(45deg);
    transition:transform .25s ease}
  .side-menu .menu-item.has-sub.open>a::after{transform:rotate(225deg)}
  .side-menu .menu-sub{display:none;margin:0;padding:4px 0 8px;list-style:none;background:#f8f9fc;
    text-align:left}
  .side-menu .menu-item.has-sub.open .menu-sub{display:block}
  .side-menu .menu-sub li{list-style:none;text-align:left}
  .side-menu .menu-sub a{display:block;position:relative;padding:11px 18px 11px 30px;
    font-size:13.5px;color:#5b6675;line-height:1.4;text-align:left}
  .side-menu .menu-sub a::before{content:"";position:absolute;left:18px;top:50%;width:4px;height:4px;
    margin-top:-2px;border-radius:50%;background:#c6ccd8}
  .menu-overlay{position:fixed!important;inset:0;display:block!important;background:rgba(13,14,70,.45);
    z-index:2147482990;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .menu-overlay.active{opacity:1;visibility:visible}

  /* banner */
  #owl0{margin:0;max-width:none}
  #owl0 .item{line-height:0}
  #owl0 .item img{display:block;width:100%;height:auto}

  /* 四个专区卡片：2 列 */
  .index-services{background:var(--yf-bg);padding:20px 0 26px}
  .tedian{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 0 22px}
  .tedian .td-item{width:auto;padding:14px 12px;background:#fff;border:1px solid var(--yf-line);
    border-radius:10px;box-shadow:none}
  .tedian .td-item::before,.tedian .td-item::after{display:none!important;border:0!important}
  .tedian .td-item>.td-tit{display:block;margin:0 0 8px;text-align:center}
  .tedian .td-item>.td-tit .td-pic{width:38px;height:38px;margin:0 auto 8px;background:var(--yf-bg);
    border-radius:8px;display:flex;align-items:center;justify-content:center}
  .tedian .td-item>.td-tit .td-pic img{width:22px;height:22px;object-fit:contain;margin:0}
  .tedian .td-item>.td-tit>.td-tit{font-size:14px;font-weight:700;color:var(--yf-ink);line-height:1.35}
  .tedian .td-item .td-txt{font-size:11.5px;line-height:1.75;color:var(--yf-muted);
    display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-align:left}

  /* 区块标题 */
  .headline{margin-bottom:18px}
  .headline .tit{font-size:20px;color:var(--yf-navy);font-weight:700;line-height:1.35}
  .headline .tit span{color:var(--yf-gold)}
  .headline .line{width:34px;height:3px;background:var(--yf-gold);margin:10px auto 8px;border-radius:2px}
  .headline .line::before,.headline .line::after{display:none!important}
  .headline .ftit{font-size:12px;color:var(--yf-muted);line-height:1.7;margin:0;padding:0 10px}

  /* 我们的服务：产品 2 列 */
  .index-services .s-box{display:block;padding:0;background:transparent}
  .index-services .s-box .s-box-l{display:none}
  .index-services .s-box .s-box-r{width:100%}
  .s-box-r .pro-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .s-box-r .list-item{width:auto!important;margin:0!important;background:#fff;border:1px solid var(--yf-line);border-radius:8px;overflow:hidden}
  .s-box-r .item-pic{aspect-ratio:1/1;background:#f7f8fa;display:flex;align-items:center;
    justify-content:center;padding:4px;overflow:hidden}
  .s-box-r .item-pic img{width:100%;height:100%;object-fit:contain;margin:0}
  .s-box-r .item-box{padding:7px 8px 9px}
  .s-box-r .item-box-tit{font-size:12px;line-height:1.45;color:var(--yf-ink);height:2.9em;overflow:hidden;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

  /* 五大优势：图文上下堆叠 */
  .choose{background:#fff;border:none;border-radius:0;padding:22px 0 4px;margin-top:16px;box-shadow:none}
  .choose .choose-list{padding:0}
  .choose .choose-list .choose-item{display:block;margin:0 0 20px;padding-bottom:20px;border-bottom:1px dashed #eef1f6}
  .choose .choose-list .choose-item:last-child{border-bottom:none}
  .choose .choose-list .choose-item .item-txt{width:100%}
  .choose .choose-list .choose-item .item-txt .item-txt-tit{font-size:16px;color:var(--yf-navy);font-weight:700;
    margin:0 0 8px;padding-bottom:9px;position:relative;line-height:1.4}
  .choose .choose-list .choose-item .item-txt .item-txt-tit::after{content:"";position:absolute;left:0;bottom:0;
    width:36px;height:3px;background:var(--yf-gold);border-radius:2px}
  .choose .choose-list .choose-item .item-txt .item-txt-ftit{font-size:12px;color:var(--yf-gold);margin:0 0 8px}
  .choose .choose-list .choose-item .item-txt .item-txt-smtext{font-size:12.5px;color:#5b6675;line-height:1.85;text-align:justify}
  .choose .choose-list .choose-item .item-pic{width:100%;margin-top:12px;
    aspect-ratio:16/10;background:#f5f6fa;border-radius:10px;overflow:hidden}
  .choose .choose-list .choose-item .item-pic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
  .choose .choose-list .choose-item.rtol{display:block}

  /* 服务流程：2 列 */
  .liucheng{background:#fff;border:none;border-radius:0;padding:22px 0 10px;margin-top:16px;box-shadow:none}
  .liucheng .service-process>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .process-item{width:auto;padding:16px 10px 14px;background:#f8f9fc;border:1px solid #eef1f6;border-radius:10px;
    text-align:center;box-shadow:none;position:relative;overflow:hidden}
  .process-icon{margin-bottom:8px}
  .process-icon img{width:26px;height:26px;margin:0 auto;display:block}
  .process-num{font-size:26px;color:#eaeef7;top:2px;right:6px;left:auto;position:absolute;line-height:1}
  .process-item h3{font-size:13px;color:var(--yf-ink);margin:6px 0 5px;font-weight:600}
  .process-item p{font-size:11px;color:var(--yf-muted);margin:0;line-height:1.6}

  /* 攻略模块 */
  .gl-homesec{padding:26px 0 26px;margin-top:16px}
  .gl-sec-head{margin-bottom:18px}
  .gl-sec-head h2{font-size:20px;color:var(--yf-navy)}
  .gl-sec-head .eyebrow{font-size:11px;padding:2px 12px;margin-bottom:8px}
  .gl-sec-head p{font-size:12px;line-height:1.7}
  .gl-home-grid{grid-template-columns:1fr!important;gap:10px}
  .gl-home-col{padding:14px 14px 8px}
  .gl-home-col-h h3{font-size:14px}
  .gl-home-col li a{font-size:12.5px;padding:9px 0}

  /* 页脚 */
  .footer{background:linear-gradient(180deg,#151830,#0b0c33);padding:26px 0 0}
  .footer>.container{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start}
  .footer>.container>.f-box{width:calc(50% - 10px)!important;padding:0}
  .f-box .f-logo{font-size:17px;margin-bottom:8px}
  .f-box .f-text .tit{font-size:12.5px;margin-bottom:6px}
  .f-box .f-text .ftit{font-size:11px;line-height:1.8}
  .f-box .f-box-tit{font-size:12.5px;margin-bottom:12px;padding-bottom:8px}
  .f-box .f-box-tit::after{width:18px;height:2px}
  .f-box .f-box-list{display:flex;flex-wrap:wrap}
  .f-box .f-list{width:50%;margin-bottom:7px}
  .f-box .f-list a{font-size:11px;line-height:1.6}
  .f-box.pc{display:none}
  .copyright{margin-top:18px;padding:12px 0;font-size:11px;line-height:1.7}

  /* 底部固定咨询条：修正 content-box 撑破视口 */
  .footfix{box-sizing:border-box;width:100%;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0)}
  .footfix .fixbox{box-sizing:border-box!important;width:100%!important;max-width:100%;
    display:flex;align-items:center;gap:10px;padding:10px 12px!important}
  .footfix .fixbox .f-ico{flex:none;display:flex;align-items:center;justify-content:center;
    width:34px!important;height:34px!important}
  .footfix .fixbox .f-txt{flex:1 1 auto;min-width:0;font-size:13px;line-height:1.3;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .footfix .fixbox .f-btn{flex:none}
  .footfix .fixbox .f-btn a{display:block;padding:9px 16px;font-size:13px;line-height:1.2;
    border-radius:999px;white-space:nowrap}
  body{padding-bottom:74px}

  /* 内容页 */
  .product-list{grid-template-columns:repeat(2,1fr);gap:10px}
  .product-names{padding:7px 8px 9px}
  .product-names a{font-size:12px}
}

/* =============================================================
   v5 升级层
   1) PC 容器加宽 1200 → 1400，首屏轮播满幅
   2) 产品栏目页（筛选 + 产品网格）重排
   3) 手机站头部/底部对齐 m.yingnuoda.com
   ============================================================= */
body{overflow-x:clip}

/* ---------------- PC ---------------- */
@media (min-width:768px){
  .container,.gl-container{max-width:1400px}
  #navBox .container{max-width:1400px}
  #navBox .nav-item>a{font-size:15.5px;padding:0 3px}

  /* 首屏轮播：满幅 */
  #owl0{width:100vw;max-width:100vw!important;margin-left:calc(50% - 50vw);margin-right:0}
  #owl0 .owl-stage-outer{overflow:hidden}
  #owl0 .item img{display:block;width:100%;height:auto}

  /* ---- 产品栏目：筛选区 ---- */
  .inner-wrap .in-pro{background:#fff;overflow:hidden}
  .top-class{padding:4px 30px!important;background:#fff}
  .top-class .class-item{display:flex!important;align-items:flex-start!important;gap:20px;
    padding:16px 0!important;border-bottom:1px dashed #eef1f6!important;margin:0!important;
    float:none!important;width:auto!important;background:none!important}
  .top-class .class-item:last-child{border-bottom:none!important}
  .top-class .class-item>.item-tit{flex:0 0 96px;width:96px!important;position:relative;
    padding:0 0 0 13px!important;margin:0!important;font-size:13px!important;font-weight:700;
    color:var(--yf-navy)!important;line-height:32px!important;text-align:left!important;
    float:none!important;border:0!important;background:none!important}
  .top-class .class-item>.item-tit::after{display:none!important;content:none!important}
  .top-class .class-item>.item-tit::before{content:"";position:absolute;left:0;top:9px;
    width:3px;height:14px;background:var(--yf-gold);border-radius:2px}
  .top-class .class-item>.item-list{flex:1 1 auto!important;min-width:0;display:flex!important;
    flex-wrap:wrap!important;gap:9px!important;padding:0!important;margin:0!important;
    float:none!important;width:auto!important}
  .top-class .list-box{float:none!important;display:inline-block!important;width:auto!important;
    margin:0!important;padding:0!important;border:0!important;background:none!important;
    line-height:1!important;height:auto!important;overflow:visible!important}
  .top-class .list-box>a{display:block;padding:7px 16px;font-size:13px;color:#4a5568;
    background:#f6f7fb;border:1px solid #eef1f6;border-radius:999px;line-height:1.35;
    white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
  .top-class .list-box>a:hover{background:#fff;color:var(--yf-navy);border-color:rgba(207,170,90,.75)}
  .top-class .list-box.on>a{background:var(--yf-navy);border-color:var(--yf-navy);color:#fff;font-weight:600}

  /* ---- 产品栏目：网格 ---- */
  .in-prolist{padding:0!important;margin:0!important;background:#f6f7fb}
  .product-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;
    padding:26px 26px 30px!important;margin:0!important}
  .product-list .product-box{position:relative;width:auto!important;margin:0!important;
    float:none!important;border:1px solid #eef1f6!important;border-radius:14px;background:#fff;
    overflow:hidden;box-shadow:0 1px 3px rgba(13,14,70,.04);
    transition:box-shadow .3s,transform .3s,border-color .3s}
  .product-list .product-box:hover{transform:translateY(-5px);border-color:rgba(207,170,90,.8)!important;
    box-shadow:0 18px 38px rgba(13,14,70,.13)}
  .product-main-img{position:relative;aspect-ratio:1/1;background:#f7f8fa;overflow:hidden;
    margin:0!important;padding:0!important}
  .product-main-img img{width:100%;height:100%;object-fit:contain;display:block;margin:0;
    transition:transform .45s ease}
  .product-list .product-box:hover .product-main-img img{transform:scale(1.05)}
  /* hover 出现“查看详情”胶囊 */
  .product-main-img::after{content:"查看详情";position:absolute;left:50%;bottom:14px;
    transform:translate(-50%,10px);padding:7px 18px;border-radius:999px;background:rgba(13,14,70,.86);
    color:#fff;font-size:12.5px;line-height:1;white-space:nowrap;opacity:0;
    transition:opacity .28s,transform .28s;pointer-events:none;z-index:3}
  .product-list .product-box:hover .product-main-img::after{opacity:1;transform:translate(-50%,0)}
  /* 颜色小图：悬浮淡入 */
  .product-thumbs{position:absolute!important;left:0;right:0;top:8px;bottom:auto;
    display:flex!important;justify-content:center;gap:6px;padding:0 10px!important;
    margin:0!important;background:none!important;opacity:0;transform:translateY(-6px);
    transition:opacity .28s,transform .28s;z-index:4;float:none!important;width:auto!important}
  .product-list .product-box:hover .product-thumbs{opacity:1;transform:none}
  .product-thumb{width:26px!important;height:26px!important;flex:none;border-radius:6px;
    overflow:hidden;background:#fff;border:1.5px solid #fff!important;
    box-shadow:0 2px 8px rgba(13,14,70,.2);cursor:pointer;margin:0!important;float:none!important}
  .product-thumb img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}
  .product-thumb:hover{border-color:var(--yf-gold)!important}
  .product-names{background:#fff;margin:0!important;padding:13px 14px 15px!important;text-align:center}
  .product-names a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    color:var(--yf-ink)!important;font-size:13.5px!important;line-height:1.55!important;
    font-weight:500;min-height:0!important;margin:0!important}
  .product-box:hover .product-names a{color:var(--yf-blue)!important}
  .pagelist{padding:26px 0 6px}
}

/* ---------------- 手机站 ---------------- */
@media (max-width:767px){
  .wel{display:none!important}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))!important}
  body.nav-open{overflow:hidden}

  /* ---- 头部：白底 + logo + 三道杠（对齐 m.yingnuoda.com） ---- */
  #navBox.navbar{background:#fff!important;box-shadow:none!important;border-bottom:1px solid #eee;
    position:sticky!important;top:0;z-index:1000;padding:0}
  #navBox .m-head{display:flex!important;align-items:center;justify-content:space-between;
    height:56px;padding:0 14px;background:#fff;position:relative}
  #navBox .m-head .m-logo{display:flex;align-items:center;flex:none;height:100%}
  #navBox .m-head .m-logo img{height:40px;width:auto;display:block;border:0}
  #navBox .m-head .m-burger{flex:none;width:40px;height:40px;display:flex!important;
    flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;
    cursor:pointer;-webkit-tap-highlight-color:transparent}
  #navBox .m-head .m-burger i{display:block!important;width:22px;height:2px;background:#333;
    border-radius:2px;transition:transform .28s ease,opacity .2s ease,width .28s ease}
  #navBox .m-head .m-burger.active i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #navBox .m-head .m-burger.active i:nth-child(2){opacity:0}
  #navBox .m-head .m-burger.active i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* 下拉导航面板 */
  #navBox .m-nav{position:absolute;left:0;right:0;top:56px;background:#fff;
    max-height:calc(100vh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;
    border-top:1px solid #f0f0f0;box-shadow:0 12px 24px rgba(0,0,0,.10);
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:2}
  #navBox .m-nav.open{opacity:1;visibility:visible;transform:none}
  #navBox .m-nav-list{margin:0;padding:0;list-style:none}
  #navBox .m-nav-list>li{list-style:none;border-bottom:1px solid #f2f3f5;position:relative}
  #navBox .m-nav-list>li:last-child{border-bottom:none}
  #navBox .m-nav-list>li>a{display:flex;align-items:center;justify-content:space-between;
    height:47px;padding:0 18px;font-size:14.5px;color:#333;line-height:1;background:#fff}
  #navBox .m-nav-list>li>a:active{background:#f7f7f8}
  #navBox .m-nav-list>li.has-sub>a::after{content:"";flex:none;width:7px;height:7px;margin-left:auto;
    margin-right:2px;border-right:1.5px solid #aaa;border-bottom:1.5px solid #aaa;
    transform:rotate(45deg) translateY(-2px);transition:transform .25s}
  #navBox .m-nav-list>li.has-sub.open>a::after{transform:rotate(225deg) translateY(-2px)}
  #navBox .m-nav-sub{display:none;margin:0;padding:2px 0 6px;list-style:none;background:#fafafa;
    border-top:1px solid #f2f3f5}
  #navBox .m-nav-list>li.has-sub.open>.m-nav-sub{display:block}
  #navBox .m-nav-sub li{list-style:none}
  #navBox .m-nav-sub a{display:block;padding:11px 18px 11px 34px;font-size:13px;color:#666;
    line-height:1.4;position:relative}
  #navBox .m-nav-sub a::before{content:"";position:absolute;left:20px;top:50%;width:4px;height:4px;
    margin-top:-2px;border-radius:50%;background:#ccc}
  .m-nav-mask{position:fixed!important;left:0;right:0;top:0;bottom:0;z-index:999;
    background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
  .m-nav-mask.open{opacity:1;visibility:visible}

  /* 旧的抽屉与欢迎条彻底停用 */
  .side-menu,.menu-overlay,.mob-menu{display:none!important}

  /* ---- banner：按原图比例，不再裁切文字 ---- */
  #owl0{max-width:none;margin:0}
  #owl0 .item img{display:block;width:100%!important;height:auto!important;object-fit:contain}

  /* ---- 产品栏目：手机端 ---- */
  .top-class{padding:1px 12px!important;background:#fff;border-radius:10px}
  .top-class .class-item{padding:11px 0!important;gap:10px}
  .top-class .class-item>.item-tit{flex:0 0 66px;width:66px!important;font-size:11.5px!important;
    line-height:26px!important;padding-left:9px!important}
  .top-class .class-item>.item-tit::before{top:7px;height:12px;width:2px}
  .top-class .class-item>.item-list{gap:6px!important}
  .top-class .list-box>a{padding:5px 11px;font-size:11.5px;border-radius:999px}
  .product-list{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px!important}
  .product-list .product-box{border-radius:10px}
  .product-main-img{aspect-ratio:1/1}
  .product-main-img img{object-fit:contain}
  .product-main-img::after{display:none!important}
  .product-thumbs{display:none!important}
  .product-names{padding:8px 8px 10px!important}
  .product-names a{font-size:12px!important;line-height:1.45!important;text-align:center}

  /* ---- 底部：简洁版权条（对齐 m.yingnuoda.com） ---- */
  .mfoot{background:#383637;padding:18px 14px 16px;text-align:center}
  .mfoot .fotinfo p{margin:0;font-size:12.5px;line-height:2;color:#e7e7e7;letter-spacing:.2px}
  .mfoot .fotinfo p a{color:#e7e7e7;text-decoration:none}
  .mfoot .fotinfo p a:active{opacity:.7}

  /* ---- 底部固定导航 ---- */
  .footnav{position:fixed!important;left:0;right:0;bottom:0;z-index:1300;margin:0;
    background:#494949;box-shadow:0 -1px 6px rgba(0,0,0,.12);
    padding-bottom:env(safe-area-inset-bottom,0);display:block}
  .footnav ul{display:flex!important;margin:0;padding:0;list-style:none;height:56px}
  .footnav li{flex:1 1 0;display:flex!important;margin:0;padding:0;list-style:none;
    float:none!important;width:auto!important;border:0!important;background:none!important}
  .footnav li a{flex:1;display:flex!important;flex-direction:column;align-items:center;
    justify-content:center;gap:3px;color:#fff!important;font-size:11px;line-height:1;
    text-decoration:none;padding:0;background:none!important;border:0!important}
  .footnav li a svg{width:21px;height:21px;display:block;fill:none;stroke:#fff;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}
  .footnav li a span{display:block;font-size:11px;line-height:1;color:#fff}
  .footnav li a:active{background:rgba(255,255,255,.09)!important}

  /* ---- 微信二维码弹层 ---- */
  .wx-pop{position:fixed;left:0;right:0;top:0;bottom:0;z-index:3000;display:flex;
    align-items:center;justify-content:center;opacity:0;visibility:hidden;
    transition:opacity .25s,visibility .25s}
  .wx-pop.open{opacity:1;visibility:visible}
  .wx-pop .wx-pop-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6)}
  .wx-pop .wx-pop-box{position:relative;z-index:1;background:#fff;border-radius:12px;
    padding:18px 18px 14px;width:70vw;max-width:270px;text-align:center;
    transform:scale(.92);transition:transform .25s}
  .wx-pop.open .wx-pop-box{transform:none}
  .wx-pop .wx-pop-box img{width:100%;height:auto;display:block;border-radius:6px}
  .wx-pop .wx-pop-box p{margin:11px 0 0;font-size:13px;color:#333;line-height:1.5}
  .wx-pop .wx-pop-close{position:absolute;right:-2px;top:-30px;width:26px;height:26px;
    color:#fff;font-size:26px;line-height:22px;text-align:center;cursor:pointer}

  /* 旧底部报价条停用（模板已移除） */
  .footfix{display:none!important}
}