/* 响应式设计 - 平板设备 (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: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0,0)), url('https://faceqq.com.cn/template/jiazheng/faceqq//images/topm.jpg') no-repeat center center;
    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;
}
    
    
    
    
}

/* 小屏幕手机 (小于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;
    }
}