@charset "utf-8";
/**
 * 手机端适配（仅移动端）
 * 断点：1024px / 768px
 * 不改动桌面端原有样式，仅新增覆盖
 */

/* 桌面端已有 EN 切换，隐藏菜单里的「英文版」避免重复 */
@media screen and (min-width: 1025px) {
  .navBox .item > li.m_nav_lang {
    display: none !important;
  }
}

/* =========================================================
   ≤1024px 平板 / 手机横屏
   ========================================================= */
@media screen and (max-width: 1024px) {

  /* ---------- 基础 ---------- */
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    -webkit-text-size-adjust: 100% !important;
  }

  body {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  img {
    max-width: 100% !important;
    height: auto;
  }

  /* 标题最大 24px */
  h1, h2, h3, h4, h5, h6,
  .pub_title,
  .pub_title_en,
  .pub_title_zh,
  .title-1,
  .title-2,
  .title-3,
  .font38,
  .font40,
  .font46,
  .tit h3,
  .tit h3 a,
  .prolist dl dd h4,
  .pro_n dl dd h4,
  .new_l_name,
  .ind_src1_tit_l,
  .index_jieshao-top .title-2,
  .index_jieshao-top .title-3,
  .polaris-banner .title-1,
  .company-profile-right .title-1,
  .run_num_box_p,
  .add_n {
    font-size: 24px !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
  }

  /* 内容最小 15px */
  p,
  .pub_info,
  .font16,
  .font18,
  .text-1,
  .text-1 p,
  .company-profile-right .text-1,
  .company-profile-right .text-1 p,
  .ind_src2_tex_box .pub_info,
  .ind_src3_con_t,
  .ind_src3_tab > div,
  .new_l_info,
  .new_l_time,
  .add_con,
  .copyRight,
  .copyRight a,
  .location,
  .location a,
  .menu_location .menu li a,
  .promid_1_mid_right,
  .proxq,
  li,
  td,
  .proxx tr td {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  /* 触控尺寸：按钮 / 输入框 */
  a.btn_sty,
  .btn_sty,
  button,
  input[type="button"],
  input[type="submit"],
  .proxq,
  .ind_src2_btn_s,
  .more-1 a,
  .gzjhmore a {
    min-height: 44px !important;
    padding: 10px 22px !important;
    font-size: 15px !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  input,
  textarea,
  select,
  .search_form input,
  .pub_search_box input {
    font-size: 16px !important; /* 防止 iOS 自动放大 */
    min-height: 44px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ---------- 导航：logo 左 + 汉堡右，始终置顶 ---------- */
  .nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    line-height: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 60px !important;
    min-height: 0 !important;
    max-height: none !important;
    background: #ffffff !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .nav .nav_sha {
    display: none !important;
    height: 0 !important;
  }

  .nav .nav_con,
  .nav .nav_con.pure {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 56px !important;
    padding: 0 8px 0 10px !important;
    margin: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* 强制打开 logo（覆盖 .at_on{visibility:hidden}）；用黑底 on1，白底上一定能看见 */
  .nav .logo_box,
  .nav a.logo_box,
  .nav .logo_box.at_on,
  .nav a.logo_box.at_on {
    float: left !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100002 !important;
    padding: 9px 0 !important;
    margin: 0 !important;
    height: 42px !important;
    -webkit-animation: none !important;
    animation: none !important;
  }

  .nav .logo_box img,
  .nav .logo_box.at_on img,
  .nav .logo_box img.on1,
  .nav .logo_box img.on2 {
    display: none !important;
    height: 42px !important;
    width: auto !important;
    max-width: 150px !important;
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-animation: none !important;
    animation: none !important;
  }

  .nav .logo_box img.on1,
  .initial_nav .nav .logo_box img.on1,
  .nav.nav_on .logo_box img.on1,
  .initial_nav .nav .on1,
  .nav .logo_box img.on2,
  .initial_nav .nav .logo_box img.on2,
  .nav.nav_on .logo_box img.on2,
  .initial_nav .nav .on2 {
    display: none !important;
  }

  /* 汉堡菜单基础（与 logo 同行居中，细节见文末） */
  .nav .btn_nav_box,
  .nav .nav_con .btn_nav_box,
  .btn_nav_box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 100003 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
  }

  .nav .btn_nav_box .btn_nav_k,
  .btn_nav_box .btn_nav_k {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }

  /* 展开菜单：关闭时必须移出屏幕，否则白底遮住全页 */
  .nav .nav_con > .navBox,
  .navBox {
    float: none !important;
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important;
    transition: transform .35s ease !important;
    z-index: 100001 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    visibility: hidden !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  .navBox.on,
  .nav .nav_con > .navBox.on,
  body .navBox.on,
  body .nav .nav_con > .navBox.on {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    left: 0 !important;
    z-index: 2147482990 !important;
  }

  .navBox .item,
  .nav .nav_con .navBox ul {
    display: block !important;
    float: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 70px !important;
    width: 100% !important;
    padding: 0 0 40px !important;
    margin: 0 !important;
    max-height: calc(100vh - 70px) !important;
    overflow-y: auto !important;
    text-align: center !important;
  }

  .navBox .item > li,
  .nav .nav_con .navBox ul > li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  .nav .nav_con > .navBox a,
  .navBox .item li a {
    display: block !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #333 !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
  }

  .nav .nav_con .navBox ul li > ul {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    display: none !important;
    background: #fafafa !important;
  }

  .navBox .item > li.active > ul,
  .navBox .item > li.active .item_1 {
    display: block !important;
  }

  .nav .nav_con .navBox ul li > ul > li a {
    font-size: 15px !important;
    color: #666 !important;
    padding: 12px 20px !important;
  }

  .nav .nav_con > .navBox a span i {
    display: inline-block !important;
    margin-left: 8px !important;
    font-size: 12px !important;
    position: static !important;
    transform: none !important;
  }

  .nav .nav_con > .navBox .lan_box,
  .navBox .btn_sea_s,
  .nav .nav_con > .btn_sea_s {
    display: none !important;
  }

  /* 手机菜单：英文版入口（接在联系我们后面） */
  .navBox .item > li.m_nav_lang,
  .navBox.on .item > li.m_nav_lang {
    display: list-item !important;
  }

  .navBox .item > li.m_nav_lang > a span {
    letter-spacing: 0.08em !important;
  }

  body.ind_body {
    padding-top: 0 !important;
  }

  body:not(.ind_body) {
    padding-top: 60px !important;
  }

  /* ---------- Banner：父级 iframe 固定 60vh ---------- */
  .ind_banner_box {
    width: 100% !important;
    height: 60vh !important;
    min-height: 280px !important;
    max-height: 60vh !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #222 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .ind_banner_box .swiper-container,
  .ind_banner_box .window111a,
  .ind_banner_box .banner {
    width: 100% !important;
    height: 60vh !important;
    min-height: 280px !important;
    max-height: 60vh !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ind_banner_box iframe,
  .banner iframe,
  .ind_banner_box .banner iframe {
    width: 100% !important;
    height: 60vh !important;
    min-height: 280px !important;
    max-height: 60vh !important;
    border: 0 !important;
    display: block !important;
    vertical-align: top !important;
    background: #222 !important;
  }

  /* 内页 banner：贴紧顶栏，图铺满无空白，标题垂直居中 */
  .polaris-banner {
    margin-top: 52px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background: #2a4a6e !important; margin-top: 52px!important
  }

  .polaris-banner .img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0 !important;
  }

  .polaris-banner .img,
  .polaris-banner .img-block,
  .polaris-banner img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    vertical-align: top !important;
  }

  /* flex 撑满高度居中，避免 wow/animate 的 transform 把 top:50% 顶掉 */
  .polaris-banner .text {
    position: absolute !important;
    left: 5% !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 11 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  .polaris-banner .text-1,
  .polaris-banner .title-1 {
    transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    animation: none !important;
    -webkit-animation: none !important;
  }

  .polaris-banner .text-1 {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  .polaris-banner .title-1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-top: 4px !important;
  }

  /* ---------- 首页：关于（pc_sty 在手机显示） ---------- */
  .ind_src1_case.pc_sty,
  .pc_sty.ind_src1_case {
    display: flex !important;
    flex-direction: column !important;
    padding: 40px 16px !important;
    box-sizing: border-box !important;
  }

  .ind_body .ind_src1_case .pro_img_box {
    width: 100% !important;
    order: 1 !important;
    margin-bottom: 36px !important;
  }

  .ind_body .ind_src1_case .ind_src1_text {
    width: 100% !important;
    padding: 38px 0 0 !important;
    order: 2 !important;
    text-align: left !important;
  }

  .ind_body .ind_src1_case .ind_src1_n {
    display: none !important;
  }

  .ind_body .ind_src1_case .pub_num_sty {
    margin-bottom: 8px !important;
  }

  /* Company profile 与下方中文之间留一点间距；中文标题/副标题缩小 */
  .ind_body .ind_src1_case .ind_src1_text .pub_title {
    margin-bottom: 10px !important;
  }

  .ind_body .ind_src1_case .ind_src1_text .pub_title + .pub_title {
    font-size: 18px !important;
    line-height: 1.45 !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
    font-weight: normal !important;
  }

  .ind_body .ind_src1_case .ind_src1_tit_l {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-top: 0 !important;
  }

  .ind_body .ind_src1_case .pub_num_d_box {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
    padding: 0 !important;
    gap: 12px !important;
  }

  .ind_body .ind_src1_case .pub_num_d_box > div {
    width: calc(50% - 6px) !important;
    font-size: 15px !important;
  }

  .ind_body .ind_src1_case .ind_src1_text .pub_info {
    width: 100% !important;
    margin-top: 16px !important;
    font-size: 15px !important;
    text-align: justify !important;
  }

  /* ---------- 首页：推荐产品 ---------- */
  .pro {
    padding: 56px 0 64px !important;
    background-size: cover !important;
  }

  .pronr.cont1,
  .cont1,
  .cont,
  .pub_case,
  .index-content {
    width: 92% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .pronr .protit {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .pronr .protit .tit,
  .pronr .promenu,
  .pronr .promenu ul {
    width: 100% !important;
    float: none !important;
    text-align: left !important;
  }

  .tit p {
    font-size: 15px !important;
  }

  .tit h3,
  .tit h3 a {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  .pronr .promenu {
    margin-top: 16px !important;
  }

  /* 分类：一行三个，去掉箭头省空间 */
  .pronr .promenu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .pronr .promenu ul li {
    float: none !important;
    width: calc(33.333% - 6px) !important;
    flex: 0 0 calc(33.333% - 6px) !important;
    min-width: 0 !important;
    max-width: calc(33.333% - 6px) !important;
    height: 40px !important;
    min-height: 40px !important;
    line-height: 38px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
  }

  .pronr .promenu ul li a {
    font-size: 13px !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    min-height: 0 !important;
  }

  .pronr .promenu ul li span {
    display: none !important;
  }

  .prolist {
    margin-top: 24px !important;
    position: relative !important;
  }

  .prolist .swiper-slide {
    padding: 0 28px !important;
  }

  .prolist dl {
    position: relative !important;
  }

  .prolist dl dt {
    position: relative !important;
    margin: 0 !important;
  }

  .prolist dl dt img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .prolist dl dd {
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 12px 0 0 !important;
  }

  .prolist dl dd h4 {
    font-size: 18px !important;
    max-height: none !important;
    margin-top: 12px !important;
  }

  /* 左右箭头：相对产品图垂直居中 */
  .prolist .swiper-button {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100% !important; /* 约等于方图高度区域 */
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 8 !important;
  }

  .prolist .swiper-button div,
  .prolist .swiper-button-prev,
  .prolist .swiper-button-next {
    pointer-events: auto !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -18px !important;
    width: 28px !important;
    height: 36px !important;
    float: none !important;
    z-index: 9 !important;
  }

  .prolist .swiper-button-prev,
  .prolist .swiper-button .swiper-button-prev {
    left: 2px !important;
    right: auto !important;
  }

  .prolist .swiper-button-next,
  .prolist .swiper-button .swiper-button-next {
    left: auto !important;
    right: 2px !important;
  }

  /* 查看详情：横排，文字压在红线上（与 PC 一致） */
  .prolist dl dd .proxq,
  .prolist .proxq,
  .proxq {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin-top: 16px !important;
    margin-bottom: 28px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    color: #444 !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    -webkit-writing-mode: horizontal-tb !important;
    border: none !important;
    border-bottom: 1px solid #d41b08 !important;
    border-radius: 0 !important;
    background: transparent !important;
    vertical-align: baseline !important;
    box-sizing: border-box !important;
  }

  .prolist {
    margin-bottom: 12px !important;
  }

  /* ---------- 首页：应用 / 优势 / 新闻 / 联系 ---------- */
  .ind_body .ind_src2_case .ind_src2_l .ind_src2_tex_box {
    margin-top: 48px !important;
    padding: 0 16px !important;
  }

  /* 图标栏与「Our Advantages」之间留白 */
  .ind_body .ind_src2_case .ind_src2_nav {
    bottom: 40px !important;
    padding: 0 12px !important;
  }

  .ind_body .ind_src2_case .ind_src2_nav .swiper-slide > div {
    font-size: 13px !important;
  }

  .ind_body .ind_src2_case .ind_src2_nav .swiper-slide > div img {
    width: 36px !important;
    height: auto !important;
  }

  .ind_body .ind_src2_case .ind_src2_nav .swiper-slide > div span[style] {
    display: none !important;
  }

  .ind_body .ind_src3_case {
    padding: 56px 0 40px !important;
  }

  /* 优势三项：图标居中在上，文字第二行居中 */
  .ind_body .ind_src3_case .ind_src3_con_b .ind_src3_r {
    margin-top: 28px !important;
    width: 100% !important;
  }

  .ind_body .ind_src3_case .ind_src3_con_b .ind_src3_r .ind_src3_tab {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 28px !important;
  }

  .ind_body .ind_src3_case .ind_src3_con_b .ind_src3_r .ind_src3_tab > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 12px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .ind_body .ind_src3_case .ind_src3_con_b .ind_src3_r .ind_src3_tab > div i {
    display: block !important;
    font-size: 36px !important;
    line-height: 1 !important;
    margin: 0 0 12px !important;
    text-align: center !important;
  }

  .ind_body .ind_src3_case .ind_src3_con_b .ind_src3_r .ind_src3_tab > div::after {
    display: none !important;
  }

  .ind_body .ind_src4_case .pub_case {
    padding: 40px 0 !important;
  }

  .ind_body .ind_src4_case .pub_case .ind_src4_con .ind_src4_r {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ind_src5_case .map_case {
    height: 220px !important;
  }

  .ind_src5_case .ind_src5_r {
    padding: 24px 16px 32px !important;
    margin-top: -20px !important;
  }

  .ind_src5_case .ind_src5_r > div .add_n {
    font-size: 18px !important;
  }

  .ind_src5_case .ind_src5_r > div .add_con {
    font-size: 15px !important;
    word-break: break-all !important;
  }

  /* ---------- 内页通用 ---------- */
  /* 子栏目：三列等分 + 浅色边框，文字单行 */
  .menu_location {
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #e8e8e8 !important;
    background: #fff !important;
  }

  .menu_location .index-content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .menu_location .menu {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu_location .menu ul,
  .menu_location ul {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-shadow: none !important;
    background: #fff !important;
    border-radius: 0 !important;
    border-top: 1px solid #eee !important;
  }

  .menu_location .menu li {
    float: none !important;
    flex: 0 0 33.333% !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    min-width: 33.333% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-right: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  .menu_location .menu li:nth-child(3n) {
    border-right: none !important;
  }

  .menu_location .menu li a,
  .menu_location .menu li a.font18,
  .menu_location .menu li a.font16 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 10px 4px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .menu_location .menu li.aon:after {
    display: none !important;
  }

  .menu_location .menu li.aon a {
    color: #c61c0b !important;
  }

  /* 内页标题区：与「公司简介」统一 — 子栏目到标题间距 20px */
  .polaris-certificate-honor,
  .polaris-about,
  .polaris-company-profile {
    padding-top: 0 !important;
  }

  .index_jieshao,
  .index_jieshao[style] {
    padding: 20px 0 !important;
    margin: 0 !important;
  }

  .index_jieshao-top {
    margin: 0 !important;
    padding: 0 !important;
  }

  .index_jieshao-top .title-3,
  .index_jieshao-top .title-3.font38 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 6px !important;
    padding: 0 8px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .index_jieshao-top .title-2,
  .index_jieshao-top .title-2.font40 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .news-content-item .title-1,
  .news-content-item .title-1.font20,
  .news-content-item .text .title-1 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  /* 产品卡片标题（如 100#白）缩小 */
  .pro-card-title,
  h3.pro-card-title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .pro-card-more {
    font-size: 12px !important;
    margin-top: 6px !important;
  }

  .pro-card-info {
    padding: 12px 12px 14px !important;
  }

  .company-profile-top .index-content,
  .index_about .index-content,
  .index_cp .index-content {
    display: block !important;
  }

  .company-profile-left,
  .company-profile-right {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
    padding-bottom: 20px !important;
  }

  .company-profile-left[style] {
    height: 220px !important;
    background-size: cover !important;
  }

  .polaris-company-profile {
    padding: 0 0 40px !important;
    background-attachment: scroll !important;
    background-size: cover !important;
  }

  .company-profile-top {
    padding-bottom: 24px !important;
    padding-top: 0 !important;
  }

  .mumping_mun,
  .digital .mumping_mun {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .mumping_mun .mun_top {
    width: 100% !important;
    margin: 0 !important;
  }

  .professional-competence-item {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
  }

  .professional-competence-item.cur {
    width: 100% !important;
  }

  .professional-competence-item .default-item {
    height: auto !important;
    min-height: 180px !important;
    padding: 24px 20px !important;
  }

  /* 产品列表 */
  .promid_1 ul,
  .promid_1 {
    width: 100% !important;
  }

  .promid_1 li,
  .cssimgp {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }

  .promid_1_mid {
    display: block !important;
  }

  .promid_1_mid_left,
  .promid_1_mid_right {
    width: 100% !important;
    float: none !important;
  }

  /* 新闻 / 详情 */
  .news-content-item,
  .polaris-news-detail-left,
  .polaris-news-detail-right,
  .contactus-item {
    float: none !important;
    width: 100% !important;
    margin: 0 0 20px !important;
  }

  /* 厂房设备：一行两图（覆盖上面 width:100%） */
  #newslist.news-content-list {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  #newslist .news-content-item {
    float: none !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    margin: 4px !important;
  }

  /* 联系页卡片 */
  .contact-cards {
    margin: 0 0 24px !important;
  }

  .contact-card {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
  }

  /* Footer */
  footer {
    padding: 32px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  footer .foot_con {
    display: block !important;
    padding: 0 !important;
  }

  footer .foot_con .foot_com_box {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  footer .foot_con .foot_com_box > a img {
    height: 40px !important;
    width: auto !important;
  }

  footer .foot_con .foot_nav {
    display: none !important;
  }

  .copyRight_box,
  .copyRight {
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    word-break: break-all !important;
  }

  .btn_go_top {
    width: 48px !important;
    height: 48px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* 视频弹层 */
  .sha_video > div video {
    min-width: 0 !important;
    width: 90vw !important;
    max-width: 90vw !important;
    max-height: 70vh !important;
  }

  /* 清除桌面大间距 / 固定背景 */
  [style*="background-attachment: fixed"],
  [style*="background-attachment:fixed"] {
    background-attachment: scroll !important;
  }
}


/* =========================================================
   ≤768px 手机竖屏
   ========================================================= */
@media screen and (max-width: 768px) {

  body {
    font-size: 15px !important;
  }

  .nav .nav_con {
    padding: 6px 12px !important;
    min-height: 56px !important;
  }

  .logo_box img {
    height: 36px !important;
    max-width: 140px !important;
  }

  .btn_nav_box {
    right: 10px !important;
  }

  body:not(.ind_body) {
    padding-top: 56px !important;
  }

  .ind_banner_box,
  .ind_banner_box .swiper-container,
  .ind_banner_box .window111a,
  .ind_banner_box .banner,
  .ind_banner_box iframe,
  .banner iframe {
    height: 60vh !important;
    min-height: 240px !important;
  }

  .polaris-banner,
  .polaris-banner .img,
  .polaris-banner .img-block,
  .polaris-banner img {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
  }

  .polaris-banner {
    margin-top: 52px !important;
    margin-bottom: 0 !important;
  }

  .ind_src1_case.pc_sty,
  .pc_sty.ind_src1_case {
    padding: 32px 12px !important;
  }

  .pro {
    padding: 48px 0 56px !important;
  }

  .pronr .promenu ul li {
    width: calc(33.333% - 6px) !important;
    flex: 0 0 calc(33.333% - 6px) !important;
    min-width: 0 !important;
  }

  .ind_body .ind_src2_case .ind_src2_nav {
    bottom: 36px !important;
    padding: 0 8px !important;
  }

  .ind_body .ind_src2_case .ind_src2_nav .swiper-slide > div {
    font-size: 12px !important;
  }

  .ind_body .ind_src3_case {
    padding: 48px 0 32px !important;
  }

  .ind_body .ind_src4_case .pub_case {
    padding: 32px 0 !important;
  }

  .ind_src5_case .map_case {
    height: 180px !important;
  }

  .pub_case,
  .cont1,
  .cont,
  .index-content {
    width: 90% !important;
  }

  /* 数字统计改为单列更易读 */
  .ind_body .ind_src1_case .pub_num_d_box > div {
    width: 100% !important;
  }

  .company-profile-left[style] {
    height: 180px !important;
  }

  /* 表格横向滚动，避免撑破 */
  .proxx,
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .proxx tr td {
    font-size: 15px !important;
    padding: 10px 12px !important;
    white-space: nowrap !important;
  }

  /* ---------- 产品详情页 ---------- */
  .neirong.proxx.juzm,
  .proxx.juzm,
  .juzm.proxx {
    width: 92% !important;
    max-width: 100% !important;
    margin: 0 auto 24px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  .neirong.proxx .neirrraa,
  .proxx .neirrraa,
  .neirrraa.flex {
    display: block !important;
    width: 100% !important;
  }

  .neirong.proxx .zuo,
  .proxx .zuo,
  .neirrraa .zuo {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f7f7f7 !important;
  }

  .neirong.proxx .zuo img,
  .proxx .zuo img,
  .neirrraa .zuo img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }

  .neirong.proxx .you,
  .proxx .you,
  .neirrraa .you {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 4px 8px !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  .neirong.proxx .you .font32,
  .proxx .you .font32,
  .neirrraa .you > .font32 {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 0 0 14px !important;
    color: #d11f00 !important;
  }

  /* 上一个 / 返回 / 下一个：两行清爽排版 */
  .fanhui {
    margin: 20px 0 8px !important;
    width: 100% !important;
    clear: both !important;
  }

  .fanhui ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  .fanhui ul li {
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .fanhui ul li:nth-child(1) {
    order: 1 !important;
    width: 48% !important;
    text-align: left !important;
    padding-right: 6px !important;
  }

  .fanhui ul li:nth-child(3) {
    order: 2 !important;
    width: 48% !important;
    text-align: right !important;
    padding-left: 6px !important;
  }

  .fanhui ul li:nth-child(2) {
    order: 3 !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 18px !important;
  }

  .fanhui ul li .up,
  .fanhui ul li .down {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
  }

  .fanhui ul li a {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .fanhui .fback {
    display: inline-block !important;
    margin: 0 auto !important;
    float: none !important;
  }

  .fanhui .fback a {
    display: inline-block !important;
    min-width: 96px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .fanhui .clear {
    display: none !important;
  }
}


/* =========================================================
   关键修复：logo / 汉堡（覆盖滚动动画行内 visibility、透明顶栏）
   logo 改用背景图，不依赖 img 是否被 JS 隐藏
   ========================================================= */
@media screen and (max-width: 1024px) {
  body.initial_nav .nav,
  body.ind_body .nav,
  body .nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 56px !important;
    z-index: 2147483000 !important;
    background: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.initial_nav .nav .nav_con,
  body .nav .nav_con {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    height: 56px !important;
    padding: 0 8px 0 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  /* 取消导航里所有 at_on 的隐藏（scrollAnimate 会写行内 hidden） */
  body .nav .at_on,
  body .nav a.at_on,
  body .nav .logo_box,
  body .nav .logo_box.at_on,
  body .nav a.logo_box {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  /* logo 与右侧三横同一行垂直居中 */
  body .nav {
    height: 56px !important;
  }

  body .nav a.logo_box,
  body .nav .logo_box {
    float: none !important;
    display: block !important;
    height: 40px !important;
    width: 168px !important;
    max-width: calc(100vw - 64px) !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-image: url("../images/logo1.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    overflow: hidden !important;
    position: relative !important;
    top: auto !important;
    z-index: 2147483001 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
  }

  body .nav a.logo_box img,
  body .nav .logo_box img {
    display: none !important;
  }

  /* 汉堡：退出 absolute，跟 logo 一起 flex 垂直居中 */
  body .nav .btn_nav_box,
  body .btn_nav_box {
    display: block !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 2147483002 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    background: transparent !important;
    flex: 0 0 40px !important;
    align-self: center !important;
  }

  body .nav .btn_nav_box .btn_nav_k,
  body .btn_nav_box .btn_nav_k {
    display: block !important;
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  /* 不要伪元素抢线条，只用三个 span */
  body .nav .btn_nav_box .btn_nav_k::before,
  body .nav .btn_nav_box .btn_nav_k::after,
  body .btn_nav_box .btn_nav_k::before,
  body .btn_nav_box .btn_nav_k::after {
    content: none !important;
    display: none !important;
  }

  body .nav .btn_nav_box .btn_nav_k span,
  body .btn_nav_box .btn_nav_k span,
  body .initial_nav .btn_nav_box .btn_nav_k span {
    display: block !important;
    position: absolute !important;
    left: 8px !important;
    width: 24px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #d52905 !important;
    border-radius: 1px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }

  /* 三线在 40px 盒子内垂直居中：11 / 19 / 27 */
  body .nav .btn_nav_box .btn_nav_k span:nth-child(1) { top: 11px !important; }
  body .nav .btn_nav_box .btn_nav_k span:nth-child(2) { top: 19px !important; width: 24px !important; opacity: 1 !important; }
  body .nav .btn_nav_box .btn_nav_k span:nth-child(3) { top: 27px !important; }

  /* 展开后汉堡三线收起（关闭用右上角 ×） */
  body .nav .btn_nav_box .btn_nav_k.on span,
  body .btn_nav_box .btn_nav_k.on span,
  body .nav .nav_con:has(.navBox.on) .btn_nav_box .btn_nav_k span {
    opacity: 0 !important;
  }

  /* 右上角关闭按钮 × —— 菜单打开时显示，点击可关 */
  body .nav .m_nav_close {
    display: none !important;
    position: fixed !important;
    right: 6px !important;
    top: 8px !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 40px !important;
    text-align: center !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    color: #d52905 !important;
    background: #fff !important;
    border-radius: 4px !important;
    z-index: 2147483005 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.08) !important;
    font-family: Arial, sans-serif !important;
  }

  body .nav .nav_con:has(.navBox.on) .m_nav_close,
  body .nav:has(.navBox.on) .m_nav_close,
  body .nav .m_nav_close.is-show {
    display: block !important;
  }

  /* 打开态菜单 */
  body .nav .nav_con > .navBox.on,
  body .navBox.on,
  body .nav #nav.navBox.on {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 2147482990 !important;
    display: block !important;
    padding-top: 60px !important;
  }

  body .nav .nav_con > .navBox.on::before,
  body .nav .nav_con > .navBox.on::after,
  body .navBox.on::before,
  body .navBox.on::after {
    content: none !important;
    display: none !important;
  }

  body .navBox.on .item,
  body .navBox.on .item li,
  body .navBox.on .item li a {
    visibility: visible !important;
    opacity: 1 !important;
    color: #333 !important;
  }

  body .navBox.on .item {
    top: 70px !important;
  }

  /* 一级、二级分类字号一致 */
  body .navBox.on .item > li > a,
  body .navBox.on .item > li > a span,
  body .nav .nav_con > .navBox.on a,
  body .nav .nav_con > .navBox.on a span,
  body .navBox.on .item_1 li a,
  body .navBox.on .item_1 li a span,
  body .nav .nav_con .navBox.on ul li > ul > li a,
  body .nav .nav_con .navBox.on ul li > ul > li a span {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}