/* 轮播图 */
#carouselExampleFade{ max-width: 1587px; margin: 0 auto; }
#carouselExampleFade .carousel-item img{ max-height: 600px;  }
#carouselExampleFade .carousel-indicators{ bottom: 0; justify-content: center; }
#carouselExampleFade .carousel-indicators li{
    width: 15px;
    height: 15px;
    border-width: 0;
    background-color: #dbddda;
    border-radius: 50%;
    margin: 0 8px;
    opacity: 1;
    transition: all 0.2s; 
}
#carouselExampleFade .carousel-indicators li.active{ background-color: #F79E3E; width: 15px; }

.news-div {position: relative;}

.notice .imgs,
.learning .imgs,
.jiaoxue .imgs,
.learning .imgs,
.news-div .imgs {    margin-left: 10px;}

.notice .more,
.learning .more {
    color: #fff !important;
}


.jiaoxue .more,
.jiaoxue .learning .more {
    color: #212529 !important;
}

.con-title span{ font-size: 20px; display: flex; padding-bottom: 12px; border-bottom: 1px solid #EEEEEE;}

.con-title.news span:before{  content: ""; width: 33px; height: 24px; display: block; background: url(../images/news-title.png); background-repeat: no-repeat; }


.con-title .more{ color: #aeaeae; font-size: 14px; position: absolute; top: 0; right: 0; }
.con-title .more:hover{ color: #666; }
.child.notice .con-main,
.child.jiaoxue .con-main,
.content .news-con{ display: flex; height: 500px; margin-top: 15px; justify-content: space-between; }
.child.jiaoxue .con-main {margin-top: 0;}
.child.notice .notice-con{ height: 628px; background-image: url(../images/xue-bg.png); background-repeat: no-repeat; background-position: center center; }
.child.jiaoxue .jiaoxue-con{ height: 628px; background-image: url(../images/yu-bg.png); background-repeat: no-repeat; background-position: center center; }

.child.notice .con-main{ height: 628px; padding: 40px 0; }
.child.jiaoxue .con-main{ height: 628px; padding: 50px 0; }


.news-con .news-list{ flex: 0 0 48%; }


.child.notice .con-main .notice-list,
.child.notice .con-main .learning-list {
    flex: 0 0 48%;
    height: 75px;
}

.child.jiaoxue .con-main .notice-list,
.jiaoxue-con .learning-list {
    flex: 0 0 48%;
    height: 75px;
}

.news-con .news-list-right-div {
    flex: 0 0 48%;
}

.news-con .news-banner {
    flex: 0 0 48%;
}
.news-banner .carousel-item img{ height: 384px; margin-left: 4px; width: 98.7% !important;  }
.news-banner .carousel-item .news-itemTitle{ 
    width: 569px;
    padding: 0 14px;
    border-radius: 0 0 8px 8px;
    margin: 1px 4px 4px 4px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3)
}
.news-banner .carousel-item .news-itemTitle .title {
    width: 540px;
    padding-top: 21px;
    cursor: pointer;
    text-align:justify;
    margin-bottom: 15px;
    color:#000;
}
.news-banner .carousel-item .news-itemTitle .title:hover {
    color: #C13432;
}
.news-banner .carousel-item .news-itemTitle .date {
    color: #CC9966;
    padding-bottom: 10px;
}
#newsBanner .carousel-indicators{ width: 170px; margin: 0; bottom: 33px; left: auto; right: 23px; overflow: hidden; justify-content: flex-end; }
#newsBanner .carousel-indicators li{ width: 10px; height: 10px; border: 1px solid #C13432;  margin: 0 5px; transition: all .2s;  }
#newsBanner .carousel-indicators li.active{ background-color: #C13432; width: 13px; height: 12px; border: 0px solid #C13432; }


/* PC校区动态列表right开始 */
.jiaoxue-list-right,
.news-list-right {
    height: 67.5px;
    width: 99%;
    padding: 0 20px 0 0px;
    border-radius: 8px;
    margin: 1px 4px 4px 4px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.jiaoxue-list-right {
    height: 75px;
    margin-bottom: 25px;
}

.jiaoxue-list-right .jiaoxue-list-div,
.news-list-right .news-list-div {
    height: 70px;
}


.jiaoxue-list-right .title-div .title-left-div,
.news-list-right .title-div .title-left-div {
    width: 95px;
    height: 70px;
    text-align: center;
    margin-top: 2px;
    position: relative;
}

.title-left-div .title-left-title {
    font-size: 24px;
    color: #CC9966;
}
.title-left-div .title-left-date {
    font-size: 14px;
    color: #CC9966;
}

.title-div {
    display: flex;
}
.jiaoxue-list-right .title-div .title-left-div {
    background: #fff;
    margin-top: 0;
    width: 75px;
    padding-top: 10px;
    height: 75px;
    border-radius: 12px;
}

.jiaoxue-list-div  .title-left-div .title-left-date {
    height: 28px;
    line-height: 28px;
}

.jiaoxue-list-right:hover .jiaoxue-list-div  .title-left-div .title-left-date {
    background: #F79E3E;
    color: #fff;
    border-radius: 0 0 10px 10px;
}

.jiaoxue-list-div .title-div .title-right-div {
    margin-left: 6px;
    margin-top: 15px;
}

.jiaoxue-list-div .title-left-div .title-left-title {
    height: 35px;
    border-bottom: 1px solid #CC9966;
}

.title-div .title-left-div:after {
    content: "";
    border-right: 2px solid #999999;
    height: 53px;
    width: 2px;
    position: absolute;
    top: 7px;
    right: 4px;
}

.jiaoxue-list-div .title-div .title-left-div:after {
    border-right: 0
}

.title-div .title-right-div {
    width: 450px;
    margin-left: 10px;
    margin-top: 9px;
    font-size: 16px;
    float: left;
    color: #666666;
    cursor: pointer;
    text-align:justify;
    margin-bottom: 10px;
}

.title-div .title-right-div:hover {
    color: #C13432;
}

.news-list-right-div .news-list-right {
    margin-bottom: 10px;
}

/* PPC校区动态列表right结束 */

/* 学术动态样式开始 */
.notice .con-title.learning,
.jiaoxue .con-title.learning,
.jiaoxue .con-title.jiaoxue,
.notice .con-title.notice {
    position: relative;
}

.notice .con-title.learning span,
.notice .con-title.notice span {
    color: #fff;
    border: none;
}

.jiaoxue .con-title.learning span:before,
.notice .con-title.learning span:before,
.con-title.jiaoxue span:before,
.con-title.notice span:before {
    content: "";
    width: 33px;
    height: 24px;
    display: block;
    background: url(../images/xue-qiu.png);
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.notice-con .notice-left-div {
    position: relative;
    height: 385px;
}

.con-title.jiaoxue span:before {
    background: url(../images/jiaoxue.png);
    background-repeat: no-repeat;
}

.jiaoxue .con-title.learning span:before {
    background: url(../images/yanjiu.png);
    background-repeat: no-repeat;
}

.notice-con .left-bg {
    width: 100%;
    text-align: justify;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background:url(../images//left-bg.png);
    position: absolute;
    bottom: 0;
    color: #fff;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
}

.notice-con .notice-bottom-div {
    background: #fff;
    padding: 15px 20px;
    border-radius: 0 0 12px 12px;
    position: relative;
}

.notice-bottom-div .notice-border {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #000;
}


.notice-bottom-div .notice-div {
    display: flex;
    cursor: pointer;
    padding-top:8px;
}


.notice-div .text {
    width: 448px;
    line-height: 25px;
    margin-left: 10px;
    text-align: justify;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
    color:#666666;
}

.notice-bottom-div .notice-div:hover .text {
    color: #C13432;
}

.notice-bottom-div .notice-div:hover .notice-border  {
    border: 1px solid #C13432;

}

.notice-div .date {
    width: 56px;
    height: 24px;
    color: #CC9966;
    border: 1px solid #CC9966;
    border-radius: 10px;
    padding: 0px 6px;
    margin-left: 10px;
}



.learning-list .learning-list-div {
    height: 482px;
    padding: 0 20px;
    padding-top: 21px;
    border-radius: 12px;
    background: #fff;
}

.learning-list-div .learning-list {cursor: pointer;}

.learning-title-div .title-span1 {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(../images/list-bg.png) no-repeat center;
}

.learning-list .title-span2 {
    width: 520px;
    height: 18px;

    text-overflow: ellipsis;
    overflow: hidden;
    color:#666666;
}

.learning-title-div:hover .title-span2 {
    color: #C13432;
}

.learning-title-div:hover .title-span1 {
    background: url(../images/list-actied.png) no-repeat center;
}

.learning-list-div .learning-div {
    margin-left: 14px;
}

.learning-list-div .learning-div  span{
    color: #CC9966;
}

.learning-list .learning-div::after {
    content: " ";
    display: block;
    width: 4px;
    height: 38px;
    background-image: url(../images/right-border.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    left: -12px;
    top: -24px;
}

/* 教学 */
.jiaoxue-con


.news-list .news-item{ margin-bottom: 20px; padding-left: 30px; position: relative; }
.news-list .news-item::before{ 
    content: " "; display: block; width: 13px; height: 13px; background-image: url(../images/list-bg.png);
    background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 5px;
}
.news-list .news-item::after{ 
    content: " "; display: block; height: 27px; width: 1px; background-color: #a5a5a5;
    position: absolute; left: 6px; top: 25px;
}

.news-list .news-item .news-title{ 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; 
    display: block;
}
.news-list .news-item .news-title:hover{ color: #b80405; }
.news-list .news-title:hover .news-item::before{ 
    content: " "; display: block; width: 13px; height: 13px; background-image: url(../images/list-actied.png);
    background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 5px;
}
.news-list .news-item .news-time{ color: #d5b59e; font-size: 15px; margin-top: 8px; }
.news-list .news-item .news-time::before{ 
    content: " "; display: inline-block; width: 16px; height: 15px; vertical-align: middle;
    background-image: url(../img/index/time.png); background-repeat: no-repeat;
    background-position: center center; position: relative; top: -1px; margin-right: 5px;
}

.learning-list .list-con{ margin-top: 30px; }
.notice-list .list-con{ margin-top: 30px; }
.learning-list .list-con .learning-item,
.notice-list .list-con .notice-item{ 
    display: flex; align-items: center; background-color: #fff; margin-bottom: 20px; 
    height: 100px; border-radius: 8px;
}
.learning-list .list-con .learning-item{ background-color: transparent; }
.list-con .learning-time,
.list-con .notice-item .notice-time{ 
    color: #d2b39e; text-align: center; border-right: 1px solid #c1c1c1; margin-right: 15px; 
    padding: 0 15px; width: 85px;
}

.list-con .learning-time{ 
    color: #fff; border-width: 0; width: 105px; background-image: url(../img/index/learning-before.png);
    background-repeat: no-repeat; height: 93px; background-position: center center; padding: 22px 0 22px 3px;
    transition: all .2s;
}
.learning-item .learning-time .time-day,
.notice-item .notice-time .time-day{ font-size: 28px; line-height: 28px; }
.learning-item .learning-time .time-yearMonth,
.notice-item .notice-time .time-yearMonth{ font-size: 14px; }
.learning-list .list-con .learning-info,
.notice-item .notice-title { 
    color: #000; width: calc(100% - 100px); padding-right: 15px; text-align: justify;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .2s
}
.learning-item:hover .info-title,
.notice-item:hover .notice-title{ color: #b80405; }

.learning-item .learning-info{ width: calc(100% - 105px); }
.learning-item .learning-info .info-title{ text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; transition: all .2s; }
.learning-item .learning-info .info-subTitle{ 
    font-size: 15px; color: #656565; white-space: normal; height: 40px; overflow: hidden; text-align: justify;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .2s;
}

.learning-item:hover .info-subTitle{ color: #999; }

@media (max-width: 576px) {

    
}