#articlenext{font-size:14px;}
/* 响应式设计 - 平板设备 (768px - 1024px) */
@media (max-width: 1024px) {
    .service-grid, .testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .about-content {
        flex-direction: column;
    }
    
    .detail-main {
        flex-direction: column;
    }
    
    .thumbnail-images {
        justify-content: center;
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 响应式设计 - 移动设备 (小于768px) */
@media (max-width: 768px) {
    .page-header {
  background-size: auto, auto;
  background-size: cover;
  color: white;
  text-align: center;
}
.pagination a, .pagination span {padding: 3px 5px;font-size: 14px;}
    .article-content h2 {font-size: 1.2em;}
    
    .header .container {
        flex-direction: column;
        text-align: center;
    }
    .main-nav {width: 100%;}
    .article-preview {display: grid;grid-template-columns: repeat(1, 1fr);}

    .logo {
        margin-bottom: 15px;
    }
     .banner {}
    .main-nav ul {
        flex-direction: column;
        align-items: center;
    }
    .header {position: initial;}
    .main-nav a {font-weight: normal;}
    .logo h1 {font-size:1.5em;color: #e67e22;}
   .main-nav li {
    margin: 5px 0;
    padding: 0px;
  }
    
    .header-contact {
       display: none;
    }
    
    .banner {

    }
    
    .banner h2 {
        font-size: 2em;
    }
    
    .service-grid, .testimonial-grid, .service-items {
        grid-template-columns: 1fr;
    }
    
    .service-item {
        flex-direction: column;
    }
    
    .service-item img {
        width: 100%;
        height: auto;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
    }
    
    .map-container {
        height: 300px;
    }
    
    .page-header h1 {
        font-size: 2em;
    }
    .Breadcrumb {padding-left:20px;}
    .article-categories {display: none;}
    .article-list {padding:5px 0px;}
    .article-sidebar{ margin-bottom:0px;}
    .article-detail .container {
  display: flex;
  gap: 0px;
}
.article-sidebar {
  display: none;
}    
.article-main {flex: 1;padding: 20px;}
 .footer {
    text-align: center;
  }

.main-header .container {
  display: inline;
}
  .logo {
    padding-top: 30px;
  }
 .main-nav ul {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 20px;
  }
 .main-nav {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 17px;
  }
.main-header {
  height: 195px;position: initial;
}

.bread_nav {margin: 14px auto 0px auto;font-size: 14px;padding: 0 15px;}
#articlenext{font-size:14px;}
.article-content {padding: 20px 20px 12px 20px;}
.article-item {display: initial;}
.article-item img {
  width: 100%;
  margin: 0px;
  border-radius: 5px;

}
.product-grid {grid-template-columns: repeat(1, 1fr);}
.hero {padding:0px;margin-top:0px;}
.about-section .container {display:inline;}
 .about-content {padding: 0 20px;}
.about-image {margin: 30px 20px 0px 20px;}
.about-section {padding:10px 0;}
.knowledge-section {padding: 20px 0;}
.section-title {margin-bottom: 10px;}
.featured-products {padding:10px 0;}    
    
}

/* 小屏幕手机 (小于480px) */
@media (max-width: 480px) {
    .banner {

    }
    
    .banner h2 {
        font-size: 1.8em;
    }
    
    .section-title {
        font-size: 1.5em;
    }
    
    .btn-large {
        padding: 10px 20px;
        font-size: 1em;
    }
    
    .detail-content {
        padding: 20px;
    }
    
    .map-container {
        height: 250px;
    }
}