/* Shared responsive corrections loaded after the captured desktop styles. */
img {
  -webkit-user-drag: none;
  user-select: none;
}

.mobile-nav {
  display: none;
}

.mobile-action-bar {
  display: none;
}

.mobile-solution-image {
  display: none;
}

/* 电话号码包了 tel: 链接后，默认链接色会覆盖标题的绿色；这里让它继承 h6 的颜色，
   窄屏（≤700px）下 h6 为白色，继承后手机端同样正确。
   注：热线区的布局规则（flex、图标间距、去掉内页括号装饰）全部收在 ≤1050px 断点内，
   桌面端（≥1051px）保持各页原生样式：首页 index.css、内页 main.css。 */
.header .h_nr_2 .content .rxphone .dh h6 .phone-number {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 1199px) {
  img,
  video,
  iframe {
    max-width: 100%;
  }

  .tywidth,
  .more-title,
  .list-container,
  .product-main .product-content {
    width: calc(100% - 40px);
    max-width: 1200px;
  }

  .content {
    min-width: 0;
  }

  .header .nav .content,
  .foot .nav .content {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }

  .header .nav .content ul,
  .foot .nav .content ul {
    display: flex;
    width: max-content;
    min-width: 100%;
  }

  .header .nav .content ul li {
    width: auto;
    min-width: 112px;
    padding: 0 14px;
  }

  .header .nav .content ul dd {
    display: none;
  }

  .foot .nav .content ul li {
    margin-right: 24px;
  }

  .product-main .product-content .right {
    min-width: 0;
  }

  .product-main .product-content .right .cp-zl > ul,
  .company-power-list > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .product-main .product-content .right .cp-zl ul li,
  .company-power-list > ul > li {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
  }

  .product-main .product-content .right ul li .db-title,
  .company-power-list .Company-title {
    width: auto;
    height: auto;
    min-height: 42px;
    padding: 10px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  .company-power-list > ul > li > a {
    display: block;
    width: 100%;
  }

  .company-power-list .power-img {
    width: 100%;
  }

  .company-power-list .power-img img {
    display: block;
    width: 100%;
    height: auto;
  }

  .user-content,
  .service-list,
  .model-matching-list {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 1050px) {
  .header .h_nr_1 .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: auto;
    padding: 8px 0;
    line-height: 1.5;
  }

  .header .h_nr_1 .content .header_left,
  .header .h_nr_1 .content .header_right a,
  .header .h_nr_1 .content .header_right i {
    font-size: 12px;
  }

  .header .h_nr_2 {
    height: auto;
    min-height: 108px;
    overflow: visible;
  }

  .header .h_nr_2 .content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 12px 0;
  }

  .header .h_nr_2 .content > div {
    display: block;
    min-width: 0;
    margin: 0;
  }

  .header .h_nr_2 .content .logo {
    flex: 0 0 136px;
    width: 136px;
  }

  .header .h_nr_2 .content .logo img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .header .h_nr_2 .content .text {
    flex: 1 1 220px;
    min-width: 0;
    padding-left: 16px;
  }

  .header .h_nr_2 .content .text h3 {
    font-size: 20px;
    line-height: 1.4;
  }

  .header .h_nr_2 .content .text i {
    font-size: 14px;
    line-height: 1.5;
  }

  .header .h_nr_2 .content .rxphone {
    flex: 1 0 100%;
    justify-content: center;
    margin: 0;
  }

  .header .nav {
    height: 48px;
    line-height: 48px;
  }

  .product-main {
    margin-top: 32px;
  }

  .product-main .product-content {
    display: flex;
    flex-direction: column;
    gap: 28px;
    overflow: visible;
  }

  .product-main .product-content .right,
  .product-main .product-content .pro-left {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .product-main .product-content .right {
    order: 1;
  }

  .product-main .product-content .pro-left {
    order: 2;
  }

  .product-main .product-content .pro-left .sideMenu h6,
  .product-main .product-content .pro-left .sideMenu ul li {
    width: 100%;
  }

  .con1,
  .con2,
  .vspk,
  .case .nr,
  .solution,
  .ys,
  .new .nr,
  .new .nr .bd {
    height: auto;
    min-height: 0;
  }

  .con1,
  .con2,
  .vspk,
  .case .nr,
  .solution {
    overflow: visible;
  }

  .con1 .topbt,
  .con1 .nr,
  .vspk .nr,
  .case .nr,
  .solution .nr {
    width: calc(100% - 40px);
  }

  .case .nr .bd ul li dd {
    width: calc((100% - 24px) / 2);
    margin: 0 24px 20px 0;
  }

  .case .nr .bd ul li dd:nth-child(3n) {
    margin-right: 24px;
  }

  .case .nr .bd ul li dd:nth-child(2n) {
    margin-right: 0;
  }

  .case .nr .bd ul li dd .pic {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .case .nr .bd ul li dd .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .solution .bd ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .solution .bd ul li {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
  }

  .contact_nr > .content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .contact_nr .contact_l,
  .contact_nr .contact_r {
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
  }
}

@media (min-width: 601px) and (max-width: 1050px) {
  .banner-index .slideBox .bd img {
    aspect-ratio: 1920 / 600;
    object-fit: cover;
    background: none;
  }
}

@media (max-width: 700px) {
  /* 手机端热线区 flex 布局（平板与桌面保持各自原生样式：首页 index.css / 内页 main.css） */
  .header .h_nr_2 .content .rxphone {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .header .h_nr_2 .content .rxphone .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
  }

  .header .h_nr_2 .content .rxphone .icon img {
    display: block;
  }

  .header .h_nr_2 .content .rxphone .dh {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none !important;
  }

  .header .h_nr_2 .content .rxphone .dh h6 {
    display: flex;
    align-items: center;
  }

  .header .h_nr_2 .content .rxphone .dh h6 i {
    margin: 0 8px 0 0;
    line-height: 1;
  }

  body {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }

  .header .h_nr_1 {
    display: none;
  }

  .header .h_nr_2 {
    min-height: 0;
    padding: 0;
    overflow: visible;
    background: #fff !important;
  }

  .header .h_nr_2 .content {
    display: grid;
    grid-template-areas:
      "hotline hotline"
      "logo text";
    grid-template-columns: minmax(96px, 32%) minmax(0, 1fr);
    gap: 0 12px;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .header .h_nr_2 .content .rxphone {
    grid-area: hotline;
    width: 100%;
    min-height: 42px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 6px 12px;
    color: #fff;
    background: #00923b;
    text-align: center;
  }

  .header .h_nr_2 .content .rxphone .icon {
    width: 22px;
    height: 22px;
    margin: 0;
  }

  .header .h_nr_2 .content .rxphone .icon img {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
  }

  .header .h_nr_2 .content .rxphone .dh {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 14px;
  }

  .header .h_nr_2 .content .rxphone .dh h6 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    white-space: nowrap;
  }

  .header .h_nr_2 .content .rxphone .dh h6 i {
    margin-right: 4px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
  }

  .header .h_nr_2 .content .rxphone .phone-number {
    color: #fff;
    font: inherit;
  }

  .header .h_nr_2 .content .logo {
    grid-area: logo;
    width: 100%;
    min-width: 0;
    padding: 8px 0 8px 12px;
  }

  .header .h_nr_2 .content .logo img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
  }

  .header .h_nr_2 .content .text {
    grid-area: text;
    align-self: center;
    min-width: 0;
    margin: 0;
    padding: 8px 12px 8px 12px;
  }

  .header .h_nr_2 .content .text:before {
    left: 0;
    top: 50%;
    height: 42px;
    transform: translateY(-50%);
  }

  .header .h_nr_2 .content .text h3 {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .header .h_nr_2 .content .text i {
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  .banner-index .slideBox,
  .banner-index .slideBox .bd,
  .banner-index .slideBox .bd ul,
  .banner-index .slideBox .bd ul li,
  .banner-index .slideBox .bd ul li a,
  .banner-index .slideBox .bd ul li picture {
    display: block;
    width: 100%;
    height: auto;
  }

  .banner-index .slideBox .bd img,
  .banner img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    background: #f4f5f2;
  }

  .case .nr .bd ul li dd .pic {
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
  }

  .case .nr .bd ul li dd .pic img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .mobile-action-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 880;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 60px;
    padding-bottom: env(safe-area-inset-bottom);
    background: #5c5060;
    box-shadow: 0 -2px 10px rgba(20, 24, 22, 0.12);
  }

  .mobile-action-bar a {
    display: flex;
    min-width: 0;
    min-height: 60px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #fff;
    font-size: 13px;
    line-height: 1.25;
    text-decoration: none;
  }

  .mobile-action-bar a + a {
    border-left: 1px solid rgba(255, 255, 255, 0.16);
  }

  .mobile-action-bar__call {
    background: #00923b;
  }

  .mobile-action-bar a span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  .mobile-action-bar svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mobile-action-bar small {
    max-width: 100%;
    font-size: 11px;
    line-height: 1.2;
  }

  .admin-entry {
    bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 700px) {
  .header .nav {
    display: none;
  }

  .header .h_nr_2 .content {
    grid-template-areas:
      "hotline hotline"
      "logo text"
      "nav nav";
  }

  .mobile-nav {
    position: relative;
    z-index: 35;
    display: block;
    grid-area: nav;
    grid-column: 1 / -1;
    width: 100%;
    background: #5c5060;
  }

  .mobile-nav summary {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
    touch-action: manipulation;
  }

  .mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .mobile-nav__icon {
    display: flex;
    width: 22px;
    height: 18px;
    flex-direction: column;
    justify-content: space-between;
  }

  .mobile-nav__icon::before,
  .mobile-nav__icon::after,
  .mobile-nav__icon i {
    display: block;
    width: 22px;
    height: 2px;
    background: currentColor;
    content: "";
  }

  .mobile-nav__links {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #e2e5e3;
  }

  .mobile-nav[open] .mobile-nav__links {
    display: grid;
  }

  .mobile-nav__links li {
    min-width: 0;
    border-top: 1px solid #e9ecea;
  }

  .mobile-nav__links li:nth-child(odd) {
    border-right: 1px solid #e9ecea;
  }

  .mobile-nav__links a {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    overflow-wrap: anywhere;
    touch-action: manipulation;
  }

  .mobile-nav__links a:active {
    color: #00923b;
    background: #f2f7f3;
  }

  .case .nr .bd ul li dd .pic,
  .new .nr .bd ul li .tjnew .pic {
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
  }

  .case .nr .bd ul li dd .pic img,
  .new .nr .bd ul li .tjnew .pic img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .con2_r p img {
    object-fit: contain;
  }

  .vspk .nr .bd ul li dt > div {
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
  }

  .vspk .nr .bd ul li dt > div img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .solution .bd ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .solution .bd ul li {
    display: block;
    height: auto;
    aspect-ratio: auto;
    overflow: hidden;
    background: #fff !important;
    border-radius: 4px;
  }

  .solution .bd ul li > a {
    display: flex;
    height: 100%;
    flex-direction: column;
  }

  .solution .bd ul li .mobile-solution-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: contain;
    background: #f4f6f4;
  }

  .solution .bd ul li .text {
    display: none;
  }

  .solution .bd ul li .by {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    min-height: 68px;
    padding: 8px 4px;
    background: #fff;
  }

  .solution .bd ul li .by dt {
    margin: 0 auto 6px;
  }

  .solution .bd ul li .by dd {
    margin: 0 0 4px;
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .solution .bd ul li .by i {
    font-size: 9px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .product-main .product-content .pro-left .phoneus-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 10px !important;
  }

  .product-main .product-content .pro-left .phoneus-actions a {
    display: flex;
    width: auto !important;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 8px;
    border-radius: 4px;
    line-height: 1.35;
    touch-action: manipulation;
  }
}

@media (max-width: 700px) {
  .case .nr .bd > ul {
    height: auto !important;
    position: static !important;
  }

  .case .nr .bd > ul > li {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
  }

  .case .nr .bd > ul > li[style*="display: none"] {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .banner-index .slideBox,
  .banner-index .slideBox .bd,
  .banner-index .slideBox .bd ul,
  .banner-index .slideBox .bd ul li,
  .banner-index .slideBox .bd ul li a,
  .banner-index .slideBox .bd ul li picture {
    height: auto;
    aspect-ratio: auto;
    background: none;
  }

  .banner-index .slideBox .bd img,
  .banner img {
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    background: none;
  }
}

@media (max-width: 700px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .tywidth,
  .more-title,
  .list-container,
  .product-main .product-content,
  .con1 .topbt,
  .con1 .nr,
  .vspk .nr,
  .case .nr,
  .solution .nr,
  .foot .nr,
  .foot .nav .content,
  .foot .bottom .db-nr {
    width: calc(100% - 32px);
  }

  .header .h_nr_1 .content {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .header .h_nr_1 .content .header_left {
    display: none;
  }

  .header .h_nr_1 .content .header_right {
    float: none;
  }

  .header .h_nr_2 .content {
    display: grid;
    grid-template-columns: minmax(96px, 34%) minmax(0, 1fr);
    gap: 10px;
    width: calc(100% - 24px);
  }

  .header .h_nr_2 .content .logo {
    width: 100%;
    min-width: 0;
  }

  .header .h_nr_2 .content .logo img {
    width: 100%;
    height: auto;
  }

  .header .h_nr_2 .content .text {
    align-self: center;
    margin-top: 0;
    padding-left: 12px;
  }

  .header .h_nr_2 .content .text:before {
    left: 0;
  }

  .header .h_nr_2 .content .text h3 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 4px;
  }

  .header .h_nr_2 .content .text i {
    font-size: 12px;
  }

  .header .h_nr_2 .content .rxphone {
    grid-column: 1 / -1;
    flex-wrap: wrap;
    min-height: 40px;
    gap: 6px;
    text-align: center;
  }

  .header .h_nr_2 .content .rxphone .dh h6 {
    flex-wrap: wrap;
    justify-content: center;
    white-space: normal;
    font-size: 17px;
    line-height: 1.4;
  }

  .header .h_nr_2 .content .rxphone .dh h6 i {
    font-size: 13px;
  }

  .header .nav .content {
    width: 100%;
  }

  .header .nav .content ul li {
    min-width: 98px;
    padding: 0 10px;
  }

  .header .nav .content ul li a {
    font-size: 14px;
  }

  .banner-index .slideBox .bd img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .banner img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 7;
    object-fit: cover;
  }

  .more-title {
    margin: 32px auto 24px !important;
    padding: 0 4px;
  }

  .more-title h3 {
    font-size: 22px !important;
    line-height: 1.45 !important;
  }

  .more-title p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .con1 {
    padding: 28px 0;
    background-size: cover;
    background-position: center;
  }

  .con1 .topbt {
    padding: 0;
    overflow: visible;
  }

  .con1 .topbt h3 {
    font-size: 18px;
    line-height: 1.5;
  }

  .con1 .topbt h3 p {
    display: block;
  }

  .con1 .topbt h3 i {
    font-size: 14px;
  }

  .con1_r {
    float: none;
    width: 100%;
  }

  .con1_r ul {
    display: block;
    overflow: hidden;
    padding: 4px 2px 12px;
  }

  .con1_r .tempWrap {
    width: 100% !important;
  }

  .con1_r ul li {
    float: left;
    height: 150px;
    margin: 0 10px 0 0;
  }

  .con1 .js {
    display: block;
    margin-top: 20px;
  }

  .con1 .js > div {
    display: block;
  }

  .con1 .js .bgmm,
  .con1 .js .bgmm ol {
    width: 100%;
    padding: 0;
  }

  .con1 .js .bgmm ol li {
    font-size: 13px;
    line-height: 1.7;
  }

  .con2 {
    padding: 12px 0 28px;
  }

  .con2 li {
    width: 50%;
    min-height: 140px;
  }

  .con2 li i {
    margin: 10px auto;
  }

  .con2 li h3 {
    height: auto;
    min-height: 90px;
  }

  .con2 li h3 span {
    width: 120px;
    max-width: 100%;
    background-size: contain !important;
  }

  .con2_l,
  .con2_r {
    float: none;
    width: 100%;
  }

  .con2_l {
    padding: 18px 14px;
  }

  .con2_l h3 em {
    font-size: 23px;
    line-height: 1.4;
  }

  .con2_r {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
  }

  .con2_r p {
    float: none;
    width: auto;
    height: 76px;
    margin: 0;
  }

  .vspk {
    padding: 28px 0;
  }

  .vspk .nr .hd {
    position: static;
    height: auto;
    padding: 0 0 12px;
    background: none;
  }

  .vspk .nr .hd ul {
    display: flex;
    gap: 6px;
  }

  .vspk .nr .hd ul li {
    flex: 1;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px 4px;
    font-size: 12px;
    line-height: 1.4;
  }

  .vspk .nr .bd ul li dt > div {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 12px;
  }

  .vspk .nr .bd ul li dd,
  .vspk .nr .bd ul li dd .js {
    float: none;
    width: 100%;
  }

  .case .nr .hd ul dd {
    width: 100%;
    font-size: 18px;
    line-height: 1.4;
  }

  .case .nr .hd ul li,
  .case .nr .hd ul .tsa {
    width: auto;
    height: auto;
    min-height: 36px;
    padding: 8px 10px;
    margin: 0 6px 8px 0;
    font-size: 12px;
    line-height: 1.4;
  }

  .case .nr .bd ul li dd,
  .case .nr .bd ul li dd:nth-child(2n),
  .case .nr .bd ul li dd:nth-child(3n) {
    width: 100%;
    margin: 0 0 18px;
  }

  .solution {
    margin-top: 28px;
    padding: 28px 0 36px;
  }

  .solution .bd ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .solution .bd ul li {
    height: 250px;
  }

  .solution .bd ul li .text {
    display: none;
  }

  .solution .bd ul li .by {
    width: 100%;
  }

  .contact_nr > .content {
    width: calc(100% - 32px);
  }

  .contact_nr .info_list li {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 0;
  }

  .contact_nr .info_list li span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .contact_nr .contact_l,
  .contact_nr .contact_r,
  .contact_nr .contact_l p,
  .contact_nr .contact_r p {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .map-box,
  .osm-frame {
    width: 100%;
    max-width: 100%;
  }

  .map-box {
    min-height: 240px;
  }

  .user-content {
    display: block;
    width: 100%;
    margin: 0;
  }

  .user-content .container-right .feedback-zb {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px 0;
    height: auto;
    overflow: visible;
  }

  .user-content .container-right label,
  .user-content .container-right input {
    float: none;
    clear: none;
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .user-content .container-right .spa,
  .user-content .container-right .feedback-zb br {
    display: none;
  }

  .user-content .container-right .feedback-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  .user-content .container-right .feedback-item-left {
    flex: 0 0 56px;
  }

  .user-content .container-right .feedback-item-right {
    flex: 1;
    min-width: 0;
  }

  .user-content .container-right .feedback-item textarea {
    float: none;
    width: 100% !important;
    max-width: 100%;
    min-height: 120px;
    margin: 0;
    resize: vertical;
  }

  .product-main .product-content .right .cp-zl > ul,
  .company-power-list > ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .product-main .product-content .right .content {
    overflow-wrap: anywhere;
  }

  .product-main .product-content .right .content img,
  .detail-gallery img {
    max-width: 100%;
    height: auto;
  }

  .product-main .product-content .right .content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  .product-main .product-content .right .content .about-zx .down-up {
    display: grid;
    gap: 12px;
    height: auto;
    margin-top: 24px;
  }

  .product-main .product-content .right .content .about-zx .down-up > div {
    float: none !important;
  }

  .new-list .download-info {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .new-list .download-info .download-img,
  .new-list .download-info .download-basic {
    width: 100%;
    min-width: 0;
  }

  .new-list .download-info .download-img img {
    width: 100%;
    height: auto;
  }

  .pages {
    float: none;
    display: block;
  }

  .pages .page {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .foot .nr .text,
  .foot .nr .text dl {
    float: none;
    width: 100%;
  }

  .foot .nr .text dl dd {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
  }

  .foot .nr .text dl dd .topic {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .foot .nr .ewm {
    float: none;
    width: auto;
    height: auto;
    margin: 18px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .foot .nr .ewm img {
    width: 140px;
    height: 140px;
  }

  .foot .bottom {
    height: auto;
    min-height: 50px;
    padding: 12px 0;
    line-height: 1.7;
  }

  .foot .bottom .db-nr {
    text-align: left;
    overflow-wrap: anywhere;
  }

  .foot .bottom .db-nr span {
    display: block;
    margin: 0 !important;
  }
}

@media (max-width: 380px) {
  .header .h_nr_2 .content .text h3 {
    font-size: 14px;
  }

  .header .h_nr_2 .content .text i {
    font-size: 11px;
  }

  .header .nav .content ul li {
    min-width: 88px;
    padding: 0 8px;
  }

  .header .nav .content ul li a {
    font-size: 13px;
  }

  .solution .bd ul {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .header .nav {
    height: auto;
    overflow: visible;
    line-height: normal;
  }

  .header .nav .content {
    width: 100%;
    min-width: 0;
    height: auto;
    margin: 0;
    overflow: visible;
  }

  .header .nav .content ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    overflow-x: visible;
  }

  .header .nav .content ul li {
    width: auto;
    min-width: 0;
    padding: 0 2px;
    box-sizing: border-box;
    text-align: center;
  }

  .header .nav .content ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.35;
    padding: 10px 2px;
  }

  .foot .linklist {
    margin-top: 12px;
  }

  .con1 .js {
    text-align: center;
    transform: translateY(-12px);
  }

  .con1 .js .icon {
    display: block;
    width: fit-content;
    margin: 0 auto 8px;
  }

  .con1 .js .by {
    display: block;
    margin: 0 auto 14px;
    text-align: center;
  }

  .con1 .js .bgmm {
    text-align: center;
  }

  .con1 .js .bgmm ol {
    display: block;
    width: fit-content !important;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
  }

  .new {
    background: none !important;
    background-color: #f7f8f7;
  }

  .new .nr .hd_r {
    background: #eef0ef;
  }

  .new .nr .hd_r ul {
    display: flex;
    width: 100%;
    background: #eef0ef;
  }

  .new .nr .hd_r ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing: border-box;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    min-height: 104px;
    height: auto;
    padding: 10px 3px;
    background-color: #eef0ef;
    border-right: 1px solid rgba(30, 45, 37, 0.08);
  }

  .new .nr .hd_r ul li:last-child {
    border-right: 0;
  }

  .new .nr .hd_r ul li.on {
    background-color: #dde5df !important;
  }

  .new .nr .hd_r ul li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 38px;
    height: 30px;
    margin: 0;
    line-height: 0;
  }

  .new .nr .hd_r ul li .icon img {
    display: block;
    max-width: 28px;
    max-height: 28px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .new .nr .hd_r ul li .by {
    display: block;
    width: 100%;
    min-width: 0;
    text-align: center;
  }

  .new .nr .hd_r ul li .by p {
    margin: 0 0 3px;
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
  }

  .new .nr .hd_r ul li .by i {
    font-size: 9px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .slideBox .hd {
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
  }

  .slideBox .hd ul {
    display: flex;
    float: none;
    gap: 10px;
    width: max-content;
  }

  .slideBox .hd ul li {
    float: none;
    margin: 0;
  }

  .case .nr .hd ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .case .nr .hd ul li,
  .case .nr .hd ul .li1,
  .case .nr .hd ul .li2,
  .case .nr .hd ul .li3,
  .case .nr .hd ul .li4,
  .case .nr .hd ul .li5,
  .case .nr .hd ul .tsa {
    width: auto !important;
    max-width: 100%;
    min-height: 36px;
    height: auto;
    margin: 0;
    padding: 8px 10px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .new .nr,
  .new .nr .bd {
    height: auto !important;
    overflow: visible !important;
  }

  .new .nr .bd ul li .tjnew {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .new .nr .bd ul li .tjnew > div {
    display: grid;
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding-bottom: 16px;
  }

  .new .nr .bd ul li .tjnew .pic,
  .new .nr .bd ul li .tjnew .text {
    float: none;
    width: auto;
    min-width: 0;
    height: auto;
  }

  .new .nr .bd ul li .tjnew .pic {
    aspect-ratio: 4 / 3;
  }

  .new .nr .bd ul li .tjnew .text p,
  .new .nr .bd ul li dl dd .data p {
    height: auto;
    overflow: visible;
    line-height: 1.6;
    overflow-wrap: anywhere;
  }

  .new .nr .bd ul li dl dd {
    float: none;
    width: 100%;
    height: auto !important;
    min-height: 0;
    overflow: visible !important;
    padding: 16px 0;
  }

  .new .nr .bd ul li dl dd .date {
    flex: 0 0 68px;
  }

  .new .nr .bd ul li dl dd .date i {
    font-size: 11px;
    overflow-wrap: anywhere;
  }

  .new .nr .bd ul li dl dd .data {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .new .nr .bd ul li dl dd .data h6 {
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
}

/* Final mobile overrides keep the homepage sections consistent after legacy styles. */
@media (max-width: 700px) {
  .con1 .topbt,
  .con1 .nr,
  .con2 .content,
  .vspk .nr,
  .case .nr,
  .solution .nr,
  .new .nr,
  .foot .nr,
  .foot .nav .content,
  .foot .bottom .db-nr {
    width: calc(100% - 32px);
    margin-right: auto;
    margin-left: auto;
  }

  .more-title {
    width: calc(100% - 32px);
    margin: 32px auto 24px !important;
    padding: 0;
  }

  .more-title h3 {
    overflow-wrap: anywhere;
  }

  .vspk > .more-title,
  .case > .more-title,
  .solution > .more-title {
    margin-top: 32px !important;
    margin-bottom: 24px !important;
  }

  .vspk .nr .bd ul li dt > div {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 4px;
  }

  .vspk .nr .bd ul li dt > div img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .vspk .nr .bd ul li dd {
    border-radius: 6px !important;
  }

  .con2_l,
  .con2_r {
    border-radius: 6px;
  }

  .solution .bd ul li {
    aspect-ratio: 4 / 3;
    height: auto;
    min-height: 0;
    border-radius: 4px;
  }
}

@media (max-width: 700px) {
  .header .h_nr_2 .content {
    width: 100% !important;
  }

  .banner-index .slideBox .bd img,
  .banner img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }

  .case .nr .bd ul li dd .pic,
  .new .nr .bd ul li .tjnew .pic,
  .vspk .nr .bd ul li dt > div {
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
  }

  .case .nr .bd ul li dd .pic img,
  .new .nr .bd ul li .tjnew .pic img,
  .vspk .nr .bd ul li dt > div img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .con2_r p img {
    object-fit: contain;
  }

  .solution .bd ul li {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0;
  }

  .solution .bd ul li .mobile-solution-image {
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
}

@media (max-width: 700px) {
  .case .nr .bd > ul {
    position: static !important;
    height: auto !important;
  }

  .case .nr .bd > ul > li {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
  }

  .case .nr .bd > ul > li[style*="display: none"] {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .vspk .nr .bd ul li dd {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    box-sizing: border-box;
    overflow: visible;
    padding: 14px !important;
    border-radius: 6px !important;
  }

  .vspk .nr .bd ul li dd .icon {
    flex: 0 0 58px;
    width: 58px;
    margin: 4px 0 0 !important;
  }

  .vspk .nr .bd ul li dd .js {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
  }

  .vspk .nr .bd ul li dd .js .by,
  .vspk .nr .bd ul li dd .js p {
    overflow-wrap: anywhere;
  }

  .case {
    position: relative;
    z-index: 1;
    clear: both;
    margin-top: 20px;
    background: #fff;
  }

  .case .nr .hd ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
  }

  .case .nr .hd ul dd {
    display: flex;
    grid-column: 1 / -1;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 0 4px;
    padding: 10px 12px;
    border: 1px solid #d7e2db;
    border-left: 3px solid #00923b;
    border-radius: 6px;
    background: #fff;
    color: #5c5060;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
  }

  .case .nr .hd ul li,
  .case .nr .hd ul .li1,
  .case .nr .hd ul .li2,
  .case .nr .hd ul .li3,
  .case .nr .hd ul .li4,
  .case .nr .hd ul .li5,
  .case .nr .hd ul .tsa {
    display: flex;
    grid-column: auto;
    width: 100% !important;
    max-width: none;
    min-width: 0;
    min-height: 44px;
    height: auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 6px;
    border: 1px solid #e0e3e1;
    border-radius: 6px;
    background: #f4f5f4;
    box-shadow: none;
    color: #555;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
  }

  .case .nr .hd ul li.on {
    border-color: #00923b;
    background: #00923b;
    color: #fff;
  }

  .case .nr .hd ul .tsa {
    grid-column: 1 / -1;
    max-width: 220px;
    justify-self: center;
    background: #fff;
    color: #00923b;
  }
}

@media (max-width: 700px) {
  .header .h_nr_2 .content {
    grid-template-columns: minmax(84px, 25%) minmax(0, 1fr);
    gap: 0 8px;
  }

  .header .h_nr_2 .content .logo {
    padding-left: 8px;
  }

  .header .h_nr_2 .content .logo img {
    max-width: 96px;
  }

  .header .h_nr_2 .content .text {
    padding-left: 10px;
  }

  .mobile-nav__links li {
    border-bottom: 1px solid #e9ecea;
  }

  .mobile-nav__links li:last-child {
    grid-column: 1 / -1;
  }

  .mobile-nav__links a {
    min-height: 44px;
  }

  .solution {
    margin-top: 16px;
    padding-top: 12px;
    padding-bottom: 28px;
    background: #f5f6f5 !important;
  }

  .solution > .more-title {
    margin-top: 8px !important;
    margin-bottom: 20px !important;
  }

  .header .h_nr_2 .content .text h3 {
    font-size: 14px;
  }
}

@media (max-width: 700px) {
  .header .h_nr_1,
  .header .nav {
    display: none !important;
  }

  .header .h_nr_2 .content {
    width: 100% !important;
    grid-template-areas:
      "hotline hotline"
      "logo text"
      "nav nav";
  }

  .mobile-nav {
    display: block !important;
    grid-area: nav;
    grid-column: 1 / -1;
    position: relative;
    z-index: 35;
    width: 100%;
  }

  .mobile-nav__links {
    display: none !important;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile-nav[open] .mobile-nav__links {
    display: grid !important;
  }

  .mobile-nav__links li,
  .mobile-nav__links a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .banner-index,
  .banner-index .slideBox,
  .banner-index .slideBox .bd,
  .banner-index .slideBox .bd ul,
  .banner-index .slideBox .bd ul li,
  .banner-index .slideBox .bd ul li a,
  .banner-index .slideBox .bd ul li picture,
  .banner {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    background: none !important;
    overflow: visible;
  }

  .banner-index .slideBox .bd img,
  .banner img,
  .case .nr .bd ul li dd .pic img,
  .new .nr .bd ul li .tjnew .pic img,
  .vspk .nr .bd ul li dt > div img,
  .ys .bd ul li .pic img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: transparent;
  }

  .con1_r ul li img,
  .con2_r p img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background: #fff;
  }

  .case .nr .bd ul li dd .pic,
  .new .nr .bd ul li .tjnew .pic,
  .vspk .nr .bd ul li dt > div,
  .ys .bd ul li .pic {
    height: auto !important;
    max-height: none;
    aspect-ratio: auto !important;
    overflow: visible;
  }

  .solution .bd ul li {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden;
    background: #fff !important;
    border-radius: 4px;
  }

  .solution .bd ul li > a {
    display: flex;
    height: 100%;
    flex-direction: column;
  }

  .solution .bd ul li .mobile-solution-image {
    display: block;
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: #f4f6f4;
  }

  .solution .bd ul li .text {
    display: none !important;
  }

  .solution .bd ul li .by {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    min-height: 68px;
    padding: 8px 4px;
    background: #fff;
  }

  .solution .bd ul li .by dt {
    margin: 0 auto 6px;
  }

  .solution .bd ul li .by dd {
    margin: 0 0 4px;
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .solution .bd ul li .by i {
    font-size: 9px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .admin-entry {
    bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }

  .product-main .product-content .pro-left .phoneus-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 10px !important;
  }

  .product-main .product-content .pro-left .phoneus-actions a {
    display: flex;
    width: auto !important;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 8px;
    border-radius: 4px;
    line-height: 1.35;
    touch-action: manipulation;
  }
}

@media (max-width:700px){
  .solution .bd ul li .mobile-solution-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
}

@media (max-width:700px){
.foot{background:#fff;padding-bottom:76px}
.foot .nav{background:#fff;padding:0;border-top:1px solid #ececec}
.foot .nav .content{width:100%;overflow:visible}
.foot .nav .content ul{display:grid;grid-template-columns:1fr 1fr;width:100%;min-width:0;gap:0}
.foot .nav .content ul li{margin:0;padding:0;width:auto;border-bottom:1px solid #f2f2f2}
.foot .nav .content ul li a{display:block;padding:13px 8px;font-size:14px;color:#333;text-align:center}
.foot .nav .content ul li:nth-child(odd){border-right:1px solid #f2f2f2}
.foot .nr{background:#fff;padding-top:16px}
.foot .linklist{display:none}
.foot .bottom{background:#f7f8fa;border-top:1px solid #ececec;padding:14px 0 18px}
}

@media (max-width:700px){
.foot{border-top:0}
.foot .nav .content ul li:last-child{grid-column:1/-1;border-right:0}
.foot .nr{border-top:1px solid #ececec;background:#fff;padding:18px 0 6px}
.foot .nr .text dl dd{margin:0 0 16px;align-items:center}
.foot .nr .text dl dd .topic p{color:#8c8c8c;font-size:12px;line-height:1.5;margin:0 0 2px}
.foot .nr .text dl dd .topic i{color:#222;font-size:14px;line-height:1.6;font-style:normal;display:block}
.foot .nr .ewm b{background:#00923b;color:#fff;border-radius:16px;padding:5px 14px;font-size:12px;font-weight:400;display:inline-block}
.foot .nr .ewm img{width:120px;height:120px;border:1px solid #eee;border-radius:8px;padding:6px;background:#fff}
}

@media (max-width:700px){
.foot{padding-bottom:92px}
.foot .nav{padding:0;margin:0}
.foot .nav .content ul{grid-auto-rows:58px;align-items:stretch}
.foot .nav .content ul li{display:flex;align-items:center;justify-content:center;height:58px;min-height:58px}
.foot .nav .content ul li a{padding:0;width:100%;line-height:58px;text-align:center}
.foot .nr .ewm{margin-bottom:8px}
}

@media (max-width:700px){
.solution .bd ul li .mobile-solution-image{display:block!important;width:100%!important;height:130px!important;aspect-ratio:auto!important;object-fit:cover!important}
}

@media (max-width:700px){
.foot .nav{background:#fff!important;border-top:1px solid #ececec!important;padding:10px 0!important}
.foot .nav .content{width:100%!important;overflow:visible!important}
.foot .nav .content ul{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;gap:0!important}
.foot .nav .content ul li{width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;display:inline-flex!important;align-items:center!important}
.foot .nav .content ul li a{display:inline-block!important;padding:7px 12px!important;font-size:13px!important;line-height:1.5!important;color:#444!important;border:0!important;text-align:center}
.foot .nav .content ul li+li a{border-left:1px solid #e2e2e2!important}
}

@media (max-width:700px){
.foot .nav{display:none!important}
}

.con2-more{display:none}
@media (max-width:700px){
.con2_r p{display:none!important}
.con2_r p:first-child{display:block!important}
.con2-more{display:block!important;width:132px;margin:10px auto 0;padding:7px 0;text-align:center;font-size:13px;line-height:1.4;color:#00923b;border:1px solid #00923b;border-radius:18px;text-decoration:none}
}