/* ============================================================
   移动端 / 平板 响应式适配
   仅对窄屏生效；桌面端默认隐藏移动头部，避免与 PC 头部重复
   ============================================================ */

/* 桌面端：隐藏移动头部（原站自带 .header_wap.wap 但无显隐控制） */
.header_wap.wap { display: none; }

/* 平板：让固定宽度容器变为自适应，避免被裁切 */
@media (max-width: 1100px) {
  .w1200, .w1290, .w1360, .w1380, .out_nav, .out {
    width: 100% !important;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
  }
}

/* 手机：结构性重排 */
@media (max-width: 768px) {

  /* 显示移动头部，隐藏 PC 头部 */
  .heads.pc { display: none !important; }
  .header_wap.wap {
    display: block !important;
    padding: 10px 14px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
  }
  .header_wap.wap .logo img { max-height: 42px; width: auto; }

  /* 通用图片自适应 */
  img { max-width: 100% !important; height: auto !important; }

  /* 容器自适应 */
  .w1200, .w1290, .w1360, .w1380, .out_nav, .out {
    width: 100% !important;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
  }

  /* 两栏（左栏导航 + 右栏内容）改为单栏堆叠 */
  .left, .content, .main, .cont, .about_con {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  /* 列表图文：图在上、文字在下，整行占满 */
  .news_list li,
  .item_news li,
  .case_con .top li,
  .news_con > div,
  .business_con li {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    box-sizing: border-box;
  }
  .news_list li img,
  .news_bottom_list li img,
  .item_news li img.t_pic,
  .case_con .top li img,
  .top_news img,
  .newsSwiper .swiper-slide img,
  .honorSwiper .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 10px !important;
  }

  /* 页脚高度自适应 */
  .footer {
    height: auto !important;
    padding: 30px 14px !important;
    background-size: cover !important;
  }

  /* 字号微调，提升可读性 */
  body { font-size: 14px; }
  .nav li a { font-size: 15px; }

  /* 详情页宽表格允许横向滚动，避免撑破布局 */
  .content { overflow-x: hidden; }
  .content table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 0;
  }

  /* 避免内容区出现横向溢出 */
  .content, .about_con, .news_con { overflow-x: hidden; }
}