/* ===== 三段式顶栏 ===== */
.topbar{background:#1b1b1b;color:#cfcfcf;font-size:13px;line-height:34px}
.topbar .container-fluid{min-height:34px}
.topbar a{color:#cfcfcf;margin-left:14px;text-decoration:none}
.topbar a:hover,.topbar a.on{color:#fabf1b}
.topbar-l i{margin-right:5px}
.topbar-l .topbar-mail{margin-left:18px}
.hlogo{background:#fff;padding:14px 0;border-bottom:1px solid #f0f0f0}
.hlogo-img img{height:46px;display:block}
.hmain-nav{background:#282828}
.hmain-nav .container-fluid{min-height:52px}
.hnav{display:flex;list-style:none;margin:0;padding:0}
.hnav>li{position:relative}
.hnav>li>a{display:block;color:#fff;font-size:15px;font-weight:bold;padding:16px 22px;text-decoration:none;transition:.2s}
.hnav>li>a:hover,.hnav>li.on>a{background:#fabf1b;color:#282828}
.hnav-sub{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:1000;list-style:none;margin:0;padding:8px 0;border-top:3px solid #fabf1b}
.hnav-sub li a{display:block;padding:10px 20px;color:#333;font-size:14px;text-decoration:none}
.hnav-sub li a:hover{background:#fabf1b;color:#282828}
.hnav>li:hover .hnav-sub{display:block}
.hnav-search{display:flex}
.hnav-search input{width:180px;border:1px solid #5a5a5a;background:#3a3a3a;color:#fff;padding:7px 12px;font-size:13px;border-radius:3px 0 0 3px;outline:none}
.hnav-search button{background:#fabf1b;border:none;padding:0 14px;border-radius:0 3px 3px 0;cursor:pointer;color:#282828}
/* 移动: hamburger 只在 <992 显示, 主菜单条隐藏 */
.menu-handler{display:none;cursor:pointer;padding:8px 0}
.menu-handler span{display:block;width:26px;height:3px;background:#282828;margin:5px 0;border-radius:2px}
@media (max-width:991.98px){
  .topbar-l .topbar-mail{display:none}
  .topbar-langs a{display:none}
  .topbar-langs a.on{display:inline;margin-left:0}
  .hmain-nav{display:none}
  .menu-handler{display:block}
  .hlogo-img img{height:34px}
}
/* ===== 底部图标导航(App 式,全端常驻) ===== */
body{padding-bottom:58px}
.mtab{position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 12px rgba(0,0,0,.08)}
.mtab-inner{display:flex;max-width:560px;margin:0 auto}
.mtab a{flex:1;text-align:center;padding:8px 0 9px;color:#666;text-decoration:none;font-size:11px}
.mtab a i{display:block;font-size:20px;margin-bottom:3px;color:#888}
.mtab a:hover,.mtab a.on{color:#fabf1b}
.mtab a:hover i,.mtab a.on i{color:#fabf1b;transform:scale(1.1)}
@media (max-width:767.98px){
  .mtab-inner{max-width:none}
}
/* 底部导航优先级与 Cookie 条避让 */
.mtab{z-index:9999}
.privacyPopup{bottom:58px;z-index:1501}

/* ============ 前台美化增强层(可整体删除回退) ============ */
/* 1) 底栏交互 */
.mtab a{transition:color .2s}
.mtab a i{transition:color .2s,transform .2s}
.mtab a:hover,.mtab a.on{color:#fabf1b}
.mtab a:hover i,.mtab a.on i{color:#fabf1b;transform:translateY(-1px)}
/* 2) 卡片悬浮 */
.product-list .list{transition:box-shadow .25s,transform .25s;overflow:hidden}
.product-list .list:hover{box-shadow:0 10px 28px rgba(0,0,0,.14);transform:translateY(-4px)}
.product-list .list .img img{transition:transform .4s}
.product-list .list:hover .img img{transform:scale(1.04)}
/* 3) 图片圆角统一 */
.product-list .list .img img,.dg-media-object,.fwu .ful li .img img,.pernr5 img,
.pernr52 li .img img,.box3 .img img,.nbanner img,.home-banner-section img{border-radius:6px}
/* 4) 金色按钮统一样式(原站 btn-primary 是金黄,这里加深悬浮反馈) */
.btn-primary,.btn{transition:box-shadow .2s,transform .15s}
.btn-primary:hover{box-shadow:0 6px 16px rgba(250,191,27,.45);transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0)}
/* 5) 标题金色装饰条(首页 box 区) */
.abt dd{position:relative;padding-left:0}
.box1 .abt dd,.box2 .abt dd,.box3 .abt dd,.box4 .abt dd,.box5 .abt dd{letter-spacing:1px}
/* 6) 输入框聚焦金边 */
.form-control:focus,input[type=text]:focus,input[type=email]:focus,textarea:focus,input[type=tel]:focus{
  border-color:#fabf1b!important;box-shadow:0 0 0 3px rgba(250,191,27,.18)!important;outline:none}
/* 7) 悬浮客服窗/返回顶部微调 */
.scroll_to_top2{transition:opacity .3s}
/* 8) 首页 hero 轮播指示点金色 */
.swiper-pagination-bullet-active{background:#fabf1b!important}
/* iPhone 底部安全区 */
.mtab{padding-bottom:env(safe-area-inset-bottom)}

/* ============ 首页首屏 App 化 ============ */
/* 轮播大图卡片化(桌面) */
.home-banner-section{max-width:1560px;margin:16px auto 10px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.home-banner-section .banner_swiper{border-radius:16px}
@media (max-width:1600px){.home-banner-section{margin:14px 16px 10px}}
@media (max-width:767.98px){.home-banner-section{margin:0;border-radius:0;box-shadow:none}}
/* 首屏轮播指示条样式 */
.banner_swiper .swiper-pagination{bottom:14px!important}
.banner_swiper .swiper-pagination-bullet{width:9px;height:9px;background:rgba(255,255,255,.7);opacity:1;border-radius:50%;transition:.3s}
.banner_swiper .swiper-pagination-bullet-active{background:#fabf1b!important;width:26px;border-radius:5px}
/* 轮播图内文字(App 风格大标题留白已有图片文案,无需注入文本) */
/* 三段式顶栏落地后首页主体上边距 */
.home-banner-section + .box1{margin-top:8px}

/* 文字 Logo(客户提供 logo 图后替换回 img) */
.hlogo-t{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.25}
.hlogo-t b{font-size:22px;font-weight:800;color:#1b1b1b;letter-spacing:1px;white-space:nowrap}
.hlogo-t small{font-size:10px;color:#999;letter-spacing:2.5px;font-weight:400}
figure .hlogo-t b,.top2 .hlogo-t b{font-size:20px}
footer .hlogo-t b{font-size:18px;color:#fff}
footer .hlogo-t small{font-size:9px;color:#aaa}

/* 顶栏语言切换下拉 */
.topbar-langs{margin-left:auto}
.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#e8e8e8;
  font-size:12px;padding:3px 10px;line-height:1.6;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}
.lang-btn:hover{background:rgba(255,255,255,.12);border-color:#fabf1b;color:#fff}
.lang-btn img{width:16px;height:11px;object-fit:cover;border-radius:2px}
.lang-btn .fa-angle-down{font-size:10px;color:#fabf1b}
.lang-menu{min-width:150px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);border:1px solid #eee;padding:6px 0;margin-top:4px!important}
.lang-menu li a{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:13px;color:#444;transition:.15s}
.lang-menu li a:hover{background:#fff7e0;color:#282828}
.lang-menu img{width:18px;height:13px;object-fit:cover;border-radius:2px}

/* WhatsApp 入口 */
.topbar-wa{color:#25d366!important;margin-left:16px;text-decoration:none}
.topbar-wa:hover{color:#1eb958!important}
.topbar-wa .fa-whatsapp{color:#25d366;margin-right:4px}
.media-card div{transition:transform .25s,box-shadow .25s}
.media-card:hover div{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.2)!important}
.media-card{display:block;text-decoration:none}
.topbar-login{color:#cfcfcf;text-decoration:none;font-size:12px;margin-right:12px;transition:.2s}
.topbar-login:hover{color:#fabf1b}

/* Logo 尺寸收敛(防各容器折行飘动) */
.hlogo-t{max-width:100%}
.hlogo-t b{font-size:20px}
.hlogo-t small{font-size:9px}
.top2 .hlogo-t b{font-size:22px}
.mobile-menu .hlogo-t b{font-size:16px}
footer .hlogo-t b{font-size:16px}