@charset "utf-8";
/**
 * 全站移动端响应式（仅 1024px / 768px）
 * 桌面端 CSS 不改动，本文件最后加载覆盖
 */

/* ===================== 1024px ===================== */
@media screen and (max-width: 1024px) {

  html {
    font-size: calc(900px / 1920 * 100) !important;
  }

  body {
    padding-top: 52px;
    min-width: 0;
    overflow-x: hidden;
  }

  /* ---------- 1. 顶栏：Logo 左 + 面包屑中 + 汉堡右 ---------- */
  .page-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 52px !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 52px 0 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }

  .page-header .page-logo {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto;
    padding: 8px 10px 8px 14px !important;
    z-index: 10002;
  }

  .page-header .page-logo img {
    height: 32px !important;
    width: auto !important;
  }

  .page-header .page-logo .hei { display: block !important; }
  .page-header .page-logo .bai { display: none !important; }

  /* 隐藏 PC 横排主菜单 */
  .page-header .nav.phone_hide,
  .page-header .navlist {
    display: none !important;
  }

  .page-header .page-nav {
    position: static !important;
    flex: 1 1 auto;
    min-width: 0;
    height: 52px !important;
    overflow: hidden;
  }

  /* 二级导航作面包屑（内页） */
  .sub-nav {
    position: fixed !important;
    top: 0 !important;
    left: 110px !important;
    right: 52px !important;
    height: 52px !important;
    z-index: 10001 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .sub-nav .nav-box {
    position: static !important;
    top: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 52px !important;
  }

  .sub-nav .nav-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
  }

  .sub-nav .nav-cont,
  .sub-nav .nav-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 52px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;
  }

  .sub-nav .nav-item {
    display: inline-block !important;
    float: none !important;
    padding: 0 8px !important;
    line-height: 52px !important;
    font-size: 17px !important;
    color: #666 !important;
    background: none !important;
    background-image: none !important;
  }

  .sub-nav .nav-item.active {
    color: #182b77 !important;
    font-weight: 600;
    background: none !important;
  }

  .sub-nav .nav-left .nav-item + .nav-item::before,
  .sub-nav .nav-left a.nav-item + a.nav-item::before {
    content: "/";
    margin-right: 8px;
    color: #ccc;
  }

  .sub-nav p.nav-item {
    background: none !important;
    padding-left: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  /* 汉堡按钮：打开后仍固定右上角，变 X */
  .nav_phone_btn {
    display: block !important;
    position: fixed !important;
    top: 6px !important;
    right: 10px !important;
    z-index: 100003 !important;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
  }

  .visible_nav.nav_phone_btn {
    right: 10px !important;
  }

  .nav_phone_btn span {
    position: relative;
    font-size: 0 !important;
    width: 22px !important;
    height: 2px !important;
    background-color: #005bab !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 18px;
    margin-left: 9px;
  }

  .nav_phone_btn span::before,
  .nav_phone_btn span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #005bab;
    left: 0;
    transition: transform 0.25s ease;
  }

  .nav_phone_btn span::before { top: -7px; }
  .nav_phone_btn span::after { top: 7px; }

  .nav_phone_btn.visible_nav span {
    background-color: transparent !important;
  }

  .nav_phone_btn.visible_nav span::before {
    top: 0;
    transform: rotate(45deg);
  }

  .nav_phone_btn.visible_nav span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* 抽屉打开：直接隐藏汉堡，只显示侧栏内蓝色 X */
  body.body_nav_phone .nav_phone_btn {
    display: none !important;
  }

  /* 侧栏抽屉 */
  .nav_phone {
    display: block !important;
    width: 84% !important;
    max-width: 340px !important;
    right: -84% !important;
    left: auto !important;
    background: #fff !important;
    box-shadow: -6px 0 24px rgba(0, 0, 0, 0.12) !important;
    z-index: 100002 !important;
  }

  body.body_nav_phone .nav_phone {
    right: 0 !important;
  }

  .phone-nav-bg {
    display: none;
    z-index: 100001;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
  }

  body.body_nav_phone .phone-nav-bg {
    display: block !important;
  }

  .nav_phone_tit {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 52px !important;
    padding: 0 16px !important;
    border-bottom: 1px solid #eee !important;
    box-sizing: border-box !important;
  }

  .nav_phone_tit > span {
    position: static !important;
    transform: none !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #182b77 !important;
    line-height: 1.2 !important;
  }

  .nav_phone_tit .button {
    display: block !important;
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    flex-shrink: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    float: none !important;
  }

  /* 只保留一组蓝色 X，清除 public.css 旧灰色/白色伪元素 */
  .nav_phone_tit .button::before,
  .nav_phone_tit .button::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 18px !important;
    height: 2px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: #005bab !important;
    border: none !important;
    border-radius: 1px !important;
    transform-origin: center !important;
    float: none !important;
  }

  .nav_phone_tit .button::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .nav_phone_tit .button::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  .nav_phone_close {
    display: none !important;
  }

  .nav_phone_con {
    position: absolute !important;
    top: 52px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .nav_phone .phone-search {
    flex: 0 0 auto !important;
    margin: 0 0 8px 0 !important;
    padding: 0 12px 0 0 !important;
    background: #f5f6f8 !important;
    border-radius: 8px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .nav_phone .phone-search form {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
  }

  .nav_phone .phone-search input {
    float: none !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #333 !important;
  }

  .nav_phone .phone-search .but {
    position: static !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    background-size: 18px 18px !important;
  }

  .nav_phone_con > ul,
  .nav_phone_con .rm-mobile-nav {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    flex: 1 1 auto !important;
    overflow-x: visible !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .rm-mobile-nav > li {
    line-height: 1.5 !important;
    border-bottom: 1px solid #eee !important;
    margin: 0 !important;
  }

  .rm-mobile-nav > li:last-child {
    border-bottom: none !important;
  }

  .rm-mobile-nav > li > a {
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 50px !important;
    padding: 12px 0 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
  }

  .rm-mobile-nav > li > a:active {
    color: #182b77 !important;
  }

  .nav_phone_con > ul.rm-mobile-nav > li > a .btn,
  .rm-mobile-nav > li > a .btn {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    width: 24px !important;
    height: 24px !important;
    border-left: none !important;
    flex-shrink: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  /* 隐藏旧 em，用 ::after 画完整右箭头 */
  .nav_phone_con > ul.rm-mobile-nav > li > a em,
  .nav_phone_con > ul.rm-mobile-nav > li > a .btn em,
  .rm-mobile-nav > li > a .btn em,
  .nav_phone_con .rm-mobile-nav > li > a em {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    visibility: hidden !important;
  }

  .nav_phone_con > ul.rm-mobile-nav > li > a .btn::after,
  .rm-mobile-nav > li > a .btn::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border: none !important;
    border-top: 2px solid #aaa !important;
    border-right: 2px solid #aaa !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
    flex-shrink: 0;
  }

  .rm-mobile-nav > li > ul {
    display: none;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    overflow-y: auto !important;
    z-index: 5 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  .rm-mobile-nav > li.on > ul {
    display: block !important;
  }

  .rm-mobile-nav > li.on > a {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .rm-mobile-nav li ul li {
    border-bottom: 1px solid #eee !important;
    line-height: 1.5 !important;
  }

  .rm-mobile-nav li ul li a {
    display: block !important;
    padding: 14px 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    text-decoration: none !important;
  }

  .rm-mobile-nav li ul li:first-child a {
    color: #182b77 !important;
    font-weight: 600 !important;
    padding-top: 4px !important;
  }

  .nav_phone .hd-logo {
    display: none !important;
  }

  .scrollHeader .page-header,
  .page-header:hover {
    background: #fff !important;
  }

  .page-ht { height: 0 !important; }
  .page-main { padding-top: 0 !important; }

  /* ---------- 2. Banner：内页隐藏，首页 #banner 显示 ---------- */
  main .banner,
  .banner {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #banner {
    display: block !important;
    height: auto !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #banner .bxSlide-outter {
    width: 100% !important;
    height: 60vh !important;
    min-height: 60vh !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  #banner .pcba {
    display: none !important;
  }

  #banner .sjba {
    display: block !important;
    width: 100% !important;
    height: 60vh !important;
    min-height: 60vh !important;
    max-height: none !important;
    position: relative !important;
    text-align: center;
    color: #fff;
  }

  #banner .sjba img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    z-index: 0;
    top: 0;
    left: 0;
  }

  #banner .sjba .zi {
    position: relative;
    z-index: 1;
  }

  /* ---------- 6. 字体：标题 24px，小字 17px ---------- */
  h1, h2, h3, h4, h5, h6,
  .banner-titles, .my-titles, .wq-subtitle, .rh-pro-title, .ct-name,
  .til01, .til01 a,
  .pro_n1 dd h4 a,
  .sec_tit, .fnt-30, .fnt-26, .fnt-24, .fnt-23, .fnt-22, .fnt-20,
  .f-30, .f-26, .f-24, .f-20, .f38,
  .newsnr h4, .newsmid_2_1_mid_2_2 h3,
  .s66, .s60, .s55, .s50, .s49, .s45, .s44, .s43, .s42, .s41, .s40,
  .s39, .s38, .s37, .s36, .s35, .s34, .s33, .s32, .s31, .s30,
  .s29, .s28, .s27, .s26, .s25, .s24,
  .c1-text h1,
  .innovative-list span,
  #footer .footer_r ul h3,
  #footer .footer_r ul h3 a {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  body, p, li, td, dd, dt, span, div, label, em,
  .o-textbox, .rich-content,
  .fnt-18, .fnt-16, .fnt-15, .fnt-14,
  .f-16, .f-14, .f-12, .f20,
  .s23, .s22, .s21, .s20, .s19, .s18, .s17, .s16, .s15, .s14, .s13, .s12,
  .banner-en, .my-en, .my-more, .o-intro, .o-unit,
  .pro_n1 dd p, .pro_n1 dd em,
  .sec_forewords,
  .ct-list li, .ct-qr p,
  .newsnr p, .newsnr .newslfdate, .newsnr .newsindate, .newsnr .newsdate,
  .til01 p, .til01 span,
  .footer_banquan_l_p2,
  #footer li a, #footer p, #footer .footer_l h2,
  .innovative-list em,
  .c1-text p, .c1-text h2,
  .gui-sz ul li p, .gui-sz ul li .intro,
  .rm-mobile-nav > li > a,
  .rm-mobile-nav li ul li a {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  #footer .footer_l h3 {
    font-size: 24px !important;
  }

  /* ---------- 触控 ---------- */
  button, input[type="submit"], input[type="button"], input[type="reset"],
  .but, .my-submit, .pro-search-btn, .paging-item, .paging-buttom,
  .page-more a, .rh-pro-more, .newspage a, .newslxwm a {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 10px 16px !important;
    box-sizing: border-box;
    touch-action: manipulation;
  }

  .pro_n1 dd span a {
    min-height: 44px !important;
    min-width: 0 !important;
    padding: 0 18px !important;
    touch-action: manipulation;
  }

  input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
  input[type="password"], textarea, select,
  .my-input, .pro-search-input, .phone-search input {
    min-height: 44px !important;
    font-size: 17px !important;
    padding: 10px 14px !important;
    box-sizing: border-box;
  }

  /* ---------- 3. 首页简介 pro_n1 ---------- */
  .pro_n1 {
    padding: 0 0 48px !important;
    background-position: center bottom !important;
    background-size: cover !important;
    clear: both !important;
    overflow: hidden !important;
  }

  .pro_n1 .content {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .pro_n1 dl {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .pro_n1 dt {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    font-size: 0;
    line-height: 0;
  }

  .pro_n1 dt img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .pro_n1 dd {
    float: none !important;
    width: 100% !important;
    padding: 20px 0 0 !important;
    box-sizing: border-box !important;
  }

  .pro_n1 dd h4 a {
    height: auto !important;
    line-height: 1.35 !important;
  }

  .pro_n1 dd em {
    height: auto !important;
    line-height: 1.5 !important;
    padding-top: 8px !important;
  }

  .pro_n1 dd p {
    padding-top: 16px !important;
    line-height: 1.65 !important;
  }

  .gui-sz {
    width: 100% !important;
    padding-top: 20px !important;
    clear: both !important;
  }

  .gui-sz ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .gui-sz ul li {
    width: calc(50% - 6px) !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .gui-sz ul li span em {
    height: auto !important;
    line-height: 1.2 !important;
    font-size: 24px !important;
  }

  .about_nub1 li b .ikk {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .about_nub1 li b span,
  .gui-sz ul li span i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }

  .pro_n1 dd > span {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 28px !important;
    align-items: center !important;
  }

  .pro_n1 dd span a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 18px !important;
    height: 44px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    box-sizing: border-box !important;
  }

  /* 产品中心区块 */
  .pro_duct {
    height: auto !important;
    min-height: 0 !important;
    padding: 16px 16px 20px !important;
    margin-top: 0 !important;
    clear: both !important;
    background-position: center !important;
    background-size: cover !important;
    box-sizing: border-box !important;
  }

  .pro_duct h2,
  .pro_duct .sec_tit,
  .pro_duct .sec_tit a {
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .pro_duct .sec_top {
    text-align: center !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  .pro_duct .sec_forewords {
    text-align: center !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
    line-height: 1.6 !important;
  }

  /* 首页产品卡片区 */
  #c_static_001_P_68451-1742802429662 {
    margin-top: -40px !important;
    padding-bottom: 24px !important;
  }

  #c_static_001_P_68451-1742802429662 .e_container-3 {
    padding-top: 5% !important;
    padding-bottom: 4% !important;
  }

  #c_static_001_P_68451-1742802429662 .e_container-13,
  #c_static_001_P_68451-1742802429662 .e_container-22 {
    padding-top: 5% !important;
    padding-bottom: 4% !important;
  }

  #c_static_001_P_68451-1742802429662 .e_text-6,
  #c_static_001_P_68451-1742802429662 .e_text-16,
  #c_static_001_P_68451-1742802429662 .e_text-25 {
    margin-top: 8px !important;
  }

  #c_static_001_P_68451-1742802429662 .e_richText-4 span {
    display: block !important;
    margin-top: 4px !important;
  }

  #c_static_001_P_68451-1742802429662 .e_button-42,
  #c_static_001_P_68451-1742802429662 .e_button-43,
  #c_static_001_P_68451-1742802429662 .e_button-44 {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    padding: 6px 14px !important;
    margin-top: 10px !important;
    margin-right: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  #c_static_001_P_68451-1742802429662 .e_button-42 span,
  #c_static_001_P_68451-1742802429662 .e_button-43 span,
  #c_static_001_P_68451-1742802429662 .e_button-44 span {
    font-size: 14px !important;
    width: auto !important;
    display: inline !important;
    line-height: 1.3 !important;
  }

  /* ---------- 4. 优势 iframe 容器 ---------- */
  .index_yingyong {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .index_yingyong iframe {
    width: 100% !important;
    height: 800px !important;
    display: block !important;
  }

  /* ---------- 5. 新闻资讯 ---------- */
  .nswsbox .content2,
  .nswsbox .content {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .nswsbox .til01 {
    height: auto !important;
    margin-bottom: 20px !important;
    padding-top: 32px !important;
  }

  .news .newsnr {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-top: 24px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .newsnr .newslf,
  .newsnr .newsin,
  .newsnr .newsrt {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .newsnr .newsin {
    margin-left: 0 !important;
  }

  .newsnr .newslf img,
  .newsnr .newsin img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .newsnr .newslf::before {
    z-index: 1;
  }

  .newsnr .newslf a,
  .newsnr .newsin a {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    min-height: 200px !important;
  }

  .newsnr .newslf h4 {
    width: 100% !important;
  }

  .newsnr .newslf p,
  .newsnr .newsin p {
    margin-top: 16px !important;
    line-height: 1.65 !important;
  }

  .newslxwm {
    margin-top: 24px !important;
  }

  .newsnr .newsrt {
    padding: 0 !important;
  }

  .newsnr .newsrt ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .newsnr .newsrt ul li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 120px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  .newsnr .newsrt ul li img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .newsnr .newsrt ul li a {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    min-height: 88px !important;
  }

  /* ---------- 内页通用布局 ---------- */
  .page-wrap, .page-wrap2, .o-main, .o-cont, .i-main,
  .ct-panel-wrap, .polaris-news-content, .index-content, .content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  .o-left, .o-right, .my-lt, .my-rt, .i-item,
  .rh-pro-left, .rh-pro-right, .rh-pro-inner,
  .ny_pro_con_tu, .ct-logo, .ct-depts, .ct-dept, .ct-info, .ct-qr,
  .pavilion .img, .pavilion .txt, .page-about-txt, .page-about-pic,
  .o-list, .o-item {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .o-cont, .rh-pro-inner, .ct-panel-wrap, .ct-dept, .ny_pro_con_tu {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .o-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .o-item {
    width: calc(50% - 6px) !important;
  }

  .rh-pro-block,
  .rh-pro-block--reverse .rh-pro-inner {
    flex-direction: column !important;
  }

  .page-back-top {
    right: 12px !important;
    width: 44px !important;
    height: 44px !important;
  }

  /* ---------- 7. 页脚 ---------- */
  #footer {
    display: block !important;
    height: auto !important;
    padding: 32px 0 24px !important;
  }

  #footer .content {
    width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
  }

  #footer .footer_r {
    order: 1;
    float: none !important;
    width: 100% !important;
    margin-top: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  /* 前三组导航并排 */
  #footer .footer_r ul:nth-child(1),
  #footer .footer_r ul:nth-child(2),
  #footer .footer_r ul:nth-child(3) {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
    box-sizing: border-box !important;
    padding: 0 8px 16px !important;
    margin: 0 !important;
    border-right: none !important;
  }

  /* 联系我们单独一行 */
  #footer .footer_r ul:nth-child(4) {
    width: 100% !important;
    flex: 0 0 100% !important;
    padding: 16px 8px 0 !important;
    border-top: 1px solid #333 !important;
    margin-top: 8px !important;
  }

  #footer .footer_r ul h3 {
    margin-bottom: 12px !important;
  }

  #footer .footer_r ul li {
    line-height: 1.8 !important;
  }

  /* 隐藏二维码 */
  #footer .footer_l_tb {
    display: none !important;
  }

  #footer .footer_l {
    order: 2;
    float: none !important;
    width: 100% !important;
    margin-top: 24px !important;
    padding-left: 0 !important;
    height: auto !important;
  }

  #footer .footer_banquan {
    order: 3;
    width: 100% !important;
  }

  .page-footer .page-ft-top,
  .page-footer .ft-nav {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .page-footer .ft-nav dl {
    width: 100% !important;
    border-left: none !important;
    padding-left: 0 !important;
  }
}


/* ===================== 768px ===================== */
@media screen and (max-width: 768px) {

  body { padding-top: 48px; }

  #banner .bxSlide-outter {
    height: 60vh !important;
    min-height: 60vh !important;
    max-height: none !important;
  }

  #banner .sjba {
    height: 60vh !important;
    min-height: 60vh !important;
    max-height: none !important;
  }

  .pro_n1 dt img {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .page-header {
    height: 48px !important;
    padding-right: 48px !important;
  }

  .page-header .page-logo img { height: 28px !important; }

  .sub-nav {
    left: 96px !important;
    right: 48px !important;
    height: 48px !important;
  }

  .sub-nav .nav-box,
  .sub-nav .nav-item {
    height: 48px !important;
    line-height: 48px !important;
  }

  .nav_phone_btn {
    top: 4px !important;
    right: 6px !important;
  }

  .o-item {
    width: 100% !important;
  }

  .gui-sz ul li {
    width: calc(50% - 6px) !important;
  }

  #footer .footer_r ul:nth-child(1),
  #footer .footer_r ul:nth-child(2),
  #footer .footer_r ul:nth-child(3) {
    width: 100% !important;
    flex: 0 0 100% !important;
    padding-bottom: 12px !important;
  }

  .index_yingyong iframe {
    height: 760px !important;
  }
}


/* ===================== 优势页 yingyong.html（iframe 内） ===================== */
@media screen and (max-width: 1024px) {

  .innovative {
    position: relative !important;
    width: 100% !important;
    margin-top: 0 !important;
    min-height: 800px !important;
    height: auto !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  .innovative-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 800px !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .innovative-img .c1 {
    margin-top: 0 !important;
    height: 100% !important;
  }

  .innovative-img .c1 > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .c1-text {
    position: absolute !important;
    top: 40px !important;
    left: 16px !important;
    right: 16px !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  .c1-text h1 {
    color: #fff !important;
    text-align: left !important;
    text-indent: 0 !important;
    float: none !important;
    margin-bottom: 8px !important;
  }

  .c1-text h2 {
    display: none !important;
  }

  .c1-text p {
    width: 100% !important;
    font-size: 16px !important;
    text-align: left !important;
    text-indent: 0 !important;
    float: none !important;
    margin: 0 !important;
    color: #fff !important;
    line-height: 1.45 !important;
  }

  .c1-text .sdrt {
    display: none !important;
  }

  /* 底部切换：两列宽条按钮，叠在背景上 */
  .innovative-box {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 36px !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    z-index: 20 !important;
    background: transparent !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }

  .innovative-list {
    flex: 0 0 calc(50% - 3px) !important;
    width: calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 8px 8px !important;
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: none !important;
    border-radius: 2px !important;
  
    box-sizing: border-box !important;
    cursor: pointer !important;
  }

  .innovative-box .innovative-list.bg-active,
  .innovative-list.bg-active {
    background: #21499b !important;
    background-image: none !important;
    border: none !important;
  }

  .innovative-list .yuluo {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
  }

  .innovative-list em {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    text-align: left !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #fff !important;
  }

  .innovative-list span {
    float: none !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
    color: #fff !important;
  }

  .innovative-list a {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {

  .innovative,
  .innovative-img {
    min-height: 760px !important;
  }

  .c1-text {
    top: 36px !important;
    left: 14px !important;
    right: 14px !important;
  }

  .innovative-box {
    bottom: 32px !important;
    padding: 0 10px !important;
    gap: 6px !important;
  }

  .innovative-list {
    min-height: 38px !important;
    padding: 7px 8px !important;
  }
}