a {
    all: unset;
}
/* 顶部banner--开始 */
.banner {
    width: 100%;
    height: 634px;
    background-image: url('../img/education/education-img.jpeg');
    position: relative;
}

.banner-list {
    width: 525px;
    position: absolute;
    left: 380px;
    top: 120px;
}

.banner-button {
    font-size: 18px;
    margin-right: 50px;
    width: 150px;
    background-color: rgba(0, 105, 234, 1);
    color: #fff;
    border-radius: 5px;
    line-height: 50px;
    margin-top: 140px;
}

.banner-button:hover {
    cursor: pointer;
}
/* 顶部banner--结束 */

/* 案例展示--开始 */
.car {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    width: 100%;
}

.car-item {
    width: 317px;
    height: 191px;
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 10px 20px -5px rgba(70, 120, 200, 0.25),
            0 4px 8px 0 rgba(0, 0, 0, 0.03);
    border: 1px solid transparent;
}

.car-item:hover {
    cursor: pointer;
    border-color: rgba(0, 105, 234, 1);
}

.view-plan {
    opacity: 0.75;
    margin-top: 10px;
}

.view-plan:hover {
    cursor: pointer;
}

.view-plan span:hover {
    color: #47cdff;
}
/* 案例展示--结束 */

/* 相关推荐--开始 */
.recommend {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100%;
}

.recommend-item {
    width: 244px;
    height: 129px;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

.recommend-car {
    background-image: url(../img/education/car-shop.jpeg);
}

.recommend-ocr {
    background-image: url(../img/education/ocr.jpeg);
}

.recommend-ai {
    background-image: url(../img/education/ai.jpeg);
}

.recommend-electronic {
    background-image: url(../img/education/electronic.jpeg);
}

.recommend-item:hover {
    cursor: pointer;
    border-color: rgba(0, 105, 234, 1);
}
/* 相关推荐--结束 */