.wrap {
    overflow: hidden;
}

/* 首页标题 */
.index-title {
    position: relative;
    z-index: 2;
    color: #000000;
}

.index-title-cn {
    font-size: 0.44rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
}

.index-title-en {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    margin-top: 0.1rem;
}

/* 顶部banner */
.index-banner {
    width: 100%;
    height: 100vh;
    position: relative;
}

.indexSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.indexSwiper-zhezhao {
    content: '';
    width: 100%;
    height: 2.15rem;
    background: transparent;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .5) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.indexSwiperSwiper .swiper-slide {
    position: relative;
}

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

.indexSwiper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexSwiper-p {
    font-size: 0.36rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #FFFEFE;
    padding-left: 1rem;
    width: 60vw;
    position: absolute;
    left: 0;
    bottom: 0.8rem;
    z-index: 3;
}

.indexSwiper .swiper-pagination {
    width: auto;
    left: auto;
    right: 1rem;
    bottom: 0.8rem;
    display: flex;
    align-items: center;
}

.indexSwiper .swiper-pagination-bullet {
    width: 0.3rem !important;
    height: auto !important;
    font-size: 0.16rem;
    color: #fff;
    margin: 0 0.3rem !important;
    background: transparent !important;
    position: relative;
    opacity: 1;
    display: block;
}

.indexSwiper .swiper-pagination-bullet-active {
    font-size: 0.22rem;
    color: #fff;
    background: transparent;
}

.indexSwiper .swiper-pagination-bullet-active::before {
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.02rem;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.4rem;
    animation: vsRight 2s;
    -webkit-animation: vsRight 2s;
}

.indexSwiper .swiper-pagination-bullet-active::after {
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.02rem;
    background: #ffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.4rem;
    animation: vsLeft 2s;
    -webkit-animation: vsLeft 2s;
}

.indexSwiper .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active::after,
.indexSwiper .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::before {
    display: none;
}

@keyframes vsLeft {
    0% {
        width: 0;
    }

    100% {
        width: 0.4rem;
    }
}

@-webkit-keyframes vsLeft {
    0% {
        width: 0;
    }

    100% {
        width: 0.4rem;
    }
}

@keyframes vsRight {
    0% {
        width: 0;
    }

    100% {
        width: 0.4rem;
    }
}

@-webkit-keyframes vsRight {
    0% {
        width: 0;
    }

    100% {
        width: 0.4rem;
    }
}
/*  */
.index-body {
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 100;
    overflow: auto;
    outline: none;
    padding-top: 0.8rem;
}

.index-body.showdiv {
    top: 0;
}
/* 学校概览 */
.overview-wrap {
    width: 100%;
    padding: 0;
    background-image: url(../img/index/overview-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
}

.overview-box {
    margin: 0 auto;
    padding-bottom: 1rem;
}

.overview-title {
    padding: 0.58rem 0 0.52rem 0;
    font-size: 0.36rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    text-align: center;
}

.overview {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.overview-left {
    width: 8.45rem;
    display: flex;
    background: #ECECEC;
    flex-shrink: 0;
}

.overview-person {
    width: 3.65rem;
    height: 5.2rem;
}

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

.overview-des {
    flex: 1;
    padding: 0.55rem 0.35rem;
}

.overview-text {
    font-size: 0.24rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
}

.overview-p {
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    line-height: 0.32rem;
    text-align: justify;
    margin-top: 0.2rem;
}

.overview-bt {
    margin-top: 0.3rem;
    width: 1.2rem;
    height: 0.4rem;
    background: #ECECEC;
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    opacity: 1;
    border: 0.01rem solid #BFBFBF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #666666;
}
.overview-bt:hover,.teacher-bt:hover{
    background: #E00025;
    color:#fff;
}
.news-bt:hover{
    color: #E00025;
    background:#fff;
}

.overview-right {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.overview-item {
    margin-left: 0.225rem;
    width: 2.75rem;
    height: 2.5rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.overview-item:nth-child(1) {
    background-image: url(../img/index/overview1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.overview-item:nth-child(4) {
    background-image: url(../img/index/overview2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.overview-item img {
    width: 1rem;
    height: 1rem;
}

.overview-item p {
    font-size: 0.24rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    margin-top: 0.2rem;
}

.overview-item:nth-child(1) p,
.overview-item:nth-child(4) p {
    color: #fff;
}

/* 校园快讯 */
.news-wrap {
    width: 100%;
    padding: 0;
    background-image: url(../img/index/news-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.news-title {
    padding: 0.58rem 0 0.4rem 0;
    font-size: 0.36rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #fff;
    text-align: center;
}

.news-bt {
    font-size: 0.16rem;
    font-family: AdobeHeitiStd-Regular-, AdobeHeitiStd-Regular;
    font-weight: normal;
    color: #FFFFFF;

    width: 1.72rem;
    height: 0.45rem;
    background: rgba(149, 25, 25, .6);
    margin: 0.25rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-box {
    margin: 0 auto;
    padding-bottom: 1rem;
    background: #fff;
    padding: 0.54rem 0.7rem;
}

.news-nav-box {
    display: flex;
    align-items: center;
    justify-content: center;

}

.news-nav {
    display: flex;
    align-items: center;
    margin: 0 0.7rem;
    cursor: pointer;
    padding-bottom: 0.45rem;
}

.news-nav-img {
    width: 0.34rem;
    flex-shrink: 0;
}

.news-nav-img img {
    width: 100%;
    height: auto;
}

.news-nav-p {
    font-size: 0.24rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    margin-left: 0.05rem;
}

.news-nav-img2 {
    display: none;
}

.news-nav-box .active .news-nav-img1 {
    display: none;
}

.news-nav-box .active .news-nav-img2 {
    display: block;
}

.news-nav-box .active .news-nav-p {
    color: #E00025;
}

.news-list-box {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.news-list-box:first-of-type {
    display: flex;
}

.news-list-left {
    width: 5.5rem;
    height: 3.6rem;
    position: relative;
}

.news-list-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-list-left p {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.15rem 0.25rem;


    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 0.26rem;
}

.news-item {
    width: 7.03rem;
    background: #F5F5F5;
    padding: 0.12rem 0;
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
}

.news-item:last-of-type {
    margin-bottom: 0;
}

.news-time {
    padding: 0 0.2rem;
    border-right: 0.01rem solid #BFBFBF;
    color: #DE0025;
    flex-shrink: 0;
    text-align: center;

}

.news-date {
    font-size: 0.3rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
}

.news-year {
    font-size: 0.14rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    margin-top: 0.05rem;
}

.news-p {
    flex: 1;
    padding: 0 0.25rem;
    font-size: 0.16rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    line-height: 0.26rem;
}



.news-item:hover {
    background: #DE0025;
}

.news-item:hover .news-time {
    color: #fff;
}

.news-item:hover .news-p {
    color: #fff;
}

/* 潞河 · 名师 */
.teacher-wrap {
    width: 100%;
    padding: 0;
    background-image: url(../img/index/teacher-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.teacher-title {
    padding: 0.7rem 0 0rem 0;
    font-size: 0.36rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333;
    text-align: center;
}

.teacher-bt {
    font-size: 0.16rem;
    font-family: AdobeHeitiStd-Regular-, AdobeHeitiStd-Regular;
    font-weight: normal;
    color: #FFFFFF;

    width: 1.72rem;
    height: 0.45rem;
    background: rgba(149, 25, 25, .16);
    margin: 0.05rem auto 0.5rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DE0025;
}

.teacher-box {
    display: flex;
    align-items: center;
    padding: 0.45rem 0;
    justify-content: space-between;
    margin: 0 auto;
}

.teacher-icon {
    width: 0.58rem;
    height: 0.58rem;
    opacity: 1;
    border: 0.02rem solid #A1A1A1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;

    font-size: 0.3rem;
    font-family: Microsoft YaHei-Light, Microsoft YaHei;
    font-weight: 300;
    color: #ABABAB;
    cursor: pointer;
}

.teacher-icon:hover {
    border-color: #DE0025;
    color: #DE0025;
}

.teacher-swiper {
    width: calc(100% - 1.6rem);
}

.teacherSwiper .swiper-slide {
    background: #F5F5F5;
}

.teacher-img {
    width: 100%;
    height: 3.3rem;
}

.teacher-img img {
    width: 100%;
    height: 3.3rem;
    object-fit: cover;
}

.teacher-des {
    padding: 0.2rem;
}

.teacher-name {
    font-size: 0.22rem;
    font-family: AdobeHeitiStd-Regular-, AdobeHeitiStd-Regular;
    font-weight: normal;
    color: #333333;
}

.teacher-p {
    font-size: 0.16rem;
    font-family: AdobeHeitiStd-Regular-, AdobeHeitiStd-Regular;
    font-weight: normal;
    color: #666666;
    line-height: 0.26rem;
    margin-top: 0.1rem;
}

.teacherSwiper .swiper-slide:hover {
    background: #E00025;
}

.teacherSwiper .swiper-slide:hover .teacher-name {
    color: #fff;
}

.teacherSwiper .swiper-slide:hover .teacher-p {
    color: #fff;
}

/* 党建工作 */
.work-wrap {
    width: 100%;
    padding-top: 0.7rem;
    background-image: url(../img/index/work-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.work-title {
    font-size: 0.32rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #000000;
    padding-bottom: 0.2rem;
    text-align: center;
    position: relative;
}

.work-title::after {
    content: '';
    width: 0.5rem;
    height: 0.03rem;
    background: #DE0025;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


.work-box {
    display: flex;
    align-items: center;
    padding: 0.45rem 0;
    justify-content: space-between;
    margin: 0 auto;
}

.work-icon {
    width: 0.58rem;
    height: 0.58rem;
    opacity: 1;
    border: 0.02rem solid #A1A1A1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;

    font-size: 0.3rem;
    font-family: Microsoft YaHei-Light, Microsoft YaHei;
    font-weight: 300;
    color: #ABABAB;
    cursor: pointer;
}

.work-icon:hover {
    border-color: #DE0025;
    color: #DE0025;
}

.work-swiper-box {
    width: calc(100% - 1.6rem);
}

.work-swiper {
    width: 100%;
    display: none;
}

.work-swiper:first-of-type{
    display: block;
}

.workSwiper .swiper-slide {
    width: 1.75rem;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .365s;
    margin-right: 0.25rem;
}

.workSwiper .active {
    width: 6.55rem;
}

.work-img {
    width: 1.75rem;
    height: 2.82rem;
    flex-shrink: 0;
}

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

.work-des {
    width: 4.8rem;
    padding: 0.2rem 0.25rem;
}

.work-name {
    font-size: 0.18rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    
    
}

.work-p {
    font-size: 0.16rem;
    font-family: AdobeHeitiStd-Regular-, AdobeHeitiStd-Regular;
    font-weight: normal;
    color: #666666;
    line-height: 0.28rem;
    padding-top: 0.1rem;
    margin-top: .15rem;
    border-top: 1px solid #333333;
}


.work-nav-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.18rem;
}

.work-nav {
    padding: 0 0.15rem;
    margin: 0 0.6rem;
    height: 0.36rem;
    border-radius: 0.18rem 0.18rem 0.18rem 0.18rem;
    transition: all .365s;
    font-size: 0.18rem;
    font-family: AdobeHeitiStd-Regular-, AdobeHeitiStd-Regular;
    font-weight: normal;
    color: #333333;
    line-height: 0.36rem;
    cursor: pointer;
}

.work-nav-box .active {
    background: #E00025;
    color: #fff;
}
@media only screen and (max-width: 1024px) {
    .index-body {
        position: initial;
        padding-top: 0;
    }
    .indexSwiper-p{
        font-size: .32rem;
        padding-left: .3rem;
    }
    .indexSwiper .swiper-pagination-bullet,.work-name{
        font-size: .28rem;
    }
    .indexSwiper .swiper-pagination{
        right: 0.3rem;
    }
    .overview-title,.news-title,.teacher-title{
        font-size: .32rem;
    }
    .overview{
        display: block;
    }
    .overview-left{
        width: 100%;
        display: block;
        padding-bottom: 0.55rem;
    }
    .overview-text{
        font-size: .3rem;
    }
    .overview-p{
        font-size: .28rem;
        line-height: .44rem;
    }
    .overview-des{
        padding: 0.55rem 0.3rem;
    }
    .overview-person{
        margin: 0 auto;
    }
    .overview-bt,.news-year,.news-bt,.teacher-bt{
        font-size: .24rem;
    }
    .overview-right{
        justify-content: center;
        padding-top: 0.6rem;
    }
    .overview-box{
        padding-bottom: 0.6rem;
    }
    .overview-item p,.news-nav-p,.teacher-name,.work-nav{
        font-size: .28rem;
    }
    .news-list-box{
        flex-direction: column;
    }
    .news-nav-box{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .news-list-left,.news-item{
        width: 100%;
    }
    .news-box{
        padding: 0.54rem 0.3rem;
    }
    .news-nav{
        margin: 0 0.29rem;
    }
    .news-list-left p,.news-p,.teacher-p,.work-p{
        font-size: .24rem;
        line-height: .36rem;
    }
    .news-wrap{
        padding: 0 .3rem;
    }
    .teacher-box{
        padding: 0.45rem 0.3rem;
    }
    .teacher-img,.teacher-img img{
        height: auto;
    }
    .work-img{
        width: 100%;
        height: auto;
    }
    .work-des{
        width: 100%;
    }
    .workSwiper .swiper-slide{
        width: 100%;
        display: block;
    }
    .workSwiper {
        width: 100%;
    }
    .workSwiper .active{
        width: 100%;
    }
    .work-nav{
        margin: 0 0.2rem;
    }
    .work-box{
        padding: 0.45rem 0.3rem;
    }
    .work-p{
        -webkit-line-clamp: 3 !important;
    }
}