@charset "utf-8";

/* 框架 */

/* indexNav */
.indexNav { position: relative; z-index: 2; height: 65px; background: linear-gradient(270deg, rgba(160, 0, 3, 0.85) 0%, rgba(90, 0, 160, 0.85) 100.42%); }
.indexNav .mainNav .li1 { padding-bottom: 0; }
.indexNav .mainNav .a1 { line-height: 65px; justify-content: center; }
.indexNav .mainNav .h1::before,
.indexNav .mainNav .hasUl1::after { display: none !important; }
.indexNav .mainNav .a1::before { margin-right: 10px; }
.indexNav.mini { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) }
#content { width: auto; margin: 0; padding: 0; z-index: 1; }
.rowGroup { padding: 40px 0 60px; }
.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; overflow: hidden; }
#banner .bd { height: 100%; }
#banner .bd li { position: relative; display: block; height: 800px; background-size: cover !important; 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 ul { display: flex; justify-content: center; }
#banner .hd li { width: 12px; height: 12px; background: rgba(255, 255, 255, 0.7); margin: 0 5px; transition: all ease 0.6s; border-radius: 50px; cursor: pointer; }
#banner .hd li.on { width: 38px; background: #5A077F; }
#banner .hd li span { display: none; }

/* guide-btn */
.guide-btn { text-align: center; animation: arrow 3s ease infinite; opacity: 1; width: 100px; position: absolute; z-index: 5; left: 50%; margin-left: -15px; bottom: 80px; color: #fff; }
.guide-btn a::before { content: ""; display: block; cursor: pointer; width: 30px; height: 30px; background: url(../../base/img/up.png) no-repeat center; }
@keyframes arrow {
    50% { transform: translateY(-10px); opacity: 0.6; }
}

/* 背景 */
.bg01 { background: url(../../base/img/bg-01.jpg) no-repeat center center; background-size: cover; }
.bg02 { background: url(../../base/img/bg-02.jpg) no-repeat center center; background-size: cover; padding-top: 50px; padding-bottom: 115px; }
.bg03 { background: url(../../base/img/bg-03.jpg) no-repeat center center; background-size: cover;    clear: both; }
.bg04 { background: url(../../base/img/bg-04.jpg) no-repeat center center; background-size: cover; }
.bg05 { background: url(../../base/img/bg-05.jpg) no-repeat center center; background-size: cover; padding-bottom: 80px; }
.bg06 { background: #F8F8F6; }

/* indBox */
.indBox { position: relative; }
.indBox > .hd { display: flex; justify-content: center; }
.indBox > .hd a { color: inherit; }
.indBox > .hd li{ float: left;font-size: var(--text-title-01); line-height: 40px; padding: 20px 10px; font-weight: bold; }
.indBox > .hd li a{color:#666;}
.indBox > .hd li.on a{color:#333;}
.indBox > .hd h3,.indBox > .hd li.on { position: relative; font-size: var(--text-title-01); line-height: 40px; padding: 20px 0; font-weight: bold; }
.indBox > .hd h3::before ,.indBox > .hd li.on::before{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; background: linear-gradient(90deg, rgba(78, 1, 138, 0.85) 0%, rgba(138, 2, 8, 0.85) 104.17%); width: 60px; height: 6px; border-radius: 6px; }
.indBox > .hd .more { position: absolute; color: #999; display: flex; align-items: center; line-height: 30px; right: 0; top: 50%; transform: translateY(-50%); }
.indBox > .hd .more::after { font-size: 36px; margin-left: 2px; font-family: "iconfont"; content: '\e692'; transition: 1s; }
.indBox > .hd .more:hover { color: #5A077F; }
.indBox > .hd .more:hover::after { transform: rotate(360deg); }
.indBox > .bd { padding-top: 40px; }
.indBox .btn-more { display: flex; justify-content: center; padding-top: 40px; }
.indBox .btn-more a { padding: 0 20px; border: 1px solid rgba(255, 255, 255, 0.6); transition: 0.4s; color: rgba(255, 255, 255, 0.6); line-height: 38px; height: 38px; }
.indBox .btn-more a:hover { background-color: rgba(255, 255, 255, 0.6); color: #5A077F; }

/* indBox 叠加样式 */
.indBox.textWhite { color: #fff; }
.indBox.textWhite > .hd h3 { color: #fff; }
.indBox.textWhite > .hd h3::before { background: #FFBC57; }

/* 新闻中心 */
#news > .hd { margin-bottom: 50px; }

/* pic-list */
.pic-list li { position: relative; float: left; transition: 0.5s; width: 370px; background-color: #fff; margin-right: 40px; }
.pic-list .pic a { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 56.757%; }
.pic-list .pic img { position: absolute; left: 0; top: 0; }
.pic-list .con { padding: 15px 20px; transition: 0.5s; }
.pic-list .title { font-size: var(--text-title-02); height: 56px; line-height: 28px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.pic-list .title a { display: block; color: inherit; text-decoration: none; }
.pic-list .intro { margin-top: 8px; font-size: var(--text-title-03); color: #999; height: 52px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.pic-list .others { margin-top: 8px; font-size: var(--text-title-03); display: flex; padding-right: 20px; align-items: center; justify-content: space-between; color: #999; line-height: 24px; height: 24px; position: relative; }
.pic-list .others .date::before { font-family: "iconfont"; content: "\e693"; margin-right: 5px; font-size: 26px; }
.pic-list li:hover { background: linear-gradient(270deg, rgba(160, 0, 3, 0.85) 0%, rgba(90, 0, 160, 0.85) 100.42%); }
.pic-list li:hover .pic img { transform: scale(1.05); }
.pic-list li:hover .con { transform: translateY(5px); }
.pic-list li:hover .title { color: #fff; }
.pic-list li:hover .title a { color: inherit; }
.pic-list li:hover .intro,
.pic-list li:hover .date { color: rgba(255, 255, 255, 0.5); }

/* box-tab */
.box-tab { flex: 1; min-width: 0; }
.box-tab .parHd { margin-bottom: 30px; }
.box-tab .pic-list li { width: 260px; margin-right: 22px; }
.box-tab .pic-list .pic a { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 61.54%; }
.box-tab .pic-list .pic img { position: absolute; left: 0; top: 0; }
.box-tab .pic-list .title { margin-bottom: 10px; }
.box-tab .pic-list .intro { -webkit-line-clamp: 3; height: 78px; margin-bottom: 15px; font-size: var(--text-title-03); }
.box-tab .pic-list .others .date { font-size: var(--text-title-03); }
.box-tab .pic-list .others .date::before { position: relative; top: 3px; }

/* 教育教学 */
#jyjx .bd { margin-bottom: 60px; }
#jyjx .arrow { display: flex; align-items: center; position: relative; justify-content: flex-end; gap: 10px; padding-right: 300px; }
#jyjx .arrow::before { display: block; content: ""; height: 1px; position: absolute; top: 50%; right: 0; width: 1040px; transform: translateY(-50%); background: linear-gradient(90deg, rgba(132, 1, 1, 0) 0%, #B70031 49.48%, rgba(121, 0, 0, 0) 100%); }
#jyjx .arrow a { width: 35px; height: 35px; position: relative; color: #B70031; z-index: 1; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #B70031; border-radius: 100%; }
#jyjx .arrow a::before { font-family: iconfont; font-size: 20px; content: "\E68C"; }
#jyjx .arrow a:hover { color: #fff; background: linear-gradient(90deg, rgba(78, 1, 138, 0.85) 0%, rgba(138, 2, 8, 0.85) 104.17%); }
#jyjx .arrow a.next::before { content: "\E68D"; }
#jyjx .pic-list .others::after { content: ""; width: 100px; height: 1px; background-color: #D9D9D9; }
#jyjx .pic-list .others .date { display: flex; align-items: center; flex-shrink: 0; }
#jyjx .pic-list .others::before,
#jyjx .pic-list .others .date::after { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 100%; border: 1px solid #D9D9D9; }
#jyjx .pic-list .others::before { width: 10px; height: 10px; right: 0; }
#jyjx .pic-list .others .date::after { width: 4px; height: 4px; right: 3px; }

/* 科学研究 ------------------------------ */
#kxyj .hd { margin-bottom: 50px; }

/* arrow-color */
.arrow-color { width: 42px; height: 42px; border: 1px solid #B70031; transition: 0.5s; color: #B70031; align-items: center; justify-content: center; line-height: 42px; display: flex; position: absolute; bottom: 0; }
.arrow-color::before { font-family: iconfont; font-size: 20px; content: "\E68C"; }
.arrow-color:hover { color: #fff; background: linear-gradient(90deg, rgba(78, 1, 138, 0.85) 0%, rgba(138, 2, 8, 0.85) 104.17%); }
.arrow-color.sPrev { right: 52px; }
.arrow-color.sNext { right: 0; }
.arrow-color.sNext::before { content: "\E68D"; }

/* flex-column-kxyj */
.flex-column-kxyj { position: relative; }
.flex-column-kxyj::after { height: 1px; background-color: #930000; display: block; content: ""; position: absolute; bottom: 21px; left: 0; right: 100px; }

/* top-txt-list */
.top-txt-list { width: 780px; margin-right: 30px; flex-shrink: 0; display: flex; flex-wrap: wrap; gap: 30px; align-content: flex-start; }
.top-txt-list li { flex-shrink: 0; transition: 0.4s; width: 375px; height: 190px; position: relative; background: #fff url(../../base/img/flower.png) no-repeat right top; box-sizing: border-box; padding: 15px 25px; }
.top-txt-list li::after { display: block; content: ""; transition: 0.4s; position: absolute; bottom: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, rgba(78, 1, 138, 0.85) 0%, rgba(138, 2, 8, 0.85) 104.17%); }
.top-txt-list .con { display: flex; flex-direction: column; gap: 5px; justify-content: center; z-index: 1; position: relative; }
.top-txt-list .title,
.top-txt-list .intro { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.top-txt-list .title { font-size: var(--text-title-02); line-height: 28px; height: 56px; }
.top-txt-list .intro { color: #999; line-height: 26px; font-size: var(--text-title-03); }
.top-txt-list .title a::after { position: absolute; inset: 0; display: block; content: ""; }
.top-txt-list .date { display: flex; align-items: center; color: #840101; font-size: var(--text-title-03); }
.top-txt-list .date::before { content: "\E693"; font-family: iconfont; font-size: 20px; margin-right: 4px; }
.top-txt-list .first { width: 100%; }
.top-txt-list .first .con { gap: 10px; }
.top-txt-list .first .title { -webkit-line-clamp: 1; line-height: 40px; height: 40px; font-weight: bold; font-size: 24px; }
.top-txt-list li:hover .title { color: #fff; }
.top-txt-list li:hover .intro,
.top-txt-list li:hover .date { color: rgba(255, 255, 255, 0.5); }
.top-txt-list li:hover .title a { color: inherit; }
.top-txt-list li:hover::after { height: 100%; }

/* focus-kxyj */
#focus-kxyj,#focus-kxyj1 { flex: 1; min-width: 0; padding-bottom: 100px; position: relative; }
#focus-kxyj .hd,#focus-kxyj1 .hd { display: none; }
#focus-kxyj .bd li,#focus-kxyj1 .bd li { position: relative; height: 410px; }
#focus-kxyj .pic,#focus-kxyj1 .pic { overflow: hidden; }
#focus-kxyj .pic,
#focus-kxyj .pic img,#focus-kxyj1 .pic,
#focus-kxyj1 .pic img { width: 790px; height: 410px; }
#focus-kxyj .pic img,#focus-kxyj1 .pic img  { transition: 0.5s; }
#focus-kxyj .pic:hover img,#focus-kxyj1 .pic:hover img { transform: scale(1.05); }
#focus-kxyj .titleBg,#focus-kxyj1 .titleBg { display: block; height: 115px; position: absolute; right: 0; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
#focus-kxyj .title ,#focus-kxyj1 .title { position: absolute; font-size: var(--text-title-02); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 60px; height: 60px; z-index: 1; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; }
#focus-kxyj .title a ,#focus-kxyj1 .title a{ color: inherit; }

/* 学校概况 ------------------------------ */
#about .line { display: block; width: 100%; height: 2px; opacity: 0.6; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 52.97%, rgba(255, 255, 255, 0) 100%); }

/* dataList */
.dataList { display: flex; padding: 0 180px 40px; }
.dataList li { position: relative; padding: 20px 0; flex: 1 0 0%; display: flex; align-items: center; justify-content: center; text-align: center; }
.dataList li::before { position: absolute; content: ''; left: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1); }
.dataList li:first-child::before { display: none; }
.dataList .value { font-size: 14px; line-height: 1; color: #fff; }
.dataList .number { margin-right: 0.1em; font-size: 40px; font-family: "Georgia"; }
.dataList .tit { margin-top: 10px; line-height: 30px; color: rgba(255, 255, 255, 0.5); font-size: var(--text-title-03);}

/* data-iconList */
.data-iconList { justify-content: space-between; padding: 50px 20px 20px; }
.data-iconList li { display: flex; align-items: center; padding: 0; }
.data-iconList li::before { display: none; }
.data-iconList .con { text-align: left; }
.data-iconList .iconfont { margin-right: 10px; }
.data-iconList .iconfont::before { content: "\E694"; font-family: iconfont; font-size: 90px; line-height: 1; }
.data-iconList .li2 .iconfont::before { content: "\E695"; }
.data-iconList .li3 .iconfont::before { content: "\E696"; }
.data-iconList .li4 .iconfont::before { content: "\E697"; }

/* 专题专栏 ------------------------------ */
#special .list { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2%; }
#special .list li { position: relative; width: 32%; }
#special .list .pic { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 42%; }
#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; }

/* 校园生活 ------------------------------ */

/* 二维码 */
.qr-box { font-size: 0; line-height: 1; display: flex; justify-content: center; padding-top: 35px; }
.qr-box li { position: relative; margin: 0 15px; }
.qr-box .iconfont { font-size: 40px; }
.qr-box .icon { display: block; width: 58px; height: 58px; line-height: 58px; font-size: 22px; color: rgba(0, 0, 0, 0.4); text-align: center; outline: 1px dashed #929291; border-radius: 50%; background-color: #f3f3f1; transition: all ease 0.5s; }
.qr-box .pic { position: absolute; z-index: 1; left: 50%; bottom: 100%; transform: translateX(-50%); margin-bottom: 15px; padding: 10px; border-radius: 10px; background: #fff; transition: all ease 0.8s; box-shadow: 0 0 15px rgba(0, 0, 0, .15); visibility: hidden; opacity: 0; }
.qr-box .pic::before { position: absolute; content: ''; width: 0; height: 0; left: 50%; top: 100%; margin-left: -10px; border: 10px solid transparent; border-top-color: #fff; }
.qr-box .pic canvas,
.qr-box .pic img { width: 150px; height: 150px; }
.qr-box .phone .pic { padding: 20px; }
.qr-box .phone .pic img { width: 130px; height: 130px; }
.qr-box li:hover .pic { visibility: visible; opacity: 1; }
.qr-box .icon:hover { background: linear-gradient(90deg, #A229CB, #0CA8A8); outline-color: transparent; color: #fff; text-decoration: none; }
.qr-box .wx .icon:hover { background: #2aae67; }
.qr-box .wb .icon:hover { background: #d52c2b; }
.qr-box .dy .icon:hover { background: #000; }
.qr-box .bili .icon:hover { background: #fb7299; }
.qr-box .xmt .icon:hover { background: #0051d3; }
#photo .list { display: grid; grid-gap: 8px; grid-template-columns: repeat(4, 1fr); margin-bottom: 8px; }
#photo .list li { position: relative; overflow: hidden; }
#photo .list li:nth-child(1),
#photo .list li:nth-child(6) { grid-column: span 2; }
#photo .list .t.first { grid-column: span 2; }
#photo .list .pic { overflow: hidden; }
#photo .list .pic a { position: relative; display: block; height: 0; overflow: hidden; }
#photo .list .pic img { position: absolute; left: 0; top: 0; object-fit: cover; }
#photo .list .title { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; text-align: center; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
#photo .list .title a { display: block; font-size: var(--text-title-02); height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF; }
#photo .list .t .pic a { padding-bottom: 50.31%; }
#photo .list .n .pic a { padding-bottom: 101.265%; }

#photo .picList,#special .picList {display:grid;gap:24px;grid-template-columns:repeat(4,1fr);}
#photo .picList li,#special .picList li{ position:relative; }
#photo .picList li .titleBg,#special .picList li .titleBg { display:none}
#photo .picList li img ,#special .picList li img{width:100%;}
#photo .picList li .title,#special .picList li .title{ width:100%; padding:10px 0 5px ; height:50px; line-height:50px; position:absolute; overflow:hidden; bottom:0; background:linear-gradient(to top, #000, #00000000)}
#photo .picList li .title a,#special .picList li .title a{font-size:16px;color:#fff;display:block;padding-left:28px;padding-right: 20px;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#photo .picList .pic,#special .picList .pic{ position: relative;}
#photo .picList .pic a:before ,#special .picList .pic a:before{content:"";position:absolute;width:36px;height:36px; opacity:1; background:url(../../base/img/videoico.svg) no-repeat center;border-radius:50%;top:50%;margin-top: -18px;left: 50%;margin-left: -18px;z-index: 9;}


/* 媒体查询 */
@media (max-width:1680px) {
    .box-tab .pic-list li { width: 228px; margin-right: 20px; }
    .top-txt-list .first .title { font-size: 20px; }
    .pic-list li { width: 325px; margin-right: 30px; }
}