@charset "utf-8";

/* 框架 */
#content { width: auto; margin: 0; padding: 0; }
.rowGroup { padding: 60px 0; }
.row { display: flex; justify-content: space-between; margin-bottom: 60px; }
.row:last-of-type { margin-bottom: 0; }
.column-5 { width: 630px; }
.column-6 { width: 670px; }
.column-7 { width: 710px; }

.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; }

/* 图标特效 */
.effectIcon li a { transition: all 0.7s ease; }
.effectIcon li a:hover { transform: translateY(-10px); }

/* 轮播大图 */
#banner { position: relative; z-index: 1; height: 700px; }
#banner .bd { height: 100%; border-radius: 0 0 100px 100px; overflow: hidden; }
#banner .bd li { position: relative; display: block; height: 700px; background-color: #fff !important; background-position: center center !important; background-size: cover !important; overflow: hidden; animation: bgScale 5s ease; }
#banner .bd .link { display: block; position: relative; height: 100%; }
#banner .bd .con { display: none; }
#banner .hd { position: absolute; z-index: 1; left: 0; bottom: 70px; width: 100%; text-align: center; font-size: 0; line-height: 1; }
#banner .hd li { display: inline-block; vertical-align: top; background: rgba(255, 255, 255, 0.5); padding: 3px; margin: 0 5px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); transition: all ease 0.6s; cursor: pointer; }
#banner .hd li .pic img { width: 106px; height: 57px; }
#banner .hd li .title { display: none; }
#banner .hd li.on { background: #fff; transform: translateY(-10px); }

/* 最新公告 */
.noticeBox { position: relative; z-index: 1; display: flex; align-items: center; gap: 30px; width: 940px; margin: -40px auto 0; padding: 20px 30px; background: #fff; border-radius: 1500px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);  }
.noticeBox > .hd { background: #CA3737; line-height: 40px; padding: 0 15px; border-radius: 1500px; }
.noticeBox > .hd h3 { font-size: 18px; color: #fff; }
.noticeBox > .hd h3 a { color: inherit; }
.noticeBox > .hd h3 a::before { font-family: "iconfont"; content: "\e61e"; margin-right: 0.4em; }
.noticeBox > .bd { flex: 1 0 0%; min-width: 0; }
.noticeBox > .fd .prev,
.noticeBox > .fd .next { display: block; font-size: 12px; color: #999; line-height: 1; }
.noticeBox > .fd .prev { transform: rotate(180deg); }
.noticeBox > .fd .prev:hover,
.noticeBox > .fd .next:hover { color: #CA3737; }

#notice .infoList li > a { color: #666; }

/* 背景 */
.bg-01 { margin-top: -140px; padding-top: 220px; background: url(../../base/img/bg-03.jpg) no-repeat center center; background-size: cover; }
.bg-02 { background: url(../../base/img/bg-11.png) no-repeat center center; background-size: 100% auto; }

/* indBox */
.indBox { position: relative; }
.indBox > .hd { position: relative; z-index: 1; display: flex; align-items: center; gap: 5px; padding: 10px 0 0; margin-bottom: 30px; line-height: 40px; }
.indBox > .hd::before { position: absolute; z-index: -1; content: ""; left: -22px; top: 0; width: 50px; height: 50px; background: url(../../base/img/bg-04.png) no-repeat center center / 100% 100%; }
.indBox > .hd a { color: inherit; text-decoration: none; }
.indBox > .hd h3 { font-size: 30px; color: #333; }
.indBox > .hd h4 { padding-top: 8px; color: rgba(202, 55, 55, 0.1); font-size: 24px; }
.indBox > .hd .more { position: relative; z-index: 1; margin-left: auto; font-size: 14px; color: #999; }
.indBox > .hd .more::after { margin-left: 0.5em; font-size: 1.1em; display: inline-block; vertical-align: middle; font-family: "iconfont"; content: '\e607'; }
.indBox > .hd .more:hover { color: #CA3737; }
.indBox > .hd .more:hover::after { animation: more 2s ease infinite; }
.indBox > .hd::after,
.indBox > .bd::before,
.indBox > .bd::after { display: table; content: " "; clear: both; }

/* 校园新闻 */
#focusNews { z-index: 2; }
#news::after,
#focusNews::after { position: absolute; content: ''; width: 104px; height: 86px; left: -74px; top: 40px; background: url(../../base/img/bg-07.png) no-repeat 0 0; }

#rowNews { position: relative; z-index: 1; padding-bottom: 80px; margin-bottom: 30px; }
#rowNews::before { position: absolute; z-index: -1; content: ''; width: 21500px; height: 350px; right: 260px; bottom: 0; background: url(../../base/img/bg-08.jpg) no-repeat right top; }

#news { position: relative; }
#news::after { left: auto; top: auto; right: 200px; bottom: -48px; z-index: 1; }
#news > .bd { position: relative; z-index: 1; background: #fff; padding: 21px 40px 20px 90px; margin-left: -110px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); }
#news > .bd::before { position: absolute; z-index: -1; content: ''; right: -152px; top: 54px; width: 347px; height: 353px; background: url(../../base/img/bg-06.png) no-repeat 0 0; opacity: 0.04; }
#news .list li { position: relative; z-index: 1; padding: 29px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 20px; }
#news .list li:last-child { border-bottom: none; }
#news .list li::before { position: absolute; z-index: -1; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: url(../../base/img/bg-05.png) no-repeat 0 0 / 100% 100%, linear-gradient(270deg, rgba(255, 150, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); visibility: hidden; transform: scaleY(0); }
#news .list .date { width: 88px; padding: 10px 0; line-height: 1; border-right: 1px solid #eee; text-align: center; }
#news .list .date .dd { display: block; font-size: 32px; }
#news .list .date .ym { display: block; margin-top: 12px; font-size: 12px; color: #999; }
#news .list .con { flex: 1 0 0%; min-width: 0; }
#news .list .title a { display: block; line-height: 24px; font-size: 18px; height: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#news .list .intro { font-size: 14px; color: #666; margin-top: 8px; line-height: 24px; max-height: 48px; overflow: hidden;}

#news .list li::before,
#news .list .date .dd,
#news .list .date .ym,
#news .list .title a { transition: all ease 0.6s; }

#news .list li:hover .date .dd { color: #CA3737; font-weight: bold; }
#news .list li:hover .date .ym { color: #CA3737; }
#news .list li:hover a { font-weight: bold; }
#news .list li:hover::before { visibility: visible; transform: scaleY(1); }

/* 教育教学 */
#jyjx .picList { display: flex; gap: 26px; }
#jyjx .picList li { position: relative; width: calc(25% - 26px * 3 / 4); padding: 20px; box-sizing: border-box; background: #fff; border-bottom: 4px solid #C6A268; box-shadow: 0px 0px 6px 0px rgba(255, 171, 51, 0.1); }
#jyjx .picList li::after { position: absolute; content: ''; left: 0; right: 0; bottom: -4px; height: 4px; background: #CA3737; transform: scaleX(0); transform-origin: left center; visibility: hidden; }
#jyjx .picList .pic a { position: relative; display: block; height: 0; padding-bottom: 66.6666%; overflow: hidden; }
#jyjx .picList .pic img { position: absolute; left: 0; top: 0; }
#jyjx .picList .con { display: flex; flex-direction: column; align-items: stretch; margin-top: 15px; gap: 15px; }
#jyjx .picList .title { order: 1; font-size: 18px; height: 52px; line-height: 26px; overflow: hidden; text-align: left; color: #333; }
#jyjx .picList .title a { display: block; color: inherit; text-decoration: none; }
#jyjx .picList .intro { display: none; }
#jyjx .picList .date { display: inline-block; vertical-align: top; border: 1px solid #eee; border-radius: 1500px; font-size: 14px; padding: 0 12px; line-height: 28px; color: #999; }

#jyjx .picList li::after,
#jyjx .picList .date { transition: all ease 0.6s; }

#jyjx .picList li:hover .title { font-weight: bold; }
#jyjx .picList li:hover::after { visibility: visible; transform: scaleX(1); }
#jyjx .picList li:hover .date { background: #CA3737; color: #fff; border-color: #CA3737; }

#rowParty { padding-bottom: 0; }

/* 招生就业 */
#zsjy > .bd { position: relative; z-index: 1; padding: 40px; background: #FFFCF9; }
#zsjy > .bd::before { position: absolute; display: block; z-index: -1; content: ''; right: 230px; bottom: 0; width: 700px; height: 388px; background: url(../../base/img/bg-09.png) no-repeat; }
#zsjy .list li { display: flex; align-items: center; gap: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
#zsjy .list li:last-child { margin-bottom: 0; }
#zsjy .list .date { position: relative; line-height: 1; padding: 10px 0; text-align: right; }
#zsjy .list .date::after { position: absolute; right: 0; bottom: 0; width: 20px; height: 1px; background: #ccc; content: ""; }
#zsjy .list .date .dd { display: block; font-size: 14px; color: #999; }
#zsjy .list .date .ym { display: block; margin-top: 10px; font-size: 32px; }
#zsjy .list li > a { display: block; flex: 1 0 0%; line-height: 32px; font-size: 18px; max-height: 64px; overflow: hidden; color: #3D4860; transition: all ease 0.4s; }

#zsjy .list .date::after,
#zsjy .list .date .ym,
#zsjy .list li > a { transition: all ease 0.6s; }

#zsjy .list li:hover .date::after { width: 100%; background: #CA3737; }
#zsjy .list li:hover .date .ym { color: #CA3737; }
#zsjy .list li:hover > a { font-weight: bold; transform: translateX(5px); }


/* 党建思政 */
#djsz > .bd { padding: 35px 0 45px 35px; position: relative; z-index: 1; }
#djsz > .bd::before { position: absolute; display: block; z-index: -1; content: ''; left: 0; top: 0; bottom: 0; right: 0; background: url(../../base/img/bg-10.jpg) no-repeat right center / cover; }
@media (min-width: 1400px) {
    #djsz > .bd::before { right: calc((100vw - 1400px) * -0.5); }
}
#djsz .list .t { width: 270px; float: left; margin-right: 30px; }
#djsz .list .t .pic a { display: block; height: 180px; }
#djsz .list .t .con { margin-top: 16px; }
#djsz .list .t .title a { display: block; font-size: 18px; line-height: 24px; max-height: 48px; overflow: hidden; text-align: left; color: #fff; text-decoration: none; }
#djsz .list .date { display: block; margin-bottom: 10px; line-height: 30px; font-size: 14px; color: rgba(255, 255, 255, 0.5); }
#djsz .list .t .intro {  margin-top: 12px; font-size: 16px; line-height: 28px; height: 84px; overflow: hidden; color: rgba(255, 255, 255, 0.5); }
#djsz .list .n { overflow: hidden; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
#djsz .list .n:last-child { margin-bottom: 0; }
#djsz .list .n > a { display: block; font-size: 18px; height: 56px; line-height: 28px; overflow: hidden; text-align: left; color: #fff; text-decoration: none; }

#djsz .list .n .date,
#djsz .list .n > a { transition: all ease 0.4s; }
#djsz .list li:hover a { font-weight: bold; }
#djsz .list .n:hover .date,
#djsz .list .n:hover > a { transform: translateX(5px); }


/* 科学研究 */
#kxyj .picList { display: flex; gap: 26px; }
#kxyj .picList li { position: relative; width: calc(25% - 26px * 3 / 4); background: #fff; }
#kxyj .picList .pic a { position: relative; display: block; padding-bottom: 66.6666%; overflow: hidden; }
#kxyj .picList .pic img { position: absolute; left: 0; top: 0; }
#kxyj .picList .con { padding: 30px 20px; }
#kxyj .picList .title { position: relative; padding-top: 20px; font-size: 18px; height: 60px; line-height: 30px; overflow: hidden; text-align: left; color: #333; }
#kxyj .picList .title a { display: block; color: inherit; text-decoration: none; }
#kxyj .picList .title::before { position: absolute; content: ''; left: 0; top: 0; width: 50px; height: 2px; background: #CA3737; }
#kxyj .picList .intro { display: none; }
#kxyj .picList .date { position: absolute; z-index: 1; left: 15px; top: -15px; background: #C6A268; color: #fff; line-height: 1; padding: 10px 9px; text-align: center; }
#kxyj .picList .date .dd { display: block; font-size: 32px; }
#kxyj .picList .date .ym { display: block; margin-top: 8px; font-size: 14px; }

#kxyj .picList .title::before,
#kxyj .picList .date { transition: all ease 0.6s; }

#kxyj .picList li:hover .title { font-weight: bold; }
#kxyj .picList li:hover .title::before { width: 100%; }
#kxyj .picList li:hover .date { background: #CA3737; }



/* 快速导航菜单 */
.quickMenuList { flex-grow: 1; padding-top: 15px; display: flex; gap: 20px; justify-content: space-between; }
.quickMenuList li a { display: block; font-size: 24px; color: #666; text-align: center; line-height: 32px; }
.quickMenuList li a::before { display: block; margin-bottom: 18px; line-height: 1; font-size: 56px; font-family: "ful"; content: '\e661'; }

.quickMenuList .li1 a::before { content: '\e608'; }
.quickMenuList .li2 a::before { content: '\ec16'; }
.quickMenuList .li3 a::before { content: '\e630'; }
.quickMenuList .li4 a::before { content: '\e64b'; }
.quickMenuList .li5 a::before { content: '\eb3f'; }
.quickMenuList .li6 a::before { content: '\e625'; }


/* #photo .list li{float:left; width:30%; margin:0 3% 0 0;  }
#photo .list li img{width:100%;}
#photo .list li .con{display:none;} */