/* ==========================================================================
   无锡慧勤科技 · 移动端响应式适配样式
   --------------------------------------------------------------------------
   作用：让手机/平板（屏宽 <= 768px）正常显示 PC 响应式模板。
   原理：全部规则都写在 @media (max-width:768px) 内，PC 端不会应用任何一条。
   位置：上传到 template/pc/skin/css/mobile.css
   撤销：删除本文件 + 移除模板中的引用行即可，PC 端不受任何影响。
   ========================================================================== */

@charset "UTF-8";
@media screen and (max-width: 768px) {

  /* ---------- 1. 全局：防止横向溢出 ---------- */
  html, body { overflow-x: hidden; }
  .w1200, .content-wrapper { width: 100% !important; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
  img { max-width: 100%; }
  /* 禁用AOS滚动动画初始位移（手机端元素直接显示，避免 ±100px 偏移裁切） */
  [aos] { opacity: 1 !important; transform: none !important; transition: none !important; }

  /* ---------- 2. 顶部灰色信息条 ---------- */
  .header_main { height: auto; }
  .header_main .header { padding: 4px 12px; }
  .header_main .ksdh { float: none; text-align: center; }
  /* 只让直接子级欢迎语独立成行，避免误伤 ksdh 里的 | 分隔符 */
  .header_main .header > span { display: block; text-align: center; font-size: 12px; }
  .header_main .ksdh span { display: inline-block !important; padding: 0 10px; }
  .header_main .imgbox { left: 50%; right: auto; margin-left: -80px; }

  /* ---------- 3. Logo 与右上电话 ---------- */
  .top_main .top { padding: 12px 12px 8px; }
  .top_main .logo { float: none; text-align: center; }
  .top_main .logo img { width: auto !important; height: auto !important; max-height: 56px; display: inline-block; }
  .top_main .webtel { float: none; text-align: center; padding-top: 6px; }
  .top_main .webtel b { font-size: 22px; }
  .top_main .webtel span { width: 24px; height: 24px; background-size: 24px auto; }

  /* ---------- 4. 主导航：单行横向滑动 ---------- */
  .top_main .nav { width: 100%; line-height: normal; overflow-x: auto; overflow-y: hidden; border-top: 1px solid #eee; }
  .top_main .nav .navlist { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .top_main .nav li { float: none; display: inline-block; vertical-align: top; padding: 0 6px !important; }
  .top_main .nav li a { width: auto !important; height: 44px; line-height: 44px; padding: 0 14px; display: inline-block; font-size: 15px; }
  .top_main .nav li .subnav { display: none; }

  /* ---------- 5. 首页 Banner（保留轮播结构，只换填充方式） ---------- */
  .banner { min-width: 0 !important; height: 140px !important; }
  .banner .list { max-height: none !important; height: 140px !important; }
  .banner li, .banner li a { height: 140px !important; }
  .banner li img { width: 100% !important; height: 140px !important; object-fit: cover; object-position: 60% center; position: static !important; left: auto !important; margin-left: 0 !important; }
  .banner .prev, .banner .next { display: none; }

  /* ---------- 6. 热门搜索与搜索框 ---------- */
  .announ { padding: 10px 12px; box-sizing: border-box; }
  .announ .announ_left, .announ .announ_right { float: none !important; width: 100% !important; }
  .announ .re_key { float: none !important; }
  .announ .announ_right { margin-top: 8px; }
  .announ .search, .announ .search form, .announ .search .txt { width: 100% !important; box-sizing: border-box; }

  /* ---------- 7. 区块标题 ---------- */
  .index .title { margin-bottom: 18px; }
  .index .title h1 { font-size: 26px !important; line-height: 34px !important; margin: 20px 0 0 !important; }
  .index .title h3 { font-size: 26px; line-height: 34px; }
  .index .title h4 { font-size: 14px; line-height: 22px; padding-top: 6px; }
  .index .title s { display: none; }

  /* ---------- 8. 楼层间距压缩 ---------- */
  .index .floor_1 { padding: 24px 0 16px; }
  .index .floor_2_main .floor_2 { padding: 24px 0; }

  /* ---------- 9. 产品分类菜单 ---------- */
  .index .menu { padding: 10px 0; }
  .index .menu li { width: auto; min-width: 92px; height: 34px; line-height: 34px; margin: 0 3px 8px; font-size: 13px; }

  /* ---------- 10. 产品轮播（大图 + 缩略图） ---------- */
  .index .ipro { padding-bottom: 20px; }
  .index .ipro .bigimg { float: none !important; width: 100% !important; height: auto !important; margin-bottom: 10px; }
  .index .ipro .bigimg ul, .index .ipro .bigimg ul li { width: 100% !important; height: auto !important; }
  .index .ipro .smalimg { float: none !important; width: 100% !important; height: auto !important; }
  .index .ipro .item { float: left; width: 48%; height: auto; margin: 0 1% 8px; }
  .index .ipro .item img { width: 100% !important; height: auto !important; }
  .index .ipro .item .bg h3 { font-size: 14px; padding-top: 20%; }

  /* ---------- 11. 查看更多按钮 ---------- */
  .index .more { width: 100% !important; }
  .index .more a { float: none !important; width: 100% !important; margin-bottom: 8px; box-sizing: border-box; }

  /* ---------- 12. 询盘区 ---------- */
  .xunpan .w1200 { padding: 0 12px; box-sizing: border-box; }
  .xunpan .img { position: static !important; width: auto !important; height: auto !important; display: block; text-align: center; }
  .xunpan .img img { max-width: 110px; }
  .xunpan .zixun { float: none !important; width: 100% !important; height: auto !important; margin-top: 12px; }
  .xunpan .zixun .tit { font-size: 16px; padding: 12px; }
  .xunpan .zixun .tit .en { display: block; font-size: 12px; line-height: 18px; }
  .xunpan .zixun .tel { font-size: 18px; padding: 10px 12px; }

  /* ---------- 13. 我们的优势 ---------- */
  .index .youshi .item { padding: 20px 0 !important; }
  .index .youshi .item .tit { float: none !important; width: 100% !important; margin-bottom: 10px; }
  .index .youshi .item .tit img { width: auto; height: auto; max-height: 110px; }
  .index .youshi .item .txt { float: none !important; width: 100% !important; padding-top: 0; }
  .index .youshi .item .txt h2 { font-size: 18px; }
  .index .youshi .item .txt .desc { font-size: 13px; line-height: 24px; }
  /* 配图：取消PC的绝对定位，限宽居中，避免460px大图撑满屏导致页面变形 */
  .index .youshi .item .img { position: static !important; float: none !important; display: block; width: auto !important; height: auto !important; margin: 10px auto 0; text-align: center; }
  .index .youshi .item .img img { width: 220px !important; height: auto !important; max-width: 100%; }

  /* ---------- 14. 服务流程 ---------- */
  .index .floor_3 .title2 { float: none !important; width: 100% !important; }
  .index .floor_3 .liuc { float: none !important; width: 100% !important; padding-left: 0 !important; padding-top: 10px; }
  .index .floor_3 .liuc li { float: none !important; display: inline-block; width: 32%; vertical-align: top; box-sizing: border-box; padding: 6px; }
  .index .floor_3 .liuc li .jt { display: none; }
  .index .floor_3 .liuc li p { float: none !important; font-size: 13px; }
  .index .floor_3 .liuc li p img { width: 48px; height: auto; }

  /* ---------- 15. 合作品牌（保留JS横向轮播结构，仅隐藏箭头按钮） ---------- */
  .teamwork .item img { max-width: 100%; height: auto; }
  .teamwork .prev, .teamwork .next, .teamwork .btn { display: none; }

  /* ---------- 16. 客户见证 ---------- */
  .thumblist .item, .wrapper .thumblist .item { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 14px !important; }
  .thumblist .item a, .wrapper .thumblist .item a { width: auto !important; height: auto !important; }
  .thumblist .item .di, .wrapper .thumblist .item .di { display: none !important; }
  .thumblist .item .txt { float: none !important; width: 100% !important; padding: 10px 0; }
  .thumblist .item img { width: 100% !important; height: auto !important; }

  /* ---------- 17. 关于我们 / 产品竖导航 / 定制案例 ---------- */
  .index .iabout .lefnav { float: none !important; width: 100% !important; margin-bottom: 12px; }
  /* 竖导航改横排小标签，避免5条竖排挤满一行 */
  .index .iabout .lefnav li { float: none; display: inline-block; width: auto !important; height: auto !important; margin: 0 6px 8px 0; vertical-align: top; }
  .index .iabout .lefnav li a { padding: 8px 14px !important; }
  .index .iabout .lefnav li em { display: none; }
  .index .iabout .lefnav li h3 { width: auto !important; height: auto !important; line-height: 20px; font-size: 13px; font-weight: normal; }
  .index .iabout .lefnav .more1 { display: none !important; }
  .index .iabout .img { float: none !important; width: 100% !important; height: auto !important; }
  .index .iabout .img img { width: 100% !important; height: auto !important; }
  .index .iabout .txt { float: none !important; width: 100% !important; margin-top: 12px; }
  .index .iabout .txt a, .index .iabout .txt .bk { width: auto !important; height: auto !important; }
  .index .iabout .txt .bk { display: none; }
  /* 定制案例轮播：覆盖 JS 内联的 1948px 宽度，改为满屏单张 */
  .index .ihonor .tempWrap { width: 100% !important; }
  .index .ihonor .bd ul { width: 100% !important; }
  .index .ihonor .item { float: left !important; width: 100% !important; height: auto !important; margin: 0 0 10px; }
  .index .ihonor .item img { width: 100% !important; height: auto !important; }
  .index .ihonor .item .bg h3 { font-size: 16px; }
  .index .ihonor .btn { display: none; }

  /* ---------- 18. 新闻区块 ---------- */
  .index .newsBox { float: none !important; width: 100% !important; margin-bottom: 16px; }
  .index .textlist { float: none !important; width: 100% !important; }
  .index .newsBox .item .img { height: auto !important; }
  .index .newsBox .item .img .time { width: 45% !important; height: auto !important; padding-bottom: 20px; }
  .index .newsBox .item .img .time b { font-size: 32px; line-height: 36px; padding-top: 20px; }
  .index .newsBox .item .img .time .yuan { display: none; }
  .index .newsBox .item .img img { width: 55% !important; height: auto !important; }
  .index .newsBox .item .txt h3 { font-size: 16px; }
  .index .newsBox .item .txt p { height: auto !important; }
  .index .newsBox .item .txt span { width: auto; padding: 0 24px; height: 40px; line-height: 40px; }
  .index .textlist .item { padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
  .index .textlist .item .img, .index .textlist .item .txt, .index .textlist .item .time { float: none !important; width: 100% !important; }
  .index .textlist .item .txt h3 { font-size: 15px; }
  .index .textlist .item .txt p { font-size: 13px; line-height: 22px; }
  .index .textlist .item .time { text-align: left; padding-top: 4px; }

  /* ---------- 19. 页脚 ---------- */
  .footer_main .links { font-size: 14px; padding: 12px 0; }
  .bottom_main { padding: 24px 0; }
  .bottom_main .bNav { float: none !important; width: 100% !important; height: auto !important; border-right: 0; }
  .bottom_main .bNav dl { float: left; width: 50%; box-sizing: border-box; margin-bottom: 14px; }
  .bottom_main .contact_info { float: none !important; width: 100% !important; height: auto !important; padding: 14px 0 0 !important; border-left: 0; border-top: 1px solid #20803f; }
  .bottom_main .contact_info p.dh { font-size: 24px; line-height: 30px; }
  .bottom_main .contact_info p.tel { width: auto; }
  .bottom_main .ewm { float: none !important; width: 100% !important; height: auto !important; padding: 14px 0 0 !important; border-left: 0; text-align: center; }
  .bottom_main .ewm dl { float: none; margin: 0 auto; }
  .copyright_main { height: auto; line-height: 22px; padding: 10px 0; }
  .copyright_main p { text-align: center; }

  /* ---------- 20. 右侧悬浮工具条（手机端隐藏，避免遮挡内容） ---------- */
  .toolbar { display: none !important; }

  /* ---------- 21. 内页通用（栏目列表页 / 详情页）---------- */
  /* 21.1 PC 上内页是「左栏 270px + 右栏 930px 右浮动」，手机上不改成单栏，
         右栏会因 float:right 整体左移约 552px，内容左半边被裁掉 */
  .w1200 > .leftbox, .w1200 > .left, .w1200 > .right,
  .w1200 > .leftbox.fl, .w1200 > .leftbox.fr,
  .w1200 > .left.fl, .w1200 > .left.fr,
  .w1200 > .right.fl, .w1200 > .right.fr {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .w1200 .right_title, .w1200 .right_title .clearfix, .w1200 .cont {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .w1200 .right_title h1 { font-size: 20px !important; line-height: 28px !important; height: auto !important; }

  /* 21.2 内页图文列表：左右排列改成上下排列 */
  .thumblist1 .item { padding: 16px 0 !important; }
  .thumblist1 .item .img, .thumblist1 .item .img.fl {
    float: none !important; width: 100% !important; height: auto !important; margin: 0 0 10px !important;
  }
  .thumblist1 .item .img img { width: 100% !important; height: auto !important; }
  .thumblist1 .item .txt, .thumblist1 .item .txt.fr { float: none !important; width: 100% !important; }
  .thumblist1 .item .txt h3 { font-size: 16px !important; line-height: 24px !important; height: auto !important; }
  .thumblist1 .item .txt .desc { height: auto !important; max-height: none !important; overflow: visible !important; }

  /* 21.3 产品详情页：大图与参数栏 */
  .showproduct .showImg, .showproduct .showImg.fl {
    float: none !important; width: 100% !important; height: auto !important; margin: 0 0 14px !important;
  }
  .showproduct .showImg .showImg_left, .showproduct .showImg .showImg_left .bd,
  .showproduct .showImg .showImg_left .bd ul, .showproduct .showImg .showImg_left .bd ul li {
    width: 100% !important; height: auto !important;
  }
  .showproduct .showImg .showImg_left .bd ul li img { width: 100% !important; height: auto !important; }
  .showproduct .baseInfo, .showproduct .baseInfo.fr { float: none !important; width: 100% !important; }
  .showproduct .baseInfo .t { font-size: 19px !important; line-height: 26px !important; height: auto !important; }
  .showproduct .baseInfo .desc { height: auto !important; max-height: none !important; overflow: visible !important; }
  .showproduct .baseInfo .webtel { font-size: 15px !important; padding-top: 12px !important; }
  .showproduct .baseInfo .webtel strong { font-size: 24px !important; line-height: 28px !important; }
  .showproduct .tiao { margin-bottom: 20px !important; }
  .showproduct .tod { padding-bottom: 20px !important; }

  /* 21.4 内页正文：后台粘贴内容常带固定像素宽，统一限宽 */
  .single, .showContxt, .showproduct .detaiInfo { width: 100% !important; max-width: 100% !important; }
  .single img, .showContxt img { width: auto !important; height: auto !important; max-width: 100% !important; }
  .single table, .showContxt table, .single iframe, .showContxt iframe { max-width: 100% !important; }
  .single span, .showContxt span, .single div, .showContxt div, .single td, .showContxt td {
    max-width: 100% !important; box-sizing: border-box !important;
  }
  .single p, .showContxt p { word-wrap: break-word; word-break: break-word; }
  /* 后台粘贴的正文常带 text-wrap-mode:nowrap（不换行），手机上会把整页撑宽，强制恢复换行 */
  .single span, .showContxt span, .single p, .showContxt p, .single div, .showContxt div {
    white-space: normal !important;
    text-wrap-mode: wrap !important;
  }
  .single img, .showContxt img { display: inline-block; }

  /* 21.5 分页 */
  .pglist { width: 100% !important; max-width: 100% !important; }

}