@charset "utf-8";
/* =========================================================
   checksci.com 移动端适配（手机 <=767px / 平板 768-1023px）
   只做「显示层」适配，PC 端 (>1024px) 完全不受影响
   ========================================================= */

/* ---------- 0. 全局兜底 ---------- */
html, body { overflow-x: hidden; }
body { min-width: 0 !important; }
img { max-width: 100% !important; }
table { max-width: 100% !important; }

/* 0.1 移动端注入件：非窄屏一律隐藏（2026-10-15c）
   mobile.js 会把汉堡按钮/遮罩/抽屉 DOM 插到 body 末尾，其样式只定义在 <=767px 媒体查询内，
   PC 端无任何样式 → 整块导航裸显在页尾造成乱版。此处全局兜底隐藏，窄屏内再放开。 */
.m-menu-btn, .m-mask, .m-drawer { display: none !important; }

@media screen and (max-width: 1023px) {
  .tophead1, .head_nav02, .cpright, .pro_list, .pages,
  .news_xx, .news_xx03, .footer03, .footer04, .inabout_wen,
  .index_pro .wrap, .index_youshi .wrap { width: auto !important; max-width: 100% !important; box-sizing: border-box; }
  .wrap { padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
}

/* =========================================================
   手机端
   ========================================================= */
@media screen and (max-width: 767px) {

  /* ---------- 1. 顶部：隐藏欢迎条与 PC 导航 ---------- */
  .tophead { display: none !important; }
  .head_nav { display: none !important; }
  .head { padding: 8px 0; }
  .head .wrap.head02 { padding: 0 12px; }
  .h_logo, .h_logowen, .h_tel { float: none !important; width: auto !important; }
  .h_logo { display: flex; align-items: center; }
  .logo img { max-height: 42px !important; width: auto !important; }
  .logodong { display: none !important; }
  .h_logowen { margin-left: 8px; }
  .h_logowen span { font-size: 13px; }
  .h_logowen p { font-size: 11px; }
  .h_tel { margin-top: 6px; }
  .h_tel02 span { font-size: 12px; }
  .h_tel02 .pjian { font-size: 18px; }

  /* ---------- 2. 汉堡按钮（由 mobile.js 插入） ---------- */
  .m-menu-btn {
    position: fixed; right: 10px; top: 10px; z-index: 9998;
    width: 42px; height: 42px; border-radius: 6px;
    background: #1062d1; box-shadow: 0 2px 8px rgba(0,0,0,.25);
    display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    cursor: pointer;
  }
  .m-menu-btn i { display: block; width: 20px; height: 2px; background: #fff; border-radius: 2px; }
  .m-mask { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9996; display: none !important; }
  .m-mask.on { display: block !important; }
  .m-drawer {
    display: block !important;
    position: fixed; top: 0; left: 0; bottom: 0; width: 82%; max-width: 320px;
    background: #fff; z-index: 9997; overflow-y: auto; -webkit-overflow-scrolling: touch;
    transform: translateX(-100%); transition: transform .25s ease;
    box-shadow: 2px 0 12px rgba(0,0,0,.2);
  }
  .m-drawer.on { transform: translateX(0); }
  .m-drawer-hd {
    background: #1062d1; color: #fff; padding: 16px 14px; font-size: 16px; font-weight: 700;
    display: flex; justify-content: space-between; align-items: center;
  }
  .m-drawer-hd b { font-weight: 400; font-size: 22px; cursor: pointer; }
  .m-nav li { border-bottom: 1px solid #f0f0f0; }
  .m-nav > li > a {
    display: block; padding: 13px 14px; font-size: 15px; color: #333;
  }
  .m-nav > li > a .m-arrow { float: right; color: #999; font-size: 13px; }
  .m-sub { display: none; background: #f7f9fc; padding: 6px 0 10px; }
  .m-sub.on { display: block; }
  .m-sub a { display: block; padding: 9px 14px 9px 26px; font-size: 14px; color: #555; }
  .m-sub a.m-sub-t { color: #1062d1; font-weight: 700; }
  .m-drawer-ft { padding: 14px; text-align: center; color: #888; font-size: 12px; }

  /* ---------- 3. 通用容器 ---------- */
  .wrap { width: auto !important; max-width: 100% !important; padding: 0 12px; box-sizing: border-box; }
  .topadcs { display: none !important; }             /* 顶部通栏大图 */
  .topadcs img { width: 100% !important; }
  .cpright, .pro_list, .pages, .news_xx, .news_xx03, .rtop,
  .footer, .footer03, .footer04, .lianxi, .conBox { width: auto !important; max-width: 100% !important; box-sizing: border-box; }
  .l, .r { float: none !important; width: auto !important; }

  /* ---------- 4. 内容区通用排版 ---------- */
  body { font-size: 14px; line-height: 1.8; }
  h1 { font-size: 20px; }
  h2 { font-size: 18px; }
  h3 { font-size: 16px; }
  pre, .news_xx03, .about_con, .conBox {
    white-space: normal !important; word-break: break-word;
  }
  .news_xx03 p, .about_con p, .conBox p, .cpright p { line-height: 1.9; }
  .news_xx03 img, .about_con img { height: auto !important; }
  /* 宽表格 -> 横向滚动 */
  table { display: block; width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  table td, table th { white-space: nowrap; padding: 6px 8px !important; font-size: 13px; }

  /* ---------- 5. 列表页（产品/培训/资质等） ---------- */
  /* Grid 布局：每列固定 1fr 份额、条目强制换行，绝不会被挤成窄条（v2 重构） */
  .pro_list ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 8px;
  }
  .pro_list ul li {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: block;
    overflow: hidden;
  }
  .pro_list ul li > a { display: block; width: 100%; }
  .pro_list ul li .pic { width: 100% !important; height: auto !important; float: none !important; }
  .pro_list ul li .pic img { width: 100% !important; height: auto !important; padding: 0 !important; }
  .pro_list ul li .title { width: 100% !important; font-size: 13px; height: auto; line-height: 1.6; padding: 8px 4%; white-space: normal; box-sizing: border-box; }
  .pro_list ul li * { max-width: 100%; box-sizing: border-box; }
  /* 分页：状态独占一行，手机屏放不下数字页码 → 只留 首页/前一页/后一页/尾页 四键一行 */
  .pages { text-align: center; margin: 12px 0 6px; }
  .pages ul > span.page-status { display: block; width: 100%; text-align: center; margin: 0 0 8px; padding: 0; color: #999; }
  .pages ul > span.page-numbar { display: none; }
  .pages ul > span { margin: 0 4px; }
  .pages ul > span > a { padding: 5px 14px; font-size: 13px; }

  /* ---------- 6. 首页板块 ---------- */
  /* Banner：纯背景图轮播，等比缩放到全宽显示（文字是图上的） */
  .index_banner .slideBox { height: auto !important; }
  .index_banner .slideBox .bd { height: auto !important; }
  .index_banner .slideBox .bd ul { width: 100% !important; }
  .index_banner .slideBox .bd li { height: auto !important; aspect-ratio: 19/7 !important; background-size: 100% auto !important; background-position: center top !important; }
  .index_banner .slideBox .hd { right: 42%; bottom: 8px; }
  .index_banner .slideBox .hd ul li { width: 34px; height: 4px; }
  /* 搜索条：PC 上是 absolute 悬浮在 banner 上，移动端改为正常流深色条 */
  .search { position: static !important; width: 100% !important; height: auto !important; background: #3a3a3a !important; padding: 8px 0; overflow: hidden; }
  .search .wrap { padding: 0 10px; }
  .search p { width: 100% !important; height: auto !important; line-height: 1.9 !important; white-space: normal !important; font-size: 12px; float: none !important; margin: 0; color: #eee !important; }
  .search p a { color: #cfe1ff !important; }
  .search .Input { float: none !important; width: 100% !important; margin: 6px 0 2px; background-size: 100% 100% !important; }
  .search .Input .input02 { width: calc(100% - 60px) !important; }
  /* 内页左栏：100% 宽 */
  .leftr, .cpMain, .lf_n, .lf_n_c { width: 100% !important; float: none !important; }
  /* 右侧悬浮客服栏：移到底部上方、再缩小，不遮内容 */
  .cndns-right { top: auto !important; bottom: 90px !important; right: 0 !important; transform: scale(.7); transform-origin: right bottom !important; }

  .index_title, .index_title02, .index_title03 { padding: 26px 0 14px; }
  .index_title p, .index_title02 p, .index_title03 p { font-size: 20px; }
  .index_title03 span.emmm { display: block; font-size: 12px; margin-top: 6px; }
  /* 轮播：手机端关掉横向滚动，改 2 列网格整体展示（v2：grid + 克隆项隐藏 + minmax 防压缩） */
  .picScroll-left, .picScroll-left02, .picScroll-left03, .picScroll-left04, .picScroll-left05 { width: 100% !important; }
  .picScroll-left .bd02, .picScroll-left02 .bd02, .picScroll-left03 .bd02 { width: 100% !important; overflow: visible !important; }
  .picScroll-left .bd02 ul.picList, .picScroll-left02 .bd02 ul.picList, .picScroll-left03 .bd02 ul.picList {
    width: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
    transform: none !important; position: static !important;
  }
  /* SuperSlide 克隆项在 grid 下必须隐藏（无缝滚动的 clone li 会挤进网格） */
  .picList li.clone, .tempWrap .clone, ul.picList li[class*="clone"] { display: none !important; }
  .picScroll-left .bd02 ul.picList li, .picScroll-left02 .bd02 ul.picList li, .picScroll-left03 .bd02 ul.picList li {
    width: 100% !important; min-width: 0 !important; height: auto !important; float: none; margin: 0 !important;
    overflow: hidden;
  }
  /* 首页产品卡（.embj / li.bianxiao）：原定宽结构全部放开为自适应 */
  .picList li.bianxiao, .picList li .embj, .picList li .bianxiao { width: 100% !important; min-width: 0 !important; height: auto !important; float: none !important; }
  .picList li .embj .pic, .picList li .bianxiao .pic { width: 100% !important; height: auto !important; float: none !important; text-align: center; }
  .picList li .embj .pic img, .picList li .bianxiao .pic img { width: 100% !important; height: auto !important; max-height: 190px; object-fit: contain; }
  .picList li .embj > div:not(.pic), .picList li .bianxiao > div:not(.pic) {
    width: 100% !important; float: none !important; padding: 6px 8px 10px; box-sizing: border-box; text-align: center;
  }
  .picList li .embj p, .picList li .bianxiao p { font-size: 14px; margin: 0 0 2px; }
  .picList li .embj span, .picList li .bianxiao span { font-size: 12px; color: #888; display: block; line-height: 1.5; }
  .picScroll-left .bd02 ul.picList li .pic,
  .picScroll-left02 .bd02 ul.picList li .pic,
  .picScroll-left03 .bd02 ul.picList li .pic { width: 100% !important; height: auto !important; }
  .picScroll-left .bd02 ul.picList li .pic img,
  .picScroll-left02 .bd02 ul.picList li .pic img,
  .picScroll-left03 .bd02 ul.picList li .pic img { width: 100% !important; height: auto !important; object-fit: cover; }
  .picScroll-left .hd02, .picScroll-left02 .hd02, .picScroll-left03 .hd02 { display: none !important; }
  .tempWrap { width: 100% !important; }

  /* 关于我们板块（首页） */
  .inabout_left, .inabout_right { width: 100% !important; float: none; }
  .inabout_wen { width: 100% !important; }
  .inabout_wen pre { white-space: normal !important; font-size: 13px; }
  .inabout_url a { display: inline-block; margin: 4px 4px 0 0; font-size: 12px; }
  img.inab_pic { width: 100% !important; height: auto !important; }

  /* 优势三栏（注意：.index_pro 下的 ul 是产品 Tab 板块结构（hd/bd/picList），
     不能一刀切 width:100%，否则 Tab 头被拆成竖排大条溢出压住产品卡（v2 修复） */
  .index_youshi ul li, .index_yingyong ul li { width: 100% !important; float: none; margin-bottom: 14px; }

  /* 首页产品 Tab 板块：Tab 头恢复横排（原 134px 定宽 inline-block，可换行） */
  .slideTxtBox .hd { height: auto !important; }
  .slideTxtBox .hd ul li {
    width: auto !important; height: 32px !important; line-height: 32px !important;
    font-size: 13px; padding: 0 12px; margin: 0 4px 6px 0;
  }

  /* 新闻/底部 */
  .index_news ul li { width: 100% !important; float: none; }

  /* ---------- 7. 详情页 ---------- */
  .rtop h5 { font-size: 20px; }
  .rtop span { font-size: 12px; }
  .proxx_con02 img { height: auto !important; }
  .proxx_con02 table { display: block; overflow-x: auto; }

  /* ---------- 8. 联系页 ---------- */
  .conBox dl, .conBox dd, .conBox dt { width: 100% !important; float: none; }
  .lylist, .lylist form, .lylist input, .lylist textarea, .lylist select { width: 100% !important; box-sizing: border-box; font-size: 14px; }
  .lylist input.lytitle, .lylist textarea.inp_neirong { max-width: 100% !important; }
  /* 百度地图容器（JS 生成，无 class） */
  div[id*="map"], div[class*="BMap"], div[id*="allmap"] { max-width: 100% !important; }
  .search p { width: 100% !important; height: auto !important; line-height: 1.9 !important; white-space: normal !important; font-size: 13px; }
  .conBox dd p, .conBox dd { font-size: 14px; }
  .conkaihu { margin-top: 20px !important; }
  .lxbiaoge { display: none !important; }

  /* ---------- 9. 页脚 ---------- */
  .footer { padding: 20px 0; }
  .footer03, .footer04 { width: auto !important; max-width: 100% !important; text-align: center; }
  .footer03 img, .footer04 img { max-width: 100px !important; }
  .footer p, .footer li, .footer a { font-size: 12px; }

  /* ---------- 10. 右侧悬浮客服栏：缩小 ---------- */
  .cndns-right { right: 6px !important; transform: scale(.78); transform-origin: right center; }
  .cndns-right-meau { margin-bottom: 4px !important; }

  /* ---------- 11. 搜索框 ---------- */
  .search .wrap, .search .Input { width: auto !important; max-width: 100%; }
  .search .Input .input02 { width: 70% !important; font-size: 13px; }

  /* ---------- 12. 面包屑 ---------- */
  .rtop span, .weizhi { font-size: 12px; }
}

/* ---------- 平板：只做容器自适应 + 导航换行 ---------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .head_nav02 { width: 100% !important; }
  ul.nav > li.nLi > h3 > a { padding: 0 10px; font-size: 13px; }
  .pro_list ul li { width: 32% !important; }
  .picScroll-left .bd02, .picScroll-left02 .bd02 { overflow: hidden; }
}