/* 应用与方案 */
.applyCaseBox {
    padding: 0.5rem 0.3rem .8rem;
}

.applyCaseNav {
    margin-top: 0.2rem;
}

.applyCaseNav ul {
    display: flex;
    align-items: center;
}

.applyCaseNav ul li {
    margin: 0 0.1rem;
    background: #21509F;
    border-radius: 0.05rem;
    line-height: 0.56rem;
    text-align: center;
    min-width: 1.4rem;
    color: #fff;
}

.applyCaseNav ul li a {
    display: block;
    color: #fff;
}

.applyCaseNav ul li:hover {
    background-color: #ff9500;
    color: #fff;
}

.applyCaseNav ul li.active {
    background-color: #ff9500;
}


.caseListCon {
    margin-top: 0.5rem;
}

.caseListCon ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.01rem solid #EDEDED;
    padding: 0.5rem 0rem;
}

.caseListCon ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.caseListCon ul li .caseListInfo {
    width: 70%;
}

.caseListCon ul li .caseListInfo p {
    margin-top: 0.4rem;
    color: #666;
    line-height: 1.8;
}

.caseListCon ul li:hover h2 {
    color: #ff9500;
}

.caseListImg {
    width: 27%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.caseListImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.caseListCon ul li:hover .caseListImg img {
    transform: scale(1.2);
    transition: all 0.3s ease-in-out;
}


/* 适配 */
@media (max-width: 800px) {
    .applyCaseNav {
        margin-top: 0rem;
    }

    .applyCaseNav ul {
        flex-wrap: wrap;
    }

    .applyCaseNav ul li {
        margin: 0.1rem 0.1rem;
        line-height: 0.6rem;
        padding: 0 0.2rem;
        min-width: 1.4rem;
    }

    .caseListCon {
        margin-top: 0.2rem;
    }

    .caseListCon ul li a {
        flex-direction: column;
    }

    .caseListImg {
        width: 100%;
    }

    .caseListCon ul li .caseListInfo {
        width: 100%;
        margin-top: 0.2rem;
    }


}