/* 响应式样式 */

/* 大屏 */
@media screen and (min-width: 993px) {
    .nav { display: block !important; }
}

@media screen and (max-width: 1200px) {
    .container { width: 96%; }
}

/* 平板 */
@media screen and (max-width: 992px) {
    .nav { 
        display: none; 
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 10px 15px rgba(0,0,0,0.1);
        border-top: 2px solid #D4AF37;
    }
    .nav-list {
        flex-direction: column;
    }
    .nav-item {
        width: 100%;
        border-bottom: 1px solid #f5f5f5;
    }
    .nav-item > a {
        line-height: 50px;
        padding: 0 20px;
    }
    .nav-item.active > a::after {
        display: none;
    }
    .sub-nav {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: 0;
        background: #f8f9fa;
        display: none;
    }
    .nav-item.open .sub-nav {
        display: block;
    }
    .sub-nav li a {
        padding-left: 40px;
        line-height: 44px;
        border-bottom: 1px solid #eee;
    }
    .sub-nav li a:hover {
        padding-left: 45px;
    }
    .mobile-menu-btn { display: flex; }
    .search-box { display: none; }
    
    .banner { height: 450px; }
    .banner-text { padding-top: 120px; }
    .banner-text h2 { font-size: 36px; }
    .banner-text p { font-size: 16px; }
    
    .about-content { flex-direction: column; }
    .about-text { width: 100%; margin-bottom: 30px; }
    .about-map { width: 100%; }
    
    .service-list { grid-template-columns: repeat(2, 1fr); }
    .service-item { width: 100%; margin-bottom: 0; }
    
    .news-list { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .news-img { height: 180px; }
    
    .footer-item { width: 50%; margin-bottom: 30px; }
    
    .contact-info { width: 100%; }
    .contact-form { width: 100%; }
    
    .list-item { flex-direction: column; }
    .list-img { width: 100%; height: 200px; }
}

/* 手机 */
@media screen and (max-width: 768px) {
    .top-bar { display: none; }
    
    .section { padding: 40px 0; }
    .section-title h3 { font-size: 24px; }
    
    .header .logo img { height: 50px; }
    
    .banner { height: 350px; }
    .banner-text { padding-top: 80px; }
    .banner-text h2 { font-size: 28px; }
    .banner-text p { font-size: 14px; margin-bottom: 20px; }
    
    .service-list { grid-template-columns: 1fr; }
    .service-item { width: 100%; }
    
    .news-list { grid-template-columns: 1fr; gap: 20px; }
    .news-img { height: 200px; }
    
    .footer-item { width: 100%; padding-right: 0; }
    
    .page-title h1 { font-size: 24px; }
    
    .form-box { padding: 20px; }
    
    .back-top { right: 15px; bottom: 30px; width: 38px; height: 38px; line-height: 38px; font-size: 16px; }
}

@media screen and (max-width: 480px) {
    .banner-text h2 { font-size: 22px; }
    .btn { padding: 8px 20px; font-size: 13px; }
}