@media screen and (max-width:768px) {
  :root {
    --head: 60px;
  }

  /* ============ header ============ */
  .head1 .logo {
    width: 35px;
    transition: opacity ease 0.3s, visibility ease 0.3s;
  }

  .head1 .lang {
    transition: opacity ease 0.3s, visibility ease 0.3s;
  }

  .navbar-toggle {
    display: inline-block;
    position: relative;
    z-index: 60;
  }

  .navbar-toggle span {
    background-color: var(--headtxt);
  }
  .home5 .faq-item .q p {
    width: 89%;
  }
  .head1 .menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    height: 100dvh;
    background: #f5f5f7;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: auto;
    padding: 80px 0 40px;
    gap: 0;
    color: var(--headtxt);
    transform: translateY(-100%);
    transition: transform ease 0.45s;
    z-index: 55;
    pointer-events: none;
  }

  header.open .menu {
    transform: translateY(0);
    pointer-events: auto;
  }

  /* 打开后隐藏顶栏 logo / 语言，只留关闭按钮 */
  header.open .head1 {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  header.open .head1 .logo,
  header.open .head1 .lang {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .head1 .link {
    width: 100%;
    margin-left: 0;
  }

  .head1 .link>a {
    display: block;
    border-bottom: none;
    line-height: 1.2;
    color: var(--headtxt);
  }

  .head1 .link a {
    padding: 0 20px;
  }

  .head1 .link::after {
    display: none;
    width: 52px;
    height: 10px;
    left: 50%;
    top: 100%;
    margin-top: 14px;
    transform: translate(-50%, -50%) scale(0);
  }

  .head1 .link:hover::after,
  .head1 .link.on::after {
    transform: translateX(-50%) translateY(0) scale(1);
  }

  .head1 .down {
    min-width: 80px;
    overflow: hidden;
    padding: 0;
  }

  .head1 .link .down {
    left: 50%;
    top: 100%;
    margin-top: 0;
    transform: translate(0, 0);
    min-width: 160px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    position: static;
    opacity: 1;
    width: 100%;
    pointer-events: visible;
    border-bottom: 1px solid #ddd;
    display: none;
  }

  .head1 .link .down::before {
    width: 100%;
    height: 40px;
    bottom: 100%;
  }

  .head1 .link .down a {
    padding: 10px 30px;
    text-align: left;
    font-size: 14px;
    color: #666;
  }

  .head1 .link .down a:not(:last-child) {
    border-bottom: none;
  }

  .head1 .link .down-jt {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('/img/icon-jia.svg') no-repeat center/15px;
  }


  .head1 .link.on .down-jt {
    background: url('/img/icon-jian.svg') no-repeat center/15px;
  }

  /* ============ 通用 ============ */
  .C-wrap {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }

  .btn {
    width: 175px;
    height: 44px;
    padding: 0;
    border-radius: 30px;
  }

  .btn .fill {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transform: scale(0);
    transition: transform ease 0.2s;
  }

  .btn:hover .fill {
    transform: scale(0);
  }

  .btn:active .fill {
    transform: scale(1);
  }

  .btn:hover .ico {
    width: 20px;
    opacity: 1;
    overflow: visible;
  }

  .btn-ghost:hover {
    border-color: #fff;
  }

  .btn-ghost:active {
    border-color: transparent;
  }

  /* ============ home1 首屏 ============ */
  .home1,
  .home2,
  .home3 {
    height: 500px;
  }

  .home1 .bg .pc-img,
  .home2 .bg .pc-img,
  .home3 .bg .pc-img {
    display: none;
  }

  .home1 .bg .mb-img,
  .home2 .bg .mb-img,
  .home3 .bg .mb-img {
    display: block;
  }

  .home1 .home1-text {
    padding: 100px 0 60px;
  }

  .home1 .home1-text .tit {
    gap: 4px;
  }

  /* ============ home2 / home3 ============ */
  .home2 .home2-text {
    padding-top: 100px;
  }
  .home3 .home3-text {
    padding-top: 50px;
  }
  .home2 .inner,
  .home3 .inner {
    gap: 24px;
    margin-left: 0;
    align-items: center;
    width: 100%;
  }

  .home3 .home3-text {
    justify-content: flex-start;
    align-items: center;
  }

  .home3 .home3-tip,
  .home3 .home3-tip.shine {
    bottom: 40px;
    right: 3%;
    animation: none;
    background-image: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: #fff;
    color: #fff;
    display: none;
  }

  /* ============ home4 ============ */
  .home4 .about-enter {
    padding: 60px 0 40px;
  }

  .home4 .about-enter .tit {
    gap: 12px;
  }

  .home4 .about-enter .btn {
    margin-top: 24px;
  }

  .home4 .about-adv {
    padding: 40px 0 60px;
  }

  .home4 .adv-viewport {
    overflow: visible;
  }

  .home4 .adv-track {
    flex-direction: column;
    gap: 24px;
    transform: none !important;
  }

  .home4 .adv-item {
    width: 100% !important;
    flex: none;
    opacity: 1 !important;
    transform: none !important;
  }
  .home4 .adv-item .info {
    padding: 12px 0 0;
  }
  .home4 .adv-item .pic {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .home4 .adv-item .desc {
    min-height: auto;
    opacity: 1 !important;
    transform: none !important;
  }

  .home4 .adv-dots {
    display: none;
  }

  /* ============ home5 ============ */
  .home5 {
    padding: 60px 0;
  }

  .home5 .home5-inner {
    flex-direction: column;
    gap: 24px;
  }

  .home5 .faq-left {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }

  .home5 .faq-card {
    width: 100%;
    height: auto;
    padding: 24px;
    gap: 16px;
    border-radius: 16px;
  }

  .home5 .faq-card .top {
    gap: 12px;
  }

  .home5 .faq-card .head {
    gap: 8px;
  }

  .home5 .faq-card .head .ico {
    width: 20px;
    height: 20px;
  }

  .home5 .faq-card .foot {
    gap: 8px;
  }

  .home5 .pdf-btn {
    gap: 8px;
    padding: 8px 16px;
  }

  .home5 .pdf-btn .ico {
    width: 20px;
    height: 20px;
  }

  .home5 .pdf-btn .arrow {
    width: 20px;
    height: 8px;
  }

  .home5 .faq-right {
    flex: none;
    width: 100%;
    padding: 24px;
    gap: 24px;
    border-radius: 16px;
  }
  .home5 .faq-right .head {
    flex-direction: column;
    gap: 20px;
  }
  .home5 .faq-right .head .tit {
    gap: 8px;
  }

  .home5 .faq-right .head .ico {
    width: 20px;
    height: 20px;
  }

  .home5 .faq-nav {
    gap: 12px;
  }

  .home5 .faq-nav .nav-btn {
    width: 36px;
    height: 36px;
  }

  .home5 .faq-nav .nav-btn .arrow {
    width: 6px;
    height: 10px;
  }

  .home5 .faq-list {
    min-height: 280px;
  }

  .home5 .faq-item {
    padding: 16px 0;
  }

  .home5 .faq-item .q {
    gap: 8px;
    width: 83%;
  }

  .home5 .faq-item .more {
    display: none;
  }

  .home5 .faq-item .plus {
    width: 20px;
    height: 20px;
    margin-left: 12px;
  }
  .foot-contact .social-item.has-qr .qr-pop .tri {
    width: 10px;
    height: 5px;
    bottom: -4px;

  }
  /* ============ FAQ 弹窗 ============ */
  .faq-modal .modal {
    width: calc(100% - 32px);
    max-width: none;
    border-radius: 20px;
    max-height: 85vh;
    padding: 40px 20px 20px;
    gap: 20px;
  }

  .faq-modal .close {
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
  }

  /* ============ btn 通用 ============ */
  .btn .ico {
    width: 20px;
    height: 20px;
  }

  /* ============ header 抽屉菜单排布 ============ */
  .head1 .menu .link {
    padding: 0;
  }

  .head1 .menu .link a {
    display: block;
    width: 100%;
    padding: 14px 40px;
    line-height: 1.25;
    font-size: 20px;
    font-weight: 600;
    border-bottom: none;
    color: var(--headtxt);
  }

  .head1 .menu .link a::after {
    display: none;
  }

  .head1 .menu .link.on a {
    color: var(--brand);
  }

  .head1 .lang-cur {
    gap: 4px;
    height: var(--head);
    /* padding: 0 8px; */
  }

  .head1 .lang-cur i {
    width: 20px;
    height: 20px;
  }

  .head1 .lang-list {
    width: 88px;
    padding: 10px;
    border-radius: 8px;
  }

  .head1 .lang-list a {
    padding: 2px 0;
    line-height: 1.5;
  }

  .head1 .lang-list a + a {
    margin-top: 10px;
  }

  .head1 .lang-list a::after {
    height: 2px;
    transition: none;
  }

  /* 移动端不用 hover,由 .open 类控制展开 */
  .head1 .lang:hover .lang-list {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(10px);
  }

  .head1 .lang.open .lang-list {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }

  #app {
    padding-top: var(--head);
  }

  /* ============ footer ============ */
  .foot1 {
    padding: 32px 0 24px;
    background: #fff;
  }

  .foot-main {
    flex-direction: column;
    gap: 16px;
  }

  .foot-col {
    width: 100% !important;
  }

  .foot-logo {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 0 4px;
    justify-content: space-between;
  }

  .foot-logo .logo {
    width: 88px;
    height: 32px;
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .foot-logo .slogan {
    font-size: 12px;
    line-height: 1.4;
  }

  .foot-contact,
  .foot-links,
  .foot-download {
    background: #f5f5f7;
    border-radius: 20px;
    padding: 24px 5%;
  }

  .foot-col .col-title {
    margin-bottom: 16px;
  }

  .foot-contact .contact-list li {
    margin-bottom: 12px;
  }

  .foot-contact .contact-list .ico {
    width: 20px;
    height: 20px;
  }

  .foot-contact .social-line {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    margin-top: 20px;
    padding-top: 4px;
  }

  .foot-contact .social-item {
    width: 48%;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .foot-contact .social-item + .social-item {
    padding-left: 8px;
    border-left: 1px solid #d2d2d7;
  }

  .foot-contact .social-item .social-meta {
    gap: 8px;
    align-items: flex-start;
    flex-direction: column;
  }

  .foot-contact .social-item .social-txt {
    gap: 2px;
  }

  .foot-contact .social-item .social-txt > span {
    opacity: 1;
    font-weight: 500;
  }

  .foot-contact .social-item .social-sub {
    display: block;
    color: #8a8f8d;
    line-height: 1.4;
    height: 55px;
  }

  .foot-contact .social-item.has-qr .qr-pop,
  .foot-contact .social-item.has-qr:hover .qr-pop {
    position: static;
    transform: none;
    width: 100%;
    /* flex: 1; */
    max-width: 132px;
    padding: 0;
    gap: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
    background: none;
  }

  .foot-contact .social-item.has-qr .qr-pop .qr {
    width: 60px;
    height: 60px;
  }

  .foot-contact .social-item.has-qr .qr-pop p,
  .foot-contact .social-item.has-qr .qr-pop .tri {
    display: none;
  }

  .foot-links {
    gap: 0;
    justify-content: space-between;
  }

  .foot-links .link-col,
  .foot-links .link-col:first-child {
    width: 48%;
  }

  .foot-links .link-list a {
    opacity: 0.72;
  }

  .foot-links .link-list a::after {
    transition: none;
  }

  .foot-download .dl-card {
    margin-bottom: 20px;
  }

  .foot-download .dl-card .desc {
    margin-bottom: 16px;
  }

  .foot-download .dl-btn {
    width: 100%;
    height: 48px;
    gap: 10px;
    border-radius: 12px;
  }

  .foot-download .dl-btn .ico {
    width: 20px;
    height: 20px;
  }

  .foot-download .social-icons {
    justify-content: flex-start;
    gap: 12px;
  }

  .foot-download .social-icons .s-ico {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(38, 38, 38, 0.06);
  }

  .foot-download .social-icons .s-ico .s-name {
    display: none;
  }

  .foot2 .goTop .ico {
    width: 15px;
    height: 15px;
  }

  .foot2 .foot-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: auto;
    padding: 20px 5%;
  }

  .foot2 .copy-txt {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  /* ============ float-btn ============ */
  .float-btn {
    right: 16px;
    bottom: 16px;
    width: 44px;
    height: 44px;
  }
  .head1 .head-right {
    gap: 10px;
  }
  .float-btn .ico {
    width: 24px;
    height: 24px;
  }

  /* ============ products ============ */
  .pro {
    padding: 40px 0 60px;
  }

  .pro-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
  }

  .pro-head .tit {
    width: 100%;
  }

  .pro-select {
    width: 100%;
  }

  .pro-select select {
    height: 44px;
    padding: 0 40px 0 14px;
    border-radius: 8px;
  }

  .pro-select .ico {
    right: 14px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }

  .pro-list.grid-x4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .pro-list {
    gap: 12px;
  }

  .pro-item {
    border-radius: 12px;
  }

  .pro-item .cover {
    padding: 16px;
  }

  .pro-item .name {
    padding: 0 8px 16px;
  }

  .pro-page {
    padding-top: 40px;
  }

  .pro-page .page-box {
    gap: 6px;
    padding: 6px 12px;
    border-radius: 40px;
  }

  .pro-page .p-arrow {
    width: 32px;
    height: 32px;
  }

  .pro-page .p-arrow .pic {
    width: 10px;
    height: 6px;
  }

  .pro-page .p-num,
  .pro-page .p-dot {
    width: 32px;
    height: 32px;
  }

  /* ============ proinfo1 面包屑 ============ */
  .proinfo1 .crumbs {
    gap: 6px;
    padding: 12px 5%;
  }

  /* ============ proinfo2 产品主展示 ============ */
  .proinfo2 {
    padding: 20px 0 40px;
  }

  .proinfo2-inner {
    flex-direction: column;
    gap: 24px;
  }

  .proinfo2 .pro-gallery {
    width: 100%;
  }

  .proinfo2 .gallery-title {
    margin-bottom: 16px;
  }

  .proinfo2 .pro-main {
    border-radius: 12px;
    margin-bottom: 0;
  }

  .proinfo2 .pro-main .pic {
    cursor: default;
  }

  .proinfo2 .pro-thumb {
    display: none;
  }

  .proinfo2 .pro-main-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
  }

  .proinfo2 .pro-main-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0;
    border-radius: 50%;
    background: #d2d2d7;
    opacity: 1;
  }

  .proinfo2 .pro-main-pagination .swiper-pagination-bullet-active {
    background: var(--headtxt);
  }

  .proinfo2 .pro-info .pro-select {
    align-self: stretch;
  }

  .proinfo2 .spec-item {
    gap: 12px;
    padding: 12px 0;
  }

  .proinfo2 .spec-item .ico {
    width: 44px;
    height: 44px;
  }

  .proinfo2 .spec-item .ico img {
    width: 24px;
    height: 24px;
  }

  .proinfo2 .spec-item .info {
    gap: 4px;
  }

  .proinfo2 .dl-card {
    padding: 16px;
    border-radius: 8px;
  }

  .proinfo2 .dl-card .txt {
    gap: 4px;
  }

  .proinfo2 .dl-card .ico {
    width: 24px;
    height: 24px;
  }

  /* ============ proinfo3 参数表 / 对比表 ============ */
  .proinfo3 {
    padding: 40px 0;
  }

  .proinfo3 .tabs {
    gap: 12px;
    padding-bottom: 16px;
    margin-bottom: 24px;
  }

  .proinfo3 .tab-btn {
    padding: 8px 20px;
    border-radius: 40px;
  }

  .proinfo3 .tab-panels {
    display: block;
  }

  .proinfo3 .tab-panel {
    width: 100%;
    min-width: 0;
  }

  .proinfo3 .spec-table {
    width: 100%;
  }

  .proinfo3 .spec-table .row {
    gap: 12px;
    padding: 12px 0;
  }

  .proinfo3 .spec-table .name {
    width: 45%;
  }

  .proinfo3 .compare-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .proinfo3 .compare-table .row {
    gap: 8px;
    padding: 12px 8px;
    min-width: 480px;
  }

  .proinfo3 .compare-table .col-key {
    width: 140px;
  }

  .proinfo3 .compare-table .col-val {
    width: 140px;
  }

  /* ============ proinfo4 相关产品 ============ */
  .proinfo4 {
    padding: 40px 0;
    overflow: hidden;
  }

  .proinfo4 .rel-swiper.swiper {
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip-path: none;
  }

  .proinfo4 .rel-swiper .swiper-slide {
    overflow: hidden;
  }

  .proinfo4 .rel-head {
    margin-bottom: 20px;
  }

  .proinfo4 .rel-nav {
    gap: 12px;
  }

  .proinfo4 .rel-nav .nav-btn {
    width: 32px;
    height: 32px;
  }

  .proinfo4 .rel-nav .arrow {
    width: 6px;
    height: 10px;
  }

  .proinfo4 .rel-list.grid-x4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .proinfo4 .rel-list {
    gap: 12px;
  }

  .proinfo4 .pro-item {
    border-radius: 12px;
  }

  .proinfo4 .pro-item .cover {
    padding: 16px;
  }

  .proinfo4 .pro-item .name {
    padding: 0 8px 16px;
  }

  .proinfo4 .rel-pagination {
    gap: 8px;
    padding-top: 20px;
  }

  .proinfo4 .rel-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  /* ============ pro-view-modal 全屏图片弹窗 ============ */
  .pro-view-modal .pro-view-inner {
    padding: 20px;
    gap: 16px;
  }

  .pro-view-modal .close {
    right: 12px;
    top: 12px;
    width: 28px;
    height: 28px;
  }

  .pro-view-modal .pro-view-nav {
    width: 32px;
    height: 32px;
  }

  .pro-view-modal .pro-view-nav.prev {
    left: 12px;
  }

  .pro-view-modal .pro-view-nav.next {
    right: 12px;
  }

  .pro-view-modal .pro-view-nav .arrow {
    width: 6px;
    height: 8px;
  }

  .pro-view-modal .pro-view-swiper .pic {
    max-height: calc(100vh - 120px);
  }

  .pro-view-modal .pro-view-pagination {
    gap: 8px;
    height: 20px;
  }

  .pro-view-modal .pro-view-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .pro-view-modal .pro-view-pagination .swiper-pagination-bullet-active {
    border-radius: 20px;
  }

  /* ============ about 通用 ============ */
  .about1,
  .about2,
  .about3 {
    padding: 40px 0;
  }

  .ab-head {
    gap: 12px;
  }

  /* ============ about1 公司简介 ============ */
  .about1 .ab-body {
    flex-direction: column;
    margin-top: 24px;
    gap: 16px;
  }

  .about1 .intro-card {
    width: 100%;
    gap: 16px;
    padding: 24px;
    border-radius: 12px;
  }

  .about1 .video-card {
    width: 100%;
    flex: none;
    aspect-ratio: 914 / 512;
    border-radius: 12px;
  }

  .about1 .video-card .play {
    right: 12px;
    top: 12px;
    width: 32px;
    height: 32px;
  }

  /* ============ about2 核心能力 ============ */
  .about2 .ab2-inner {
    flex-direction: column;
    gap: 24px;
  }

  .about2 .ab2-left {
    padding-top: 0;
    gap: 16px;
  }

  .about2 .ab2-right {
    width: 100%;
    gap: 16px;
  }

  .about2 .ab2-card {
    width: 100%;
    padding: 20px;
    gap: 16px;
    border-radius: 12px;
  }

  .about2 .ab2-card .btn-cert {
    width: auto;
    gap: 4px;
    padding: 8px 14px;
    border-radius: 40px;
  }

  .about2 .ab2-card .btn-cert .ico {
    width: 20px;
    height: 20px;
  }
  .foot-contact .contact-list li {
    gap: 10px;
  }
  .about2 .ab2-card .highlight {
    padding-left: 12px;
    border-left-width: 3px;
    gap: 4px;
  }

  .about2 .ab2-card .highlight .row {
    gap: 6px;
  }

  .about2 .ab2-card .highlight .badge {
    padding: 0 8px;
    border-radius: 3px;
  }

  .about2 .ab2-card > .desc {
    padding-top: 8px;
  }

  /* ============ about3 对外合作 ============ */
  .about3 .ab3-inner {
    flex-direction: column;
    gap: 24px;
  }

  .about3 .logo-wall {
    width: 100%;
    padding: 0;
    justify-content: center;
    gap: 12px;
  }

  .about3 .logo-wall .logo-item {
    width: calc((100% - 24px) / 3);
    height: 72px;
    border-radius: 12px;
  }

  .about3 .ab3-text {
    gap: 16px;
  }

  .about3 .ab3-text .desc {
    gap: 12px;
  }

  /* ============ video-modal 视频弹窗 ============ */
  .video-modal .video-modal-inner {
    width: calc(100% - 32px);
  }

  .video-modal .close {
    top: -40px;
    width: 28px;
    height: 28px;
  }

  .video-modal .close span {
    left: 4px;
    width: 20px;
    height: 2px;
  }

  .video-modal .video-frame {
    border-radius: 8px;
  }

  /* ============ cert-modal 证书弹窗 ============ */
  .cert-modal .cert-modal-inner {
    width: calc(100% - 32px);
    padding: 40px 16px 16px;
    gap: 16px;
    border-radius: 12px;
  }

  .cert-modal .close {
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
  }

  .cert-modal .cert-swiper .swiper-slide {
    width: 200px;
  }

  .cert-modal .cert-pic {
    padding: 10px;
    border-radius: 8px;
  }

  .cert-modal .cert-card .name {
    padding: 8px;
  }

  .cert-modal .cert-ctrl {
    min-height: 36px;
  }

  .cert-modal .cert-pagination {
    gap: 8px;
  }

  .cert-modal .cert-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .cert-modal .cert-pagination .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 20px;
  }

  .cert-modal .cert-nav {
    gap: 8px;
  }

  .cert-modal .cert-nav .nav-btn {
    width: 32px;
    height: 32px;
    border-radius: 32px;
  }

  .cert-modal .cert-nav .nav-btn img {
    width: 5px;
    height: 8px;
  }

  /* ============ news 列表页 ============ */
  .news1 {
    padding-top: 24px;
  }

  .news1 .news-head {
    padding-bottom: 24px;
  }

  .news1 .news-list {
    gap: 20px;
  }

  .news1 .topic {
    flex-direction: column;
    height: auto;
    border-radius: 12px;
  }

  .news1 .topic-pic {
    flex: none;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .news1 .topic-txt {
    padding: 20px;
    gap: 16px;
  }

  .news1 .topic-txt .tag {
    margin-bottom: 8px;
  }

  .news1 .news-grid {
    gap: 12px;
  }

  .news1 .news-grid.grid-x3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .news1 .news-card {
    border-radius: 12px;
  }

  .news1 .news-card .card-txt {
    padding: 12px;
    gap: 8px;
  }

  .news1 .news-card .name {
    height: 45px;
  }

  .news1 .pro-page {
    padding: 32px 0 40px;
  }

  /* ============ newsinfo 文章详情页 ============ */
  .newsinfo1 {
    padding: 20px 0 40px;
  }

  .newsinfo1 .article-wrap {
    gap: 24px;
  }

  .newsinfo1 .article-head {
    gap: 12px;
    padding: 0;
  }

  .newsinfo1 .article-card {
    gap: 24px;
    padding: 24px 16px;
    border-radius: 12px;
  }

  .newsinfo1 .article-body {
    line-height: 1.7;
  }

  .newsinfo1 .article-body .sub,
  .newsinfo1 .article-body .txt {
    line-height: 1.7;
  }

  .newsinfo1 .article-pic {
    border-radius: 6px;
  }

  .newsinfo1 .attach-card {
    width: 100%;
    padding: 16px;
    gap: 16px;
    border-radius: 8px;
  }

  .newsinfo1 .attach-card .txt {
    gap: 4px;
  }

  .newsinfo1 .attach-card .ico {
    width: 24px;
    height: 24px;
  }

  .newsinfo1 .article-nav {
    gap: 12px;
    padding-top: 16px;
    border-top-width: 1px;
  }

  .newsinfo1 .article-nav .nav-item {
    gap: 8px;
    align-items: flex-start;
  }

  .newsinfo1 .article-nav .nav-item .title {
    flex: 1;
    min-width: 0;
    line-height: 1.6;
  }

  /* ============ contact 联系页 ============ */
  .contact1 {
    padding: 40px 0;
  }

  .contact1 .ct-head {
    padding-bottom: 24px;
  }

  .contact1 .ct-card {
    flex-direction: column;
    padding: 20px 5%;
    border-radius: 12px;
    gap: 20px;
  }

  .contact1 .ct-left {
    width: 100%;
    gap: 16px;
    padding-right: 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }

  .contact1 .ct-right {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    border-left: none;
    border-top: 1px solid #d2d2d7;
    align-self: auto;
    justify-content: center;
    gap: 16px;
  }

  .contact1 .ct-item {
    gap: 8px;
  }

  .contact1 .ct-item .lb::after {
    bottom: -4px;
    height: 2px;
    transition: none;
  }

  .contact1 .ct-item.has-qr {
    min-width: 0;
  }

  .contact1 .ct-item .ico {
    width: 40px;
    height: 40px;
  }

  .contact1 .ct-addr {
    padding: 0;
  }

  .contact1 .ct-item.has-qr {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .contact1 .ct-item.has-qr .qr-pop,
  .contact1 .ct-item.has-qr:hover .qr-pop {
    position: static;
    order: -1;
    transform: none;
    width: 128px;
    padding: 8px;
    gap: 4px;
    border-radius: 8px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
    background: #fafafc;
  }

  .contact1 .ct-item.has-qr .qr-pop .qr {
    width: 112px;
    height: 112px;
    border-radius: 4px;
  }

  .contact1 .ct-item.has-qr .qr-pop .tri {
    display: none;
  }

  /* ---- 在线留言 ---- */
  .contact1 .ct-msg {
    margin-top: 32px;
    gap: 24px;
  }

  .contact1 .ct-msg .msg-intro {
    width: 100%;
    gap: 12px;
  }

  .contact1 .msg-form {
    padding: 20px 5%;
    gap: 16px;
    border-radius: 12px;
  }

  .contact1 .msg-form .hint b {
    margin-left: 2px;
  }

  .contact1 .msg-form .form-body {
    flex-direction: column;
    gap: 16px;
  }

  .contact1 .msg-form .form-left {
    width: 100%;
    gap: 16px;
  }

  .contact1 .msg-form .form-right {
    gap: 16px;
  }

  .contact1 .msg-form .field {
    padding: 12px;
    border-radius: 8px;
    width: 100%;
  }

  .contact1 .msg-form .field .star {
    margin-left: 4px;
  }

  .contact1 .msg-form .field-area {
    height: 140px;
    flex: none;
  }

  .contact1 .msg-form .field-area textarea {
    min-height: 0;
  }

  .contact1 .msg-form .msg-submit {
    align-self: stretch;
    width: auto;
  }

  /* ============ msg-modal 提交成功弹窗 ============ */
  .msg-modal .msg-modal-inner {
    width: calc(100% - 40px);
    padding: 32px 20px 24px;
    gap: 12px;
    border-radius: 12px;
  }

  .msg-modal .close {
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
  }

  .msg-modal .close span {
    left: 4px;
    width: 16px;
    height: 2px;
  }

  .msg-modal .ok-ico {
    width: 48px;
    height: 48px;
  }

  .msg-modal .ok-ico svg {
    width: 24px;
    height: 24px;
  }

  .msg-modal .ok-btn {
    margin-top: 12px;
  }

  .privacy1 {
    padding: 72px 0 40px;
  }

  .privacy1 .privacy-wrap {
    gap: 20px;
  }

  .privacy1 .privacy-head {
    gap: 8px;
    padding: 0;
  }

  .privacy1 .privacy-head .label {
    letter-spacing: 2px;
  }

  .privacy1 .privacy-card {
    padding: 24px 16px;
    border-radius: 12px;
  }

  .privacy1 .privacy-body {
    line-height: 1.7;
  }

  .privacy1 .privacy-body p {
    line-height: 1.7;
  }

  .privacy1 .privacy-body .sub {
    line-height: 1.4;
  }

  .cookie-tip {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .cookie-tip .cookie-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 16px 16px;
    border-radius: 12px;
    border-width: 1px;
  }

  .cookie-tip .cookie-head {
    gap: 8px;
  }

  .cookie-tip .cookie-head .ico {
    width: 20px;
    height: 20px;
  }

  .cookie-tip .cookie-text .desc {
    line-height: 1.6;
  }

  .cookie-tip .cookie-btns {
    width: 100%;
    gap: 8px;
    padding-right: 30px;
  }

  .cookie-tip .c-btn {
    flex: 1;
    padding: 10px 12px;
  }

  .cookie-tip .c-btn-ghost {
    border-width: 1px;
  }

  .cookie-tip .cookie-close {
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
  }

  .cookie-tip .cookie-close span {
    width: 16px;
    height: 1.5px;
  }
  .foot-download .dl-card .col-title {
    margin-bottom: 5px;
    font-size: 18px;
  }
  .contact1 .ct-addr p {
    text-align: center;
  }
  .home4 .about-enter .tit .f_36 {
    font-size: 18px;
  }
  .home4 .about-enter .tit .sub {
    font-size: 14px;
  }
  .ab-head .tit p {
    width: auto;
  }
  .contact1 .ct-item.has-qr .qr-pop p {
    height: 55px;
  }
}