@charset "utf-8";
/* ============================================================
   svan.cc 全站移动端响应式补丁 v1.0
   部署位置: /static/skin/css/responsive.css
   依赖: 在 style.css 之后引入, 无需修改原有任何 CSS
   ============================================================ */

/* ---------- 一、平板及以下(<=1200px): 解锁所有固定宽度 ---------- */
@media (max-width: 1200px) {
  /* 解除所有 min-width:1200px 限制, 允许页面收缩 */
  .i_header_box, .i_banner_box, .i_tgfw_box, .i_jjfa_box, .i_zfgl_box,
  .i_gyyf_box, .i_hzhb_box, .i_ty_box, .i_footer_box, .i_dib,
  .lie_banner, .lie_cplb > div, .lie_header_box > div,
  .nr_xtjj_box, .nr_jsmb_box, .cpxq_syy_box,
  .gywm_gsjj_box, .gywm_zzry_box, .gywm_qywh_box,
  .lxwm_lxfs_box, .nr_zcjd_box, .dit {
    min-width: 0 !important;
  }
  /* 所有 1200px 定宽容器改为弹性宽度 */
  .i_header, .i_tgfw1, .i_tgfw2 .i_tgfw2p, .i_tgfw3b, .i_jjfa, .i_zfgl,
  .i_gyyf, .i_hzhb, .i_ty, .i_footer, .lie_cplb > div > div, .nr_xtjj,
  .cpxq_khal, .cpxq_syy, .gywm_gsjj, .gywm_zzry, .gywm_qywh,
  .lxwm_lxfs, .nr_zcjd, .lie_zcjd, .lie_banner ul {
    width: 94% !important;
    max-width: 100% !important;
  }
  .i_tgfw1 { font-size: 32px; }
}

/* ---------- 二、手机端(<=768px): 完整移动布局 ---------- */
@media (max-width: 768px) {
  html { -webkit-text-size-adjust: 100%; }
  body { font-size: 15px; overflow-x: hidden; }

  /* ===== 1. 头部导航: 汉堡菜单 ===== */
  .i_header_box { height: auto; }
  .i_header { width: 100% !important; height: 60px; padding: 0 15px; position: relative; }
  .i_heaer_l { width: auto !important; max-width: 70%; height: 60px; }
  .i_heaer_l a { height: 60px; }
  .i_heaer_l a img { max-height: 44px; width: auto; }
  .i_heaer_r { display: none; } /* 电话在移动端隐藏, 移动端触达以菜单为主 */
  .i_heaer_c {
    float: none !important;
    display: none;
    position: absolute;
    top: 100%; left: 0;
    width: 100% !important;
    background: #0F1331;
    z-index: 999;
    max-height: 75vh;
    overflow-y: auto;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.35);
  }
  .i_heaer_c.open { display: block; }
  .i_heaer_c ul li {
    float: none !important;
    margin: 0 !important;
    border-bottom: 1px solid #2B3658;
  }
  .i_heaer_c ul li > a { line-height: 48px !important; padding: 0 20px; font-size: 15px; }
  .i_heaer_c ul li.on > a { border-bottom: none; background: #0052D9; }
  /* 下拉子菜单: 从绝对定位改为全宽手风琴 */
  .i_heaer_c ul li > div {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: #090C22 !important;
  }
  .i_heaer_c ul li > div a {
    text-align: left !important;
    padding-left: 40px;
    line-height: 42px !important;
  }
  /* 产品介绍的三级大下拉 */
  .i_heaer_c ul li#cmd3 > div { position: static !important; width: 100% !important; min-width: 0 !important; }
  .i_heaer_c ul li#cmd3 > div > div { width: 100% !important; }
  .i_heaer_c ul li#cmd3 > div > div a {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 40px;
  }
  /* 汉堡按钮 (由 mobile-nav.js 动态注入) */
  .m-menu-btn {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44px; height: 44px;
    position: absolute;
    right: 12px; top: 8px;
    cursor: pointer;
    z-index: 1000;
  }
  .m-menu-btn span {
    display: block;
    width: 22px; height: 2px;
    background: #fff;
    margin: 3px 0;
    border-radius: 1px;
    transition: transform 0.2s, opacity 0.2s;
  }
  .m-menu-btn.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .m-menu-btn.active span:nth-child(2) { opacity: 0; }
  .m-menu-btn.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

  /* ===== 2. 首页 Banner: 高度自适应 ===== */
  .i_banner_box .bannerp > div > div ul li {
    height: 0 !important;
    padding-bottom: 45% !important; /* 保持约 2.1:1 视觉比例 */
  }
  .i_banner_box .bannerp .swiper-pagination { bottom: 12px !important; }

  /* ===== 3. 通用区块标题与间距缩放 ===== */
  .i_tgfw1 { margin-top: 40px !important; font-size: 26px !important; }
  .i_tgfw2 { border-bottom: none; }
  .i_tgfw2 .i_tgfw2p { margin-top: 15px !important; }
  .i_tgfw3b { margin-top: 25px !important; margin-bottom: 40px !important; }
  .i_jjfa1 ul li:nth-child(1) { margin-top: 45px !important; font-size: 26px !important; }
  .i_jjfa1 ul li:nth-child(2) { font-size: 15px !important; margin-top: 18px !important; }
  .i_jjfa2 { margin-top: 30px !important; }
  .i_zfgl1 { margin-top: 45px !important; font-size: 26px !important; }
  .i_gyyf1 ul li:nth-child(1) { margin-top: 45px !important; font-size: 26px !important; }
  .i_gyyf1 ul li:nth-child(2) { font-size: 18px !important; margin-top: 18px !important; }
  .i_gyyf2 { margin-top: 20px !important; }

  /* ===== 4. 服务产品切换区: 标签换行 + 图文上下排列 ===== */
  /* 标签 swiper 改为两列换行布局, 规避 slidesPerView:4 的 JS 定宽 */
  .i_tgfw2 .i_tgfw2p { overflow: visible; }
  .i_tgfw2 .i_tgfw2p .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    transform: none !important;
  }
  .i_tgfw2 .i_tgfw2p .swiper-slide {
    float: none !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 14px 6px !important;
    box-sizing: border-box;
  }
  .i_tgfw2 .i_tgfw2p .swiper-slide em {
    display: block !important;
    height: auto !important;
    line-height: 1.4 !important;
    border-bottom: none !important;
    font-size: 14px !important;
  }
  .i_tgfw2 .i_tgfw2p .swiper-slide.clothsi em { border-bottom: none !important; }
  /* 产品图文详情: 左右两栏改为上下堆叠 */
  .i_tgfw3 > div > ul {
    float: none !important;
    width: 100% !important;
  }
  .i_tgfw3 > div > ul:nth-child(1) li:nth-child(1) { font-size: 20px !important; }
  .i_tgfw3 > div > ul:nth-child(1) li:nth-child(2) {
    height: auto !important;
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 30px !important;
  }
  .i_tgfw3 > div > ul:nth-child(1) li:nth-child(3) { margin-top: 20px !important; margin-bottom: 20px; }
  .i_tgfw3 > div > ul:nth-child(2) { text-align: center; }
  .i_tgfw3 > div > ul:nth-child(2) li img { width: 100% !important; height: auto !important; }

  /* ===== 5. 行业解决方案: 硬编码旋转木马 -> 网格化 ===== */
  .poster_box { padding-bottom: 20px !important; }
  .poster-main .poster-list {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: hidden;
  }
  .poster-main .poster-list .poster-item {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 50% !important;
    height: auto !important;
    flex: 0 0 50% !important;
    padding: 0 6px 18px 6px;
  }
  .poster-main .poster-list .poster-item .item img {
    width: 100% !important;
    height: auto !important;
  }
  .poster-item-title {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 10px 4px !important;
    font-size: 14px !important;
  }
  .poster-main .poster-btn, .lunbo_btn { display: none !important; }

  /* ===== 6. 综合执法管理: 固定高度+左右分栏 -> 上下堆叠 ===== */
  .i_zfgl_box { height: auto !important; padding-bottom: 45px; }
  .i_zfgl2 { margin-top: 25px !important; }
  .i_zfgl2_l {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
  }
  .i_zfgl2_l ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .i_zfgl2_l ul li {
    width: auto !important;
    height: auto !important;
    flex: 0 0 48% !important;
    line-height: 1.2 !important;
    text-indent: 0 !important;
    padding: 12px 4px !important;
    margin: 0 1% 10px 1% !important;
    text-align: center;
    font-size: 15px !important;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
  }
  .i_zfgl2_l ul li.clothsi { background: #3A6AEC; }
  .i_zfgl2_l ul li em { display: none !important; }
  .i_zfgl2_r {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 10px;
    padding: 12px;
  }
  .i_zfgl2_r1 { width: 100% !important; margin-top: 10px !important; }
  .i_zfgl2_r1q > div {
    float: none !important;
    width: 100% !important;
    margin-bottom: 18px;
  }
  .i_zfgl2_r1q > div:nth-child(2n) { float: none !important; }
  .i_zfgl2_r1q > div ul:nth-child(1) { height: auto !important; margin-top: 10px; }
  .i_zfgl2_r1q > div ul:nth-child(2) { margin-top: 8px !important; }
  .i_zfgl2_r1w { margin-top: 5px !important; }
  .i_zfgl2_r1w a { margin: 0 auto; }

  /* ===== 7. 关于云帆: 四列 -> 两列 ===== */
  .i_gyyf_box { height: auto !important; padding-bottom: 40px; }
  .i_gyyf3 { margin-top: 25px !important; }
  .i_gyyf3 ul {
    width: 50% !important;
    height: auto !important;
    min-height: 140px;
    padding-bottom: 12px;
  }
  .i_gyyf3 ul li:nth-child(1) { height: auto !important; margin-top: 15px !important; padding: 8px; }
  .i_gyyf3 ul li:nth-child(1) img { max-width: 90%; }
  .i_gyyf3 ul li:nth-child(2) { font-size: 14px !important; line-height: 1.4; }

  /* ===== 8. 合作伙伴: swiper -> 两列网格 ===== */
  .i_hzhb2 { margin-top: 20px !important; margin-bottom: 30px !important; }
  .i_hzhb2 .i_hzhb2p .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    transform: none !important;
  }
  .i_hzhb2 .i_hzhb2p .swiper-slide {
    float: none !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    height: auto !important;
  }
  .i_hzhb2 .i_hzhb2p > div > div ul {
    width: 92% !important;
    height: 84px !important;
    margin: 8px auto !important;
  }
  .i_hzhb2 .swiper-pagination { display: none !important; }

  /* ===== 9. 申请试用横幅 & 页脚 ===== */
  .i_ty_box { height: auto !important; padding: 45px 0; }
  .i_ty ul li:nth-child(1) { margin-top: 0 !important; font-size: 24px !important; }
  .i_ty ul li:nth-child(2) { margin-top: 25px !important; }
  .i_footer { padding: 25px 15px !important; }
  .i_footer_l { float: none !important; width: 100% !important; }
  .i_footer_l ul:nth-child(1) li img { max-width: 220px; }
  .i_footer_l ul:nth-child(2) { margin-top: 20px !important; }
  .i_footer_l ul:nth-child(2) li:nth-child(2) { margin-left: 0 !important; margin-top: 12px !important; font-size: 14px !important; line-height: 26px !important; }
  .i_footer_r { float: none !important; width: 100% !important; margin-top: 25px; }
  .i_footer_r ul { float: none !important; width: 100% !important; margin-right: 0 !important; margin-top: 12px; }
  .i_dib { height: auto !important; padding: 12px 15px; font-size: 12px !important; line-height: 1.6; text-align: center; flex-wrap: wrap; }

  /* ===== 10. 内页: 列表 banner ===== */
  .lie_banner { height: 300px !important; }
  .lie_banner ul li:nth-child(1) { margin-top: 130px !important; font-size: 28px !important; }
  .lie_banner ul li:nth-child(2) { font-size: 14px !important; margin-top: 15px !important; }

  /* ===== 11. 产品列表页(交替图文) ===== */
  .lie_cplb > div > div { margin-top: 35px !important; margin-bottom: 35px !important; }
  .lie_cplb > div > div > ul { float: none !important; width: 100% !important; }
  .lie_cplb > div > div ul:nth-child(1) li:nth-child(1) { font-size: 22px !important; }
  .lie_cplb > div > div ul:nth-child(1) li:nth-child(2) {
    height: auto !important;
    margin-top: 16px !important;
    font-size: 15px !important;
    line-height: 28px !important;
  }
  .lie_cplb > div > div ul:nth-child(1) li:nth-child(3) { margin-top: 18px !important; }
  .lie_cplb > div > div ul:nth-child(2) { height: auto !important; margin-top: 10px; margin-bottom: 10px; }
  .xljs ul li { margin: 35px auto !important; }

  /* ===== 12. 详情页 ===== */
  .nr_xtjj1 ul li:nth-child(1) { font-size: 24px !important; margin-top: 40px !important; }
  .nr_xtjj2 { margin-top: 25px !important; margin-bottom: 45px !important; font-size: 15px !important; line-height: 30px !important; }
  .nr_xtjj3 { margin-top: 20px !important; margin-bottom: 50px !important; font-size: 15px !important; line-height: 28px !important; }
  .nr_zcjd { margin-top: 30px !important; margin-bottom: 30px !important; }
  .nr_zcjd_l, .nr_zcjd_r { float: none !important; width: 100% !important; }
  .nr_zcjd_l1 ul li:nth-child(1) { font-size: 22px !important; }
  .nr_zcjd_l3 ul:nth-child(1) { float: none !important; width: 100% !important; }
  .nr_zcjd_r2 ul li { line-height: 1.4; padding: 12px 15px !important; }
  .nr_zcjd_r2 ul li a { line-height: 1.5; font-size: 15px; }

  /* ===== 13. 客户案例列表(四列 -> 两列) ===== */
  .cpxq_khal2 ul li {
    width: 48% !important;
    margin-right: 2% !important;
    margin-top: 12px !important;
    height: 84px !important;
  }
  .cpxq_khal2 ul li:nth-child(4n) { float: left !important; margin-right: 2% !important; }
  .cpxq_khal2 ul li:nth-child(2n) { margin-right: 0 !important; }
  .cpxq_syy_l, .cpxq_syy_r { float: none !important; width: 100% !important; }
  .cpxq_syy_l ul li { font-size: 15px !important; }
  .cpxq_syy_r { margin-top: 15px; }

  /* ===== 14. 关于我们页 ===== */
  .gywm_gsjj1 ul li:nth-child(1) { font-size: 26px !important; margin-top: 40px !important; }
  .gywm_gsjj1 ul li:nth-child(2) { font-size: 18px !important; margin-top: 20px !important; }
  .gywm_gsjj2 { margin-top: 20px !important; margin-bottom: 50px !important; font-size: 15px !important; line-height: 30px !important; }
  /* 资质荣誉: swiper -> 单列/两列网格 */
  .gywm_zzry_box { height: auto !important; padding-bottom: 40px; }
  .gywm_zzry1 { font-size: 26px !important; margin-top: 40px !important; }
  .gywm_zzry2 { margin-top: 25px !important; }
  .gywm_zzry2 .gywm_zzry2p { padding-bottom: 20px !important; overflow: visible; }
  .gywm_zzry2 .gywm_zzry2p .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    transform: none !important;
  }
  .gywm_zzry2 .gywm_zzry2p .swiper-slide {
    float: none !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px;
    box-sizing: border-box;
  }
  .gywm_zzry2 .gywm_zzry2p > div > div ul { height: auto !important; padding-bottom: 15px; margin-bottom: 12px; }
  .gywm_zzry2 .gywm_zzry2p > div > div ul li:nth-child(2) { font-size: 15px !important; }
  .gywm_zzry2 .gywm_zzry2p .swiper-pagination { display: none !important; }
  /* 企业文化: 三列/四列 -> 两列 */
  .gywm_qywh1 { font-size: 26px !important; margin-top: 40px !important; }
  .gywm_qywh2 { margin-top: 20px !important; margin-bottom: 45px !important; }
  .gywm_qywh2q > div, .gywm_qywh2w > div {
    width: 50% !important;
    height: auto !important;
    min-height: 240px;
    padding-bottom: 15px;
  }
  .gywm_qywh2q > div ul:nth-child(1) li:nth-child(2), .gywm_qywh2w > div ul:nth-child(1) li:nth-child(2) { font-size: 17px !important; }
  .gywm_qywh2q > div ul:nth-child(2), .gywm_qywh2w > div ul:nth-child(2) { top: -100% !important; }

  /* ===== 15. 联系我们页 ===== */
  .lxwm_lxfs { margin-top: 30px !important; margin-bottom: 40px !important; }
  .lxwm_lxfs_l, .lxwm_lxfs_r { float: none !important; width: 100% !important; }
  .lxwm_lxfs_l { border-right: none !important; border-bottom: 1px solid #E5E5E5; padding-bottom: 25px; }
  .lxwm_lxfs_l1 li { font-size: 22px !important; }
  .lxwm_lxfs_r { margin-top: 25px; }
  .dit { height: 260px !important; }

  /* ===== 16. 政策列表页 ===== */
  .lie_zcjd { margin-top: 30px !important; margin-bottom: 30px !important; }
  .lie_zcjd_l1 ul li { font-size: 22px !important; }
  .lie_zcjd_l2 > div { padding-top: 15px !important; padding-bottom: 15px !important; }
  .lie_zcjd_l2 > div ul:nth-child(2) { width: calc(100% - 103px) !important; }
  .lie_zcjd_l2 > div ul:nth-child(2) li:nth-child(1) { font-size: 17px !important; line-height: 26px !important; height: auto !important; min-height: 26px; }
  .show_page { margin-top: 25px; }
}