/* 教师风采部分开始 */
.jsfc{
    font-size: 18px;
}

.facultyL{
    flex-wrap: wrap;
}

.facultyL li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.facultyL li:nth-child(3n){
    margin-right: 0;
}

.facultyL li a{
    display: block;
    width: 100%;
    height: auto;
}

.facultyL .faculty-img{
    width: 100%;
    height: 13em;
    overflow: hidden;
}

.faculty-img img{
    width: 100%;
    height: inherit;
    transition: all 1s;
}

.faculty-desc{
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-bottom: 2px solid #C72906;
    font-size: 1em;
    color: #333333;
    text-align: center;
    transition: all 1s;
}

.facultyL li:hover .faculty-desc{
    background: #C72906;
    color: white;
}

.facultyL li:hover .faculty-img img{
    transform: scale(1.1);
}
/* 教师风采部分结束 */

/* 专业设置部分开始 */
.zysz{
    font-size: 18px;
}

.majorL{
    flex-wrap: wrap;
}

.majorL li{
    display: flex;
    align-items: center;
    width: 32%;
    margin-right: 2%;
    min-height: 3.8em;
    background: #F7F8FC;
    margin-bottom: 2%;
    box-sizing: border-box;
    padding: 10px 5%;
    position: relative;
}

.majorL li::after{
    content: "";
    width: 100%;
    height: 2px;
    background: #9B0A0E;
    transition: all 0.2s ease-out 0s;
    transform:scaleX(0);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.majorL li:hover::after{
    transform: none;
}

.majorL li:nth-child(3n){
    margin-right: 0;
}

.majorL li p{
    font-size: 1em;
    color: #333333;
}

.majorL li:hover p{
    color: #821316;
    font-weight: bold;
}

.majorL li img{
    margin-right: 5px;
}
/* 专业设置部分结束 */















/* 响应式处理开始 */
@media screen and (max-width: 798px) {
    .facultyL li{
        width: 49%;
    }

    .facultyL li:nth-child(3n){
        margin-right: 2%;
    }

    .facultyL li:nth-child(2n){
        margin-right: 0;
    }

    .majorL li{
        width: 49%;
    }

    .majorL li:nth-child(3n){
        margin-right: 2%;
    }

    .majorL li:nth-child(2n){
        margin-right: 0;
    }

}

@media screen and (max-width: 498px) {
    .facultyL .faculty-img{
        height: 10em;
    }

    .zysz{
        font-size: 16px;
    }

    .majorL li{
        width: 100%;
        min-height: 3em;
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 400px) {
    .facultyL .faculty-img{
        height: 8em;
    }
}
/* 响应式处理结束 */