body {
    background: #fff;
}
.rencai-box .fields.pr_fields{
 display:none!important;
}
.text-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    word-break: break-all;
}

/* banner */
.banner-link {
    width: 100%;
    display: block;
    height: 460px;
}

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

.banner-pagination {
    position: absolute;
    z-index: 1;
    text-align: center;
    bottom: 20px !important;
}

.banner-swiper .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #0049A3;
    opacity: 1;
    transition: all .3s ease;
}

.banner-swiper .swiper-pagination-bullet-active {
    width: 40px;
    height: 14px;
    background: #fff;
    border-radius: 7px;
}

/* 学院新闻 */
.xueyuan-box {
    padding: 30px 0;
}

.xinwen-box {
    width: 64%;
}

.public-head .title {
    font-weight: bold;
    font-size: 26px;
    color: #1B1B1B;
}

.public-head .shu {
    font-size: 24px;
    color: #E2E2E2;
    margin: 0 10px;
}

.public-head .en {
    font-size: 18px;
    color: #4BB4FF;
}

.public-head a {
    font-size: 14px;
    color: #A4ABB1;
    transition: all .3s ease;
}

.public-head a:hover {
    color: #0377DC;
}

.public-head {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 20px;
}

.xinwen-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 30px;
    margin-top: 30px;
}

.xinwen-img {
    height: 230px;
    overflow: hidden;
}

.xinwen-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease;
}

.xinwen-position {
    padding-bottom: 10px;
    margin-bottom: 5px;
    position: relative;
}

.xinwen-date {
    position: absolute;
    right: 10px;
    bottom: 0;
    text-align: center;
    width: 68px;
    border-radius: 8px 0px 8px 0px;
    overflow: hidden;
}

.xinwen-date .day {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    background: #0088FF;
}

.xinwen-date .year {
    font-size: 14px;
    color: #BDE0FF;
    background: #0377DC;
}

.xinwen-title {
    font-size: 18px;
    color: #323232;
}

.xinwen-link:hover .xinwen-img img {
    transform: scale(1.1);
}

.xinwen-link:hover .xinwen-title {
    color: #0377DC;
    font-weight: 700;
}

.xinwen-link {
    border: 1px solid #fff;
    transition: all .3s ease;
    overflow: hidden;
}

.xinwen-link:hover {
    box-shadow: 0px 2px 10px 0px rgba(3, 119, 220, 0.2);
    border: 1px solid #0088FF;
}

.xinwen-text {
    padding: 0 15px;
}

/* 通知公告 */
.tongzhi-box {
    width: 33%;
}

.tongzhi-date {
    min-width: 59px;
    height: 59px;
    border-radius: 8px 0px 8px 0px;
    border: 1px solid #0088FF;
    text-align: center;
}

.tongzhi-date .day {
    font-size: 24px;
    color: #0088FF;
}

.tongzhi-date .year {
    font-size: 12px;
    color: #A3AAB0;
}

.tongzhi-info {
    font-size: 16px;
    color: #323232;
    width: calc(100% - 75px);
}

.tongzhi-list {
    padding: 25px 0;
}

.tongzhi-list:not(:last-of-type) {
    border-bottom: 1px solid #E2E2E2;
}

.tongzhi-link:hover .tongzhi-info {
    color: #0377DC;
}

.tongzhi-link:hover .day,
.tongzhi-link:hover .year {
    color: #fff;
}

.tongzhi-link:hover .tongzhi-date {
    background: linear-gradient(-30deg, #0088FF 0%, #0BBAFB 100%);
}


/* 学术动态 */
.xueshu-bg {
    background: url(../img/2.png) 0 0/cover no-repeat;
    padding: 40px 0;
}

.public-xueshu {
    font-weight: 700;
    position: relative;
    font-size: 32px;
}

.public-xueshu::before {
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%);
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
}

.public-xueshu::after {
    content: "";
    width: 55px;
    height: 4px;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%);
}

.xueshu-head {
    color: #fff;
    margin-bottom: 70px;
}

.xueshu-head::after {
    background: url(../img/white-line.svg) 0 0/cover no-repeat;
}

.xueshu-head::before {
    content: "ACADEMIC INFORMATION";
    color: #ffffff33;
}

.xueshu-body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px 0;
    margin-bottom: 30px;
}

.xueshu-date {
    background: #0E326C99;
    border-radius: 17px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: max-content;
    padding: 5px 18px;
    margin-bottom: 15px;
    transition: all .3s ease;
}

.xueshu-info {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    height: 54px;
}

.more-btn {
    font-size: 14px;
    color: #A3D0FF;
    padding: 0;
}

.more-btn i{
    font-size: 14px!important;
}

.more-btn:hover {
    color: #A3D0FF;
}

.xueshu-link {
    padding: 0 30px 12px;
}

.xueshu-link:hover {
    background: linear-gradient(0deg, #0377DC 0%, rgba(3, 119, 220, 0) 100%);
}

.xueshu-link:hover .xueshu-date {
    background: #fff;
    color: #0377DC;
}

.xueshu-more a {
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 17px;
    padding: 6px 28px;
    transition: all .3s ease;
}

.xueshu-more a:hover {
    transform: translateY(-5px);
}


/* 教师观点 */
.jiaoshi-content {
    padding: 40px 0;
}

.jiaoshi-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
    margin-bottom: 80px;
}

.jiaoshi-head {
    color: #1B1B1B;
    margin-bottom: 100px;
}

.jiaoshi-head::after {
    background: url(../img/blue-line.svg) 0 0/cover no-repeat;
}

.jiaoshi-head::before {
    content: "RESEARCH PROGRESS";
    color: #4BB4FF;
}

.jiaoshi-link {
    display: block;
    background: #EBEBEB;
    transition: all .3s ease;
    padding: 19px 15px 19px 170px;
    position: relative;
}

.jiaoshi-link::after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/douhao-white.svg) 0 0/cover no-repeat;
    position: absolute;
    right: 10px;
    bottom: -38px;
}

.jiaoshi-link:hover {
    background: #0377DC;
    box-shadow: 0px 2px 10px 0px rgba(3, 119, 220, 0.2);
}

.jiaoshi-link:hover::after {
    background: url(../img/douhao.svg) 0 0/cover no-repeat;
}

.js-name {
    font-weight: 700;
    font-size: 20px;
    color: #313131;
    margin-bottom: 20px;
}

.js-info {
    font-size: 16px;
    color: #434343;
    margin-bottom: 15px;
    height:48px;
}

.js-date {
    font-size: 14px;
    color: #898989;
}


.jiaoshi-link:hover .js-name {
    color: #FFFFFF;
}

.jiaoshi-link:hover .js-info {
    color: #FFFFFF;
}

.jiaoshi-link:hover .js-date {
    color: #A3D0FF;
}

.jiaoshi-list {
    position: relative;
}

.js-img {
    width: 130px;
    height: 172px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.js-img img {
    width: 100%;
    height: 100%;
}

.jiaoshi-more a {
    font-size: 14px;
    color: #A3AAB0;
    border: 1px solid #DCDCDC;
    border-radius: 17px;
    padding: 6px 28px;
    transition: all .3s ease;
}

.jiaoshi-more a:hover {
    transform: translateY(-5px);
}
@media screen and (min-width:1024px){
.xinwen-title{
height:54px;
overflow:hidden;
}
}
@media screen and (max-width:1023px) {
    .xueyuan-box {
        flex-wrap: wrap;
    }

    .xueyuan-box>div {
        width: 100%;
    }

    .xueshu-body {
        grid-template-columns: repeat(3, 1fr);
    }

    .js-img {
        width: 120px;
        height: 160px;
    }

    .jiaoshi-link {
        padding: 19px 15px 19px 145px;
    }

    .jiaoshi-head {
        margin-bottom: 60px;
    }

    .xinwen-box {
        margin-bottom: 20px;
    }

    .jiaoshi-link::after {
        width: 20px;
        height: 20px;
        bottom: -30px;
    }

    .jiaoshi-box {
        grid-gap: 20px;
    }
}

@media screen and (max-width:800px) {
    .banner-link {
        height: 300px;
    }

    .jiaoshi-box {
        margin-bottom: 50px;
    }

    .jiaoshi-box {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 20px;
    }

    .xueshu-link {
        padding: 0 15px 12px;
    }

    .xinwen-img {
        height: 210px;
    }
}

@media screen and (max-width:700px) {
    .xinwen-body {
        grid-gap: 20px;
    }
}

@media screen and (max-width:600px) {
    .xueshu-body {
        grid-template-columns: 1fr 1fr;
    }

    .banner-link {
        height: 200px;
    }

    .xinwen-text {
        padding: 0 10px;
    }
}

@media screen and (max-width:550px) {
    .xinwen-body {
        grid-template-columns: 1fr;
    }

    .jiaoshi-content,
    .xueshu-bg {
        padding: 20px 0;
    }

    .xueshu-head {
        margin-bottom: 50px;
    }

    .jiaoshi-head {
        margin-bottom: 40px;
    }

    .jiaoshi-box {
        grid-template-columns: 1fr;
    }

/* 0522 */

}

@media screen and (max-width:450px) {
    .public-head .title {
        font-size: 22px;
    }

    .public-head .en {
        font-size: 14px;
    }

    .public-head {
        padding-bottom: 10px;
    }

    .public-xueshu {
        font-size: 26px;
    }

    .public-xueshu::before {
        font-size: 18px;
    }

    .xueshu-body {
        grid-template-columns: 1fr;
        grid-gap: 15px 0;
    }

    .public-head .shu {
        margin: 0 5px;
    }
}