/* 站点级补充样式（在 classic.css 之后加载） */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 内页 Banner 默认背景：栏目没设置 Banner 图时使用（模板里有图时会用内联样式覆盖） */
.page-banner{background-color:#0b2b5c;background-image:url(../../upload/sort/ico_3.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
/* 会员/表单等页面沿用旧类名时的兜底样式 */
.form-row,.form-fields .form-row{margin-bottom:14px}
.form-row label,.msg-form label{display:block;font-size:14px;color:#4a5b70;margin-bottom:6px}
.form-row input,.form-row textarea,.msg-form input,.msg-form textarea{width:100%;height:42px;padding:0 12px;border:1px solid #dbe3ee;border-radius:6px;background:#fff;font-size:14px;color:#243447;box-sizing:border-box}
.form-row textarea,.msg-form textarea{height:auto;min-height:120px;padding:10px 12px}
.member-profile{background:#fff;border:1px solid #e6ecf4;border-radius:10px;padding:24px;margin-bottom:18px}
.member-avatar{width:64px;height:64px;border-radius:50%;background:#eef4fb;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1a4b8f;margin-bottom:12px}
.member-info p{margin:6px 0;color:#4a5b70}
.captcha-row{display:flex;gap:8px;align-items:center}
.captcha-row input{max-width:140px}
.captcha-row img{height:44px;border:1px solid #dbe3ee;border-radius:6px;cursor:pointer}
/* 取消顶部导航高亮下划线 */
.nav-item>a::after{display:none!important}
/* 栏目页子栏目菜单：保留 hover/当前栏目变色，但不显示下划线（仅电脑版；手机端为胶囊样式） */
@media (min-width:769px){
  .location .menu li a{position:relative;border-bottom:0;transition:color .18s}
  .location .menu li a:hover,.location .menu li.hover a{color:var(--brand);font-weight:600;border-bottom:0}
}
/* 搜索页：搜索框 + 结果条目 */
.search-form{display:flex;gap:10px;margin:0 0 20px}
.search-form input{flex:1;min-width:0;height:44px;border:1px solid #dbe3ee;border-radius:6px;padding:0 14px;font-size:14px;color:#243447;background:#fff}
.search-form .btn{flex:none}
.search-item{padding:14px 0;border-bottom:1px solid #eef2f8}
.search-item h3{margin:0 0 6px;font-size:15px;font-weight:600}
.search-item h3 a{color:#22354c}
.search-item h3 a:hover{color:var(--brand)}
.search-item p{margin:0 0 6px;font-size:13px;line-height:1.7;color:#6b7a90}
.search-item time{font-size:12px;color:#93a1b5}
.norecord{padding:24px 0;color:#8b99ad;font-size:14px}
/* 新闻列表卡片式（横排卡片：左图右文，电脑与手机一致） */
.news-cards{display:grid;grid-template-columns:1fr;gap:18px;list-style:none;padding:0;margin:0}
.news-card{display:flex;flex-direction:row;align-items:stretch;background:#fff;border:1px solid #e6ecf4;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.news-card:hover{box-shadow:0 10px 26px rgba(20,40,70,.12);transform:translateY(-3px)}
.news-card .nc-img{display:block;flex:0 0 300px;background:#eef3f9;overflow:hidden;position:relative;min-height:180px}
.news-card .nc-img img{width:100%;height:100%;object-fit:cover;display:block}
.news-card .nc-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa9bd;font-size:13px}
.news-card .nc-body{display:flex;flex-direction:column;gap:8px;padding:20px 24px;flex:1;min-width:0}
.news-card .nc-date{font-size:12px;color:#8b99ad}
.news-card h3{margin:0;font-size:17px;line-height:1.55;font-weight:600}
.news-card h3 a{color:#22354c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card h3 a:hover{color:var(--brand)}
.news-card p{margin:0;font-size:13.5px;line-height:1.75;color:#6b7a90;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .nc-more{margin-top:auto;font-size:13px;color:var(--brand);font-weight:500}
@media (max-width:992px){
  .news-card .nc-img{flex:0 0 240px;min-height:150px}
  .news-card .nc-body{padding:16px 18px}
  .news-card h3{font-size:16px}
}
@media (max-width:640px){
  .news-cards{gap:12px}
  .news-card .nc-img{flex:0 0 38%;min-height:112px}
  .news-card .nc-body{padding:12px 12px 12px 14px;gap:6px}
  .news-card h3{font-size:14.5px}
  .news-card p{font-size:12.5px;-webkit-line-clamp:2}
  .news-card .nc-more{font-size:12px}
}
.wrapper .content{box-sizing:border-box;max-width:1280px;margin:0 auto}
.fb-form{max-width:860px;margin:0 auto}
.fb-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.fb-row>label{flex:0 0 84px;text-align:right;padding-top:12px;color:#4a5a70;font-size:14px}
.fb-row input,.fb-row textarea{flex:1;min-width:0;border:1px solid #dbe3ee;border-radius:6px;background:#fff;font-size:14px;color:#243447;box-sizing:border-box;font-family:inherit}
.fb-row input{height:44px;padding:0 12px}
.fb-row textarea{min-height:140px;padding:10px 12px;resize:vertical;line-height:1.7}
.fb-bot{text-align:center;margin-top:10px}
.fb-form .yzm{display:flex;gap:8px;align-items:center;flex:1;min-width:0}
.fb-form .yzm input{flex:0 0 150px}
.fb-form .yzm img{height:44px;border:1px solid #dbe3ee;border-radius:4px;cursor:pointer}
@media (max-width:640px){
  .fb-row{flex-direction:column;gap:6px}
  .fb-row>label{flex:none;text-align:left;padding-top:0}
}
@media (min-width:1181px){.nav-item>a{font-size:15px;padding:0 9px}}
@media (min-width:1181px) and (max-width:1366px){.nav-item>a{padding:0 7px}}

/* 分页分隔符 */
.pagination .pg-sep{color:#c3d0e2;font-weight:400;user-select:none}

/* 电脑版头部 LOGO 尺寸：最大宽度 210px */
@media (min-width:641px){.head-in .logo-img{height:47px;max-width:210px}}

/* 手机版头部 LOGO 尺寸：最大宽度 230px */
@media (max-width:640px){.head-in .logo-img{height:51px;max-width:230px}}

/* 电脑版搜索框宽度减半 */
@media (min-width:641px){.search-form{justify-content:center}.search-form input{flex:0 0 50%;max-width:50%}}

/* 搜索结果关键词高亮 */
.search-item .kw{color:#e60012;font-weight:600}

/* 产品卡片底部留白：摘要与下边框拉开距离 */
.product-grid .p-name{padding:13px 14px 7px}
.product-grid .p-desc{padding:0 14px;margin:0 0 12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* 详情页面包屑分隔符（与栏目页统一用 /） */
.crumb i{font-style:normal;margin:0 8px;color:#c3d0e2}

/* 面包屑当前项与链接同色，避免最后一级颜色不一致 */
.location .sitepath span,.crumb span{color:#2b3b52}

/* 详情页面包屑行与栏目页同高（52px） */
.crumb{padding:0;font-size:13px}
.crumb .wrap{height:52px;display:flex;align-items:center;gap:0}
@media (max-width:640px){
  .crumb .wrap{height:auto;min-height:44px;padding:8px 16px;gap:0}
}
/* 页脚重设计 */
.site-foot{background:linear-gradient(180deg,#0b2748 0%,#081d36 100%)}
.site-foot .f-links{padding:18px 0}
.site-foot .f-logo-plate{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:9px 14px;margin-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.site-foot .f-logo-plate .logo-img{height:32px;max-width:170px;margin:0}
.site-foot .f-name{font-size:19px;letter-spacing:.4px;margin-bottom:8px}
.site-foot .f-slogan{max-width:340px;color:#9fb4cd;line-height:2;font-size:13px}
.site-foot .f-info{margin-top:22px;gap:14px}
.site-foot .f-info .f-addr{color:#c6d5e6;font-size:13.5px;align-items:center}
.site-foot .f-info .f-addr .ico{color:#5aa5ff}
.site-foot .f-info .f-tel{color:#fff;font-size:16px;font-weight:700;gap:10px}
.site-foot .f-info .f-tel b{font-size:17px}
.site-foot .f-info .f-tel em{font-style:normal;font-size:11.5px;color:#8ea6c2;font-weight:400;letter-spacing:.08em}
@media (min-width:993px){
  .site-foot .f-top{grid-template-columns:1.65fr 1fr 1.15fr 1fr;gap:44px;padding:50px 0 44px}
  .site-foot .f-col h4{position:relative;padding-left:12px;font-size:13px;letter-spacing:.08em;text-transform:none;margin-bottom:18px}
  .site-foot .f-col h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;border-radius:2px;background:var(--brand)}
  .site-foot .f-col li{margin-bottom:11px}
  .site-foot .f-col a{font-size:13px}
  .site-foot .f-qr-box{display:inline-block;background:#fff;border-radius:10px;padding:9px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
  .site-foot .f-qr-box img{width:112px;height:112px;display:block;border-radius:4px;background:#fff;padding:0}
  .site-foot .f-qr i{margin-top:12px;font-size:12px;color:#8ea6c2}
  .site-foot .f-bot{padding:18px 0;font-size:12.5px;color:#8ea6c2}
  .site-foot .f-bot .wrap{gap:10px 22px}
  .site-foot .f-tech em{font-style:normal;margin:0 8px;color:#4d6b8f}
}
/* 容器总宽 1280（含左右 24px 内边距），上下左右边框对齐 1280 */
:root{--wrap:1280px}

/* 底栏右侧给返回顶部按钮留位，避免文字被挡住 */
@media (min-width:993px){#backTop{bottom:96px}}

/* 头部内容与下方内容块左右边框对齐：顶栏/头部去掉左右内边距 */
@media (min-width:769px){
  .topbar .wrap,.site-head .wrap,.hero .wrap,.sec>.wrap,.consult>.wrap,.site-foot .wrap,.location .w1200,.crumb .wrap{padding-left:0;padding-right:0}
}

/* 首页各版块内容与头部/面板同宽（1280），去掉左右内边距 */


/* 联系我们：只保留 .content 一层外框，内部面板去边框 */
.contactPage .panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 28px}
.contactPage .panel:last-child{margin-bottom:0}
.contactPage .panel-title{margin-bottom:10px}
/* 栏目副标题字号加大 */
.page-banner .en{font-size:15px;letter-spacing:.08em;margin-top:14px;color:#bcd4ee}
@media (max-width:640px){
  .page-banner .en{font-size:12.5px;letter-spacing:.06em;margin-top:10px}
}
/* 面包屑强制左对齐（栏目页与详情页） */
.location .sitepath,.crumb .wrap{text-align:left;justify-content:flex-start;margin-right:auto}

/* 卡片间距与左右留白一致（32px）：产品、解决方案、案例 */
@media (min-width:769px){
  .product-grid,.gallery-grid{gap:32px}
}

/* 电脑版：顶部导航在 LOGO 后再空 20px（首页前留白） */
@media (min-width:993px){.head-in .mainnav{margin-left:20px}}

/* 手机版隐藏页脚 LOGO 底板（classic 在窄屏隐藏了 LOGO 图，底板会变成空胶囊） */
@media (max-width:640px){.site-foot .f-logo-plate{display:none}}

/* 手机版隐藏页脚迷你导航（避免与顶部导航重复） */
@media (max-width:640px){.site-foot .f-mini{display:none}}

/* 公安备案号前的小盾牌图标 */
.site-foot .f-bot .f-police{display:inline-flex;align-items:center;gap:6px}
.site-foot .f-bot .f-police .ico{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;flex:none;opacity:.9}

/* TAG 云（/tag/ 首页） */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 10px}
.tag-cloud a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#f4f7fb;border:1px solid #e6ecf4;border-radius:999px;color:#3d4f66;font-size:13px;transition:.18s}
.tag-cloud a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.tag-cloud a em{font-style:normal;font-size:11.5px;color:#9aa8ba}
.tag-cloud a:hover em{color:rgba(255,255,255,.85)}
/* 编辑器里给段落设置的左/右/居中对齐，图片跟随段落对齐 */
.rich-text p[style*="text-align:left"] img,
.rich-text p[style*="text-align: left"] img,
.article-content p[style*="text-align:left"] img,
.article-content p[style*="text-align: left"] img{display:block;margin-left:0;margin-right:auto}
.rich-text p[style*="text-align:right"] img,
.rich-text p[style*="text-align: right"] img,
.article-content p[style*="text-align:right"] img,
.article-content p[style*="text-align: right"] img{display:block;margin-left:auto;margin-right:0}
.rich-text p[style*="text-align:center"] img,
.rich-text p[style*="text-align: center"] img,
.article-content p[style*="text-align:center"] img,
.article-content p[style*="text-align: center"] img{display:block;margin-left:auto;margin-right:auto}
/* ===== 手机端：位置栏与栏目分类（拉开间距 + 对齐） ===== */
@media (max-width:760px){
  .location{padding:14px 0 16px!important;background:#f7fafe!important;border-bottom:1px solid #eaf1fa}
  .location .w1200{display:block!important;width:auto!important;max-width:100%!important;padding:0 14px!important;overflow:visible!important}
  .location .sitepath{float:none!important;display:block!important;margin:0 0 14px!important;
    font-size:13px;line-height:1.7;color:#6b7b90;white-space:normal}
  .location .sitepath a{color:#0e4295}
  .location .sitepath i{font-style:normal;margin:0 4px;color:#b8c6d8}
  .location .menu{float:none!important;display:block!important;width:100%!important;margin:0!important}
  .location .menu ul{display:flex!important;flex-wrap:wrap!important;gap:10px 8px!important;
    margin:0!important;padding:0!important;list-style:none!important}
  .location .menu ul li{float:none!important;display:flex!important;margin:0!important;padding:0!important;
    width:calc((100% - 8px)/2)!important}
  .location .menu ul li a{display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:40px;margin:0!important;padding:0 8px!important;
    border:1px solid #dce8f7!important;border-radius:8px!important;background:#fff!important;
    font-size:13.5px!important;line-height:1.2!important;text-align:center;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    box-shadow:0 1px 2px rgba(14,66,149,.05)}
  .location .menu ul li a i{display:none!important}
  .location .menu ul li.on a,.location .menu ul li a:hover{border-color:#0e4295!important;color:#0e4295!important;background:#f2f7ff!important}
}
@media (max-width:420px){
  .location .menu ul li{width:100%!important}
}
/* ===== 手机端分类按钮：一行四个 ===== */
@media (max-width:760px){
  .location .menu ul{gap:6px!important}
  .location .menu ul li{width:calc((100% - 18px)/4)!important}
  .location .menu ul li a{
    min-height:34px!important;padding:0 2px!important;border-radius:6px!important;
    font-size:12.5px!important;line-height:1.15!important;letter-spacing:0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex!important;
    align-items:center!important;justify-content:center!important}
}
@media (max-width:420px){
  .location .menu ul li{width:calc((100% - 18px)/4)!important}
  .location .menu ul li a{font-size:11.5px!important;min-height:32px!important}
}
/* ===== LOGO：蓝色圆角方块 LS + 公司名 + 副标题 ===== */
.logo-txt{display:flex;flex-direction:column;justify-content:center;line-height:1.15}
.logo-txt b{display:block;font-size:21px;font-weight:800;letter-spacing:.5px;color:#111827}
.logo-txt i{display:block;font-style:normal;font-size:12px;letter-spacing:1.6px;color:#7b8794;margin-top:5px}
.logo-mark{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(145deg,#3FA9F5 0%,#1E7FE0 55%,#0F6BD6 100%);
  color:#fff;font-size:19px;font-weight:800;letter-spacing:.5px;line-height:1;
  box-shadow:0 6px 14px rgba(30,127,224,.28);font-family:"Segoe UI",Arial,sans-serif}
.f-logo-plate{background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
.f-logo-plate .logo-mark{width:40px;height:40px;border-radius:10px;font-size:17px}
/* 手机端与桌面完全一致 */
@media (max-width:1100px){
  .logo-mark{width:46px!important;height:46px!important;border-radius:11px!important;font-size:19px!important}
  .logo-txt b{font-size:21px!important}
  .logo-txt i{font-size:12px!important}
}
@media (max-width:760px){
  .site-head .head-in{min-height:70px}
  .logo-mark{width:46px!important;height:46px!important;border-radius:11px!important;font-size:19px!important}
  .logo-txt{display:flex!important}
  .logo-txt b{font-size:21px!important;letter-spacing:.5px!important;line-height:1.15!important;white-space:nowrap}
  .logo-txt i{display:block!important;font-size:12px!important;letter-spacing:1.6px!important;color:#7b8794!important;margin-top:5px!important;white-space:nowrap}
  .f-logo-plate{display:inline-flex!important}
  .f-logo-plate .logo-mark{width:40px!important;height:40px!important;border-radius:10px!important;font-size:17px!important}
}
@media (max-width:430px){
  .logo-mark{width:40px!important;height:40px!important;border-radius:10px!important;font-size:17px!important}
  .logo-txt b{font-size:18px!important;letter-spacing:0!important}
  .logo-txt i{font-size:11px!important;letter-spacing:1px!important}
}
/* ===== LOGO：后台上传图标 + 公司名 + 副标题 ===== */
.logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;object-fit:contain;flex:none;border-radius:10px}
.f-logo-plate .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important}
@media (max-width:1100px){
  .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important}
}
@media (max-width:760px){
  .site-head .head-in{min-height:70px}
  .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important}
  .f-logo-plate .logo-img.logo-icon{height:36px!important;width:36px!important;max-width:36px!important}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important}
}
/* ===== 手机端 LOGO 尺寸微调：图标大一点、文字小一点、两边高度接近 ===== */
@media (max-width:760px){
  .site-head .head-in{min-height:74px;gap:8px}
  .logo-img.logo-icon{height:52px!important;width:52px!important;max-width:52px!important;border-radius:12px!important}
  .logo{gap:9px!important}
  .logo-txt{justify-content:center!important;height:52px}
  .logo-txt b{font-size:18px!important;line-height:1.45!important;letter-spacing:.2px!important;font-weight:800!important;white-space:nowrap}
  .logo-txt i{font-size:11px!important;line-height:1.45!important;letter-spacing:.6px!important;margin-top:3px!important;white-space:nowrap}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;border-radius:11px!important}
  .logo-txt{height:46px}
  .logo-txt b{font-size:16px!important}
  .logo-txt i{font-size:10px!important;letter-spacing:.3px!important}
}
/* ===== 手机端：上传的 LOGO 图标再小一点 ===== */
@media (max-width:760px){
  .site-head .head-in{min-height:68px}
  .logo-img.logo-icon{height:44px!important;width:44px!important;max-width:44px!important;border-radius:10px!important}
  .logo{gap:9px!important}
  .logo-txt{height:44px!important;justify-content:center!important}
  .logo-txt b{font-size:17px!important;line-height:1.4!important;letter-spacing:.2px!important}
  .logo-txt i{font-size:10.5px!important;line-height:1.4!important;letter-spacing:.4px!important;margin-top:3px!important}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important;border-radius:9px!important}
  .logo-txt{height:40px!important}
  .logo-txt b{font-size:15.5px!important}
  .logo-txt i{font-size:9.8px!important;letter-spacing:.2px!important}
}
/* ===== LOGO 图标清晰度优化 ===== */
.logo-img.logo-icon{
  border-radius:0!important;          /* 图标自带圆角，去掉二次裁剪，避免边缘发虚 */
  object-fit:contain;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);            /* 触发 GPU 合成，缩放更锐利 */
}
@media (max-width:760px){
  .logo-img.logo-icon{height:44px!important;width:44px!important;max-width:44px!important}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important}
}
/* ===== 页脚 LOGO（使用 370x82 组合图） ===== */
.site-foot .f-logo-plate{display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border-radius:8px;padding:10px 14px;box-shadow:0 4px 14px rgba(6,32,72,.18)}
.site-foot .f-logo-plate .logo-img.logo-foot{height:36px!important;width:auto!important;max-width:220px!important;object-fit:contain;display:block}
@media (max-width:760px){
  .site-foot .f-logo-plate{display:inline-flex!important;padding:8px 10px;margin:0 auto 12px}
  .site-foot .f-logo-plate .logo-img.logo-foot{height:30px!important;max-width:180px!important}
}

/* ===== 详情页面包屑：手机端去掉末尾多余的 "/" ===== */
@media (max-width:760px){
  .crumb .wrap>span:last-child:not(.sep){display:none!important}
  .crumb .wrap>i:last-of-type{display:none!important}
  .crumb .wrap>span:nth-last-child(2).sep{display:none!important}
}
/* ===== 手机端分类按钮：当前栏目高亮 ===== */
@media (max-width:760px){
  .location .menu ul li.hover a,
  .location .menu ul li.on a,
  .location .menu ul li.current a{
    background:#2F86E8!important;
    border-color:#2F86E8!important;
    color:#fff!important;
    font-weight:600!important;
  }
  .location .menu ul li.hover a i,.location .menu ul li.on a i{display:none!important}
}
/* ===== 手机端：分类按钮上方加分割线 ===== */
@media (max-width:760px){
  .location .menu{
    padding-top:14px!important;
    margin-top:2px!important;
    border-top:1px solid #E1EBF8!important;
    position:relative;
  }
  .location .menu:before{
    content:"";position:absolute;left:0;top:-1px;width:44px;height:2px;background:#0e4295;border-radius:2px;
  }
}
/* ===== 分类高亮：蓝色调淡 ===== */
.location .menu li.hover a,
.location .menu li.on a,
.location .menu li.current a{
  color:#2F86E8;
  border-bottom-color:#2F86E8;
}
@media (max-width:760px){
  .location .menu li.hover a,
  .location .menu li.on a,
  .location .menu li.current a{
    background:#2F86E8!important;
    border-color:#2F86E8!important;
    color:#fff!important;
    box-shadow:0 4px 10px rgba(47,134,232,.25);
  }
  .location .menu:before{background:#2F86E8!important}
}
/* ===== 手机端隐藏页脚友情链接 ===== */
@media (max-width:760px){
  .site-foot .f-links{display:none!important}
}
/* ===== 手机端页脚电话条：上下间距一致 ===== */
@media (max-width:760px){
  .site-foot .f-brand{padding-bottom:0!important}
  .site-foot .f-name{margin-bottom:8px!important}
  .site-foot .f-slogan{margin:0 0 6px!important}
  .site-foot .f-info{
    margin:16px 0 16px!important;
    padding:0!important;
    gap:10px!important;
  }
  .site-foot .f-info .f-tel{
    padding:11px 26px!important;
    margin:0 auto!important;
  }
  .site-foot .f-top{padding-bottom:18px!important}
  .site-foot .f-copy{padding-top:14px!important}
}
/* ===== 手机端页脚电话条：上下间距 6px ===== */
@media (max-width:760px){
  .site-foot .f-info{margin:6px auto!important;gap:6px!important}
  .site-foot .f-top{padding-bottom:6px!important}
  .site-foot .f-copy{padding-top:6px!important}
  .site-foot .f-info .f-tel{margin:0 auto!important}
}
/* ===== 手机端页脚：电话条上方也收到 6px ===== */
@media (max-width:760px){
  .site-foot .f-top{padding:6px 0!important}
  .site-foot .f-brand{margin:0!important;padding:0!important}
  .site-foot .f-name{display:none!important}
  .site-foot .f-slogan{display:none!important}
  .site-foot .f-info{margin:6px auto!important}
}
/* ===== 手机端页脚底部：版权居中 + 两个备案号同一行 ===== */
@media (max-width:760px){
  .site-foot .f-bot{padding:12px 0 14px!important}
  .site-foot .f-bot .wrap{
    display:grid!important;
    grid-template-columns:auto auto!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:10px!important;row-gap:6px!important;
    text-align:center!important;
    font-size:10.5px!important;
  }
  .site-foot .f-bot .f-copy{grid-column:1 / -1!important;text-align:center!important;white-space:normal!important}
  .site-foot .f-bot .f-icp,{grid-column:1!important;white-space:nowrap!important}
  .site-foot .f-bot .f-police{grid-column:2!important;white-space:nowrap!important;gap:4px!important}
  .site-foot .f-bot .f-police .ico{width:12px!important;height:12px!important}
  .site-foot .f-bot .f-tech{display:none!important}
}
@media (max-width:390px){
  .site-foot .f-bot .wrap{font-size:9.8px!important;column-gap:8px!important}
}
/* ===== 桌面端：LOGO 与导航间距 +20px ===== */
@media (min-width:761px){
  .head-in .mainnav{margin-left:40px}   /* 原 20px → 40px（整体间距 60px → 80px） */
}

/* ============================================================
   新闻动态区块：手机端溢出修复 + 分类标签样式
   ============================================================ */

/* 分类标签（原来完全没有样式，手机上挤成一团） */
.news-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.news-tabs a{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;
  border:1px solid var(--line,#e3edf9);background:#fff;font-size:13.5px;color:#2b3b52;transition:.2s}
.news-tabs a:hover,.news-tabs a.on,.news-tabs a.active{border-color:var(--brand,#0e4295);color:var(--brand,#0e4295)}

/* 防止长标题把网格撑宽导致轮播图溢出 */
.news-wrap{min-width:0}
.news-wrap>*{min-width:0}
.news-list{min-width:0}
.news-list li{min-width:0}
.news-list a{max-width:100%}

/* 轮播容器严格贴合容器宽度 */
.news-slider{width:100%;max-width:100%;min-width:0;overflow:hidden}
.news-slider .ns-slide{width:100%;max-width:100%}
.ns-slide img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}

@media (max-width:980px){
  .news-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .news-tabs::-webkit-scrollbar{display:none}
  .news-tabs a{flex:none;height:32px;padding:0 14px;font-size:13px}
  .news-wrap{gap:20px}
  /* 手机上按容器宽度算高度，避免 min-height 撑出画面 */
  .news-slider{aspect-ratio:16/10;min-height:0!important;border-radius:10px}
  .news-slider .ns-slide img{height:100%}
}
@media (max-width:520px){
  .news-slider{aspect-ratio:4/3}
  .news-list a{font-size:13.5px}
}
'

/* 无可用轮播图时的兜底（避免空白块） */
.news-slider:empty{display:none}

/* ============================================================
   手机端：LOGO 区只保留公司名称，隐藏副标题小字
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt i,
  .logo-txt i{
    display:none!important;
  }
  /* 名称在图标旁垂直居中 */
  .site-head .logo-txt{
    height:auto!important;
    justify-content:center!important;
  }
  .site-head .logo-txt b{
    line-height:1.2!important;
    font-size:18px!important;
  }
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:16.5px!important}
}


/* ============================================================
   LOGO 公司名称加大
   ============================================================ */
.site-head .logo-txt b,
.logo-txt b{
  font-size:24px!important;
  letter-spacing:.4px!important;
  line-height:1.15!important;
}
@media (max-width:1100px){
  .site-head .logo-txt b{font-size:22px!important}
}
@media (max-width:760px){
  .site-head .logo-txt b{font-size:20px!important}
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:18px!important}
}


/* ============================================================
   LOGO 公司名称再加大（并同步放大图标，保持比例）
   ============================================================ */
.site-head .logo-txt b,
.logo-txt b{
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:.3px!important;
  line-height:1.1!important;
}
.site-head .logo-img.logo-icon{
  height:54px!important;
  width:54px!important;
  max-width:54px!important;
  border-radius:12px!important;
}
.site-head .logo{gap:11px!important}
@media (max-width:1366px){
  .site-head .logo-txt b{font-size:26px!important}
  .site-head .logo-img.logo-icon{height:50px!important;width:50px!important;max-width:50px!important}
}
@media (max-width:1100px){
  .site-head .logo-txt b{font-size:24px!important}
}
@media (max-width:760px){
  .site-head .logo-txt b{font-size:22px!important}
  .site-head .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;border-radius:11px!important}
  .site-head .logo{gap:9px!important}
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:19.5px!important}
  .site-head .logo-img.logo-icon{height:42px!important;width:42px!important;max-width:42px!important}
}


/* ============================================================
   手机版 LOGO 名称再加大
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt b{
    font-size:24px!important;
    letter-spacing:0!important;
    line-height:1.15!important;
  }
  .site-head .logo-img.logo-icon{
    height:50px!important;width:50px!important;max-width:50px!important;border-radius:12px!important;
  }
  .site-head .logo{gap:10px!important}
  .site-head .head-in{min-height:76px!important}
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:21px!important}
  .site-head .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;border-radius:11px!important}
}


/* ============================================================
   手机版：名称加大、图标缩小，两者高度接近
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-img.logo-icon{
    height:36px!important;width:36px!important;max-width:36px!important;
    border-radius:9px!important;
  }
  .site-head .logo-txt b{
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
  }
  .site-head .logo{gap:8px!important;align-items:center!important}
  .site-head .head-in{min-height:64px!important}
  .site-head .logo-txt{height:auto!important;justify-content:center!important}
}
@media (max-width:430px){
  .site-head .logo-img.logo-icon{height:32px!important;width:32px!important;max-width:32px!important;border-radius:8px!important}
  .site-head .logo-txt b{font-size:22px!important}
}


/* ============================================================
   电脑端：LOGO 图标与公司名称整体缩小一档
   ============================================================ */
@media (min-width:761px){
  .site-head .logo-img.logo-icon{
    height:48px!important;width:48px!important;max-width:48px!important;border-radius:11px!important;
  }
  .site-head .logo-txt b{
    font-size:25px!important;
    line-height:1.12!important;
    letter-spacing:.3px!important;
  }
  .site-head .logo{gap:10px!important}
}
@media (min-width:761px) and (max-width:1366px){
  .site-head .logo-img.logo-icon{height:45px!important;width:45px!important;max-width:45px!important}
  .site-head .logo-txt b{font-size:23px!important}
}
@media (min-width:761px) and (max-width:1100px){
  .site-head .logo-txt b{font-size:22px!important}
}


/* ============================================================
   手机版：公司名称再大一点
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt b{
    font-size:28px!important;
    line-height:1.1!important;
    letter-spacing:-.2px!important;
  }
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:24px!important}
}
@media (max-width:360px){
  .site-head .logo-txt b{font-size:22px!important}
}


/* ============================================================
   手机版：LOGO 图标再小一点（与 28px 名称高度接近）
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-img.logo-icon{
    height:30px!important;width:30px!important;max-width:30px!important;border-radius:8px!important;
  }
  .site-head .logo{gap:8px!important}
  .site-head .head-in{min-height:60px!important}
}
@media (max-width:430px){
  .site-head .logo-img.logo-icon{
    height:26px!important;width:26px!important;max-width:26px!important;border-radius:7px!important;
  }
  .site-head .logo{gap:7px!important}
}


/* ============================================================
   手机版：LOGO 文字上下居中（与图标同一水平中线）
   ============================================================ */
@media (max-width:760px){
  .site-head .logo{align-items:center!important}
  .site-head .logo-txt{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    height:30px!important;
    line-height:1!important;
  }
  .site-head .logo-txt b{
    display:block!important;
    line-height:30px!important;
    margin:0!important;
    padding:0!important;
  }
}
@media (max-width:430px){
  .site-head .logo-txt{height:26px!important}
  .site-head .logo-txt b{line-height:26px!important}
}


/* ============================================================
   手机端：按屏幕宽度整体流体缩放（320px → 760px 平滑过渡）
   用 clamp() 让 LOGO、标题、按钮、间距随屏宽等比变化
   ============================================================ */
@media (max-width:760px){
  /* 容器左右留白随屏宽变化 */
  .wrap{width:calc(100% - clamp(24px, 7.6vw, 32px))!important}

  /* 头部高度与 LOGO 尺寸 */
  .site-head .head-in{min-height:clamp(54px, 12.6vw, 60px)!important}
  .site-head .logo-img.logo-icon{
    height:clamp(24px, 6.2vw, 30px)!important;
    width:clamp(24px, 6.2vw, 30px)!important;
    max-width:clamp(24px, 6.2vw, 30px)!important;
    border-radius:clamp(6px, 1.8vw, 9px)!important;
  }
  .site-head .logo{gap:clamp(6px, 1.6vw, 8px)!important}
  .site-head .logo-txt{height:clamp(24px, 6.2vw, 30px)!important}
  .site-head .logo-txt b{
    font-size:clamp(19px, 5.6vw, 28px)!important;
    line-height:clamp(24px, 6.2vw, 30px)!important;
  }
  .site-head .logo-txt i{display:none!important}

  /* 区块标题 */
  .sec-title h2{font-size:clamp(21px, 6vw, 28px)!important}
  .sec-title .en{font-size:clamp(11px, 3vw, 13px)!important}
  .page-title{font-size:clamp(20px, 5.6vw, 26px)!important}

  /* 按钮 */
  .btn{height:clamp(40px, 10.6vw, 46px)!important;padding:0 clamp(16px, 4.8vw, 24px)!important;
       font-size:clamp(13px, 3.6vw, 14.5px)!important}

  /* 通用间距 */
  .sec{padding:clamp(38px, 9vw, 56px) 0!important}
  .sec-title{margin-bottom:clamp(18px, 4.6vw, 28px)!important}
}

/* 超小屏（≤340px）兜底：整体再压一档 */
@media (max-width:340px){
  .site-head .logo-txt b{font-size:18px!important;line-height:22px!important}
  .site-head .logo-img.logo-icon{height:22px!important;width:22px!important;max-width:22px!important}
  .site-head .logo-txt{height:22px!important}
}


/* ============================================================
   手机端流体缩放（修正版）：320px 到 760px 平滑过渡
   ============================================================ */
@media (max-width:760px){
  /* 名称：320px≈18px，375≈21px，430≈23.5px，500≈27px，上限 28px */
  .site-head .logo-txt b{
    font-size:clamp(18px, calc(5vw + 2px), 28px)!important;
    line-height:clamp(22px, calc(4.4vw + 8px), 30px)!important;
  }
  /* 图标：320≈22px，500≈30px */
  .site-head .logo-img.logo-icon{
    height:clamp(22px, calc(4.4vw + 8px), 30px)!important;
    width:clamp(22px, calc(4.4vw + 8px), 30px)!important;
    max-width:clamp(22px, calc(4.4vw + 8px), 30px)!important;
  }
  .site-head .logo-txt{height:clamp(22px, calc(4.4vw + 8px), 30px)!important}
  .site-head .logo{gap:clamp(6px, 1.4vw, 8px)!important;min-width:0!important}
  .site-head .logo-txt{min-width:0!important}
  .site-head .logo-txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* 首屏大标题 */
  .hero-title,.hero h1,.hero h2{font-size:clamp(19px, calc(4.6vw + 4px), 34px)!important;
    line-height:1.3!important}
  .hero-copy p,.hero-in p{font-size:clamp(12.5px, 3.4vw, 15px)!important}

  /* 区块标题 */
  .sec-title h2{font-size:clamp(20px, calc(4vw + 5px), 28px)!important}
  .sec-title .en{font-size:clamp(11px, calc(2.4vw + 3px), 13px)!important}
  .page-title{font-size:clamp(19px, calc(4vw + 4px), 26px)!important}

  /* 按钮 */
  .btn{height:clamp(38px, calc(8vw + 8px), 46px)!important;
       padding:0 clamp(14px, 4.4vw, 24px)!important;
       font-size:clamp(12.5px, 3.2vw, 14.5px)!important}
}


/* 手机端首屏可读性：加强遮罩、限制行宽 */
@media (max-width:760px){
  .hero .slide::before{
    background:linear-gradient(180deg, rgba(7,26,50,.78) 0%, rgba(7,26,50,.58) 55%, rgba(7,26,50,.72) 100%)!important;
  }
  .hero-copy p,.hero-in p{
    color:rgba(255,255,255,.94)!important;
    max-width:94%!important;
    line-height:1.7!important;
  }
  .hero-copy h1,.hero-title{text-shadow:0 2px 10px rgba(0,0,0,.35)}
}


/* ============================================================
   手机版：LOGO 文字再大一号
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt b{
    font-size:clamp(20px, calc(5vw + 4px), 30px)!important;
    line-height:clamp(24px, calc(4.4vw + 10px), 32px)!important;
  }
  /* 文字变大后，给容器和图标留出对应高度 */
  .site-head .logo-txt{
    height:clamp(24px, calc(4.4vw + 10px), 32px)!important;
  }
}


/* 超窄屏（≤340px）：名称适度回收，避免和菜单按钮相撞 */
@media (max-width:340px){
  .site-head .logo{max-width:calc(100% - 52px)!important}
  .site-head .logo-txt b{font-size:18px!important;line-height:22px!important}
  .site-head .logo-txt{height:22px!important}
  .site-head .logo-img.logo-icon{
    height:20px!important;width:20px!important;max-width:20px!important;border-radius:6px!important;
  }
}


/* ============================================================
   手机端：收紧左右留白（原来 .wrap 15px + 24px padding + 卡片 16px ≈ 55px）
   ============================================================ */
@media (max-width:760px){
  .wrap{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .head-in{padding-left:14px!important;padding-right:14px!important}

  /* 内容白卡片内边距同步收紧 */
  .page-body:not(:has(.panel)){padding:18px 14px 22px!important;margin-top:16px!important}
  .wrapper .content{padding:18px 14px 22px!important}

  /* 面包屑 / 列表卡片 */
  .location .wrap{padding-left:14px!important;padding-right:14px!important}
  .news-list li,.news-card,.biz-card,.prod-card,.case-card{border-radius:10px}

  /* 首屏文字也贴齐新的边距 */
  .hero-in{padding-left:14px!important;padding-right:14px!important}
}

@media (max-width:430px){
  .wrap{padding-left:12px!important;padding-right:12px!important}
  .head-in{padding-left:12px!important;padding-right:12px!important}
  .page-body:not(:has(.panel)),.wrapper .content{padding:16px 12px 20px!important}
  .hero-in{padding-left:12px!important;padding-right:12px!important}
}


/* ============================================================
   手机端：内容框直接抵到屏幕左右边缘
   ============================================================ */
@media (max-width:760px){
  .wrap{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}

  /* 头部 LOGO 保持 12px 呼吸位，避免贴边 */
  .head-in{padding-left:12px!important;padding-right:12px!important}

  /* 文章/单页白卡片：去左右边框与圆角，整宽铺满，文字留 14px */
  .wrapper .content,
  .page-body:not(:has(.panel)){
    margin-left:0!important;margin-right:0!important;
    border-left:0!important;border-right:0!important;
    border-radius:0!important;
    padding:16px 14px 20px!important;
  }
  .page-body{padding-top:0!important}

  /* 面包屑、标签、列表文字留内边距 */
  .location .wrap,.crumb,.news-tabs,.news-list,.downlist,.prod-list,.case-list{
    padding-left:14px!important;padding-right:14px!important;
  }
  .location .wrap{padding-left:14px!important;padding-right:14px!important}

  /* 网格类内容改为整宽，只保留卡片间距 */
  .biz-grid,.prod-grid,.case-grid,.tech-grid,.adv-grid,.news-grid{
    padding-left:0!important;padding-right:0!important;
  }
  /* 首屏文字留边距 */
  .hero-in{padding-left:14px!important;padding-right:14px!important}
  /* 区块标题/更多按钮不需要额外留白 */
  .sec-more{padding:0 14px!important}
}

@media (max-width:430px){
  .head-in{padding-left:10px!important;padding-right:10px!important}
  .wrapper .content,.page-body:not(:has(.panel)){padding:14px 12px 18px!important}
  .location .wrap,.crumb,.news-tabs,.news-list{padding-left:12px!important;padding-right:12px!important}
  .hero-in,.sec-more{padding-left:12px!important;padding-right:12px!important}
}


/* ============================================================
   手机端：内容卡片留一点点边距（不贴死屏幕边）
   ============================================================ */
@media (max-width:760px){
  .wrapper .content,
  .page-body:not(:has(.panel)){
    margin-left:8px!important;
    margin-right:8px!important;
    border:1px solid var(--line,#e3edf9)!important;
    border-radius:10px!important;
    padding:16px 14px 20px!important;
  }
}
@media (max-width:430px){
  .wrapper .content,
  .page-body:not(:has(.panel)){
    margin-left:6px!important;
    margin-right:6px!important;
    border-radius:9px!important;
    padding:14px 12px 18px!important;
  }
}


/* ============================================================
   手机端：整站容器统一留一点点边距（首页同样适用）
   ============================================================ */
@media (max-width:760px){
  .wrap{padding-left:8px!important;padding-right:8px!important}
  /* 头部：.wrap 已有 8px，这里只补 2px，视觉约 10px */
  .head-in{padding-left:2px!important;padding-right:2px!important}
  /* 文章/单页卡片：外边距交给 .wrap，取消额外 margin */
  .wrapper .content,
  .page-body:not(:has(.panel)){margin-left:0!important;margin-right:0!important}
  /* 面包屑/列表本身在 .wrap 内，不再重复加内边距 */
  .location .wrap,.crumb,.news-tabs,.news-list,.downlist,.prod-list,.case-list{
    padding-left:8px!important;padding-right:8px!important;
  }
  .location .wrap{padding-left:8px!important;padding-right:8px!important}
  .hero-in{padding-left:14px!important;padding-right:14px!important}
  .sec-more{padding-left:8px!important;padding-right:8px!important}
}
@media (max-width:430px){
  .wrap{padding-left:10px!important;padding-right:10px!important}
  .head-in{padding-left:2px!important;padding-right:2px!important}
  .location .wrap,.crumb,.news-tabs,.news-list{padding-left:10px!important;padding-right:10px!important}
  .hero-in,.sec-more{padding-left:12px!important;padding-right:12px!important}
}


/* ============================================================
   手机端：隐藏浏览器滚动条（不影响滚动）
   ============================================================ */
@media (max-width:760px){
  html{scrollbar-width:none!important;-ms-overflow-style:none!important}
  html::-webkit-scrollbar,
  body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
  body{overflow-x:hidden;-webkit-overflow-scrolling:touch}
  /* 内部可滚动区域（表格、标签条）也隐藏滚动条 */
  .table-wrap::-webkit-scrollbar,.news-tabs::-webkit-scrollbar{height:0!important;display:none!important}
  .table-wrap,.news-tabs{scrollbar-width:none}
}


/* ============================================================
   正文两端对齐：中文正文左右留白一致（避免右侧多出一截）
   ============================================================ */
.rich-text,.rich-text p,
.article-content,.article-content p,
.page-body p{
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:break-word;
}
/* 标题、列表、短句不需要两端对齐 */
.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,
.article-content h1,.article-content h2,.article-content h3{
  text-align:left;
}
.rich-text li,.article-content li{text-align:left}


/* ============================================================
   内页：banner 之下统一取消外层卡片框（电脑 + 手机）
   ============================================================ */
.page-body,
.page-body:not(:has(.panel)),
.wrapper .content{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* 桌面端：文字与 banner 标题同宽对齐 */
@media (min-width:761px){
  .page-body,
  .page-body:not(:has(.panel)){
    padding:40px 0 72px!important;
  }
  .wrapper .content{
    padding:40px 0 72px!important;
    max-width:var(--wrap)!important;
  }
}
/* 手机端：只留页面左右的 8/6px，不再有卡片内边距 */
@media (max-width:760px){
  .page-body,
  .page-body:not(:has(.panel)){
    padding:18px 8px 44px!important;
  }
  .wrapper .content{padding:18px 8px 44px!important;max-width:none!important}
}
@media (max-width:430px){
  .page-body,
  .page-body:not(:has(.panel)),
  .wrapper .content{padding:16px 6px 38px!important}
}


/* 内页：banner 下方最外层的 .panel 也去掉卡片框（保留内部小卡片） */
.page-body > .panel,
.wrapper .content > .panel,
.wrapper > .content > .panel{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}


/* 桌面端内页：取消卡片后恢复左右 24px 对齐（与 banner 标题一致） */
@media (min-width:761px){
  .page-body,
  .page-body:not(:has(.panel)){
    padding:40px 24px 72px!important;
  }
  .wrapper .content{
    padding:40px 24px 72px!important;
  }
}


/* 桌面端内页：正文按 1280 容器居中，与 banner 标题左右对齐 */
@media (min-width:761px){
  .page-body,
  .page-body:not(:has(.panel)){
    max-width:1280px!important;
    margin:0 auto!important;
    padding:40px 0 72px!important;
  }
  .wrapper .content{
    max-width:1280px!important;
    margin:0 auto!important;
    padding:40px 0 72px!important;
  }
}


/* 桌面端：内页 banner 标题也与 1280 内容区左边缘对齐 */
@media (min-width:761px){
  .page-banner .wrap{padding-left:0!important;padding-right:0!important}
}

@media (max-width:430px){
  .wrap.page-body{padding-left:10px!important;padding-right:10px!important}
}

/* ============================================================
   统一手机端内容左右留白为 10px（详情页 / 单页 / 列表 / 面包屑）
   ============================================================ */
@media (max-width:760px){
  .wrap{padding-left:12px!important;padding-right:12px!important}
  .wrap.page-body{padding-left:12px!important;padding-right:12px!important}
  .location .wrap,.location .w1200,.news-tabs,.news-list,.downlist,.prod-list,.case-list{
    padding-left:12px!important;padding-right:12px!important;
  }
  /* 面包屑：外层不重复加内边距，只由内部 .wrap 控制 12px */
  .crumb{padding-left:0!important;padding-right:0!important}
  .crumb .wrap{padding-left:12px!important;padding-right:12px!important}
}
/* 列表页：取消分类按钮上方的装饰线（浅色横线 + 左侧蓝色短线） */
@media (max-width:760px){
  .location .menu{border-top:0!important;padding-top:8px!important;margin-top:0!important}
  .location .menu:before{display:none!important;content:none!important}
}
/* 列表页面包屑：与详情页保持一致（白底、44px 高、13px 字号、底部 1px 线） */
@media (max-width:760px){
  .location{background:#fff!important;padding:0!important;border-bottom:0!important;background-image:linear-gradient(#e5eaf2,#e5eaf2)!important;background-repeat:no-repeat!important;background-position:0 44px!important;background-size:100% 1px!important}
  .location .w1200{display:block!important;padding:0 12px!important;height:auto!important}
  .location .sitepath{float:none!important;display:flex!important;align-items:center!important;
    height:44px!important;font-size:13px!important;color:#6b7787!important;position:relative!important}
  .location .sitepath::after{display:none!important}
  .location .sitepath a{color:#6b7787!important}
  .location .menu{padding:6px 0 12px!important;margin:0!important;border-top:0!important}
}
/* 手机端内页 Banner：标题与副标题居中 */
@media (max-width:760px){
  .page-banner{text-align:center!important}
  .page-banner .wrap{text-align:center!important}
  .page-banner h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .page-banner .en{display:inline-block!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
}
/* 列表页分类按钮：选中态与 hover 一致（浅蓝底 + 蓝字 + 蓝边，不再实心填充） */
@media (max-width:760px){
  .location .menu ul li.hover a,
  .location .menu ul li.on a,
  .location .menu ul li.current a{
    background:#f2f7ff!important;
    border-color:#0e4295!important;
    color:#0e4295!important;
    font-weight:600!important;
    box-shadow:none!important;
  }
  .location .menu ul li.hover a i,
  .location .menu ul li.on a i,
  .location .menu ul li.current a i{display:none!important}
}
/* 列表页分类按钮：整行居中 */
@media (max-width:760px){
  .location .menu{text-align:center!important}
  .location .menu ul{justify-content:center!important;text-align:center!important}
}
/* 列表页面包屑：链接与分隔符颜色对齐详情页 */
@media (max-width:760px){
  .location .sitepath a{color:#2b3b52!important}
  .location .sitepath i{color:#c3d0e2!important}
  .location .sitepath span{color:#2b3b52!important}
}
/* 电脑版二级菜单：居中并美化（与 prestige 风格一致，配色沿用蓝色品牌） */
@media (min-width:993px){
  .subnav{
    left:50%!important;right:auto!important;transform:translate(-50%,12px)!important;
    min-width:200px;padding:8px;border:1px solid #e8eef6!important;border-top:1px solid #e8eef6!important;
    border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7fafe);
    box-shadow:0 24px 50px -20px rgba(16,42,80,.28)!important;
  }
  .nav-item:hover .subnav{transform:translate(-50%,0)!important}
  .subnav::before{
    content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);
    width:26px;height:2px;border-radius:2px;background:var(--brand,#0e4295);
  }
  .subnav a{
    border-radius:8px;padding:11px 18px!important;font-size:13.5px!important;text-align:center;
  }
  .subnav a:hover{background:var(--brand-soft);color:var(--brand)}
}
/* 详情页上一篇 / 下一篇：电脑端一行左右，手机端两行 */
.pn-nav{display:flex;gap:14px;margin-top:36px}
.pn-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px 18px;border:1px solid #e6ecf4;border-radius:10px;background:#fff;transition:.2s;text-decoration:none}
.pn-item span{font-size:12px;color:#8a97a8;letter-spacing:.05em}
.pn-item b{font-size:14px;color:#22354c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.pn-item:hover{border-color:#0e4295;box-shadow:0 10px 26px rgba(16,42,80,.09);transform:translateY(-2px)}
.pn-next{text-align:right}
.pn-none{opacity:.55}
@media (max-width:760px){
  .pn-nav{flex-direction:column;gap:10px;margin-top:26px}
  .pn-next{text-align:left}
}
/* 上一篇/下一篇：文字与标题同一行显示 */
.pn-item{flex-direction:row!important;align-items:baseline!important;gap:10px!important;padding:14px 16px!important}
.pn-item span{flex:0 0 auto;font-size:12.5px!important;color:#8a97a8!important}
.pn-item b{flex:1 1 auto;min-width:0;font-size:14px!important}
.pn-next{text-align:left!important}
@media (max-width:760px){
  .pn-item{padding:12px 14px!important}
  .pn-item b{font-size:13.5px!important}
}
/* 二级菜单：顶部直角，底部保留圆角 */
@media (min-width:993px){
  .subnav{border-radius:0 0 12px 12px!important}
}
/* 电脑版页脚：取消快速导航与产品中心，保留关注二维码 */
@media (min-width:761px){
  .site-foot .f-top .f-col:not(.f-qr){display:none!important}
  .site-foot .f-top{grid-template-columns:1.8fr 1fr!important}
}
/* 详情页：上一篇/下一篇下方空白减半 */
.page-body:has(.pn-nav){padding-bottom:36px!important}
@media (max-width:760px){
  .page-body:has(.pn-nav){padding-bottom:19px!important;margin-bottom:20px!important}
}
/* 上一篇/下一篇卡片：高度减少 30% */
.pn-item{padding:6px 16px!important;gap:8px!important}
.pn-item b,.pn-item span{line-height:1.4!important}
@media (max-width:760px){
  .pn-item{padding:5px 14px!important}
}

/* ============================================================
   文章页底部留白增加 50%（当前 36px → 54px）
   ============================================================ */
.page-body:has(.pn-nav),
.wrapper .content:has(.pn-nav){
  padding-bottom:54px!important;
}
@media (max-width:760px){
  .page-body:has(.pn-nav),
  .wrapper .content:has(.pn-nav){
    padding-bottom:29px!important;
    margin-bottom:30px!important;
  }
}
@media (max-width:430px){
  .page-body:has(.pn-nav),
  .wrapper .content:has(.pn-nav){
    padding-bottom:27px!important;
    margin-bottom:28px!important;
  }
}


/* ============================================================
   手机端：产品优势一行两个
   ============================================================ */
@media (max-width:640px){
  .adv-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .adv{
    padding:14px 12px!important;
    gap:8px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .adv-ico{width:34px!important;height:34px!important;border-radius:9px!important}
  .adv-ico .ico{width:18px!important;height:18px!important}
  .adv h3{font-size:14.5px!important;line-height:1.35!important}
  .adv p{font-size:12px!important;line-height:1.65!important;margin-top:4px!important}
}
@media (max-width:380px){
  .adv{padding:12px 10px!important}
  .adv h3{font-size:13.5px!important}
  .adv p{font-size:11.5px!important}
}


/* 首页产品中心：去掉分类标签后，产品网格与标题之间留出间距 */
.sec .prod-grid{margin-top:26px}
@media (max-width:760px){
  .sec .prod-grid{margin-top:16px}
}


/* ============================================================
   统一 hover / 高亮颜色 = 导航 hover 文字色（#0e4295）
   ============================================================ */
a:hover, a:focus{color:var(--brand)}
.cat-tabs a:hover,
.cat-tabs a.on,
.cat-tabs a.active{color:var(--brand)!important;border-bottom-color:var(--brand)!important}
.news-tabs a:hover,
.news-tabs a.on,
.news-tabs a.active{border-color:var(--brand)!important;color:var(--brand)!important}
.location .menu li a:hover{color:var(--brand)!important}
.location .menu li.hover a{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.rich-text a:hover,.article-content a:hover,.page-body a:hover{color:var(--brand)}
.btn-line:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.biz:hover,.prod:hover,.case:hover,.p-card:hover,.adv:hover,.tech:hover{border-color:var(--brand)!important}
.prod-txt h3,.biz-txt h3,.case-txt h3,.p-name{transition:color .2s}
.prod:hover .prod-txt h3,.biz:hover .biz-txt h3,.case:hover .case-txt h3,
.p-card:hover .p-name,.prod:hover .prod-txt span,.biz:hover .biz-txt span,
.case:hover .case-txt span{color:var(--brand)!important}
.news-list a:hover,.doc-title:hover,.down-name:hover,.search-item h3 a:hover{color:var(--brand)!important}
.tag-cloud a:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}


/* 按钮 hover：颜色与品牌一致，用投影+位移提供反馈 */
.btn:hover,
input[type=submit]:hover,
.formData .sub:hover,
.btn-primary:hover{
  background:var(--brand)!important;
  border-color:var(--brand)!important;
  box-shadow:0 10px 24px rgba(14,66,149,.28)!important;
}


/* 面包屑栏目导航：桌面端当前项只变色加下划线，不加底色 */
@media (min-width:761px){
  .location .menu li.hover a,
  .location .menu li.on a,
  .location .menu li.current a{
    color:var(--brand)!important;
    border-bottom:2px solid var(--brand)!important;
    background:transparent!important;
    line-height:52px!important;
    font-weight:600!important;
  }
}


/* ============================================================
   手机端产品优势：图标和标题居中
   ============================================================ */
@media (max-width:640px){
  .adv{
    align-items:center!important;
    text-align:center!important;
  }
  .adv>div{width:100%!important}
  .adv-ico{margin:0 auto!important}
  .adv h3{
    text-align:center!important;
    width:100%!important;
  }
}


/* ============================================================
   公司简介数据区：四个统计居中；手机端整块（含链接）居中
   ============================================================ */
.intro-facts div{text-align:center!important}
.intro-facts b,
.intro-facts span{text-align:center!important}

@media (max-width:760px){
  .intro-facts{text-align:center!important}
  .intro-facts div{text-align:center!important}
  .intro-facts b{font-size:clamp(20px, 6vw, 26px)!important}
  .intro-facts span{font-size:12px!important}
  .intro-links{
    justify-content:center!important;
    text-align:center!important;
    gap:10px 14px!important;
  }
  .intro-links a{text-align:center!important}
}


/* ============================================================
   手机端留言表单：输入框铺满、文字垂直居中、不超出屏幕
   ============================================================ */
@media (max-width:760px){
  .fb-form,
  .fb-row{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .fb-row{align-items:stretch!important}
  .fb-row input,
  .fb-row textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    font-size:16px!important;
  }
  .fb-row input{
    height:44px!important;
    padding:0 12px!important;
    line-height:42px!important;
  }
  .fb-row textarea{
    height:auto!important;
    min-height:132px!important;
    padding:10px 12px!important;
    line-height:1.7!important;
  }
  .fb-form .yzm{
    width:100%!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  .fb-form .yzm input{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* ============================================================
   统一列表页（.location）与详情页（.crumb）面包屑：高度、内边距、字号一致
   ============================================================ */
@media (max-width:760px){
  .location,
  .crumb{
    background:#fff!important;
    border-bottom:1px solid #eaf1fa!important;
    padding:0!important;
    margin:0!important;
  }
  .location .w1200,
  .crumb .wrap{
    height:44px!important;
    min-height:44px!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  .location .sitepath,
  .crumb .wrap{
    font-size:13px!important;
    line-height:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .location .menu{
    margin-top:0!important;
    padding:10px 0 12px!important;
  }
}
/* 站点级补充样式（在 classic.css 之后加载） */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 内页 Banner 默认背景：栏目没设置 Banner 图时使用（模板里有图时会用内联样式覆盖） */
.page-banner{background-color:#0b2b5c;background-image:url(../../upload/sort/ico_3.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
/* 会员/表单等页面沿用旧类名时的兜底样式 */
.form-row,.form-fields .form-row{margin-bottom:14px}
.form-row label,.msg-form label{display:block;font-size:14px;color:#4a5b70;margin-bottom:6px}
.form-row input,.form-row textarea,.msg-form input,.msg-form textarea{width:100%;height:42px;padding:0 12px;border:1px solid #dbe3ee;border-radius:6px;background:#fff;font-size:14px;color:#243447;box-sizing:border-box}
.form-row textarea,.msg-form textarea{height:auto;min-height:120px;padding:10px 12px}
.member-profile{background:#fff;border:1px solid #e6ecf4;border-radius:10px;padding:24px;margin-bottom:18px}
.member-avatar{width:64px;height:64px;border-radius:50%;background:#eef4fb;display:flex;align-items:center;justify-content:center;font-size:24px;color:#1a4b8f;margin-bottom:12px}
.member-info p{margin:6px 0;color:#4a5b70}
.captcha-row{display:flex;gap:8px;align-items:center}
.captcha-row input{max-width:140px}
.captcha-row img{height:44px;border:1px solid #dbe3ee;border-radius:6px;cursor:pointer}
/* 取消顶部导航高亮下划线 */
.nav-item>a::after{display:none!important}
/* 栏目页子栏目菜单：保留 hover/当前栏目变色，但不显示下划线（仅电脑版；手机端为胶囊样式） */
@media (min-width:769px){
  .location .menu li a{position:relative;border-bottom:0;transition:color .18s}
  .location .menu li a:hover,.location .menu li.hover a{color:var(--brand);font-weight:600;border-bottom:0}
}
/* 搜索页：搜索框 + 结果条目 */
.search-form{display:flex;gap:10px;margin:0 0 20px}
.search-form input{flex:1;min-width:0;height:44px;border:1px solid #dbe3ee;border-radius:6px;padding:0 14px;font-size:14px;color:#243447;background:#fff}
.search-form .btn{flex:none}
.search-item{padding:14px 0;border-bottom:1px solid #eef2f8}
.search-item h3{margin:0 0 6px;font-size:15px;font-weight:600}
.search-item h3 a{color:#22354c}
.search-item h3 a:hover{color:var(--brand)}
.search-item p{margin:0 0 6px;font-size:13px;line-height:1.7;color:#6b7a90}
.search-item time{font-size:12px;color:#93a1b5}
.norecord{padding:24px 0;color:#8b99ad;font-size:14px}
/* 新闻列表卡片式（横排卡片：左图右文，电脑与手机一致） */
.news-cards{display:grid;grid-template-columns:1fr;gap:18px;list-style:none;padding:0;margin:0}
.news-card{display:flex;flex-direction:row;align-items:stretch;background:#fff;border:1px solid #e6ecf4;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.news-card:hover{box-shadow:0 10px 26px rgba(20,40,70,.12);transform:translateY(-3px)}
.news-card .nc-img{display:block;flex:0 0 300px;background:#eef3f9;overflow:hidden;position:relative;min-height:180px}
.news-card .nc-img img{width:100%;height:100%;object-fit:cover;display:block}
.news-card .nc-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa9bd;font-size:13px}
.news-card .nc-body{display:flex;flex-direction:column;gap:8px;padding:20px 24px;flex:1;min-width:0}
.news-card .nc-date{font-size:12px;color:#8b99ad}
.news-card h3{margin:0;font-size:17px;line-height:1.55;font-weight:600}
.news-card h3 a{color:#22354c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card h3 a:hover{color:var(--brand)}
.news-card p{margin:0;font-size:13.5px;line-height:1.75;color:#6b7a90;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card .nc-more{margin-top:auto;font-size:13px;color:var(--brand);font-weight:500}
@media (max-width:992px){
  .news-card .nc-img{flex:0 0 240px;min-height:150px}
  .news-card .nc-body{padding:16px 18px}
  .news-card h3{font-size:16px}
}
@media (max-width:640px){
  .news-cards{gap:12px}
  .news-card .nc-img{flex:0 0 38%;min-height:112px}
  .news-card .nc-body{padding:12px 12px 12px 14px;gap:6px}
  .news-card h3{font-size:14.5px}
  .news-card p{font-size:12.5px;-webkit-line-clamp:2}
  .news-card .nc-more{font-size:12px}
}
.wrapper .content{box-sizing:border-box;max-width:1280px;margin:0 auto}
.fb-form{max-width:860px;margin:0 auto}
.fb-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.fb-row>label{flex:0 0 84px;text-align:right;padding-top:12px;color:#4a5a70;font-size:14px}
.fb-row input,.fb-row textarea{flex:1;min-width:0;border:1px solid #dbe3ee;border-radius:6px;background:#fff;font-size:14px;color:#243447;box-sizing:border-box;font-family:inherit}
.fb-row input{height:44px;padding:0 12px}
.fb-row textarea{min-height:140px;padding:10px 12px;resize:vertical;line-height:1.7}
.fb-bot{text-align:center;margin-top:10px}
.fb-form .yzm{display:flex;gap:8px;align-items:center;flex:1;min-width:0}
.fb-form .yzm input{flex:0 0 150px}
.fb-form .yzm img{height:44px;border:1px solid #dbe3ee;border-radius:4px;cursor:pointer}
@media (max-width:640px){
  .fb-row{flex-direction:column;gap:6px}
  .fb-row>label{flex:none;text-align:left;padding-top:0}
}
@media (min-width:1181px){.nav-item>a{font-size:15px;padding:0 9px}}
@media (min-width:1181px) and (max-width:1366px){.nav-item>a{padding:0 7px}}

/* 分页分隔符 */
.pagination .pg-sep{color:#c3d0e2;font-weight:400;user-select:none}

/* 电脑版头部 LOGO 尺寸：最大宽度 210px */
@media (min-width:641px){.head-in .logo-img{height:47px;max-width:210px}}

/* 手机版头部 LOGO 尺寸：最大宽度 230px */
@media (max-width:640px){.head-in .logo-img{height:51px;max-width:230px}}

/* 电脑版搜索框宽度减半 */
@media (min-width:641px){.search-form{justify-content:center}.search-form input{flex:0 0 50%;max-width:50%}}

/* 搜索结果关键词高亮 */
.search-item .kw{color:#e60012;font-weight:600}

/* 产品卡片底部留白：摘要与下边框拉开距离 */
.product-grid .p-name{padding:13px 14px 7px}
.product-grid .p-desc{padding:0 14px;margin:0 0 12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* 详情页面包屑分隔符（与栏目页统一用 /） */
.crumb i{font-style:normal;margin:0 8px;color:#c3d0e2}

/* 面包屑当前项与链接同色，避免最后一级颜色不一致 */
.location .sitepath span,.crumb span{color:#2b3b52}

/* 详情页面包屑行与栏目页同高（52px） */
.crumb{padding:0;font-size:13px}
.crumb .wrap{height:52px;display:flex;align-items:center;gap:0}
@media (max-width:640px){
  .crumb .wrap{height:auto;min-height:44px;padding:8px 16px;gap:0}
}
/* 页脚重设计 */
.site-foot{background:linear-gradient(180deg,#0b2748 0%,#081d36 100%)}
.site-foot .f-links{padding:18px 0}
.site-foot .f-logo-plate{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:9px 14px;margin-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.site-foot .f-logo-plate .logo-img{height:32px;max-width:170px;margin:0}
.site-foot .f-name{font-size:19px;letter-spacing:.4px;margin-bottom:8px}
.site-foot .f-slogan{max-width:340px;color:#9fb4cd;line-height:2;font-size:13px}
.site-foot .f-info{margin-top:22px;gap:14px}
.site-foot .f-info .f-addr{color:#c6d5e6;font-size:13.5px;align-items:center}
.site-foot .f-info .f-addr .ico{color:#5aa5ff}
.site-foot .f-info .f-tel{color:#fff;font-size:16px;font-weight:700;gap:10px}
.site-foot .f-info .f-tel b{font-size:17px}
.site-foot .f-info .f-tel em{font-style:normal;font-size:11.5px;color:#8ea6c2;font-weight:400;letter-spacing:.08em}
@media (min-width:993px){
  .site-foot .f-top{grid-template-columns:1.65fr 1fr 1.15fr 1fr;gap:44px;padding:50px 0 44px}
  .site-foot .f-col h4{position:relative;padding-left:12px;font-size:13px;letter-spacing:.08em;text-transform:none;margin-bottom:18px}
  .site-foot .f-col h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;border-radius:2px;background:var(--brand)}
  .site-foot .f-col li{margin-bottom:11px}
  .site-foot .f-col a{font-size:13px}
  .site-foot .f-qr-box{display:inline-block;background:#fff;border-radius:10px;padding:9px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
  .site-foot .f-qr-box img{width:112px;height:112px;display:block;border-radius:4px;background:#fff;padding:0}
  .site-foot .f-qr i{margin-top:12px;font-size:12px;color:#8ea6c2}
  .site-foot .f-bot{padding:18px 0;font-size:12.5px;color:#8ea6c2}
  .site-foot .f-bot .wrap{gap:10px 22px}
  .site-foot .f-tech em{font-style:normal;margin:0 8px;color:#4d6b8f}
}
/* 容器总宽 1280（含左右 24px 内边距），上下左右边框对齐 1280 */
:root{--wrap:1280px}

/* 底栏右侧给返回顶部按钮留位，避免文字被挡住 */
@media (min-width:993px){#backTop{bottom:96px}}

/* 头部内容与下方内容块左右边框对齐：顶栏/头部去掉左右内边距 */
@media (min-width:769px){
  .topbar .wrap,.site-head .wrap,.hero .wrap,.sec>.wrap,.consult>.wrap,.site-foot .wrap,.location .w1200,.crumb .wrap{padding-left:0;padding-right:0}
}

/* 首页各版块内容与头部/面板同宽（1280），去掉左右内边距 */


/* 联系我们：只保留 .content 一层外框，内部面板去边框 */
.contactPage .panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 28px}
.contactPage .panel:last-child{margin-bottom:0}
.contactPage .panel-title{margin-bottom:10px}
/* 栏目副标题字号加大 */
.page-banner .en{font-size:15px;letter-spacing:.08em;margin-top:14px;color:#bcd4ee}
@media (max-width:640px){
  .page-banner .en{font-size:12.5px;letter-spacing:.06em;margin-top:10px}
}
/* 面包屑强制左对齐（栏目页与详情页） */
.location .sitepath,.crumb .wrap{text-align:left;justify-content:flex-start;margin-right:auto}

/* 卡片间距与左右留白一致（32px）：产品、解决方案、案例 */
@media (min-width:769px){
  .product-grid,.gallery-grid{gap:32px}
}

/* 电脑版：顶部导航在 LOGO 后再空 20px（首页前留白） */
@media (min-width:993px){.head-in .mainnav{margin-left:20px}}

/* 手机版隐藏页脚 LOGO 底板（classic 在窄屏隐藏了 LOGO 图，底板会变成空胶囊） */
@media (max-width:640px){.site-foot .f-logo-plate{display:none}}

/* 手机版隐藏页脚迷你导航（避免与顶部导航重复） */
@media (max-width:640px){.site-foot .f-mini{display:none}}

/* 公安备案号前的小盾牌图标 */
.site-foot .f-bot .f-police{display:inline-flex;align-items:center;gap:6px}
.site-foot .f-bot .f-police .ico{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;flex:none;opacity:.9}

/* TAG 云（/tag/ 首页） */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 10px}
.tag-cloud a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#f4f7fb;border:1px solid #e6ecf4;border-radius:999px;color:#3d4f66;font-size:13px;transition:.18s}
.tag-cloud a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.tag-cloud a em{font-style:normal;font-size:11.5px;color:#9aa8ba}
.tag-cloud a:hover em{color:rgba(255,255,255,.85)}
/* 编辑器里给段落设置的左/右/居中对齐，图片跟随段落对齐 */
.rich-text p[style*="text-align:left"] img,
.rich-text p[style*="text-align: left"] img,
.article-content p[style*="text-align:left"] img,
.article-content p[style*="text-align: left"] img{display:block;margin-left:0;margin-right:auto}
.rich-text p[style*="text-align:right"] img,
.rich-text p[style*="text-align: right"] img,
.article-content p[style*="text-align:right"] img,
.article-content p[style*="text-align: right"] img{display:block;margin-left:auto;margin-right:0}
.rich-text p[style*="text-align:center"] img,
.rich-text p[style*="text-align: center"] img,
.article-content p[style*="text-align:center"] img,
.article-content p[style*="text-align: center"] img{display:block;margin-left:auto;margin-right:auto}
/* ===== 手机端：位置栏与栏目分类（拉开间距 + 对齐） ===== */
@media (max-width:760px){
  .location{padding:14px 0 16px!important;background:#f7fafe!important;border-bottom:1px solid #eaf1fa}
  .location .w1200{display:block!important;width:auto!important;max-width:100%!important;padding:0 14px!important;overflow:visible!important}
  .location .sitepath{float:none!important;display:block!important;margin:0 0 14px!important;
    font-size:13px;line-height:1.7;color:#6b7b90;white-space:normal}
  .location .sitepath a{color:#0e4295}
  .location .sitepath i{font-style:normal;margin:0 4px;color:#b8c6d8}
  .location .menu{float:none!important;display:block!important;width:100%!important;margin:0!important}
  .location .menu ul{display:flex!important;flex-wrap:wrap!important;gap:10px 8px!important;
    margin:0!important;padding:0!important;list-style:none!important}
  .location .menu ul li{float:none!important;display:flex!important;margin:0!important;padding:0!important;
    width:calc((100% - 8px)/2)!important}
  .location .menu ul li a{display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:40px;margin:0!important;padding:0 8px!important;
    border:1px solid #dce8f7!important;border-radius:8px!important;background:#fff!important;
    font-size:13.5px!important;line-height:1.2!important;text-align:center;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    box-shadow:0 1px 2px rgba(14,66,149,.05)}
  .location .menu ul li a i{display:none!important}
  .location .menu ul li.on a,.location .menu ul li a:hover{border-color:#0e4295!important;color:#0e4295!important;background:#f2f7ff!important}
}
@media (max-width:420px){
  .location .menu ul li{width:100%!important}
}
/* ===== 手机端分类按钮：一行四个 ===== */
@media (max-width:760px){
  .location .menu ul{gap:6px!important}
  .location .menu ul li{width:calc((100% - 18px)/4)!important}
  .location .menu ul li a{
    min-height:34px!important;padding:0 2px!important;border-radius:6px!important;
    font-size:12.5px!important;line-height:1.15!important;letter-spacing:0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex!important;
    align-items:center!important;justify-content:center!important}
}
@media (max-width:420px){
  .location .menu ul li{width:calc((100% - 18px)/4)!important}
  .location .menu ul li a{font-size:11.5px!important;min-height:32px!important}
}
/* ===== LOGO：蓝色圆角方块 LS + 公司名 + 副标题 ===== */
.logo-txt{display:flex;flex-direction:column;justify-content:center;line-height:1.15}
.logo-txt b{display:block;font-size:21px;font-weight:800;letter-spacing:.5px;color:#111827}
.logo-txt i{display:block;font-style:normal;font-size:12px;letter-spacing:1.6px;color:#7b8794;margin-top:5px}
.logo-mark{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(145deg,#3FA9F5 0%,#1E7FE0 55%,#0F6BD6 100%);
  color:#fff;font-size:19px;font-weight:800;letter-spacing:.5px;line-height:1;
  box-shadow:0 6px 14px rgba(30,127,224,.28);font-family:"Segoe UI",Arial,sans-serif}
.f-logo-plate{background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
.f-logo-plate .logo-mark{width:40px;height:40px;border-radius:10px;font-size:17px}
/* 手机端与桌面完全一致 */
@media (max-width:1100px){
  .logo-mark{width:46px!important;height:46px!important;border-radius:11px!important;font-size:19px!important}
  .logo-txt b{font-size:21px!important}
  .logo-txt i{font-size:12px!important}
}
@media (max-width:760px){
  .site-head .head-in{min-height:70px}
  .logo-mark{width:46px!important;height:46px!important;border-radius:11px!important;font-size:19px!important}
  .logo-txt{display:flex!important}
  .logo-txt b{font-size:21px!important;letter-spacing:.5px!important;line-height:1.15!important;white-space:nowrap}
  .logo-txt i{display:block!important;font-size:12px!important;letter-spacing:1.6px!important;color:#7b8794!important;margin-top:5px!important;white-space:nowrap}
  .f-logo-plate{display:inline-flex!important}
  .f-logo-plate .logo-mark{width:40px!important;height:40px!important;border-radius:10px!important;font-size:17px!important}
}
@media (max-width:430px){
  .logo-mark{width:40px!important;height:40px!important;border-radius:10px!important;font-size:17px!important}
  .logo-txt b{font-size:18px!important;letter-spacing:0!important}
  .logo-txt i{font-size:11px!important;letter-spacing:1px!important}
}
/* ===== LOGO：后台上传图标 + 公司名 + 副标题 ===== */
.logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;object-fit:contain;flex:none;border-radius:10px}
.f-logo-plate .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important}
@media (max-width:1100px){
  .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important}
}
@media (max-width:760px){
  .site-head .head-in{min-height:70px}
  .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important}
  .f-logo-plate .logo-img.logo-icon{height:36px!important;width:36px!important;max-width:36px!important}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important}
}
/* ===== 手机端 LOGO 尺寸微调：图标大一点、文字小一点、两边高度接近 ===== */
@media (max-width:760px){
  .site-head .head-in{min-height:74px;gap:8px}
  .logo-img.logo-icon{height:52px!important;width:52px!important;max-width:52px!important;border-radius:12px!important}
  .logo{gap:9px!important}
  .logo-txt{justify-content:center!important;height:52px}
  .logo-txt b{font-size:18px!important;line-height:1.45!important;letter-spacing:.2px!important;font-weight:800!important;white-space:nowrap}
  .logo-txt i{font-size:11px!important;line-height:1.45!important;letter-spacing:.6px!important;margin-top:3px!important;white-space:nowrap}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;border-radius:11px!important}
  .logo-txt{height:46px}
  .logo-txt b{font-size:16px!important}
  .logo-txt i{font-size:10px!important;letter-spacing:.3px!important}
}
/* ===== 手机端：上传的 LOGO 图标再小一点 ===== */
@media (max-width:760px){
  .site-head .head-in{min-height:68px}
  .logo-img.logo-icon{height:44px!important;width:44px!important;max-width:44px!important;border-radius:10px!important}
  .logo{gap:9px!important}
  .logo-txt{height:44px!important;justify-content:center!important}
  .logo-txt b{font-size:17px!important;line-height:1.4!important;letter-spacing:.2px!important}
  .logo-txt i{font-size:10.5px!important;line-height:1.4!important;letter-spacing:.4px!important;margin-top:3px!important}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important;border-radius:9px!important}
  .logo-txt{height:40px!important}
  .logo-txt b{font-size:15.5px!important}
  .logo-txt i{font-size:9.8px!important;letter-spacing:.2px!important}
}
/* ===== LOGO 图标清晰度优化 ===== */
.logo-img.logo-icon{
  border-radius:0!important;          /* 图标自带圆角，去掉二次裁剪，避免边缘发虚 */
  object-fit:contain;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);            /* 触发 GPU 合成，缩放更锐利 */
}
@media (max-width:760px){
  .logo-img.logo-icon{height:44px!important;width:44px!important;max-width:44px!important}
}
@media (max-width:430px){
  .logo-img.logo-icon{height:40px!important;width:40px!important;max-width:40px!important}
}
/* ===== 页脚 LOGO（使用 370x82 组合图） ===== */
.site-foot .f-logo-plate{display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border-radius:8px;padding:10px 14px;box-shadow:0 4px 14px rgba(6,32,72,.18)}
.site-foot .f-logo-plate .logo-img.logo-foot{height:36px!important;width:auto!important;max-width:220px!important;object-fit:contain;display:block}
@media (max-width:760px){
  .site-foot .f-logo-plate{display:inline-flex!important;padding:8px 10px;margin:0 auto 12px}
  .site-foot .f-logo-plate .logo-img.logo-foot{height:30px!important;max-width:180px!important}
}

/* ===== 详情页面包屑：手机端去掉末尾多余的 "/" ===== */
@media (max-width:760px){
  .crumb .wrap>span:last-child:not(.sep){display:none!important}
  .crumb .wrap>i:last-of-type{display:none!important}
  .crumb .wrap>span:nth-last-child(2).sep{display:none!important}
}
/* ===== 手机端分类按钮：当前栏目高亮 ===== */
@media (max-width:760px){
  .location .menu ul li.hover a,
  .location .menu ul li.on a,
  .location .menu ul li.current a{
    background:#2F86E8!important;
    border-color:#2F86E8!important;
    color:#fff!important;
    font-weight:600!important;
  }
  .location .menu ul li.hover a i,.location .menu ul li.on a i{display:none!important}
}
/* ===== 手机端：分类按钮上方加分割线 ===== */
@media (max-width:760px){
  .location .menu{
    padding-top:14px!important;
    margin-top:2px!important;
    border-top:1px solid #E1EBF8!important;
    position:relative;
  }
  .location .menu:before{
    content:"";position:absolute;left:0;top:-1px;width:44px;height:2px;background:#0e4295;border-radius:2px;
  }
}
/* ===== 分类高亮：蓝色调淡 ===== */
.location .menu li.hover a,
.location .menu li.on a,
.location .menu li.current a{
  color:#2F86E8;
  border-bottom-color:#2F86E8;
}
@media (max-width:760px){
  .location .menu li.hover a,
  .location .menu li.on a,
  .location .menu li.current a{
    background:#2F86E8!important;
    border-color:#2F86E8!important;
    color:#fff!important;
    box-shadow:0 4px 10px rgba(47,134,232,.25);
  }
  .location .menu:before{background:#2F86E8!important}
}
/* ===== 手机端隐藏页脚友情链接 ===== */
@media (max-width:760px){
  .site-foot .f-links{display:none!important}
}
/* ===== 手机端页脚电话条：上下间距一致 ===== */
@media (max-width:760px){
  .site-foot .f-brand{padding-bottom:0!important}
  .site-foot .f-name{margin-bottom:8px!important}
  .site-foot .f-slogan{margin:0 0 6px!important}
  .site-foot .f-info{
    margin:16px 0 16px!important;
    padding:0!important;
    gap:10px!important;
  }
  .site-foot .f-info .f-tel{
    padding:11px 26px!important;
    margin:0 auto!important;
  }
  .site-foot .f-top{padding-bottom:18px!important}
  .site-foot .f-copy{padding-top:14px!important}
}
/* ===== 手机端页脚电话条：上下间距 6px ===== */
@media (max-width:760px){
  .site-foot .f-info{margin:6px auto!important;gap:6px!important}
  .site-foot .f-top{padding-bottom:6px!important}
  .site-foot .f-copy{padding-top:6px!important}
  .site-foot .f-info .f-tel{margin:0 auto!important}
}
/* ===== 手机端页脚：电话条上方也收到 6px ===== */
@media (max-width:760px){
  .site-foot .f-top{padding:6px 0!important}
  .site-foot .f-brand{margin:0!important;padding:0!important}
  .site-foot .f-name{display:none!important}
  .site-foot .f-slogan{display:none!important}
  .site-foot .f-info{margin:6px auto!important}
}
/* ===== 手机端页脚底部：版权居中 + 两个备案号同一行 ===== */
@media (max-width:760px){
  .site-foot .f-bot{padding:12px 0 14px!important}
  .site-foot .f-bot .wrap{
    display:grid!important;
    grid-template-columns:auto auto!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:10px!important;row-gap:6px!important;
    text-align:center!important;
    font-size:10.5px!important;
  }
  .site-foot .f-bot .f-copy{grid-column:1 / -1!important;text-align:center!important;white-space:normal!important}
  .site-foot .f-bot .f-icp,{grid-column:1!important;white-space:nowrap!important}
  .site-foot .f-bot .f-police{grid-column:2!important;white-space:nowrap!important;gap:4px!important}
  .site-foot .f-bot .f-police .ico{width:12px!important;height:12px!important}
  .site-foot .f-bot .f-tech{display:none!important}
}
@media (max-width:390px){
  .site-foot .f-bot .wrap{font-size:9.8px!important;column-gap:8px!important}
}
/* ===== 桌面端：LOGO 与导航间距 +20px ===== */
@media (min-width:761px){
  .head-in .mainnav{margin-left:40px}   /* 原 20px → 40px（整体间距 60px → 80px） */
}

/* ============================================================
   新闻动态区块：手机端溢出修复 + 分类标签样式
   ============================================================ */

/* 分类标签（原来完全没有样式，手机上挤成一团） */
.news-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.news-tabs a{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;
  border:1px solid var(--line,#e3edf9);background:#fff;font-size:13.5px;color:#2b3b52;transition:.2s}
.news-tabs a:hover,.news-tabs a.on,.news-tabs a.active{border-color:var(--brand,#0e4295);color:var(--brand,#0e4295)}

/* 防止长标题把网格撑宽导致轮播图溢出 */
.news-wrap{min-width:0}
.news-wrap>*{min-width:0}
.news-list{min-width:0}
.news-list li{min-width:0}
.news-list a{max-width:100%}

/* 轮播容器严格贴合容器宽度 */
.news-slider{width:100%;max-width:100%;min-width:0;overflow:hidden}
.news-slider .ns-slide{width:100%;max-width:100%}
.ns-slide img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}

@media (max-width:980px){
  .news-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .news-tabs::-webkit-scrollbar{display:none}
  .news-tabs a{flex:none;height:32px;padding:0 14px;font-size:13px}
  .news-wrap{gap:20px}
  /* 手机上按容器宽度算高度，避免 min-height 撑出画面 */
  .news-slider{aspect-ratio:16/10;min-height:0!important;border-radius:10px}
  .news-slider .ns-slide img{height:100%}
}
@media (max-width:520px){
  .news-slider{aspect-ratio:4/3}
  .news-list a{font-size:13.5px}
}
'

/* 无可用轮播图时的兜底（避免空白块） */
.news-slider:empty{display:none}

/* ============================================================
   手机端：LOGO 区只保留公司名称，隐藏副标题小字
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt i,
  .logo-txt i{
    display:none!important;
  }
  /* 名称在图标旁垂直居中 */
  .site-head .logo-txt{
    height:auto!important;
    justify-content:center!important;
  }
  .site-head .logo-txt b{
    line-height:1.2!important;
    font-size:18px!important;
  }
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:16.5px!important}
}


/* ============================================================
   LOGO 公司名称加大
   ============================================================ */
.site-head .logo-txt b,
.logo-txt b{
  font-size:24px!important;
  letter-spacing:.4px!important;
  line-height:1.15!important;
}
@media (max-width:1100px){
  .site-head .logo-txt b{font-size:22px!important}
}
@media (max-width:760px){
  .site-head .logo-txt b{font-size:20px!important}
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:18px!important}
}


/* ============================================================
   LOGO 公司名称再加大（并同步放大图标，保持比例）
   ============================================================ */
.site-head .logo-txt b,
.logo-txt b{
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:.3px!important;
  line-height:1.1!important;
}
.site-head .logo-img.logo-icon{
  height:54px!important;
  width:54px!important;
  max-width:54px!important;
  border-radius:12px!important;
}
.site-head .logo{gap:11px!important}
@media (max-width:1366px){
  .site-head .logo-txt b{font-size:26px!important}
  .site-head .logo-img.logo-icon{height:50px!important;width:50px!important;max-width:50px!important}
}
@media (max-width:1100px){
  .site-head .logo-txt b{font-size:24px!important}
}
@media (max-width:760px){
  .site-head .logo-txt b{font-size:22px!important}
  .site-head .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;border-radius:11px!important}
  .site-head .logo{gap:9px!important}
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:19.5px!important}
  .site-head .logo-img.logo-icon{height:42px!important;width:42px!important;max-width:42px!important}
}


/* ============================================================
   手机版 LOGO 名称再加大
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt b{
    font-size:24px!important;
    letter-spacing:0!important;
    line-height:1.15!important;
  }
  .site-head .logo-img.logo-icon{
    height:50px!important;width:50px!important;max-width:50px!important;border-radius:12px!important;
  }
  .site-head .logo{gap:10px!important}
  .site-head .head-in{min-height:76px!important}
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:21px!important}
  .site-head .logo-img.logo-icon{height:46px!important;width:46px!important;max-width:46px!important;border-radius:11px!important}
}


/* ============================================================
   手机版：名称加大、图标缩小，两者高度接近
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-img.logo-icon{
    height:36px!important;width:36px!important;max-width:36px!important;
    border-radius:9px!important;
  }
  .site-head .logo-txt b{
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
  }
  .site-head .logo{gap:8px!important;align-items:center!important}
  .site-head .head-in{min-height:64px!important}
  .site-head .logo-txt{height:auto!important;justify-content:center!important}
}
@media (max-width:430px){
  .site-head .logo-img.logo-icon{height:32px!important;width:32px!important;max-width:32px!important;border-radius:8px!important}
  .site-head .logo-txt b{font-size:22px!important}
}


/* ============================================================
   电脑端：LOGO 图标与公司名称整体缩小一档
   ============================================================ */
@media (min-width:761px){
  .site-head .logo-img.logo-icon{
    height:48px!important;width:48px!important;max-width:48px!important;border-radius:11px!important;
  }
  .site-head .logo-txt b{
    font-size:25px!important;
    line-height:1.12!important;
    letter-spacing:.3px!important;
  }
  .site-head .logo{gap:10px!important}
}
@media (min-width:761px) and (max-width:1366px){
  .site-head .logo-img.logo-icon{height:45px!important;width:45px!important;max-width:45px!important}
  .site-head .logo-txt b{font-size:23px!important}
}
@media (min-width:761px) and (max-width:1100px){
  .site-head .logo-txt b{font-size:22px!important}
}


/* ============================================================
   手机版：公司名称再大一点
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt b{
    font-size:28px!important;
    line-height:1.1!important;
    letter-spacing:-.2px!important;
  }
}
@media (max-width:430px){
  .site-head .logo-txt b{font-size:24px!important}
}
@media (max-width:360px){
  .site-head .logo-txt b{font-size:22px!important}
}


/* ============================================================
   手机版：LOGO 图标再小一点（与 28px 名称高度接近）
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-img.logo-icon{
    height:30px!important;width:30px!important;max-width:30px!important;border-radius:8px!important;
  }
  .site-head .logo{gap:8px!important}
  .site-head .head-in{min-height:60px!important}
}
@media (max-width:430px){
  .site-head .logo-img.logo-icon{
    height:26px!important;width:26px!important;max-width:26px!important;border-radius:7px!important;
  }
  .site-head .logo{gap:7px!important}
}


/* ============================================================
   手机版：LOGO 文字上下居中（与图标同一水平中线）
   ============================================================ */
@media (max-width:760px){
  .site-head .logo{align-items:center!important}
  .site-head .logo-txt{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    height:30px!important;
    line-height:1!important;
  }
  .site-head .logo-txt b{
    display:block!important;
    line-height:30px!important;
    margin:0!important;
    padding:0!important;
  }
}
@media (max-width:430px){
  .site-head .logo-txt{height:26px!important}
  .site-head .logo-txt b{line-height:26px!important}
}


/* ============================================================
   手机端：按屏幕宽度整体流体缩放（320px → 760px 平滑过渡）
   用 clamp() 让 LOGO、标题、按钮、间距随屏宽等比变化
   ============================================================ */
@media (max-width:760px){
  /* 容器左右留白随屏宽变化 */
  .wrap{width:calc(100% - clamp(24px, 7.6vw, 32px))!important}

  /* 头部高度与 LOGO 尺寸 */
  .site-head .head-in{min-height:clamp(54px, 12.6vw, 60px)!important}
  .site-head .logo-img.logo-icon{
    height:clamp(24px, 6.2vw, 30px)!important;
    width:clamp(24px, 6.2vw, 30px)!important;
    max-width:clamp(24px, 6.2vw, 30px)!important;
    border-radius:clamp(6px, 1.8vw, 9px)!important;
  }
  .site-head .logo{gap:clamp(6px, 1.6vw, 8px)!important}
  .site-head .logo-txt{height:clamp(24px, 6.2vw, 30px)!important}
  .site-head .logo-txt b{
    font-size:clamp(19px, 5.6vw, 28px)!important;
    line-height:clamp(24px, 6.2vw, 30px)!important;
  }
  .site-head .logo-txt i{display:none!important}

  /* 区块标题 */
  .sec-title h2{font-size:clamp(21px, 6vw, 28px)!important}
  .sec-title .en{font-size:clamp(11px, 3vw, 13px)!important}
  .page-title{font-size:clamp(20px, 5.6vw, 26px)!important}

  /* 按钮 */
  .btn{height:clamp(40px, 10.6vw, 46px)!important;padding:0 clamp(16px, 4.8vw, 24px)!important;
       font-size:clamp(13px, 3.6vw, 14.5px)!important}

  /* 通用间距 */
  .sec{padding:clamp(38px, 9vw, 56px) 0!important}
  .sec-title{margin-bottom:clamp(18px, 4.6vw, 28px)!important}
}

/* 超小屏（≤340px）兜底：整体再压一档 */
@media (max-width:340px){
  .site-head .logo-txt b{font-size:18px!important;line-height:22px!important}
  .site-head .logo-img.logo-icon{height:22px!important;width:22px!important;max-width:22px!important}
  .site-head .logo-txt{height:22px!important}
}


/* ============================================================
   手机端流体缩放（修正版）：320px 到 760px 平滑过渡
   ============================================================ */
@media (max-width:760px){
  /* 名称：320px≈18px，375≈21px，430≈23.5px，500≈27px，上限 28px */
  .site-head .logo-txt b{
    font-size:clamp(18px, calc(5vw + 2px), 28px)!important;
    line-height:clamp(22px, calc(4.4vw + 8px), 30px)!important;
  }
  /* 图标：320≈22px，500≈30px */
  .site-head .logo-img.logo-icon{
    height:clamp(22px, calc(4.4vw + 8px), 30px)!important;
    width:clamp(22px, calc(4.4vw + 8px), 30px)!important;
    max-width:clamp(22px, calc(4.4vw + 8px), 30px)!important;
  }
  .site-head .logo-txt{height:clamp(22px, calc(4.4vw + 8px), 30px)!important}
  .site-head .logo{gap:clamp(6px, 1.4vw, 8px)!important;min-width:0!important}
  .site-head .logo-txt{min-width:0!important}
  .site-head .logo-txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* 首屏大标题 */
  .hero-title,.hero h1,.hero h2{font-size:clamp(19px, calc(4.6vw + 4px), 34px)!important;
    line-height:1.3!important}
  .hero-copy p,.hero-in p{font-size:clamp(12.5px, 3.4vw, 15px)!important}

  /* 区块标题 */
  .sec-title h2{font-size:clamp(20px, calc(4vw + 5px), 28px)!important}
  .sec-title .en{font-size:clamp(11px, calc(2.4vw + 3px), 13px)!important}
  .page-title{font-size:clamp(19px, calc(4vw + 4px), 26px)!important}

  /* 按钮 */
  .btn{height:clamp(38px, calc(8vw + 8px), 46px)!important;
       padding:0 clamp(14px, 4.4vw, 24px)!important;
       font-size:clamp(12.5px, 3.2vw, 14.5px)!important}
}


/* 手机端首屏可读性：加强遮罩、限制行宽 */
@media (max-width:760px){
  .hero .slide::before{
    background:linear-gradient(180deg, rgba(7,26,50,.78) 0%, rgba(7,26,50,.58) 55%, rgba(7,26,50,.72) 100%)!important;
  }
  .hero-copy p,.hero-in p{
    color:rgba(255,255,255,.94)!important;
    max-width:94%!important;
    line-height:1.7!important;
  }
  .hero-copy h1,.hero-title{text-shadow:0 2px 10px rgba(0,0,0,.35)}
}


/* ============================================================
   手机版：LOGO 文字再大一号
   ============================================================ */
@media (max-width:760px){
  .site-head .logo-txt b{
    font-size:clamp(20px, calc(5vw + 4px), 30px)!important;
    line-height:clamp(24px, calc(4.4vw + 10px), 32px)!important;
  }
  /* 文字变大后，给容器和图标留出对应高度 */
  .site-head .logo-txt{
    height:clamp(24px, calc(4.4vw + 10px), 32px)!important;
  }
}


/* 超窄屏（≤340px）：名称适度回收，避免和菜单按钮相撞 */
@media (max-width:340px){
  .site-head .logo{max-width:calc(100% - 52px)!important}
  .site-head .logo-txt b{font-size:18px!important;line-height:22px!important}
  .site-head .logo-txt{height:22px!important}
  .site-head .logo-img.logo-icon{
    height:20px!important;width:20px!important;max-width:20px!important;border-radius:6px!important;
  }
}


/* ============================================================
   手机端：收紧左右留白（原来 .wrap 15px + 24px padding + 卡片 16px ≈ 55px）
   ============================================================ */
@media (max-width:760px){
  .wrap{
    width:100%!important;
    max-width:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .head-in{padding-left:14px!important;padding-right:14px!important}

  /* 内容白卡片内边距同步收紧 */
  .page-body:not(:has(.panel)){padding:18px 14px 22px!important;margin-top:16px!important}
  .wrapper .content{padding:18px 14px 22px!important}

  /* 面包屑 / 列表卡片 */
  .location .wrap{padding-left:14px!important;padding-right:14px!important}
  .news-list li,.news-card,.biz-card,.prod-card,.case-card{border-radius:10px}

  /* 首屏文字也贴齐新的边距 */
  .hero-in{padding-left:14px!important;padding-right:14px!important}
}

@media (max-width:430px){
  .wrap{padding-left:12px!important;padding-right:12px!important}
  .head-in{padding-left:12px!important;padding-right:12px!important}
  .page-body:not(:has(.panel)),.wrapper .content{padding:16px 12px 20px!important}
  .hero-in{padding-left:12px!important;padding-right:12px!important}
}


/* ============================================================
   手机端：内容框直接抵到屏幕左右边缘
   ============================================================ */
@media (max-width:760px){
  .wrap{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}

  /* 头部 LOGO 保持 12px 呼吸位，避免贴边 */
  .head-in{padding-left:12px!important;padding-right:12px!important}

  /* 文章/单页白卡片：去左右边框与圆角，整宽铺满，文字留 14px */
  .wrapper .content,
  .page-body:not(:has(.panel)){
    margin-left:0!important;margin-right:0!important;
    border-left:0!important;border-right:0!important;
    border-radius:0!important;
    padding:16px 14px 20px!important;
  }
  .page-body{padding-top:0!important}

  /* 面包屑、标签、列表文字留内边距 */
  .location .wrap,.crumb,.news-tabs,.news-list,.downlist,.prod-list,.case-list{
    padding-left:14px!important;padding-right:14px!important;
  }
  .location .wrap{padding-left:14px!important;padding-right:14px!important}

  /* 网格类内容改为整宽，只保留卡片间距 */
  .biz-grid,.prod-grid,.case-grid,.tech-grid,.adv-grid,.news-grid{
    padding-left:0!important;padding-right:0!important;
  }
  /* 首屏文字留边距 */
  .hero-in{padding-left:14px!important;padding-right:14px!important}
  /* 区块标题/更多按钮不需要额外留白 */
  .sec-more{padding:0 14px!important}
}

@media (max-width:430px){
  .head-in{padding-left:10px!important;padding-right:10px!important}
  .wrapper .content,.page-body:not(:has(.panel)){padding:14px 12px 18px!important}
  .location .wrap,.crumb,.news-tabs,.news-list{padding-left:12px!important;padding-right:12px!important}
  .hero-in,.sec-more{padding-left:12px!important;padding-right:12px!important}
}


/* ============================================================
   手机端：内容卡片留一点点边距（不贴死屏幕边）
   ============================================================ */
@media (max-width:760px){
  .wrapper .content,
  .page-body:not(:has(.panel)){
    margin-left:8px!important;
    margin-right:8px!important;
    border:1px solid var(--line,#e3edf9)!important;
    border-radius:10px!important;
    padding:16px 14px 20px!important;
  }
}
@media (max-width:430px){
  .wrapper .content,
  .page-body:not(:has(.panel)){
    margin-left:6px!important;
    margin-right:6px!important;
    border-radius:9px!important;
    padding:14px 12px 18px!important;
  }
}


/* ============================================================
   手机端：整站容器统一留一点点边距（首页同样适用）
   ============================================================ */
@media (max-width:760px){
  .wrap{padding-left:8px!important;padding-right:8px!important}
  /* 头部：.wrap 已有 8px，这里只补 2px，视觉约 10px */
  .head-in{padding-left:2px!important;padding-right:2px!important}
  /* 文章/单页卡片：外边距交给 .wrap，取消额外 margin */
  .wrapper .content,
  .page-body:not(:has(.panel)){margin-left:0!important;margin-right:0!important}
  /* 面包屑/列表本身在 .wrap 内，不再重复加内边距 */
  .location .wrap,.crumb,.news-tabs,.news-list,.downlist,.prod-list,.case-list{
    padding-left:8px!important;padding-right:8px!important;
  }
  .location .wrap{padding-left:8px!important;padding-right:8px!important}
  .hero-in{padding-left:14px!important;padding-right:14px!important}
  .sec-more{padding-left:8px!important;padding-right:8px!important}
}
@media (max-width:430px){
  .wrap{padding-left:10px!important;padding-right:10px!important}
  .head-in{padding-left:2px!important;padding-right:2px!important}
  .location .wrap,.crumb,.news-tabs,.news-list{padding-left:10px!important;padding-right:10px!important}
  .hero-in,.sec-more{padding-left:12px!important;padding-right:12px!important}
}


/* ============================================================
   手机端：隐藏浏览器滚动条（不影响滚动）
   ============================================================ */
@media (max-width:760px){
  html{scrollbar-width:none!important;-ms-overflow-style:none!important}
  html::-webkit-scrollbar,
  body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
  body{overflow-x:hidden;-webkit-overflow-scrolling:touch}
  /* 内部可滚动区域（表格、标签条）也隐藏滚动条 */
  .table-wrap::-webkit-scrollbar,.news-tabs::-webkit-scrollbar{height:0!important;display:none!important}
  .table-wrap,.news-tabs{scrollbar-width:none}
}


/* ============================================================
   正文两端对齐：中文正文左右留白一致（避免右侧多出一截）
   ============================================================ */
.rich-text,.rich-text p,
.article-content,.article-content p,
.page-body p{
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:break-word;
}
/* 标题、列表、短句不需要两端对齐 */
.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,
.article-content h1,.article-content h2,.article-content h3{
  text-align:left;
}
.rich-text li,.article-content li{text-align:left}


/* ============================================================
   内页：banner 之下统一取消外层卡片框（电脑 + 手机）
   ============================================================ */
.page-body,
.page-body:not(:has(.panel)),
.wrapper .content{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* 桌面端：文字与 banner 标题同宽对齐 */
@media (min-width:761px){
  .page-body,
  .page-body:not(:has(.panel)){
    padding:40px 0 72px!important;
  }
  .wrapper .content{
    padding:40px 0 72px!important;
    max-width:var(--wrap)!important;
  }
}
/* 手机端：只留页面左右的 8/6px，不再有卡片内边距 */
@media (max-width:760px){
  .page-body,
  .page-body:not(:has(.panel)){
    padding:18px 8px 44px!important;
  }
  .wrapper .content{padding:18px 8px 44px!important;max-width:none!important}
}
@media (max-width:430px){
  .page-body,
  .page-body:not(:has(.panel)),
  .wrapper .content{padding:16px 6px 38px!important}
}


/* 内页：banner 下方最外层的 .panel 也去掉卡片框（保留内部小卡片） */
.page-body > .panel,
.wrapper .content > .panel,
.wrapper > .content > .panel{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}


/* 桌面端内页：取消卡片后恢复左右 24px 对齐（与 banner 标题一致） */
@media (min-width:761px){
  .page-body,
  .page-body:not(:has(.panel)){
    padding:40px 24px 72px!important;
  }
  .wrapper .content{
    padding:40px 24px 72px!important;
  }
}


/* 桌面端内页：正文按 1280 容器居中，与 banner 标题左右对齐 */
@media (min-width:761px){
  .page-body,
  .page-body:not(:has(.panel)){
    max-width:1280px!important;
    margin:0 auto!important;
    padding:40px 0 72px!important;
  }
  .wrapper .content{
    max-width:1280px!important;
    margin:0 auto!important;
    padding:40px 0 72px!important;
  }
}


/* 桌面端：内页 banner 标题也与 1280 内容区左边缘对齐 */
@media (min-width:761px){
  .page-banner .wrap{padding-left:0!important;padding-right:0!important}
}

@media (max-width:430px){
  .wrap.page-body{padding-left:10px!important;padding-right:10px!important}
}

/* ============================================================
   统一手机端内容左右留白为 10px（详情页 / 单页 / 列表 / 面包屑）
   ============================================================ */
@media (max-width:760px){
  .wrap{padding-left:12px!important;padding-right:12px!important}
  .wrap.page-body{padding-left:12px!important;padding-right:12px!important}
  .location .wrap,.location .w1200,.news-tabs,.news-list,.downlist,.prod-list,.case-list{
    padding-left:12px!important;padding-right:12px!important;
  }
  /* 面包屑：外层不重复加内边距，只由内部 .wrap 控制 12px */
  .crumb{padding-left:0!important;padding-right:0!important}
  .crumb .wrap{padding-left:12px!important;padding-right:12px!important}
}
/* 列表页：取消分类按钮上方的装饰线（浅色横线 + 左侧蓝色短线） */
@media (max-width:760px){
  .location .menu{border-top:0!important;padding-top:8px!important;margin-top:0!important}
  .location .menu:before{display:none!important;content:none!important}
}
/* 列表页面包屑：与详情页保持一致（白底、44px 高、13px 字号、底部 1px 线） */
@media (max-width:760px){
  .location{background:#fff!important;padding:0!important;border-bottom:0!important;background-image:linear-gradient(#e5eaf2,#e5eaf2)!important;background-repeat:no-repeat!important;background-position:0 44px!important;background-size:100% 1px!important}
  .location .w1200{display:block!important;padding:0 12px!important;height:auto!important}
  .location .sitepath{float:none!important;display:flex!important;align-items:center!important;
    height:44px!important;font-size:13px!important;color:#6b7787!important;position:relative!important}
  .location .sitepath::after{display:none!important}
  .location .sitepath a{color:#6b7787!important}
  .location .menu{padding:6px 0 12px!important;margin:0!important;border-top:0!important}
}
/* 手机端内页 Banner：标题与副标题居中 */
@media (max-width:760px){
  .page-banner{text-align:center!important}
  .page-banner .wrap{text-align:center!important}
  .page-banner h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .page-banner .en{display:inline-block!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
}
/* 列表页分类按钮：选中态与 hover 一致（浅蓝底 + 蓝字 + 蓝边，不再实心填充） */
@media (max-width:760px){
  .location .menu ul li.hover a,
  .location .menu ul li.on a,
  .location .menu ul li.current a{
    background:#f2f7ff!important;
    border-color:#0e4295!important;
    color:#0e4295!important;
    font-weight:600!important;
    box-shadow:none!important;
  }
  .location .menu ul li.hover a i,
  .location .menu ul li.on a i,
  .location .menu ul li.current a i{display:none!important}
}
/* 列表页分类按钮：整行居中 */
@media (max-width:760px){
  .location .menu{text-align:center!important}
  .location .menu ul{justify-content:center!important;text-align:center!important}
}
/* 列表页面包屑：链接与分隔符颜色对齐详情页 */
@media (max-width:760px){
  .location .sitepath a{color:#2b3b52!important}
  .location .sitepath i{color:#c3d0e2!important}
  .location .sitepath span{color:#2b3b52!important}
}
/* 电脑版二级菜单：居中并美化（与 prestige 风格一致，配色沿用蓝色品牌） */
@media (min-width:993px){
  .subnav{
    left:50%!important;right:auto!important;transform:translate(-50%,12px)!important;
    min-width:200px;padding:8px;border:1px solid #e8eef6!important;border-top:1px solid #e8eef6!important;
    border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7fafe);
    box-shadow:0 24px 50px -20px rgba(16,42,80,.28)!important;
  }
  .nav-item:hover .subnav{transform:translate(-50%,0)!important}
  .subnav::before{
    content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);
    width:26px;height:2px;border-radius:2px;background:var(--brand,#0e4295);
  }
  .subnav a{
    border-radius:8px;padding:11px 18px!important;font-size:13.5px!important;text-align:center;
  }
  .subnav a:hover{background:var(--brand-soft);color:var(--brand)}
}
/* 详情页上一篇 / 下一篇：电脑端一行左右，手机端两行 */
.pn-nav{display:flex;gap:14px;margin-top:36px}
.pn-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px 18px;border:1px solid #e6ecf4;border-radius:10px;background:#fff;transition:.2s;text-decoration:none}
.pn-item span{font-size:12px;color:#8a97a8;letter-spacing:.05em}
.pn-item b{font-size:14px;color:#22354c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.pn-item:hover{border-color:#0e4295;box-shadow:0 10px 26px rgba(16,42,80,.09);transform:translateY(-2px)}
.pn-next{text-align:right}
.pn-none{opacity:.55}
@media (max-width:760px){
  .pn-nav{flex-direction:column;gap:10px;margin-top:26px}
  .pn-next{text-align:left}
}
/* 上一篇/下一篇：文字与标题同一行显示 */
.pn-item{flex-direction:row!important;align-items:baseline!important;gap:10px!important;padding:14px 16px!important}
.pn-item span{flex:0 0 auto;font-size:12.5px!important;color:#8a97a8!important}
.pn-item b{flex:1 1 auto;min-width:0;font-size:14px!important}
.pn-next{text-align:left!important}
@media (max-width:760px){
  .pn-item{padding:12px 14px!important}
  .pn-item b{font-size:13.5px!important}
}
/* 二级菜单：顶部直角，底部保留圆角 */
@media (min-width:993px){
  .subnav{border-radius:0 0 12px 12px!important}
}
/* 电脑版页脚：取消快速导航与产品中心，保留关注二维码 */
@media (min-width:761px){
  .site-foot .f-top .f-col:not(.f-qr){display:none!important}
  .site-foot .f-top{grid-template-columns:1.8fr 1fr!important}
}
/* 详情页：上一篇/下一篇下方空白减半 */
.page-body:has(.pn-nav){padding-bottom:36px!important}
@media (max-width:760px){
  .page-body:has(.pn-nav){padding-bottom:19px!important;margin-bottom:20px!important}
}
/* 上一篇/下一篇卡片：高度减少 30% */
.pn-item{padding:6px 16px!important;gap:8px!important}
.pn-item b,.pn-item span{line-height:1.4!important}
@media (max-width:760px){
  .pn-item{padding:5px 14px!important}
}

/* ============================================================
   文章页底部留白增加 50%（当前 36px → 54px）
   ============================================================ */
.page-body:has(.pn-nav),
.wrapper .content:has(.pn-nav){
  padding-bottom:54px!important;
}
@media (max-width:760px){
  .page-body:has(.pn-nav),
  .wrapper .content:has(.pn-nav){
    padding-bottom:29px!important;
    margin-bottom:30px!important;
  }
}
@media (max-width:430px){
  .page-body:has(.pn-nav),
  .wrapper .content:has(.pn-nav){
    padding-bottom:27px!important;
    margin-bottom:28px!important;
  }
}


/* ============================================================
   手机端：产品优势一行两个
   ============================================================ */
@media (max-width:640px){
  .adv-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .adv{
    padding:14px 12px!important;
    gap:8px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .adv-ico{width:34px!important;height:34px!important;border-radius:9px!important}
  .adv-ico .ico{width:18px!important;height:18px!important}
  .adv h3{font-size:14.5px!important;line-height:1.35!important}
  .adv p{font-size:12px!important;line-height:1.65!important;margin-top:4px!important}
}
@media (max-width:380px){
  .adv{padding:12px 10px!important}
  .adv h3{font-size:13.5px!important}
  .adv p{font-size:11.5px!important}
}


/* 首页产品中心：去掉分类标签后，产品网格与标题之间留出间距 */
.sec .prod-grid{margin-top:26px}
@media (max-width:760px){
  .sec .prod-grid{margin-top:16px}
}


/* ============================================================
   统一 hover / 高亮颜色 = 导航 hover 文字色（#0e4295）
   ============================================================ */
a:hover, a:focus{color:var(--brand)}
.cat-tabs a:hover,
.cat-tabs a.on,
.cat-tabs a.active{color:var(--brand)!important;border-bottom-color:var(--brand)!important}
.news-tabs a:hover,
.news-tabs a.on,
.news-tabs a.active{border-color:var(--brand)!important;color:var(--brand)!important}
.location .menu li a:hover{color:var(--brand)!important}
.location .menu li.hover a{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.rich-text a:hover,.article-content a:hover,.page-body a:hover{color:var(--brand)}
.btn-line:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.biz:hover,.prod:hover,.case:hover,.p-card:hover,.adv:hover,.tech:hover{border-color:var(--brand)!important}
.prod-txt h3,.biz-txt h3,.case-txt h3,.p-name{transition:color .2s}
.prod:hover .prod-txt h3,.biz:hover .biz-txt h3,.case:hover .case-txt h3,
.p-card:hover .p-name,.prod:hover .prod-txt span,.biz:hover .biz-txt span,
.case:hover .case-txt span{color:var(--brand)!important}
.news-list a:hover,.doc-title:hover,.down-name:hover,.search-item h3 a:hover{color:var(--brand)!important}
.tag-cloud a:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}


/* 按钮 hover：颜色与品牌一致，用投影+位移提供反馈 */
.btn:hover,
input[type=submit]:hover,
.formData .sub:hover,
.btn-primary:hover{
  background:var(--brand)!important;
  border-color:var(--brand)!important;
  box-shadow:0 10px 24px rgba(14,66,149,.28)!important;
}


/* 面包屑栏目导航：桌面端当前项只变色加下划线，不加底色 */
@media (min-width:761px){
  .location .menu li.hover a,
  .location .menu li.on a,
  .location .menu li.current a{
    color:var(--brand)!important;
    border-bottom:2px solid var(--brand)!important;
    background:transparent!important;
    line-height:52px!important;
    font-weight:600!important;
  }
}


/* ============================================================
   手机端产品优势：图标和标题居中
   ============================================================ */
@media (max-width:640px){
  .adv{
    align-items:center!important;
    text-align:center!important;
  }
  .adv>div{width:100%!important}
  .adv-ico{margin:0 auto!important}
  .adv h3{
    text-align:center!important;
    width:100%!important;
  }
}


/* ============================================================
   公司简介数据区：四个统计居中；手机端整块（含链接）居中
   ============================================================ */
.intro-facts div{text-align:center!important}
.intro-facts b,
.intro-facts span{text-align:center!important}

@media (max-width:760px){
  .intro-facts{text-align:center!important}
  .intro-facts div{text-align:center!important}
  .intro-facts b{font-size:clamp(20px, 6vw, 26px)!important}
  .intro-facts span{font-size:12px!important}
  .intro-links{
    justify-content:center!important;
    text-align:center!important;
    gap:10px 14px!important;
  }
  .intro-links a{text-align:center!important}
}


/* ============================================================
   手机端留言表单：输入框铺满、文字垂直居中、不超出屏幕
   ============================================================ */
@media (max-width:760px){
  .fb-form,
  .fb-row{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .fb-row{align-items:stretch!important}
  .fb-row input,
  .fb-row textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    font-size:16px!important;
  }
  .fb-row input{
    height:44px!important;
    padding:0 12px!important;
    line-height:42px!important;
  }
  .fb-row textarea{
    height:auto!important;
    min-height:132px!important;
    padding:10px 12px!important;
    line-height:1.7!important;
  }
  .fb-form .yzm{
    width:100%!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  .fb-form .yzm input{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* ============================================================
   统一列表页（.location）与详情页（.crumb）面包屑
   ============================================================ */
@media (max-width:760px){
  .location,
  .crumb{
    background:#fff!important;
    border-bottom:1px solid #eaf1fa!important;
    padding:0!important;
    margin:0!important;
  }
  .location .w1200{
    height:auto!important;
    min-height:0!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  .location .sitepath,
  .crumb .wrap{
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
    font-size:13px!important;
    padding:0!important;
    margin:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  .crumb .wrap{padding:0 12px!important}
  .location .menu{
    margin-top:0!important;
    padding:8px 0 12px!important;
  }
}