/* =====================================================================
 * GBP 全站移动端统一样式 v20261114
 * ---------------------------------------------------------------------
 * 来源：原 gbp-mobile-nav.js 内联 injectStyles() 整体迁移至本文件（模板层正规引用）。
 * 同步规则：本文件与 gbp-mobile-nav.js 配套使用；
 *          JS 里的 ensureSiteCss() 仅在页面漏引本文件时兜底补挂 <link>。
 * 引用方式：header.htm 及各手工页 <link ... gbp-mobile.20261114.css">
 * 品牌色：#0091CE（分类导航选中色，旧 #1f8cc1 已统一合并）
 * ===================================================================== */

/* ---------- 全局（含 PC） ---------- */
.gbp-banner-mob{display:none}
.gbp-mnav-mask,.gbp-mnav{display:none!important}
.gbp-mobfoot{display:none!important}
/* 全站内容页：分享栏一律隐藏（双保险，防 CSS 缓存残留） */
.news_share,.news_right{display:none!important}
/* 下载详情页：空翻页书容器不留白（无页面数据时 turn.js 仍占 800px 高） */
.flipbook-viewport:has(.flipbook:empty){display:none!important}

/* ---------- 窄屏 ≤860px ---------- */
@media screen and (max-width:860px){

/* ===== 头部 ===== */
.gbp-banner-pc{display:none!important}
.gbp-banner-mob{display:block!important}
.gbp-banner-mob .swiper-container{height:auto!important;min-height:0!important;background:#fff}
.gbp-banner-mob .swiper-slide a{display:block!important;line-height:0!important}
.gbp-banner-mob .swiper-slide img{width:100%!important;height:auto!important;display:block;border-radius:0}
#never{display:none!important}
.nav ul{display:none!important}
.nav .head_language,.nav .head_sosuo_icon,.nav .head_sosuo{display:none!important}
.nav .container{position:relative!important;display:flex!important;align-items:center!important;min-height:60px!important;box-sizing:border-box!important}
.nav .logo img{max-height:44px!important;width:auto!important}
.gbp-mnav-btn{display:flex!important;position:absolute!important;right:12px!important;top:50%!important;margin-top:-22px!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:9998!important}
.gbp-mnav-btn .gbp-bar{display:block;width:26px;height:3px;border-radius:2px;background:#0091CE;position:relative}
.gbp-mnav-btn .gbp-bar:before,.gbp-mnav-btn .gbp-bar:after{content:"";position:absolute;left:0;width:26px;height:3px;border-radius:2px;background:#0091CE}
.gbp-mnav-btn .gbp-bar:before{top:-9px}.gbp-mnav-btn .gbp-bar:after{top:9px}
/* 产品页等自带 gbp-mob 头部：隐藏旧黑色抽屉与图标，统一用 gbp-mnav */
.gbp-mob .drawer-op{display:none!important}
.gbp-mob .wap-menu{display:none!important}
.gbp-mnav-mask{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .28s;z-index:10000}
.gbp-mnav-mask.open{opacity:1;visibility:visible}
.gbp-mnav{display:flex!important;position:fixed;top:0;right:0;height:100%;width:78%;max-width:340px;background:#fff;z-index:10001;transform:translateX(102%);transition:transform .28s;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column;box-shadow:-4px 0 16px rgba(0,0,0,.12)}
.gbp-mnav.open{transform:translateX(0)}
.gbp-mnav-close{align-self:flex-end;width:44px;height:44px;margin:12px 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#666;background:#f2f4f6;border-radius:10px;cursor:pointer;line-height:1}
.gbp-mnav-list{flex:1;padding:6px 0 12px}
.gbp-mnav-item{border-bottom:1px solid #eef1f3}
.gbp-mnav-head{display:flex;align-items:center}
.gbp-mnav-row{flex:1;display:block;padding:16px 20px;font-size:17px;color:#222;text-decoration:none}
.gbp-mnav-toggle{flex:0 0 auto;width:44px;height:44px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#0091CE;cursor:pointer;user-select:none;-webkit-user-select:none}
.gbp-mnav-sub{display:none;padding:0 20px 10px;background:#fafbfc}
.gbp-mnav-item.expanded .gbp-mnav-sub{display:block}
.gbp-mnav-sub a{display:block;padding:11px 14px;font-size:15px;color:#555;text-decoration:none;border-top:1px dashed #e6eaee}
.gbp-mnav-sub a:first-child{border-top:none}
.gbp-mnav-langs{display:flex;gap:10px;padding:14px 16px 20px;box-sizing:border-box}
.gbp-mnav-langs a{flex:1;text-align:center;padding:10px 4px;border:1px solid #dfe5ea;border-radius:8px;font-size:14px;color:#333;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== 首页产品卡 ===== */
.workul,ul.wul105,ul.wul110{width:100%!important;margin-left:0!important;box-sizing:border-box}
.workul{padding:0 12px!important}
.workul li .img{width:100%!important;padding:14px 14px 0!important;background:#fff!important;text-align:center!important;box-sizing:border-box!important}
.workul li .img img{width:auto!important;max-width:100%!important;height:auto!important;max-height:240px!important;display:inline-block!important;vertical-align:middle}
.workul li .title{padding:4px 16px 16px!important}
.workul li h5{font-size:18px!important;font-weight:700!important;color:#1a1a1a!important}
.workul li p.entitle{font-size:14px!important;color:#666!important;line-height:1.5!important;padding-bottom:4px!important}

/* ===== 栏目页 tab 单行横滑（faqfl） ===== */
.faqfl{line-height:normal!important;background:#fff!important;border-bottom:1px solid #e8ecf0}
.faqfl .path{float:none!important;width:100%!important;height:auto!important;line-height:normal!important;margin:0!important;padding:0!important}
.faqfl{overflow:hidden!important}
.faqfl .path{overflow:hidden!important}
.faqfl .list-about ul{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;height:44px!important;max-height:44px!important;align-items:center!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:none;white-space:nowrap;padding:0 10px!important;margin:0!important}
.faqfl .list-about ul::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.subcate ul::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.subcate ul{scrollbar-width:none!important;height:44px!important;max-height:44px!important;padding-top:0!important;padding-bottom:0!important}
.faqfl .list-about ul li{display:inline-block!important;flex:0 0 auto!important;margin:0!important;padding:0 8px!important;height:44px!important;max-height:44px!important;line-height:44px!important;position:relative!important}
.faqfl .list-about ul li a{display:block!important;height:44px!important;line-height:44px!important;padding:0!important;font-size:14px!important;color:#444!important;white-space:nowrap;box-sizing:border-box!important;position:relative!important}
/* 下划线：画在 a 上，宽度=文字精确宽度；屏蔽 aitecms 画在 li 上的整宽旧线 */
.faqfl .list-about ul li.about-on::after{content:none!important;display:none!important}
/* 分类导航统一设计：所有项加粗；选中品牌蓝粗体+下划线 */
.faqfl .list-about ul li a{font-weight:600!important}
.faqfl .list-about ul li.about-on a,.faqfl .list-about ul li a.about-on{color:#0091CE!important;font-weight:700!important}
.faqfl .list-about ul li.about-on a::after,.faqfl .list-about ul li a.about-on::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;background:#0091CE!important;border-radius:1px!important}

/* ===== 栏目页正文边距与图片居中 ===== */
.businessbox{padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
.businessbox p{padding-left:0!important;padding-right:0!important}
.auout-back{padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
.buscontent,.business-guide{overflow:visible!important}
.business-guide-fl{text-align:center!important;overflow:visible!important}
.business-guide-fl img,.buscontent img,.businessbox img{display:block!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;width:auto!important;height:auto!important;max-height:none!important;box-sizing:border-box!important}
.business-guide-fr{padding-left:0!important;padding-right:0!important}

/* ===== 栏目页 banner 减高 ===== */
.neiban{height:150px!important}
.neiban .wrap{display:flex!important;align-items:center!important;height:100%!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
.neiban .wrap .wen{flex:1!important}
.neiban .wen{padding:0 20px!important}
.neiban .wen h3{font-size:22px!important;margin-bottom:6px!important}
.neiban .wen p{font-size:13px!important}

/* ===== Download 单列 ===== */
.DownCont{display:block!important;padding:0 14px!important;box-sizing:border-box}
.DownLiview{width:100%!important;padding:14px 0!important;margin:0!important;display:flex!important;align-items:center!important;border-bottom:1px solid #eef1f3!important}
.Downimg{flex:0 0 96px!important;width:96px!important;margin-right:12px!important}
.Downimg img{width:96px!important;height:128px!important;object-fit:cover;border-radius:6px;border:1px solid #d8d8d8}
.Downtext{flex:1!important;text-align:left!important}
.Downtext h4,.Downtext h5{font-size:15px!important;font-weight:600!important;line-height:1.4!important;margin-bottom:6px!important}
.Downtext p{font-size:12px!important;color:#999!important}
.DownLabe li a{font-size:13px!important}

/* ===== Contact 子分类一行横滑（subcate） ===== */
.nopd{padding:0!important}
.content-left{width:100%!important;float:none!important;margin:0!important}
.subcate{background:#fff!important;margin:0!important}
.subcate h3{display:none!important}
.subcate ul{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;height:44px!important;max-height:44px!important;align-items:center!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:none;white-space:nowrap;padding:0 10px!important;margin:0!important;border-bottom:1px solid #e8ecf0;background:#fff!important}
.subcate ul li{flex:0 0 auto!important;padding:0 8px!important;height:44px!important;line-height:44px!important;margin:0!important;float:none!important}
.subcate ul li a{display:block!important;height:44px!important;line-height:44px!important;padding:0!important;font-size:14px!important;color:#444!important;white-space:nowrap}
/* 分类导航统一设计（subcate）：加粗；选中品牌蓝；屏蔽 li 旧 box-shadow 双线 */
.subcate ul li a{font-weight:600!important}
.subcate ul li.on,.subcate ul li.about-on{box-shadow:none!important}
.subcate ul li.on a,.subcate ul li a.on,.subcate ul li.about-on a,.subcate ul li a.about-on,
.contact-details-page .subcate ul li.on a{color:#0091CE!important;font-weight:700!important;position:relative!important}
.subcate ul li.on a::after,.subcate ul li a.on::after,
.subcate ul li.about-on a::after,.subcate ul li a.about-on::after,
.contact-details-page .subcate ul li.on a::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;background:#0091CE!important;border-radius:1px!important}

/* ===== 吸顶分类条 ===== */
.faqfl{position:relative!important;top:auto!important}
.faqfl.gbp-stuck{position:fixed!important;top:var(--gbp-head-h,0px)!important;left:0!important;right:0!important;z-index:9990!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}

/* ===== 文章/新闻列表 ===== */
.news_0_list ul li{width:100%!important;float:none!important;margin:0 0 16px!important;box-sizing:border-box!important}
.news_0_list ul li img{height:auto!important}

/* ===== 视频案例两列 ===== */
.content-video{padding:20px 0!important}
.content-video ul{margin:0!important;padding:0 12px!important;list-style:none!important}
.content-video ul li{width:50%!important;padding:0 6px!important;margin:0 0 18px!important;box-sizing:border-box!important;float:left!important}
.content-video ul li .content-video-box img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:6px!important;display:block!important}
.content-video ul li h3{width:100%!important;float:none!important;font-size:14px!important;line-height:1.45!important;padding:8px 2px 2px!important;margin:0!important}
.content-video ul li span.fr{float:none!important;display:block!important;padding:0 2px!important;font-size:12px!important;color:#999!important}

/* ===== 手机页脚（gbp-mobfoot，与产品页一致） ===== */
.gbp-mobfoot{display:block!important}
.gbp-mobfoot .footer ul li ul.foot-pro{display:none!important}
.gbp-mobfoot .footer ul li.gbp-open ul.foot-pro{display:block!important}
.gbp-mobfoot .footer ul li h3{position:relative!important;cursor:pointer;padding-right:34px!important}
.gbp-mobfoot .footer ul li h3:after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:#0091CE}
.gbp-mobfoot .footer ul li.gbp-open h3:after{content:"\2212"}
.gbp-mobfoot .footer h3{background:none!important;background-image:none!important}
.gbp-mobfoot .footer .pat-dds h3{background:none!important;background-image:none!important}
#footer{display:none!important}
.gbp-mobfoot .footer{background:#f2f2f2!important;padding:15px!important;box-sizing:border-box!important}
.gbp-mobfoot .footer ul{list-style:none!important;margin:0!important;padding:0!important}
.gbp-mobfoot .footer > ul > li,.gbp-mobfoot .footer > div > ul > li{border-bottom:1px solid #d4d4d4!important}
.gbp-mobfoot .footer h3{font-size:14px!important;font-weight:normal!important;color:#333!important;text-align:left!important;height:40px!important;line-height:40px!important;padding:0 34px 0 15px!important;margin:0!important;background:none!important;cursor:pointer}
.gbp-mobfoot .foot-pro{margin-bottom:0!important;padding:0 0 10px!important}
.gbp-mobfoot .foot-pro li{font-size:13px!important;height:32px!important;line-height:32px!important;text-align:left!important;padding:0 15px!important;border-bottom:1px solid #e2e2e2!important}
.gbp-mobfoot .foot-pro li a{color:#666!important}
.gbp-mobfoot .footer p{color:#999!important;font-size:12px!important;margin:12px 0 4px!important;text-align:center!important;line-height:1.7!important}
/* 原版 PC 页脚在手机端直接做手风琴（未生成 gbp-mobfoot 的旧页兜底） */
#footer .left-nav ul li ul.foot-pro{display:none!important}
#footer .left-nav ul li.gbp-open ul.foot-pro{display:block!important}
#footer .left-nav ul li h3{position:relative!important;cursor:pointer;padding-right:34px!important}
#footer .left-nav ul li h3:after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:#0091CE}
#footer .left-nav ul li.gbp-open h3:after{content:"\2212"}

/* ===== 兜底修正（防旧静态页未重新生成时的问题） ===== */
/* business-title 内联 padding-top 兜底清零（蓝条与文字错位） */
.business-title{padding-top:0!important}
.business-title:before{top:3px!important}
/* parts-row 图片与下方文字/标题的间距 */
.bus-red .business-guide.parts-row .business-guide-fl{margin-bottom:14px!important}

}