/* .huirui-case-list{
    padding-top: 20px;
} */
.huirui-case-list .case-box{
    padding: 100px 0;
}
.huirui-case-list .case-box:nth-child(odd){
    background: #F9FAFB;
}
.case-box .huirui-large-title{
    text-align: center;
    margin-bottom: 64px;
}
.huirui-case-list .case-list{
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.huirui-case-list .case-list .case-item{
    display: flex;
    align-items: center;
    gap: 100px;
}
.huirui-case-list .case-list .case-item:hover .case-line{
    background: var(--second-color);
}
.huirui-case-list .case-list .case-item:hover .huirui-middle-title{
    color: var(--second-color);
}
.huirui-case-list .case-box:nth-child(odd) .case-list .case-item:nth-child(even){
    flex-direction: row-reverse;
}
.huirui-case-list .case-box:nth-child(even) .case-list .case-item:nth-child(odd){
    flex-direction: row-reverse;
}
.huirui-case-list .case-list .case-item img{
    max-width: 850px;
    width: 800px;
    aspect-ratio: 800/518;
    object-fit: cover;
    border-radius: 10px;
}
.case-list .case-item .case-line{
    width: 50px;
    height: 5px;
    background: var(--primary-color);
    margin-bottom: 28px;
}
.case-list .case-item .huirui-main-text{
    margin: 12px 0 47px 0;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; */
}

@media screen and (max-width: 1500px) {
    .huirui-case-list .case-list .case-item{
        gap: 50px;
    }
    .huirui-case-list .case-list .case-item img{
        width: 700px;
    }
}
@media screen and (max-width: 1200px) {
    .huirui-case-list .case-box{
        padding: 50px 0;
    }
    .huirui-case-list .case-list .case-item img{
        width: 500px;
    }
}
@media screen and (max-width: 992px) {
    /* .huirui-case-list .case-list .case-item img{
        width: 400px;
    } */
    .huirui-case-list .case-list .case-item{
        flex-direction: column !important;
    }
    .huirui-case-list .case-list .case-item img{
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .huirui-case-list .case-list .case-item{
        flex-direction: column !important;
    }
    .huirui-case-list .case-list .case-item img{
        width: 100%;
    }
}