/* ============================================================
   qgbs.cn 首页手机端适配样式 (home-mobile.css)
   由妞妞生成 —— 覆盖 index-* 系列区块的桌面固定宽度布局
   断点：≤1024px 平板过渡 / ≤768px 手机
   ============================================================ */

/* ---------- 平板过渡 (≤1024px) ---------- */
@media all and (max-width:1024px) {
  .warp { width: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
  .footer .copyright { width: auto; margin-left: 15px; margin-right: 15px; box-sizing: border-box; }

  /* 方案 tabs */
  .index-fangan { height: auto; overflow: visible; margin-top: 60px; }
  .index-fangan .fangan-tab .bd img { height: 380px; object-fit: cover; }
  .index-fangan .fangan-tab .bd .cover { width: auto; left: 15px; right: 15px; bottom: 15px; box-sizing: border-box; }
  .index-fangan .fangan-tab .hd ul li { width: 25%; box-sizing: border-box; padding-left: 10px; padding-right: 5px; }
  .index-fangan .fangan-tab .hd ul li a { font-size: 15px; padding-left: 0; }
  .index-fangan .fangan-tab .hd ul li.active { transform: translateY(-14px); height: 119px; }

  /* 案例：两列 */
  .index-anli .bd ul li { width: calc(50% - 6px); }
  .index-anli .bd ul li:nth-child(3n) { margin-right: 12px; }
  .index-anli .bd ul li:nth-child(2n) { margin-right: 0; }
  .index-anli .bd ul li .img { width: 100%; height: auto; }
  .index-anli .bd ul li img { width: 100%; height: auto; }

  /* 新闻：上下堆叠 */
  .index-news { height: auto; padding-bottom: 40px; }
  .index-news .bd .left { float: none; width: auto; height: auto; margin: 0 0 15px; box-sizing: border-box; }
  .index-news .bd .left .img { width: 100%; height: auto; }
  .index-news .bd .left .img img { width: 100%; height: auto; }
  .index-news .bd .right { float: none; width: auto; height: auto; padding: 15px; box-sizing: border-box; }
  .index-news .bd .right .list .text { width: auto; float: none; overflow: hidden; }

  /* 关于 */
  .index-about .bg { min-height: 0; }
  .index-about .bg .box { width: auto; height: auto; margin: 0 15px; padding: 25px 20px; background-size: 100% 100%; box-sizing: border-box; }
  .index-about .bg .wall { width: auto; margin: 30px 15px 0; }
  .index-about .bg .wall ul li { width: 25%; box-sizing: border-box; }
  .index-about .bg .wall ul li img { max-width: 100%; }

  /* 产品优势轮播 */
  .index-xitong .bd { width: 100%; float: none; height: 380px; }
  .index-xitong .bd ul li { height: 380px; }
  .index-xitong .bd ul li img { height: 380px; object-fit: cover; }

  /* 新闻列表标题 */
  .right-lists ul li .t { width: auto; max-width: 68%; }

  /* 品牌墙 */
  .index-pinpai .hzc ul, .index-pinpai .hzc .bd { width: auto; }
}

/* ---------- 手机 (≤768px) ---------- */
@media all and (max-width:768px) {
  /* 标题字号 */
  .index-fangan .title, .index-anli .title, .index-qywh .title,
  .index-news .title, .index-xitong .title { font-size: 24px; }
  .index-fangan .title2, .index-anli .title2, .index-qywh .title2,
  .index-news .title2, .index-xitong .title2 { font-size: 14px; }
  .index-youshi .title, .index-youshi .title2 { font-size: 22px; }

  /* 方案 tabs */
  .index-fangan { margin-top: 40px; }
  .index-fangan .fangan-tab { margin-top: 20px; }
  .index-fangan .fangan-tab .bd img { height: 200px; }
  .index-fangan .fangan-tab .bd .cover { left: 8px; right: 8px; bottom: 8px; padding: 10px 12px; }
  .index-fangan .fangan-tab .bd .cover .t { font-size: 16px; margin-bottom: 8px; }
  .index-fangan .fangan-tab .bd .cover .p { display: none; }
  .index-fangan .fangan-tab .hd { height: 60px; }
  .index-fangan .fangan-tab .hd ul li { height: 60px; line-height: 60px; }
  .index-fangan .fangan-tab .hd ul li img { margin-top: 14px; max-height: 32px; }
  .index-fangan .fangan-tab .hd ul li.active { height: 72px; transform: translateY(-12px); }
  .index-fangan .fangan-tab .hd ul li.active a { transform: translateY(6px); }

  /* 案例 tab 胶囊自适应 */
  .index-anli .hd ul li { width: auto; padding: 0 14px; margin-bottom: 8px; }
  .index-anli .bd ul li { width: 100%; margin-right: 0; }
  .index-anli .bd ul li:nth-child(3n), .index-anli .bd ul li:nth-child(2n) { margin-right: 0; }
  .index-anli .bd ul li .t { font-size: 16px; padding-top: 12px; padding-bottom: 12px; }

  /* 优势区 */
  .index-youshi { height: auto; padding-top: 40px; padding-bottom: 40px; background-size: cover; }
  .index-youshi .part1 li { width: 288px; max-width: 88%; display: block; margin: 0 auto 18px; }
  .index-youshi .part2 li { width: 100%; float: none; box-sizing: border-box; margin: 0 0 14px; }

  /* 企业文化图片自适应 */
  .index-qywh .img img { max-width: 100%; height: auto; }

  /* 新闻 */
  .index-news { padding-top: 40px; margin-top: 40px; }
  .index-news .bd .left a { display: block; }
  .index-news .bd .left .text { padding-left: 12px; padding-right: 12px; }
  .index-news .bd .left .text .t { white-space: normal; }
  .index-news .hd ul li { width: auto; padding: 0 12px; margin: 0 8px 8px 0; }
  .index-news .bd .right .list .date .day { font-size: 34px; }
  .index-news .bd .right .list .date { margin-right: 15px; margin-left: 0; }
  .index-news .bd .right .list .text .p { display: none; }

  /* 关于 */
  .index-about .bg { padding-top: 30px; background-size: cover; }
  .index-about .bg .box { margin: 0 8px; padding: 18px 15px; }
  .index-about .bg .box .t { font-size: 20px; }
  .index-about .bg .box .t2 { font-size: 15px; }
  .index-about .bg .box .p { font-size: 14px; line-height: 26px; margin-top: 14px; }
  .index-about .bg .wall { margin: 20px 8px 0; }
  .index-about .bg .wall ul li { width: 33.33%; }

  /* 产品优势：侧边 tab 改为横向排列 */
  .index-xitong { padding-top: 40px; }
  .index-xitong .title2 { margin-bottom: 20px; }
  .index-xitong .hd { float: none; width: auto; margin-bottom: 12px; }
  .index-xitong .hd ul { width: auto; background: none; font-size: 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .index-xitong .hd ul li { display: inline-block; width: auto; height: 40px; line-height: 40px; padding: 0 14px; border-bottom: none; font-size: 14px; }
  .index-xitong .hd ul li.on:after { display: none; }
  .index-xitong .bd { width: 100%; height: 220px; }
  .index-xitong .bd ul li { height: 220px; }
  .index-xitong .bd ul li img { height: 220px; }
  .index-xitong .bd ul li .mask { font-size: 15px; height: 44px; line-height: 44px; }

  /* 品牌墙 */
  .index-pinpai .hzt h5 { font-size: 20px; }
  .index-pinpai .hzt h5 a { font-size: 16px; }

  /* 团队（老区块 280px 图在窄屏挤压文字） */
  .teamList li { padding-left: 0; padding-top: 12px; padding-bottom: 12px; }
  .teamList li .pic { width: 100%; max-width: 320px; margin: 0 auto; float: none; height: auto; position: static; }
  .teamList li .pic img { width: 100%; height: auto; }

  /* 页脚 */
  .footer { padding-top: 35px; padding-bottom: 25px; }
  .footer .copyright { margin-top: 25px; padding-top: 18px; }

  /* 服务团队 / 广告位（team.css 的 sy_* 区块，桌面写死 1200/1150px） */
  .w1150 { width: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
  .sy_designer { overflow: hidden; }
  .sy_title { margin-bottom: 25px; }
  .sy_title h3 { width: auto; font-size: 22px; }
  .sy_designer_list1 { height: auto; }
  .sy_designer_list1 li { width: calc(50% - 12px); margin: 0 6px 12px; box-sizing: border-box; height: auto; padding-bottom: 15px; }
  .sy_designer_list1 li.tmtop { width: calc(50% - 12px); margin: 0 6px 12px; height: auto; }
  .sy_designer_list1 .sy_d_avatar { float: none; margin: 18px auto 10px; }
  .sy_designer_list1 .sy_d_avatar img { width: 120px; height: 120px; }
  .sy_designer_list1 .sy_d_info { float: none; width: auto; margin-top: 0; }
  .sy_ad_place { width: auto; margin: 0 15px; height: auto; padding: 16px 10px 20px; }
  .sy_ad_place h3 { font-size: 17px; }
}