/* 响应式样式 */


.mobileTable h3{width:100%;text-align:center;}
.mobileTable img{width:100%;}
.mobileTableCoent{padding:10px;margin-bottom:30px;color:#951607;font-weight:bold;text-align:center;}


/* 大屏幕设备 (大于等于1200px) */
@media (min-width: 1200px) {
    .container {
        max-width: 96%;
    }


.mobileTable,.footer-content-mobile,.features-mobile{display:none;}

}

/* 中等屏幕设备 (大于等于768px) */
@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        max-width: 96%;
    }
    
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .advantage-grid {
        grid-template-columns: repeat(2, 1fr);
    }

.solution-table{display:none;}
.features-mobile,.footer-content-mobile{display:none;}

}

/* 小屏幕设备 (小于等于768px) */

@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding: 0 10px;
    }


.solution-table{display:none;}
.features,.footer-content{display:none;}
    
    /* 导航菜单 */
    nav {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }
    
    nav.active {
        display: block;
    }
    
    nav ul {
        flex-direction: column;
        padding: 10px 0;
    }
    
    nav ul li {
        margin: 0;
        text-align: center;
    }
    
    nav ul li a {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
    
    .mobile-menu-btn {
        display: flex;
    }
    
    /* 横幅区域 */
    /* Banner样式已在style.css中通过媒体查询处理 */

    
    /* 证书区域 */
    .cert-items {
        flex-direction: column;
        align-items: center;
    }
    
    .cert-item {
        width: 96%;
        margin-bottom: 20px;
    }
    .cert-item img{width:100%;}
    
    /* 产品展示区域 */
    .product-grid {
        grid-template-columns: 1fr;
    }
    
    /* 特点区域 */
    .feature-columns {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    


    /* 优势区域 */
    .advantage-grid {
        grid-template-columns: 1fr;
    }
    
    /* 页脚区域 */
    .footer-content {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    
    .section-title {
        font-size: 20px;
    }
}

/* 超小屏幕设备 (小于480px) */
@media (max-width: 479px) {
    .banner-content h1 {
        font-size: 28px;
    }
    
    .banner-content p {
        font-size: 14px;
    }
    



    .cert-item {
        width: 100%;
    }
    
    .solution-table {
        font-size: 14px;
        padding:0px;
display:none;
    }
    
    table th, table td {
        padding: 8px 10px;
    }
    

    .feature-item {
        flex-direction: column;
    }
    
    .feature-icon {
        margin-bottom: 10px;
        margin-right: 0;
    }
    
    .advantage-item {
        flex-direction: column;
    }
    
    .advantage-icon {
        margin-bottom: 10px;
        margin-right: 0;
    }
}