@media (min-width: 1600px) and (max-width: 1920px)  {
    .nav-menu li {
      margin-left: 70px;
      position: relative;
    }
}
@media (min-width: 1200px) and (max-width: 1600px)  {
    .nav-menu li {
      margin-left: 32px;
      position: relative;
    }
}

@media (min-width: 992px) and (max-width: 1200px)  {
    .nav-menu li {
      margin-left: 22px;
      position: relative;
    }
}

/* 响应式设计 */
@media (max-width: 992px) {
  .about-content,
  .application-content,
  .story-content {
    flex-direction: column;
  }

  .application-content,
  .form-row,
  .featured-article,
  .contact-container,
  .article-container,
  .service-detail,
  .advantages-grid,
  .philosophy-content,
  .step-features,
  .application-detail,
  .features-list,
  .product-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .banner h1 {
    font-size: 2.5rem;
  }

  .timeline-container::before {
    left: 30px;
  }

  .timeline-item {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  .timeline-item:nth-child(even) {
    left: 0;
  }

  .timeline-item:nth-child(odd)::after,
  .timeline-item:nth-child(even)::after {
    left: 20px;
  }

  .articles-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }

  .article-title {
    font-size: 1.8rem;
  }

  .tools-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }

  .products-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }

  .category-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .search-filter-container {
    width: 100%;
    justify-content: space-between;
  }

  .search-box {
    flex: 1;
  }

  .search-box input {
    width: 100%;
  }

  .product-gallery {
    position: static;
  }

  .cta-grid,
  .customization-options {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 1260px) {
  .logo img {
    width: 130px;
  }
  .nav-menu li {
    margin-left: 12px;
    position: relative;
  }
  .twa span,.language-dropdown span{
    display: none;
  }
.whatsapp-button i {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .page-banner {
    min-height: 30vh;
}
  .nav-menu {
    position: fixed;
    top: 69px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 78px);
    background: var(--primary-color);
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 25px;
    transition: left 0.3s;
  }
  .nav-menu.active {
    left: 0;
  }

  .nav-menu li {
    margin: 15px 0;
  }

  .nav-menu li a {
    color: var(--white);
  }
 .nav-menu ul li a:hover {
    color: var(--primary-color);
  }

  .mobile-menu-btn {
    display: block;
  }
  .dropdown-menu.active {
    display: block;
  }

.lang-btn,.lang-btn:hover {
  border-color: var(--white);
  color: var(--white);
 }

  .logo img {
    width: 52%;
  }

  .banner h1,
  .page-banner h1 {
    font-size: 2rem;
  }

  .banner-control {
    display: none;
  }

  .about-features,
  .partners-grid,
  .tools-grid,
  .certifications-grid {
    grid-template-columns: 1fr;
  }

  .cta-btns {
    flex-direction: column;
    align-items: center;
  }

  .cta-btns .btn {
    width: 100%;
    max-width: 300px;
  }

  .section-title h2 {
    font-size: 1.8rem;
  }

  .contact-info,
  .contact-form {
    padding: 30px;
  }

  .locations-grid {
    grid-template-columns: 1fr;
  }

  .news-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .subscribe-form {
    flex-direction: column;
  }

  .subscribe-input {
    border-radius: var(--radius);
    margin-bottom: 10px;
  }

  .subscribe-btn {
    border-radius: var(--radius);
    width: 100%;
  }

  .article-navigation {
    flex-direction: column;
    gap: 20px;
  }

  .nav-item {
    max-width: 100%;
  }

  .services-container,
  .applications-container {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .service-tab,
  .application-tab {
    white-space: nowrap;
  }

  .process-step {
    flex-direction: column;
    gap: 20px;
  }

  .step-number {
    align-self: center;
  }
  .map-section .container{
        width: 100%;
  }
  .map-container {
      border-radius: 0;
      height: 273px;
  }

  .copyright  {
      padding-bottom: 60px;
  }
  footer,.contact-section,.contact-form,.contact-section,.map-section,.locations-section,.faq-section,.news-section,
  .services-section,
  .applications-section,
  .products-section,
  .subscribe-section,
  .article-section,
  .partners-section,
  .advantages-section,
  .quality-stats,
  .stats-section,
  .product-detail {
      padding: 25px 0;
  }
  .partners-track {
      gap: 40px;
      animation-duration: 18s;
  }
  .partner img {
      height: 50px;
  }
  .tab-nav {
    flex-direction: column;      /* 纵向折叠 */
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
    gap: 10px;
  }

  .tab-btn {
    width: 100%;
    text-align: left;
    padding: 12px 18px;
    border: 1px solid var(--gray-light);
    border-radius: 8px;
    background: #fff;
  }

  .tab-btn.active {
    background: var(--secondary-color);
    color: #fff;
    border-color: var(--secondary-color);
    border-bottom-color: var(--secondary-color) !important;
  }

  /* 内容区间距更紧凑 */
  .tab-content {
    padding-top: 10px;
  }

  .video-content video {
      width: 100%;
      max-width: 100%;
      height: 360px;
      border-radius: 10px;
  }

}

@media (max-width: 576px) {
footer, .contact-section, .contact-form, .contact-section, .map-section, .locations-section, .faq-section, .news-section, .services-section, .applications-section, .products-section, .subscribe-section, .article-section, .partners-section, .advantages-section, .quality-stats, .stats-section, .product-detail,.applications {
        padding: 15px 0;
    }
.application-content, .form-row, .featured-article, .contact-container, .article-container, .service-detail, .advantages-grid, .philosophy-content, .step-features, .application-detail, .features-list, .product-container {
    grid-template-columns: 1fr;
    gap: 0px;
}
.container-full {
  width: 90%;
}
services-container, .applications-container {
    gap: 6px;
}
.honor-icon,.culture-icon,.feature-icon,.step-number,.tool-icon,.certification-icon,.contact-icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
    margin: 0 auto 5px;
}
.contact-section .contact-form {
    padding: 22px;
    margin-bottom: 20px;
}
.contact-section .section-title h2 {
    font-size: 1.8rem;
}
.contact-section textarea.form-control {
    min-height: 92px;
}
.contact-section .section-title p {
    font-size: 1rem;
}
.section-title p {
    margin: 0px auto 0;
}
.contact-section .form-group {
    margin-bottom: 10px;
}
.page-banner p {
    font-size: 1rem;
    line-height: 1.2;
}
.form-control {
    padding: 5px 10px;
    font-size: 14px;
}
.app-overlay i {
    font-size: 30px;
    margin-bottom: 5px;

}
.app-overlay {
    padding: 42px 20px;
}
.form-container {
    padding: 22px;
}
.category-tab, .service-tab, .application-tab {
    padding: 0;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: center;
}
.news-nav, .services-nav, .applications-nav, .category-nav {
    padding: 15px 0 5px 0;
}
.section-title {
    margin-bottom: 25px;
}
  .contact-item {
    flex-direction: column;
    align-items: center;
    gap: 0px;
    text-align: center;
  }
.social-media h3 {
    text-align: center;
}
.stat-number {
    font-size: 1.6rem;
}
.cta-content h2 {
    font-size: 2rem;
}
  .social-links {
    justify-content: center;
  }

  .articles-grid,
  .products-grid,
  .features-grid,
  .applications-grid,
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .category-tabs {
    width: 100%;
    justify-content: center;
  }

  .featured-content {
    padding: 25px;
  }

  .featured-content h3 {
    font-size: 1.5rem;
  }

  .article-meta {
    flex-wrap: wrap;
  }

  .article-content h2 {
    font-size: 1.5rem;
  }

  .article-content h3 {
    font-size: 1.2rem;
  }

  .share-buttons {
    flex-wrap: wrap;
  }

  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .search-filter-container {
    flex-direction: column;
    gap: 10px;
  }

  .search-box,
  .filter-btn {
    width: 100%;
  }

  .product-info {
    padding: 25px;
  }
}