/* 科研工作 */
.research-wrap {
    margin: 0 auto;
}

.research-box {
    margin-top: 0.56rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.research-left {
    flex: 1;
    margin-right: 0.6rem;
}

.research-title {
    position: relative;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    padding: 0.2rem 0;
}

.research-title::after {
    content: '';
    width: 1.72rem;
    height: 0.01rem;
    background: #E00025;
    position: absolute;
    bottom: 0;
    left: 0;
}

.research-content {
    margin: 0.2rem 0;
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.32rem;

    max-height: 6.7rem;
    overflow: hidden;
}

.research-more {
    width: 1.02rem;
    height: 0.39rem;
    background: #E00025;
    font-size: 0.14rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 0.39rem;
    text-align: center;
    cursor: pointer;
    margin-top: 0.3rem;
}

.research-list {
    flex-shrink: 0;
    padding: 0.3rem 0.34rem;
    width: 4.83rem;
    background: #F6F7F8;
}

.research-item {
    display: flex;
    padding-top: 0.26rem;
    margin-top: 0.1rem;

}

.research-item:first-child {
    margin-top: 0;
    padding-top: 0.1rem;
}

.research-icon {
    width: 0.15rem;
    height: 0.3rem;
    flex-shrink: 0;
    margin-right: 0.12rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.research-icon img {
    width: 100%;
    height: auto;
}

.research-text {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.3rem;
}

.research-item-box {
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    border-bottom: 0.01rem solid #D5D5D5;
    padding-bottom: 0.26rem;
}

.research-img {
    width: 1.89rem;
    height: 1.32rem;
    flex-shrink: 0;
}

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

.research-p {
    flex: 1;
    margin-left: 0.09rem;
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #999999;
    line-height: 0.3rem;
}

.research-page {
    margin: 0.5rem 0 1.2rem 0;
    display: flex;
    justify-content: flex-end;
}

.research-item:hover .research-text {
    color: #E00025;
}

/* 课堂教学 */
.classroom-wrap {
    margin: 0 auto;
}

.classroom-box {
    background: #F6F7F8;
    padding: 0 0.34rem;
    margin-top: 0.5rem;
    padding-top: 0.15rem;
    padding-bottom: 0.66rem;
}

.classroom-item {
    padding-top: 0.25rem;
    display: flex;
}

.classroom-icon {
    width: 0.15rem;
    height: 0.3rem;
    flex-shrink: 0;
    margin-right: 0.12rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.classroom-icon img {
    width: 100%;
    height: auto;
}

.classroom-text {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.3rem;
}

.classroom-item-box {
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    border-bottom: 0.01rem solid #D5D5D5;
    padding-bottom: 0.25rem;
}

.classroom-img {
    width: 1.89rem;
    height: 1.32rem;
    flex-shrink: 0;
}

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

.classroom-des {
    flex: 1;
    margin-left: 0.25rem;
}

.classroom-p {
    margin-bottom: 0.3rem;
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #999999;
    line-height: 0.3rem;
}

.classroom-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.classroom-time {
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #999999;
}

.classroom-bt {
    width: 0.31rem;
}

.classroom-bt img {
    width: 100%;
    height: auto;
}

.classroom-bt2 {
    display: none;
}

.classroom-item:hover .classroom-text {
    color: #E00025;
}

.classroom-item:hover .classroom-bt1 {
    display: none;
}

.classroom-item:hover .classroom-bt2 {
    display: block;
}

.classroom-page {
    padding: 1rem 0;
}

/* 科技活动 */

.teaching-list {
    display: flex;
    flex-wrap: wrap;
    /* overflow: hidden; */
}

.teaching-item {
    margin-top: 0.65rem;
    width: 4.44rem;
    margin-right: 0.34rem;
    padding: 0 0.3rem;
    background: #F6F7F8;
    padding-bottom: 0.35rem;

}

.teaching-item:nth-child(3n) {
    margin-right: 0;
}

.teaching-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.teaching-date {
    width: 1.01rem;
    height: 1.08rem;
    background: #E00025;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0.17rem;
    transform: translateY(-0.21rem);
}

.teaching-day {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.teaching-year {
    font-size: 0.16rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0.1rem;
}

.teaching-icon {
    width: 0.29rem;
    height: 0.39rem;
}

.teaching-icon img {
    width: 100%;
    height: 100%;
}

.teaching-icon2 {
    display: none;
}

.teaching-text {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-top: 0.2rem;
}

.teaching-p {
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #999999;
    line-height: 0.3rem;
    margin-top: 0.2rem;
}

.teaching-item:hover {
    background: #3A3A3A;
    transition: all .365s;
    box-shadow: 0.02rem 0.03rem 0.08rem 0.01rem rgb(0 0 0 / 10%);
}

.teaching-item:hover .teaching-text,
.teaching-item:hover .teaching-p {
    color: #fff;
}

.teaching-item:hover .teaching-icon1 {
    display: none;
}

.teaching-item:hover .teaching-icon2 {
    display: block;
}
@media only screen and (max-width: 1024px) {
    .research-box{
        display: block;
    }
    .research-wrap{
        padding: 0 .3rem;
    }
    .research-left{
        margin-right: 0;
    }
    .research-title{
        font-size: .3rem;
        line-height: .44rem;
        text-align: center;
    }
    .research-title::after{
        left: 50%;
        transform: translateX(-50%);
    }
    .research-content p span{
        font-size: .28rem!important;
        line-height: .44rem;
    }
    .research-more{
        width: 1.52rem;
        font-size: 0.24rem;
    }
    .research-list{
        margin-top: 0.3rem;
        width: 100%;
    }
    .research-text,.classroom-text,.teaching-text{
        font-size: .28rem;
    }
    .research-p,.classroom-p,.classroom-time,.teaching-p{
        font-size: .24rem;
        line-height: .36rem;
    }
    .research-page{
        margin: 0.5rem auto;
        justify-content: center;
    }
    .classroom-wrap{
        padding: 0 .3rem;
    }
    .teaching-item{
        width: 49%;
        margin-right: 0;
    }
    .teaching-item:nth-child(2n){
        margin-left: 2%;
    }
    .teaching-day,.teaching-year{
        font-size: .24rem;
    }
   
}