@charset "utf-8";

/* 框架 */
body { background: #fff; }
#content { width: auto; margin: 0; padding: 0; z-index: 1; }
.rowGroup { padding: 60px 0; }
.row { margin-bottom: 60px; }
.row:last-of-type { margin-bottom: 0; }
.column-6 { float: left; width: 688px; margin-right: 23.99px; }
.column-6:last-of-type { margin-right: 0; }

.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; height: 800px; }
#banner .bd { height: 100%; }
#banner .bd li { position: relative; display: block; height: 800px; background-color: #fff; background-position: center center; background-size: cover; overflow: hidden; animation: bgScale 5s ease; }
#banner .bd .link { display: block; position: relative; height: 100%; }
#banner .bd .link::before { position: absolute; left: 0; right: 0; bottom: 0; height: 20%; content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); }
#banner .bd .con { display: none; }
#banner .hd { position: absolute; z-index: 1; left: 0; bottom: 50px; width: 100%; text-align: center; font-size: 0; line-height: 1; }
#banner .hd li { display: inline-block; vertical-align: top; width: 12px; height: 12px; background: #fff; margin: 0 5px; transition: all ease 0.6s; border-radius: 500px; cursor: pointer; }
#banner .hd li.on { width: 38px; background: #5173E9; }


/* 背景 */
.bg01 { background: url(../../base/img/bg-01.jpg) no-repeat center center; background-size: cover; }
.bg02 { background: linear-gradient(95deg, #623e9b 8%, #396192 100%); }
.bg03 { background: url(../../base/img/bg-04.jpg) no-repeat center center; background-size: cover; }

/* indBox */
.indBox { position: relative; }
.indBox > .hd a { color: inherit; text-decoration: none; }
.indBox > .hd h3 { position: relative; float: left; padding-left: 15px; font-size: 32px; line-height: 42px; font-weight: bold; color: #333; }
.indBox > .hd h3::before { position: absolute; left: 0; top: 10px; content: ''; background: linear-gradient(90deg, #7a4dc2 0%, #4779b7 100%); width: 6px; height: 26px; }
.indBox > .hd h4 { position: relative; margin-left: 26px; height: 42px; line-height: 60px; float: left; opacity: 0.4; font-size: 15px; font-family: Arial; }
.indBox > .hd h4::before { position: absolute; left: -14px; bottom: 2px; content: ''; width: 1px; background: #333; height: 22px; transform: skewX(-20deg); }
.indBox > .hd .more { position: relative; z-index: 1; float: right; margin: 6px 0 0 15px; font-size: 16px; line-height: 30px; color: #000; }
.indBox > .hd .more::after { margin-left: 0.5em; font-size: 0.8em; display: inline-block; vertical-align: middle; font-family: "iconfont"; content: '\e612'; }
.indBox > .hd .more:hover { color: #244A97; text-decoration: none; }
.indBox > .bd { padding-top: 40px; }
.indBox > .hd::after,
.indBox > .bd::before,
.indBox > .bd::after { display: table; content: " "; clear: both; }

/* indBox 叠加样式 */
.indBox.textCenter > .hd { text-align: center; }
.indBox.textCenter > .hd h3 { float: none; padding: 12px 0 0; }
.indBox.textCenter > .hd h3::before { right: 0; top: 0; margin: auto; width: 26px; height: 6px; }
.indBox.textCenter > .hd h4 { float: none; margin: 10px 0 0; height: auto; line-height: 1; }
.indBox.textCenter > .hd h4::before { display: none; }
.indBox.textWhite { color: #fff; }
.indBox.textWhite > .hd h4,
.indBox.textWhite > .hd h3,
.indBox.textWhite > .hd .more { color: #fff; }
.indBox.textWhite > .hd h4 { opacity: 0.2; }
.indBox.textWhite > .hd h3::before,
.indBox.textWhite > .hd h4::before { background: #fff; }


/* 新闻中心 */
#news .infoList { background: #fff; padding: 14px 16px; }

/* 通知公告 */
#notice .noticeList { display: flex; margin: -1%; }
#notice .noticeList li { position: relative; z-index: 1; width: 23%; margin: 1%; box-sizing: border-box; padding: 24px 20px; background: #fff; }
#notice .noticeList li::before { position: absolute; z-index: -1; left: 0; bottom: 0; width: 0; height: 100%; background: linear-gradient(90deg, #A229CB, #0CA8A8); content: ""; visibility: hidden; opacity: 0; }
#notice .noticeList li::after { position: absolute; right: 36px; top: 0; width: 0; height: 0; border: 30px solid transparent; border-bottom: none; border-top-color: rgba(0, 0, 0, 0.03); content: ''; }
#notice .noticeList .date { position: relative; display: inline-block; vertical-align: top; margin-bottom: 12px; padding-bottom: 16px; line-height: 1; color: #93A3C3; text-align: center; }
#notice .noticeList .date::after { position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background: #E0E0E0; content: ""; }
#notice .noticeList .date .dd { display: block; font-size: 24px; font-weight: bold; }
#notice .noticeList .date .ym { display: block; margin-top: 10px; font-size: 14px; }
#notice .noticeList li a { display: block; line-height: 24px; font-size: 16px; height: 48px; overflow: hidden; color: #3D4860; }

#notice .noticeList li,
#notice .noticeList li::before,
#notice .noticeList li a,
#notice .noticeList li .date { transition: all ease 0.5s; }

#notice .noticeList li:hover .date,
#notice .noticeList li:hover a { color: #fff; }
#notice .noticeList li:hover { transform: translateY(-10px); }
#notice .noticeList li:hover::before { visibility: visible; width: 100%; opacity: 1; }

/* 教育教学 */
#jyjx .tabBox { display: flex; margin-bottom: -60px; }
#jyjx .tabBox > .hd { width: 120px; margin-right: 60px; }
#jyjx .tabBox > .hd li { margin-top: 22px; font-size: 15px; color: #fff; text-align: center; line-height: 22px; padding: 8px 1em; }
#jyjx .tabBox > .hd li:first-child { margin-top: 0; }
#jyjx .tabBox > .hd li.on { background: rgba(0, 0, 0, 0.17); }
#jyjx .tabBox > .hd li a { color: inherit; text-decoration: none; }
#jyjx .tabBox > .bd { position: relative; overflow: visible !important; flex: 1 0 0%; background: #fff; padding: 60px 0 60px 60px; }
#jyjx .tabBox > .bd::after { position: absolute; content: ''; left: 100%; top: 0; bottom: 0; width: 2000px; background: #fff; }
#jyjx .list { display: flex; margin: -1.3%; }
#jyjx .list li { position: relative; width: 22.4%; margin: 1.3%; }
#jyjx .list .pic a { position: relative; display: block; width: 100%; height: 100%; padding-bottom: 57.6666%; overflow: hidden; }
#jyjx .list .pic img { position: absolute; left: 0; top: 0; }
#jyjx .list .con { margin-top: 8px; }
#jyjx .list .title { font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; text-align: left; color: #333; }
#jyjx .list .title a { display: block; color: inherit; text-decoration: none; }
#jyjx .list .intro { margin-top: 8px; color: #A0A0A0; max-height: 44px; line-height: 22px; font-size: 14px; overflow: hidden; }
#jyjx .list .others { margin-top: 8px; color: #A0A0A0; line-height: 20px; font-size: 12px; }
#jyjx .list .others .date::before { font-family: "iconfont"; content: "\e681"; margin-right: 0.3em; }

/* 横幅广告 */
#rowHfgg { padding: 40px 0 45px; }

#rowParty { padding-bottom: 0; }
#rowParty .column-6 { width: 700px; margin-right: 0; }

/* 招生就业 */
#zsjy { padding: 40px 40px 0 0; }
#zsjy > .bd { position: relative; z-index: 1; padding: 30px 0 86px; margin-top: 30px; }
#zsjy > .bd::before { position: absolute; display: block; z-index: -1; content: ''; right: -40px; top: 0; bottom: 0; width: 2000px; background: #F3FAFF url(../../base/img/bg-02.jpg) no-repeat right bottom; }
#zsjy .list li { display: flex; align-items: center; padding: 22px 20px; border-bottom: 1px dashed rgba(0, 0, 0, 0.17); }
#zsjy .list .dateRight { position: relative; margin-left: 74px; line-height: 1; color: #93A3C3; text-align: center; }
#zsjy .list .dateRight::after { position: absolute; margin-right: 15px; right: 100%; top: 50%; width: 40px; height: 1px; background: #E0E0E0; content: ""; }
#zsjy .list .dateRight .dd { display: block; font-size: 24px; font-weight: bold; }
#zsjy .list .dateRight .ym { display: block; margin-top: 10px; font-size: 14px; }
#zsjy .list li a { display: block; flex: 1 0 0%; line-height: 22px; font-size: 16px; max-height: 44px; overflow: hidden; color: #3D4860;transition: all ease 0.4s; }
#zsjy .list li:hover > a { transform: translateX(5px); }

/* 党建思政 */
#djsz { padding: 40px 0 86px 40px; position: relative; z-index: 1; }
#djsz::before { position: absolute; display: block; z-index: -1; content: ''; left: 0; top: 0; bottom: 0; width: 2000px; background: url(../../base/img/bg-03.jpg) no-repeat left bottom; }
#djsz > .bd { padding-top: 50px; }
#djsz .list { margin: -4% 0 0 -4%; }
#djsz .list li { background: #fff; margin: 4% 0 0 4%; }
#djsz .list .t { margin-bottom: 12px; padding: 26px 20px; }
#djsz .list .t .pic { float: left; width: 233px; height: 148px; margin-right: 20px; }
#djsz .list .t .con { overflow: hidden; }
#djsz .list .t .title {  display: flex; align-items: center; }
#djsz .list .t .title a { display: block; flex: 1 0 0; font-size: 16px; height: 48px; line-height: 24px; overflow: hidden; text-align: left; color: #3D4860; text-decoration: none; }
#djsz .list .date { float: righ; order: 1; position: relative; margin-left: 44px; line-height: 1; color: #93A3C3; text-align: center; }
#djsz .list .date::after { position: absolute; margin-right: 5px; right: 100%; top: 50%; width: 20px; height: 1px; background: #E0E0E0; content: ""; }
#djsz .list .date .dd { display: block; font-size: 24px; font-weight: bold; color: #D43333; }
#djsz .list .date .ym { display: block; margin-top: 10px; font-size: 14px; color: #D6D6D6; }
#djsz .list .intro { margin-top: 24px; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #A0A0A0; }
#djsz .list .n { position: relative; display: flex; align-items: center; float: left; width: 46%; height: 105px; color: #fff; font-size: 16px; line-height: 24px; padding: 18px 20px; box-sizing: border-box; }
#djsz .list .n a { display: block; flex: 1 0 0; font-size: 16px; max-height: 69px; line-height: 23px; overflow: hidden; text-align: left; color: #3D4860; text-decoration: none; }

#djsz .list li { transition: all ease 0.4s; }
#djsz .list li:hover a { font-weight: bold; }
#djsz .list li:hover { transform: translateY(-5px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); }

/* 校园风光 */
#photo .list { overflow: hidden; margin: -1.2%; }
#photo .list li { float: left; position: relative; width: 22.6%; margin: 1.2%; }
#photo .list li.first { width: 47.6%; }
#photo .list li.first .pic a { padding-bottom: 68.4%; }
#photo .list li .pic a { position: relative; display: block; height: 0; padding-bottom: 66.6666%; overflow: hidden; }
#photo .list li .pic img { position: absolute; left: 0; top: 0; }
#photo .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%); }
#photo .list li .title a { position: relative; display: block; font-size: 16px; height: 22px; line-height: 22px; padding-right: 40px; overflow: hidden; text-align: left; color: #fff; }
#photo .list li .title a::after { position: absolute; content: "\e68d"; right: 0; bottom: 0; font-family: "iconfont"; font-size: 0.8em; font-weight: bold; }

/* 学校概况 */
#about { padding-bottom: 36px; }
#about .intro { text-align: center; font-size: 16px; line-height: 1.9; margin: 0 10%; }
#about .dataList { margin-top: 60px; display: flex; }
#about .dataList li { position: relative; padding: 33px 0; flex: 1 0 0%; display: flex; align-items: center; justify-content: center; text-align: center; }
#about .dataList li::before { position: absolute; content: ''; left: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1); }
#about .dataList li:first-child::before { display: none; }
#about .dataList .value { font-size: 14px; line-height: 1; color: #fff; }
#about .dataList .number { margin-right: 0.1em; font-size: 40px; font-family: "Georgia"; }
#about .dataList .tit { font-size: 16px; margin-top: 10px; line-height: 30px; color: rgba(255, 255, 255, 0.5); }

/* 专题专栏 */
#special .list { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; margin: -1.2%; }
#special .list li { position: relative; width: 22.6%; margin: 1.2%; }
#special .list .pic { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 41%; }
#special .list .pic img { position: absolute; left: 0; top: 0; }
#special .list .tit { display: none; }
#special .list .archivedTip { position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.5); padding: 0 15px; color: #fff; }