@charset "utf-8";
#content {
    width: auto;
    min-width: 1200px;
    margin: 0 auto;
}

/* 轮播大图 */
.banner {
    position: relative;
    clear: both;
}
.banner .bd li {
    display: block;
    width: 100%;
    background-size: cover !important;
    animation: slideBanner 8s ease-in-out 1;
}
.banner .bd li a {
    display: block;
}
.banner .bd .con {
    display: none;
}
.banner .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
    text-align: center;
    font-size: 0;
}
.banner .hd li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 14px;
    border-radius: 10px;
    transition: all 0.5s;
}
.banner .hd li span {
    display: none;
}
.banner .hd .on {
    background: #ff8e14;
}
@keyframes slideBanner {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* row --------------------------------- */
.row { clear: both; min-width: 1200px; width: 100%; }
.row-news{
    padding: 30px 0 50px;
}
.row-gray{
    padding: 50px 0 72px;
    background-color: #f5f5f5;
}


/* 通用框 */
.ind-box{
    overflow: hidden;
}
.ind-box .hd{
    display: flex;
    height: 46px;
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}
.ind-box .hd strong{
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: normal;
}
.ind-box .hd strong::before{
    content: "";
    width: 13px;
    height: 29px;
    margin-right: 14px;
    background:  url(../../base/img/hd-icon.png) left top no-repeat;
}
.ind-box .hd strong.red-icon::before{
    background-position: 0 -50px;
}
.ind-box .hd strong.orange-icon::before{
    background-position: 0 -90px;
}
.ind-box .hd .eng{
    text-transform: uppercase;
    padding-top: 6px;
    margin-left: 12px;
    font-size: 18px;
    color: #999;
}
.ind-box .hd .more{
    font-size: 16px;
    color: #999;
}
.ind-box .hd .more:hover{
    color: #062e7b;
}

/* 学校新闻 */
.box-news{
    width: 785px;
    float: left;
    margin-right: 50px;
}

.top-date-list{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.top-date-list li.n{
    width: 100%;
    font-size: 16px;
    line-height: 2;
    padding: 3px 0;
    display: flex;
    justify-content: space-between;
}
.top-date-list li.n .date{
    color: #999;
}
.top-date-list li.n a{
    display: flex;
    align-items: center;
}
.top-date-list li.n a::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    background-color: #bcbcbc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.top-date-list li.t{
    position: relative;
    z-index: 1;
    width: 366px;
    margin-bottom: 25px;
}
.top-date-list li.t .date{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    float: left;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    color: white;
    background-color: #77aee7;
}
.top-date-list li.t .dd{
    display: block;
    font-size: 30px;
    line-height: 1.2;
    margin-top: 4px;
}
.top-date-list li.t .pic{
    overflow: hidden;
    margin-bottom: 18px;
}
.top-date-list li.t .pic{
    width: 100%;
    height: auto;
}
.top-date-list li.t .title{
    line-height: 24px;
    margin-bottom: 15px;
}
.top-date-list li.t .intro{
    font-size: .875rem;
    line-height: 1.6;
    color: #999;
}
.top-date-list li.t .more{
    color: #d92525;
}
.top-date-list li.t .more:hover{
    color: #04419c;
}

/* 文章标题-日历式 */
.info-date-list li{
    display: flex;
    align-items: center;
    margin-bottom: 36px;
}
.info-date-list li:nth-last-child(1){
    margin-bottom: 0;
}
.info-date-list li a{
    flex: 1;
    line-height: 24px;
}
.info-date-list li .date{
    width: 64px;
    height: 64px;
    margin-right: 12px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    color: #a7a7a7;
    background-color: #f5f4f4;
}
.info-date-list li .dd{
    display: block;
    font-size: 30px;
    line-height: 1.2;
    margin-top: 4px;
    color: #d7605e;
}
.info-date-list li:hover .date{
    background-color: #d7605e;
    color: white;
}
.info-date-list li:hover .dd{
    color: white;
}

/* 日期-橙色 */
.date-orange li .dd{
    color: #de8a1c;
}
.date-orange li:hover .date{
    background-color: #de8a1c;
}

/* 通知公告 */
.box-notice{
    margin-bottom: 30px;
}

/* 媒体关注 */
.top-more-list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.top-more-list li{
    width: 50%;
    display: flex;
}
.top-more-list li .con{
    position: relative;
    z-index: 1;
    flex: 1;
    padding: 22px 24px 0;
    background-color: #2787e9;
}
.top-more-list li .con::after{
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 100%;
    border-width: 12px;
    border-style: solid;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-color: transparent;
}
.top-more-list li:nth-child(4n+3) .con,
.top-more-list li:nth-child(4n) .con{
    order: 1;
}
.top-more-list li:nth-child(4n+3) .pic,
.top-more-list li:nth-child(4n) .pic{
    order: 2;
}
.top-more-list li:nth-child(4n+2) .con{
    background-color: #63bf63;
}
.top-more-list li:nth-child(4n+3) .con{
    background-color: #0ba299;
}
.top-more-list li:nth-child(4n) .con{
    background-color: #e5a73b;
}
.top-more-list li:nth-child(4n+3) .con::after,
.top-more-list li:nth-child(4n) .con::after{
    right: auto;
    left: 100%;
}

.top-more-list li:nth-child(4n+1) .con::after{
    border-right-color: #2787e9;
}
.top-more-list li:nth-child(4n+2) .con::after{
    border-right-color: #63bf63;
}
.top-more-list li:nth-child(4n+3) .con::after{
    border-left-color: #0ba299;
}
.top-more-list li:nth-child(4n) .con::after{
    border-left-color: #e5a73b;
}

.top-more-list li .date{
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #e3e3e3;
    height: 26px;
    line-height: 26px;
}
.top-more-list li .tit{
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 28px;
    color: white;
}
.top-more-list li .intro{
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}
.top-more-list li .more{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    height: 28px;
    line-height: 28px;
    padding: 0 19px;
    font-size: 14px;
    color: white;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}
.top-more-list li .more:hover{
    background-color: rgba(255,255,255,0.3);
}

/* 学术动态 */
.row-study{
    padding: 50px 0 65px;
}
.row-study .bd{
    margin-bottom: 34px;
}
.pic-intro-list-box{
    overflow: hidden;
}
.pic-intro-list{
    overflow: hidden;
}
.pic-intro-list li{
    width: 580px;
    float: left;
    margin-right: 40px;
}
.pic-intro-list li:nth-last-child(1){
    margin-right: 0;
}
.pic-intro-list li .pic{
    width: auto;
    float: left;
}
.pic-intro-list li .con{
    height: 174px;
    overflow: hidden;
    height: 160px;
    padding: 14px 16px 0 20px;
    background-color: #f5f5f5;
}
.pic-intro-list li .tit{
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}
.pic-intro-list li .intro{
    font-size: 14px;
    line-height: 20px;
    color: #999;
    margin-bottom: 5px;
    text-align: justify;
}
.pic-intro-list li .more{
    color: #c00;
}
.pic-intro-list li .date{
    font-size: 14px;
    color: #999;
}

.position{
    margin: 0 auto;
    text-align: center;
    height: 7px;
    line-height: 7px;
    vertical-align: top;
}
.position ul{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.position li{
    width: 30px;
    height: 7px;
    float: left;
    margin: 0 5px;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #bfbdbd;
    cursor: pointer;
}
.position li.on{
    background-color: #ffc600;
}

/* row-node-info */
.row-node-info{
    padding: 78px 0 0;
    height: 615px;
    background:  url(../../base/img/row-bg.jpg) center top no-repeat;
}
.node-info-box{
    position: relative;
    z-index: 1;
    padding-right: 237px;
}
.pic-info{
    position: relative;
    width: auto;
    float: left;
}
.pic-info .pic a{
    display: block;
}
.pic-info .more{
    position: absolute;
    z-index: 1;
    left: 18px;
    bottom: 18px;
    width: auto;
    float: left;
    padding: 0 20px;
    height: 52px;
    line-height: 52px;
    font-size: 28px;
    color: white;
    background-color: rgba(0,0,0,0.7);
}
.pic-info:hover .more,
.pic-info .more:hover{
    text-decoration: none;
    background-color: rgba(0,0,0,0.9);
}

/* 节点信息框 */
.node-info{
    box-sizing: border-box;
    padding: 20px 10px 0 29px;
    overflow: hidden;
    background: #2e8cdc;
}
.node-info,
.node-info a{
    color: white;
}
.node-info a:hover{
    color: rgba(255,255,255,0.8);
}
.node-info .hd{
    margin-bottom: 15px;
    line-height: 30px;
}
.node-info .hd strong{
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
}

.node-list li{
    font-size: 16px;
    line-height: 32px;
}
.list-2 li{
    width: 50%;
    float: left;
    text-wrap: wrap;
    text-overflow: ellipsis;
}

.node-cooperation{
    left: 489px;
    width: 237px;
    height: 237px;
    float: left;
}
.node-specail{
    overflow: hidden;
    width: 237px;
    float: left;
    background: #04419c;
}
.node-specail img{
    width: 100%;
    height: 146px;
}
.node-specail .bd .tit{
    display: none;
}
.node-specail .hd{
    height: 91px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}
.node-specail .node-name{
    text-align: center;
    color: white;
    font-size: 24px;
    line-height: 1.6;
}
.node-specail .node-name a{
    color: white;
}
.node-specail .hd ul{
    display: inline-block;
    margin: 19px auto 10px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}
.node-specail .hd li{
    width: 20px;
    height: 5px;
    float: left;
    margin: 0 5px;
    text-indent: -999px;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}
.node-specail .hd li.on{
    background-color: #ffc600;
}

.node-life,
.node-quick,
.media-pic{
    position: absolute;
    right: 0;
    width: 237px;
    float: left;
}
/* 快速导航 */
.node-quick{
    top: 0;
    width: 237px;
    padding-bottom: 14px;
    float: left;
    background-color: #3a74cb;
}

.media-pic{
    box-sizing: border-box;
    top: 146px;
    height: 91px;
    padding: 26px 0 0 10px;
    background-color: #04419c;
}
.media-pic li{
    position: relative;
    z-index: 1;
    width: auto;
    float: left;
    margin-left: 16px;
}
.media-pic li a{
    position: relative;
    z-index: 1;
    display: block;
    padding-left: 50px;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    color: white;
}
.media-pic li a::before{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    font-family: "font-webicon";
    content: "\E601";
    width: 42px;
    height: 42px;
    float: left;
    text-align: center;
    font-size: 24px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.media-pic li.pic-wb a::before{
    content: "\E607";
}
.media-pic li:hover a::before{
    background-color: rgba(255,255,255,0.3);
}
.media-pic li .qr{
    display: none;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 48px;
    width: 100px;
    float: left;
    padding: 5px;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.media-pic li .qr::after{
    content: "";
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.media-pic li .qr img{
    width: 100%;
    height: auto;
}
.media-pic li:hover .qr{
    display: block;
}
.node-life{
    top: 237px;
    height: 237px;
}

/* 视频 */
#video .list { overflow: hidden; margin: -1.2%; }
#video .list li { float: left; position: relative; width: 22.6%; margin: 1.2%; }
#video .list li.first { width: 47.6%; }
#video .list li.first .pic a { padding-bottom: 68.4%; }
#video .list li .pic a { position: relative; display: block; height: 0; padding-bottom: 66.6666%; overflow: hidden; }
#video .list li .pic img { position: absolute; left: 0; top: 0; }
#video .list li .title { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
#video .list li .title a { position: relative; display: block; font-size: 16px; height: 42px; line-height: 42px; padding-right: 40px; overflow: hidden; text-align: left; color: #fff; }
#video .list li .title a::after { position: absolute; content: "\e734"; right: 0; bottom: 0; font-family: "fontpower"; font-size: 1.8em; font-weight: bold; }