.solu-znzz-container {
     background-color: #f3f5f5;
 }

 .hero {
     background: url('../images/sulo-20260211165330_601_41.png') no-repeat;
     background-size: 100% 100%;
     color: #fff;
     text-align: center;
     padding: 80px 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .hero h1 {
     font-size: 40px;
     margin-bottom: 20px;
     letter-spacing: 1px;
 }

 .hero p {
     font-size: 14px;
     line-height: 1.6;
     max-width: 1200px;
     margin: 0 auto 30px;
     font-size: 14px;
     line-height: 20px;
     margin: 0 auto 30px;
     letter-spacing: 1px;
     text-align: justify;
 }

 .btn {
     display: inline-block;
     padding: 4px 20px;
     background-color: #0097A8;
     color: #fff;
     text-decoration: none;
     font-size: 20px;
 }

 /* 通用区块样式 */
 .section {
     padding: 60px 20px;
     max-width: 1200px;
     margin: 0 auto;
 }

 .section-title {
     font-size: 36px;
     font-weight: bold;
     text-align: center;
     margin-bottom: 40px;
     position: relative;
     letter-spacing: 1px;
 }

 .section-title::after {
     content: '';
     width: 100px;
     height: 6px;
     background-color: #0097a8;
     position: absolute;
     bottom: -15px;
     left: 50%;
     transform: translateX(-50%);
 }

 /* 行业痛点 */
.pain-points-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    justify-content: center;
}

.pain-points-grid-pro {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    justify-content: center
}

.pain-card {
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
    display: flex;
    gap: 15px;
}

/* 响应式样式 */
@media (max-width: 768px) {
    .pain-points-grid {
        grid-template-columns: 1fr;
    }
    
    .pain-points-grid-pro {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .pain-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
        gap: 10px;
    }
    
    .pain-card-pro {
        padding: 20px;
    }
    
    .section {
        padding: 40px 15px;
    }
    
    .section-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .hero {
        padding: 0;
    }
    
    .hero h1 {
        font-size: 32px;
    }
    
    .hero p {
        display: none;
    }
    
    .hero .btn {
        display: none;
    }
    
    .pain-content h3 {
        font-size: 18px;
    }
    
    .pain-content p {
        font-size: 13px;
        line-height: 22px;
        text-align: center;
    }
    
    .cta p {
        font-size: 24px;
    }
}

 .pain-card-pro {
     background-color: #fff;
     padding: 25px;
     border-radius: 4px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 15px;
 }

 .pain-card-pro h3,
 .pain-card-pro p {
     text-align: center;
 }


 .pain-icon {}

 .pain-icon img {
     width: 45px;
     height: 46px;
 }

 .pain-content h3 {
     font-size: 20px;
     margin-bottom: 10px;
     font-weight: bold;
     color: #000;
     letter-spacing: 1px;
 }

 .pain-content p {
     margin-bottom: 0;
     font-size: 14px;
     line-height: 26px;
     color: #a3a3a3;
     letter-spacing: 1px;
     text-align: justify;
 }

 /* 解决方案 */
 .solution-content {
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 40px;
     color: #666;
     letter-spacing: 1px;
     text-align: justify;
 }

 .solution-visual {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .solution-visual img {
     width: 600px;
     height: 300px;
 }



 .solution-small-imgs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* 解决方案部分响应式 */
@media (max-width: 768px) {
    .solution-small-imgs {
        grid-template-columns: 1fr;
    }
    
    .solution-visual img {
        width: 100%;
        height: auto;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .cases-grid {
        grid-template-columns: 1fr;
    }
}

 .solution-small-img {
     width: 60px;
     height: 40px;
     background-color: #b2ebf2;
     border-radius: 4px;
 }

 /* 核心功能 - 修改为hover高亮效果 */
 .features-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
     gap: 20px;
 }

 .feature-card {
     padding: 25px;
     border-radius: 4px;
     display: flex;
     flex-direction: column;
     gap: 5px;
     background-color: #fff;
     color: #333;
     /* 增加过渡动画，让hover效果更丝滑 */
     transition: all 0.3s ease;
     border: 1px solid transparent;
 }

 /* 鼠标悬停时的高亮效果 */
 .feature-card:hover {
     background-color: #0097a7;
     color: #fff;
     box-shadow: 0 4px 12px rgba(0, 151, 167, 0.2);
     border-color: #00bcd4;
 }

 .feature-card:hover .feature-header h3 {
     color: #fff;
 }

 .feature-card:hover .feature-content ul li {
     color: #fff;
 }

 .feature-header {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .feature-icon {
     width: 47px;
     height: 43px;
 }

 .feature-header h3 {
     font-size: 24px;
     color: #181C22;
 }

 .feature-content ul {
     list-style: none;
     font-size: 14px;
     color: #a3a3a3;
     letter-spacing: 1px;
     text-align: justify;
     line-height: 26px;
 }

 /* 应用场景 */
 .cases-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 20px;
 }

 .case-card {
     background-color: #fff;
     border-radius: 4px;
     overflow: hidden;
 }

 .case-img {
     width: 100%;
     height: 120px;
     background-color: #e0f7fa;
 }

 .case-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .case-content {
     padding: 15px;
 }

 .case-content h3 {
     font-size: 20px;
     color: #181C22;
     margin-bottom: 10px;
     font-weight: bold;
 }

 .case-content p {
     margin-bottom: 0;
     font-size: 14px;
     line-height: 26px;
     color: #a3a3a3;
     letter-spacing: 1px;
     text-align: justify;
 }

 /* CTA区 */
 .cta {
     background: url('../images/lijitiyan.png') center/cover no-repeat;
     background-size: 100% 100%;
     color: #fff;
     text-align: center;
     padding: 40px 20px;
 }

 .cta p {
     font-size: 30px;
     margin-bottom: 20px;
     color: #fff;
 }

 .bgfff {
     background-color: #fff;
 }