/* =============================================================
   yndfushi.com 全站升级样式 — 在 bundle.css / bundle_m.css 之后加载
   1) 根字号修正：设计基准 12px（此前 PC 端未设置，默认 16px 导致整站放大）
   2) 组件统一美化：导航/卡片/分页/详情/页脚
   ============================================================= */
html{font-size:12px}
body{font-family:"Microsoft Yahei","PingFang SC","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{transition:color .2s ease,background .2s ease,border-color .2s ease}
::selection{background:#0d0e46;color:#fff}

/* ---------- 顶部与导航 ---------- */
.wel{background:#0d0e46;border-bottom:none;color:#c9cce8}
.wel .container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navbar{box-shadow:0 3px 12px rgba(13,14,70,.18)}
#navBox .nav-item a{position:relative}
#navBox .nav-item a::after{content:"";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:0;height:2px;background:#cfaa5a;transition:width .25s ease}
#navBox .nav-item a:hover::after{width:44%}
.top .logo img{width:auto;height:3.8rem}

/* ---------- 内容区卡片化 ---------- */
.inner-wrap{padding:2.4rem 0 3.5rem}
.inner-wrap .in-pro{border-radius:10px;border:1px solid #e9edf3;box-shadow:0 4px 18px rgba(13,14,70,.05)}
.top-class .list-box a{border-radius:6px;transition:all .2s ease}
.top-class .item-list .list-box a:hover{background:#0d0e46;color:#fff;transform:translateY(-1px)}
.top-class .item-list .on a{background:#cfaa5a!important;color:#fff!important;border-color:#cfaa5a!important}
.snav{padding:1rem 2px;font-size:1.3rem;color:#75808f}
.snav a{color:#5b6675}
.snav a:hover{color:#0d0e46}

/* ---------- 产品列表卡片 ---------- */
.product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-list .product-box{width:auto;margin:0;border:1px solid #e9edf3;border-radius:10px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-list .product-box:hover{transform:translateY(-4px);border-color:rgba(207,170,90,.65);box-shadow:0 14px 30px rgba(13,14,70,.10)}
.product-main-img{aspect-ratio:1/1;background:#f7f8fa;overflow:hidden;margin:0}
.product-main-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.product-box:hover .product-main-img img{transform:scale(1.045)}
.product-thumbs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 8px 0;margin:0}
.product-thumb{width:42px;height:42px;border-radius:6px;border:1px solid #e5e8ee;overflow:hidden;cursor:pointer;margin:0}
.product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:none}
.product-thumb:hover{border-color:#cfaa5a}
.product-names{background:#fff;margin:0;padding:.9rem 1.1rem 1.1rem}
.product-names a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#1c2333;font-size:1.4rem;line-height:1.5;font-weight:500;min-height:3em}
.product-box:hover .product-names a{color:#033d75}

/* ---------- 分页 ---------- */
.pagelist{background:transparent;margin-top:1.6rem;padding:1rem 0}
.pagelist ul.pagination{display:inline-block;border-radius:8px}
.pagelist ul.pagination li{display:inline;margin:0}
.pagelist ul.pagination li a,.pagelist ul.pagination li span{display:inline-block;min-width:38px;height:38px;line-height:36px;padding:0 12px;margin:0 4px;font-size:1.3rem;color:#40495c;background:#fff;border:1px solid #e9edf3;border-radius:6px;text-decoration:none;box-sizing:border-box;float:none!important}
.pagelist ul.pagination li a:hover{color:#fff;background:#0d0e46;border-color:#0d0e46}
.pagelist ul.pagination li.active a,.pagelist ul.pagination li.active span{color:#fff;background:#0d0e46;border-color:#0d0e46}

/* ---------- 产品详情 ---------- */
.in-protxt .protxt-top{background:#fff;border-radius:10px;border:1px solid #e9edf3;box-shadow:0 4px 18px rgba(13,14,70,.05)}
.protxt-top .pro-title{font-size:2.2rem;color:#1c2333;line-height:1.5}
.protxt-top .canshu{border-radius:8px}
.protxt-top .c-dh{font-size:2.4rem;font-weight:700}
.protxt-top .top-l{width:42%}
.protxt-top .top-r{width:calc(58% - 2rem)}
.protxt-top .c-contact img{max-width:180px;border-radius:8px}
.protxt-detail{border-radius:10px;border:1px solid #e9edf3;box-shadow:0 4px 18px rgba(13,14,70,.05)}
.protxt-detail .detail-txt img{border-radius:8px}
.liucheng{border-radius:10px;border:1px solid #e9edf3}
.relate-pro .pro-item{background:#fff;border:1px solid #e9edf3;border-radius:8px;overflow:hidden;padding-bottom:.5rem}
.relate-pro .pro-item .item-tit a{color:#333}
.relate-pro .pro-item .item-tit a:hover{color:#033d75}
.tj-pro .tj-item{background:#fff;border:1px solid #e9edf3;border-radius:8px;overflow:hidden}
.index-services .s-box,.tedian .td-item{border-radius:10px}

/* ---------- 页脚 ---------- */
.footer{background:linear-gradient(180deg,#151828 0%,#0d0e46 100%)}
.footer .f-list a:hover{color:#cfaa5a}

/* ---------- 案例图 / 搜索 / 404 ---------- */
.gl-case-img{display:block;overflow:hidden;border-radius:8px;margin-bottom:12px;aspect-ratio:3/2;background:#f5f7fa}
.gl-case-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gl-card-link:hover .gl-case-img img{transform:scale(1.04)}
.gl-search-box{display:flex;gap:10px;margin-bottom:22px;max-width:560px}
.gl-search-box input{flex:1;height:44px;border:1px solid #e9edf3;border-radius:8px;padding:0 16px;font-size:1.4rem;outline:none;background:#fff}
.gl-search-box input:focus{border-color:#cfaa5a}
.gl-search-box button{height:44px;padding:0 26px;background:#0d0e46;color:#fff;border:none;border-radius:8px;font-size:1.4rem;cursor:pointer}
.gl-search-box button:hover{background:#23255e}
.gl-404{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f5f7fa}
.gl-404 .code{font-size:9rem;font-weight:700;color:#0d0e46;line-height:1;letter-spacing:4px}
.gl-404 .code em{font-style:normal;color:#cfaa5a}
.gl-404 p{color:#75808f;font-size:1.5rem;margin:16px 0 24px}
.gl-404 .btn-home{display:inline-block;background:#0d0e46;color:#fff;padding:12px 34px;border-radius:999px;font-size:1.5rem;text-decoration:none}
.gl-404 .btn-home:hover{background:#cfaa5a;color:#fff}

/* ---------- 移动端 ---------- */
@media (max-width:767px){
  .product-list{grid-template-columns:repeat(2,1fr);gap:10px}
  .product-thumb{width:36px;height:36px}
  .inner-wrap .in-pro{padding:.8rem}
  .protxt-top .top-l,.protxt-top .top-r{width:100%}
  .product-names a{font-size:1.3rem}
}

/* ---------- 导航下拉菜单 ---------- */
#navBox .nav-has-sub{position:relative}
#navBox .nav-drop{position:absolute;top:100%;left:0;min-width:11rem;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(13,14,70,.2);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:999}
#navBox .nav-has-sub:hover .nav-drop{opacity:1;visibility:visible;transform:translateY(0)}
#navBox .nav-drop a{display:block;padding:9px 18px;color:#333!important;font-size:1.2rem;white-space:nowrap;background:none}
#navBox .nav-drop a:hover{background:#f5f7fa;color:#0d0e46!important}
#navBox .nav-drop a::after{display:none}
#navBox .nav-has-sub>a::after{display:none}
@media (max-width:767px){#navBox .nav-drop{display:none}}

/* ---------- RESP-20261024 视口自适应补丁 ---------- */
/* 大屏限宽，避免 1920+ 显示器上内容过度拉伸 */
@media (min-width:1581px){
  .container{max-width:1500px;margin-left:auto;margin-right:auto}
}
/* 导航保持单行，窗口过窄时横向滚动 */
#navBox .nav-list{flex-wrap:nowrap}
#navBox .container{overflow-x:auto;scrollbar-width:none}
#navBox .container::-webkit-scrollbar{display:none}
/* 中等窗口微调 */
@media (max-width:1200px){
  .top .logo img{height:3.2rem;padding-right:1.2rem}
  .top .logo-txt{padding:0 1rem}
  .top .logo-txt .t1{font-size:1.1rem}
  .top .logo-txt .t2{font-size:1.3rem}
}
@media (max-width:1100px){
  .product-list{grid-template-columns:repeat(3,1fr)}
  .f-box{width:30%!important}
  .footer .f-box.pc{display:none}
}
@media (max-width:900px){
  .product-list{grid-template-columns:repeat(2,1fr)}
  .in-pro .top-class .class-item .item-tit{width:100%;justify-content:flex-start;padding-bottom:.4rem}
  .in-pro .top-class .class-item .item-list{width:100%}
  .protxt-detail .detail-l{width:100%;border-right:none;padding-right:0}
  .protxt-detail .detail-r{width:100%;margin-top:1.5rem}
  .index-services .s-box .s-box-l{display:none}
  .index-services .s-box .s-box-r{width:100%;padding-left:0}
  .process-item{width:32%;margin-bottom:1rem}
  .tedian .td-item{width:48%}
}
/* 用户侧CSS缓存强制刷新：版本号见 header v=3 */

/* ---------- NAV-PX-FIX 导航px固定，免疫浏览器最小字号放大 ---------- */
#navBox .nav-list{flex-wrap:nowrap;gap:2px}
#navBox .nav-item a{font-size:15px;padding:14px 13px;white-space:nowrap}
#navBox .nav-item a:hover::after{display:none}
#navBox .nav-has-sub{position:relative}
#navBox .nav-drop{top:100%}
#navBox .nav-drop a{font-size:14px;padding:9px 18px}
@media (max-width:1300px){
  #navBox .nav-item a{font-size:14px;padding:13px 10px}
  #navBox .nav-list{gap:0}
}
@media (max-width:1150px){
  #navBox .nav-item a{font-size:13px;padding:12px 8px}
}
@media (max-width:1000px){
  #navBox .nav-item a{font-size:13px;padding:12px 6px}
}
/* header 区关键文字也用px固定，避免整体放大观感 */
.wel{font-size:12px}
.top .logo img{height:44px;padding-right:16px}
.top .logo-txt .t1{font-size:14px}
.top .logo-txt .t2{font-size:16px}
.top .hot-tel .hot-tel-box .hot-txt .t1{font-size:13px}
.top .hot-tel .hot-tel-box .hot-txt .t2{font-size:18px}
@media (max-width:1300px){
  .top .logo img{height:38px}
  .top .logo-txt{padding:0 10px}
  .top .logo-txt .t1{font-size:13px}
  .top .logo-txt .t2{font-size:14px}
}