@charset "utf-8";

/* 框架 */
body { overflow: hidden; }
.contentScroll { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; z-index: 2; background: #fff; transform: translateY(100%); transition: all .6s cubic-bezier(.5,0,.2,1) 0s; }
.contentScroll.open { transform: translateY(0); }
#content { width: auto; padding: 140px 0 0; margin: 0; z-index: 2; overflow: hidden; }
.rowGroup { padding: 50px 0; }
.row { margin-bottom: 20px; margin: 0 -20px; }
.row:last-of-type { margin-bottom: 0; }
.column-3 {  float: left; width: 25%; padding: 0 20px; box-sizing: border-box; }
.column-6 { float: left; width: 50%; padding: 0 20px; box-sizing: border-box; }
.column-9 { float: left; width: 75%; padding: 0 20px; box-sizing: border-box; }

.infoList li > a,
.topicList .n > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 图片切换 */
.slideBox,
.slideBox .bd .pic img { width: 100%; height: auto; border-radius: 5px;}

/* 轮播大图 */
#banner { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; }
#banner .swiper-slide { height: 100%; }
#banner .swiper-slide a { position: relative; display: block; height: 100%; background-color: #fff; background-position: center center; background-size: cover; overflow: hidden; }
#banner .swiper-slide .bg { transform: scale(1.07); transition: all linear 4s 0.4s; }
#banner .swiper-slide-active .bg { transform: scale(1); }
#banner .swiper-slide video { display: block; width: 100%; height: 100%; object-fit: cover; }
#banner .swiper-pagination { font-size: 0; line-height: 1; bottom: 34px; }
#banner .swiper-pagination-bullet { vertical-align: top; width: auto; height: auto; color: #fff; font-size: 22px; background: none; opacity: 1; cursor: pointer; margin: 0 7px; }
#banner .swiper-pagination-bullet::before { font-family: "iconfont"; content: '\e66b'; }
#banner .swiper-pagination-bullet-active::before { content: '\e669' }

#banner .swiper-slide .con { display: none; }

/* IE的样式 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #banner .swiper-slide video { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: auto; }
}


.bannerMask { height: 100vh; transition: all .6s cubic-bezier(.5,0,.2,1) 0s; }
.bannerMask.open { height: 0; }

/* 背景 */
.bgYi { position: relative; background: fixed url(../../base/img/bg-02.jpg) repeat-x center top; background-size: cover; }
.bgYi::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: #fff; opacity: 0.9; }

/* indBox */
.indBox > .hd { position: relative; line-height: 1.3; margin-bottom: 36px; text-align: center; font-size: 0; }
.indBox > .hd a { color: inherit; text-decoration: none; }
.indBox > .hd h3 { position: relative; display: inline-block; vertical-align: top; font-size: 32px; font-weight: bold; color: #94070A; }
.indBox > .hd .in { position: relative; display: inline-block; vertical-align: top; padding: 0 20px; }
.indBox > .hd .in::before,
.indBox > .hd .in::after { position: absolute; line-height: 1; font-size: 42px; margin-top: -21px; font-family: "iconfont"; content: '\e67f'; top: 50%; color: rgba(148, 7, 10, 0.3); }
.indBox > .hd .in::before { right: 100%; }
.indBox > .hd .in::after { left: 100%;  transform: rotate(180deg); }
.indBox > .hd h4 { position: relative; font-size: 16px; opacity: 0.5; color: #999; }
.indBox > .bd::before,
.indBox > .bd::after { display: table; content: " "; clear: both; }
.indBox > .bd .moreBtn { margin-top: 30px; position: relative; text-align: center; font-size: 0; line-height: 1; }
.indBox > .bd .moreBtn a { display: inline-block; vertical-align: top; font-size: 16px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); line-height: 40px; padding: 0 40px; border-radius: 500px; }
.indBox > .bd .moreBtn a:hover { background: #fff; color: #94070a; padding: 0 50px; }


/* 学校新闻 */
#news > .bd { position: relative; padding: 45px 0 50px; }
#news > .bd::before { position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 50px; right: -2000px; background: #94070a url(../../base/img/bg-01.jpg) repeat left top fixed; }
#news > .bd .row { position: relative; }
#news .list { background: #fff; padding: 18px 0; }
#news .list li { position: relative; display: flex; align-items: center; padding: 16px 20px; overflow: hidden; }
#news .list li::after { position: absolute; content: ''; left: 15px; right: 15px; bottom: 0; border-bottom: 1px dashed #94070A; }
#news .list .date { position: relative; display: block; margin-right: 20px; line-height: 1; height: 63px; font-family: "思源宋体 CN", "Source Han Serif CN", "宋体"; font-weight: 700; text-align: right; overflow: hidden; }
#news .list .date::after { position: absolute; right: 0; bottom: 0; width: 24px; height: 1px; background: #94070A; content: ''; }
#news .list .date .dd { margin-top: 6px; display: block; font-size: 14px; color: #999; }
#news .list .date .ym { margin-top: 10px; display: block; font-size: 24px; color: #94070A; }
#news .list .con { flex: 1 0 0%; }
#news .list .title { font-size: 16px; max-height: 56px; line-height: 28px; overflow: hidden; }
#news .list .title a { display: block; text-decoration: none; }
#news .list .intro,
#news .list .others {display: none; }

#news .list li,
#news .list li::after,
#news .list .title a { transition: all ease 0.4s; }

#news .list li:hover { box-shadow: 0px 3px 4px 0px rgba(148, 7, 10, 0.1); }
#news .list li:hover::after { visibility: hidden; opacity: 0; }
#news .list li:hover .title a { color: #94070A; font-weight: bold; }

/* 通知公告 */
#rowNotice { padding: 0; }
#notice { display: flex; }
#notice > .hd { position: relative; width: 207px; }
#notice > .hd::before { position: absolute; content: ''; right: 100%; top: 0; bottom: 0; width: 2000px; background: #f8f8f8; border-radius: 0 40px 0 0; }
#notice > .hd::after { position: absolute; left: 100%; top: 0; bottom: 0; content: ''; width: 4000px; border-radius: 40px 0 0 0; background: #f8f8f8; }
#notice > .hd li { position: relative; margin-top: 95px; font-size: 32px; line-height: 42px; color: #999; text-align: center; }
#notice > .hd li::after { position: absolute; top: 7px; right: 0; content: ''; background: #94070A; width: 3px; height: 32px; visibility: hidden; transform: scaleY(0); transition: all ease 0.4s; }
#notice > .hd li a { color: inherit; }
#notice > .hd li.on { font-weight: bold; color: #94070A; }
#notice > .hd li.on::after { visibility: visible; transform: scaleY(1); }
#notice > .bd { position: relative; z-index: 1; flex: 1 0 0%; padding: 50px 0 50px 70px; }

#notice .list { position: relative; display: flex; flex-wrap: wrap; margin: -1% -2.15%; }
#notice .list li { position: relative; display: flex; align-items: center; width: 29.0333%; margin: 1% 2.15%; padding: 20px 15px; overflow: hidden; border-bottom: 1px dashed #94070A; box-sizing: border-box; }
#notice .list li::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #94070A; visibility: hidden; transform: scaleY(0); opacity: 0; transform-origin: center bottom; }
#notice .list .date { position: relative; display: block; margin-right: 20px; line-height: 1; height: 63px; font-family: "思源宋体 CN", "Source Han Serif CN", "宋体"; font-weight: 700; text-align: right; overflow: hidden; }
#notice .list .date::after { position: absolute; right: 0; bottom: 0; width: 24px; height: 1px; background: #94070A; content: ''; }
#notice .list .date .dd { margin-top: 6px; display: block; font-size: 14px; color: #999; }
#notice .list .date .ym { margin-top: 10px; display: block; font-size: 24px; color: #333; }
#notice .list .con { position: relative; flex: 1 0 0%; }
#notice .list .title { font-size: 16px; max-height: 56px; line-height: 28px; overflow: hidden; font-weight: bold; }
#notice .list .title a { text-decoration: none; }
#notice .list .intro,
#notice .list .others {display: none; }

#notice .list li,
#notice .list li::before,
#notice .list .date .dd,
#notice .list .date .ym,
#notice .list .date::after,
#notice .list .title a { transition: all ease 0.5s; }

#notice .list li:hover { border-bottom-color: transparent; }
#notice .list li:hover::before { visibility: visible; transform: scaleY(1); opacity: 1; }
#notice .list li:hover .title a,
#notice .list li:hover .date .dd,
#notice .list li:hover .date .ym { color: #fff; }
#notice .list li:hover .title font { color: inherit !important; }
#notice .list li:hover .date::after { width: 100%; background: #fff; }

/* 学术活动 */
#xshd .slides { position: relative; }
#xshd .slides > .bd { margin: 0 45px; overflow: hidden; }
#xshd .slides .list { overflow: hidden; }
#xshd .slides .list li { float: left; width: 50%; }
#xshd .slides .list .pic { margin: 0 10px; }
#xshd .slides .list .pic a { display: block; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
#xshd .slides .list .pic img { position: absolute; left: 0; top: 0; }
#xshd .slides .list .con { margin: 0 10px; display: flex; flex-direction: column; align-content: stretch; padding: 35px 25px; background: #fff; }
#xshd .slides .list .others { margin-bottom: 15px; }
#xshd .slides .list .date { vertical-align: top; font-family: "思源宋体 CN", "Source Han Serif CN", "宋体"; font-weight: bold; color: #999; line-height: 23px; font-size: 16px; }
#xshd .slides .list .title { order: 1; color: #94070A; font-size: 18px; line-height: 28px; height: 56px; overflow: hidden; }
#xshd .slides .list .title a { color: inherit; }
#xshd .slides .list .intro { margin-top: 15px; order: 2; color: #999; font-size: 16px; line-height: 28px; height: 56px; overflow: hidden; }

#xshd .slides .list .con,
#xshd .slides .list .date,
#xshd .slides .list .title a,
#xshd .slides .list .intro { transition: all ease 0.5s; }

#xshd .slides .list li:hover .con { background: #94070A; }
#xshd .slides .list li:hover .title a { color: #fff; }
#xshd .slides .list li:hover .date,
#xshd .slides .list li:hover .intro { color: #ffd1d2; }

#xshd .slides .prev,
#xshd .slides .next { position: absolute; top: 50%; width: 50px; line-height: 60px; font-size: 36px; color: #999; text-decoration: none; text-align: center; margin-top: -30px; }
#xshd .slides .prev { left: -15px; }
#xshd .slides .next { right: -15px; }
#xshd .slides .prev:hover,
#xshd .slides .next:hover { color: #94070A; }

/* 院部动态 */
#ybdt { margin-left: 3.75%; }
#ybdt .list { position: relative; }
#ybdt .list li { position: relative; display: flex; align-items: center; padding: 14px 20px; overflow: hidden; border-bottom: 1px dashed #c3c3c3; box-sizing: border-box; }
#ybdt .list li::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #94070A; visibility: hidden; transform: scaleX(0); opacity: 0; transform-origin: left bottom; }
#ybdt .list .date { position: relative; display: block; margin-right: 20px; line-height: 1; height: 52px; font-family: "思源宋体 CN", "Source Han Serif CN", "宋体"; text-align: center; overflow: hidden; color: #999; }
#ybdt .list .date .dd { display: block; font-size: 24px; font-weight: bold; }
#ybdt .list .date .ym { margin-top: 8px; display: block; font-size: 14px; }
#ybdt .list .con { position: relative; flex: 1 0 0%; }
#ybdt .list .title { font-size: 18px; max-height: 52px; line-height: 52px; overflow: hidden; font-weight: bold; }
#ybdt .list .title a { text-decoration: none; }
#ybdt .list .intro,
#ybdt .list .others { display: none; }

#ybdt .list li,
#ybdt .list li::before,
#ybdt .list .date,
#ybdt .list .date::after,
#ybdt .list .title a { transition: all ease 0.5s; }

#ybdt .list li:hover { border-bottom-color: transparent; }
#ybdt .list li:hover::before { visibility: visible; transform: scaleX(1); opacity: 1; }
#ybdt .list li:hover .title a,
#ybdt .list li:hover .date { color: #fff; }
#ybdt .list li:hover .date::after { width: 100%; background: #fff; }


/* 视频新闻 */
#rowSpxw { padding: 60px 0 90px; }
#spxw .list li { float: left; position: relative; width: 23%; padding: 2px; box-sizing: border-box; }
#spxw .list li .pic a { display: block; position: relative; overflow: hidden; padding-bottom: 85.5555%; }
#spxw .list li .pic img { position: absolute; left: 0; top: 0; }
#spxw .list li .title { position: absolute; left: 2px; right: 2px; bottom: 2px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
#spxw .list li .title a { display: block; padding: 80px 20px 0; font-size: 16px; height: 60px; line-height: 60px; overflow: hidden; color: #fff; font-weight: bold; }

#spxw .list li:first-of-type { width: 54%; }
#spxw .list li:first-of-type .pic a { padding-bottom: 72.9%; }

/* 媒体关注&校友之窗 */
#rowMtgz { padding: 48px 0 67px; }
#rowMtgz::before { background: #000; opacity: 0.5; }
#rowMtgz .indBox > .hd::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); }
#rowMtgz .indBox > .hd h3 { color: #fff; }
#rowMtgz .indBox > .hd h4 { color: #fff; opacity: 0.5; }
#rowMtgz .indBox > .hd .in::before,
#rowMtgz .indBox > .hd .in::after { color: rgba(255, 255, 255, 0.3); }
#rowMtgz .indBox > .bd { background: #fff; padding: 30px; }

/* 轮播 */
.indSlides { position: relative; }
.indSlides > .bd { overflow: hidden; }
.indSlides > .bd .in { margin: 0 -4px; }
.indSlides .prev,
.indSlides .next { position: absolute; top: 50%; width: 32px; line-height: 50px; font-size: 20px; color: #fff; text-decoration: none; text-align: center; margin-top: -25px; background: rgba(0, 0, 0, 0.5); }
.indSlides .prev { left: 0; }
.indSlides .next { right: 0; }
.indSlides .prev:hover,
.indSlides .next:hover { background: #94070A; }

/* 专题专栏&快速导航 */
#rowZtzl { padding: 66px 0; }
#ztzl .list li { float: left; width: 20%; }
#ztzl .list .pic { display: block; margin: 0 4px; position: relative; height: 0; padding-bottom: 177.2151%; overflow: hidden; }
#ztzl .list .pic img { position: absolute; left: 0; top: 0; }
#ztzl .list .tit,
#ztzl .list .title { display: none; }

#ksdh .indSlides > .bd .in { margin: 0 -10px; }
#ksdh .menuList li { float: left; width: 25%; }
#ksdh .menuList li a { display: block; margin: 0 10px; background: #F5F5F5; position: relative; height: 0; padding-bottom: 140%; overflow: hidden; }
#ksdh .menuList li a span { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); font-size: 16px; color: #333; text-align: center; }
#ksdh .menuList li a span::before { display: block; margin-bottom: 22px; font-family: "iconfont"; content: '\e7e4'; font-size: 80px; line-height: 1; color: #94070A; }

#ksdh .menuList li a,
#ksdh .menuList li a span,
#ksdh .menuList li a span::before { transition: all ease 0.6s; }

#ksdh .menuList li a:hover { background: #94070A; }
#ksdh .menuList li a:hover span { color: #fff; }
#ksdh .menuList li a:hover span::before { animation: tada 1s ease 0.2s 1; color: #fff; }

#ksdh .menuList .li-ggfw1 span::before { content: '\e7e4'; }
#ksdh .menuList .li-xxxy1 span::before { content: '\e8f6'; }
#ksdh .menuList .li-xyzh span::before { content: '\e8c4'; }
#ksdh .menuList .li-xxgkw span::before { content: '\e8cc'; }
#ksdh .menuList .li-tsg1 span::before { content: '\e8c5'; }
#ksdh .menuList .li-jfpt span::before { content: '\e927'; }
#ksdh .menuList .li-xyk span::before { content: '\e905'; }
#ksdh .menuList .li-wst span::before { content: '\e8b2'; }
#ksdh .menuList .li-xl span::before { content: '\e8bf'; }
#ksdh .menuList .li-zlgcglxt span::before { content: '\e8df'; }
#ksdh .menuList .li-jyb span::before { content: '\e8d8'; }
#ksdh .menuList .li-ahsjyt1 span::before { content: '\e8d3'; }
#ksdh .menuList .li-sjxx span::before { content: '\e8f2'; }
#ksdh .menuList .li-xzxx span::before { content: '\e8f1'; }
#ksdh .menuList .li-zhxy span::before { content: '\e8fa'; }


/* 媒体查询 */
@media (max-width:1700px) {
    .focusBox .bd .pic a { padding-bottom: 75.1%; }
    .focusBox .hd li { padding-top: 16px; padding-bottom: 16px; }
    .focusBox .hd .title { font-size: 16px; line-height: 28px; height: 56px; }
    .focusBox .hd .date { margin-top: 4px; line-height: 22px; font-size: 14px; }

    #news .list { padding: 14px 0; }
    #news .list li { padding-top: 15px; padding-bottom: 15px; }
    #news .list li:last-of-type { display: none; }

    #ybdt .list li { padding-top: 11px; padding-bottom: 11px; }

}

@media (max-width:1500px) {
    .focusBox .bd .pic a { padding-bottom: 75.5%; }
    .focusBox .hd li { padding-top: 19px; padding-bottom: 19px; }
    .focusBox .hd .title { height: 26px; }
    .focusBox .hd .date { margin-top: 6px; }
    #news .list li:nth-last-of-type(2) { display: none; }
    #news .list { padding: 15px 0; }
    #news .list .date { height: 59px; }
    #news .list .date .ym { margin-top: 6px; }

    #ybdt .list li { padding-top: 8px; padding-bottom: 8px; }
}