@charset "utf-8";
#content {width:100%;max-width:100%;margin:0;padding-top: 120px;}

.pageBanner { display:none }

/* 背景设置*/
.section {background-position:center top;background-repeat:no-repeat;background-size:cover;}
.section .siteWidth { padding: 55px 0;  }
#pageXwzx {background-image:url(../../base/img/demopic/ind-bg1.jpg);background-size: auto;}
#pageTzgg {background-image:url(../../base/img/demopic/ind-bg2.jpg);}
#pageXxgk {background-image:url(../../base/img/demopic/ind-bg4.jpg);}
#pageOther {background:white;}

/* 通用-标题&更多按钮 css*/
.section .mHd {margin-bottom: 35px;}
.section .mHd .more {float:right;height:34px;line-height:32px;padding:0 36px 0 20px;font-size:14px;color:#999;border-radius:17px;box-sizing:border-box;background:#0000000d url(../../base/img/morearr.png) no-repeat 83%;border:1px solid #efefef;margin-top: 2px;}
.section .mHd .more:hover { background-color:#97221a; color:#fff; text-decoration:none}
.section .mHd h3 {font-size:36px;line-height:38px;font-weight: bold;}
.section .mHd h3 a {color:#333;}
.section .mHd h3 a:hover {text-decoration:none;}
.section .mHd p {font-size:16px;font-family:Arial;color:#999;line-height:24px;text-align:center;text-transform:uppercase;}
.section .mBt {overflow:hidden;margin-top:40px;text-align:center;}
.section .mBt .moreBtn {position:relative;z-index:1;display:inline-block;height:34px;line-height:34px;padding:0 42px;font-size:16px;color:white;background-color:#09cec7;border-radius:16px;}
.section .mBt .moreBtn:hover {text-decoration:none;}
/*鼠标效果*/

/* .section .mBt .moreBtn:after {content:"";background:#fff;display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16px;opacity:0;transition:all 0.75s ease-in-out;}
.section .mBt .moreBtn:hover:after,.section .mBt .moreBtn:active:after {width:0px;opacity:1;transition:0s;}*/

/* 通用-左侧切换框*/
.indTab {width:900px;float:left;}
.indTab .hd {height:62px;background-color:#f4f4f6;}
.indTab .hd li {width:33.3%;height:58px;float:left;line-height:58px;padding-top:4px;text-align:center;font-size:20px;}
.indTab .hd li a:hover {text-decoration:none;color:#333;}
.indTab .hd li.on {padding:0;border-top:4px solid #e60012;background-color:white;}
.indTab .bd {overflow:hidden;padding:20px;background-color:white;}

/* 通用-侧栏框*/
.indSideBox {width:300px;float:right;overflow:hidden;}
.indSideBox .hd {height:62px;line-height:62px;overflow:hidden;text-align:center;font-size:20px;color:white;background-color:#00a0e9;}
.indSideBox .hd h3 a {color:white;}
.indSideBox .bd {overflow:hidden;padding:15px 20px;background-color:#dff5ff;}

/* 第一屏  焦点图 ------------------------------------------*/
#focusPic {width:100%;}
#focusPic .bd {;}
#focusPic .bd li {display:block;width:100%;height:100vh;height:calc( 100vh - 150px );background-size:cover !important;background-position:center!important;}
#focusPic .bd li a {display:block;}
#focusPic .con {display:none;}
#focusPic .hd {right:0;bottom:5%;width:100%;text-align:center;}
#focusPic .hd ul {float:none;display:inline-block;*display:inline;text-align:center;margin:0 auto;}
#focusPic .hd li {margin:0 5px;width:50px;height:6px;line-height:6px;background:#fff;border-radius:0;opacity:0.8;}
#focusPic .hd li.on {background:#e82011;}

/* 第二屏 新闻资讯 S  --------------------------------*/
.calendarList {display:flex;justify-content: space-between;}
.calendarList li {width: 20%;float:left;}
.calendarList .split {display:block;width:1px;height:316px;background:#d6b8b899;}
.calendarList li .calendar { transition:all 0.5s; width:70px;height:68px; margin:20px 0 20px;background:#D2B789;border-radius:5px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction: column-reverse; line-height:26px; overflow:hidden; text-align:center; color:#fff;}
.calendarList li .calendar em { background:#fff; line-height:42px; font-size:24px; color:#333; font-weight:bold;}
.calendarList li .title {font-size:16px;line-height:24px;height:48px;margin-bottom:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.calendarList li .title a { }
.calendarList li .intro {line-height:24px;font-size:14px;color:#999;max-height: 120px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;text-align: justify;}
.calendarList li:hover .calendar { background:#B70031}
.calendarList li:hover .title a { color:#B70031; font-weight:bold; }

/* 新闻资讯-头条新闻*/
#pageXwzx .topicList {position:relative;z-index:1;overflow:hidden;}
#pageXwzx .topicList li.t { transition:all 0.5s; padding:0;margin:0;border-bottom:none;float: left;width: 25%;padding: 16px;box-sizing: border-box; border-radius:5px;}
#pageXwzx .topicList li.t .pic { margin-bottom:15px;}
#pageXwzx .topicList li.t .pic img {display:block;width: 100%;height: auto;}
#pageXwzx .topicList li.t .title {height: 48px;line-height: 24px;font-size:16px;overflow:hidden;font-weight:400; text-align:left;}
#pageXwzx .topicList li.t .intro {padding: 10px 0 0;margin-bottom: 10px;max-height: 72px;*height:48px;line-height:24px;font-size:14px;color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#pageXwzx .topicList li.t .date { padding-left:20px; background:url(../../base/img/caleico.png) no-repeat 0; color:#D6BE96;}
#pageXwzx .topicList li.t:hover { background:#B70031; box-shadow:0 0 20px #b700314d}
#pageXwzx .topicList li.t:hover .title a { color:#fff; font-weight:bold;}
#pageXwzx .topicList li.t:hover .intro { color:#fff; opacity:0.5}
#pageXwzx .topicList li.t:hover .date { opacity:0.5; color:#fff;}

/* 新闻资讯-通知公告*/
#pageXwzx .indSideBox .hd {height:52px;line-height:52px;}
#pageXwzx .indSideBox .bd {padding:17px 20px 16px;height:300px;}
#pageXwzx .infoList {margin-top:-22px;}
#pageXwzx .infoList li {margin-top:22px;height:24px;line-height:24px;}
#pageXwzx .infoList li a {padding:0;background:none;}
#pageXwzx .infoList li .date {width:auto;float:left;padding:0 7px;margin:0 10px 0 0;height:24px;line-height:24px;color:#274756;background-color:#c2deeb;}
#pageXwzx .infoList li a {color:#284d5d;}

.cardList ul { display:flex; background: url(../../base/img/xshdboxbg.png) repeat-x;}
.cardList ul li { transition:all 0.5s; margin-bottom: 16px;background:#fff;padding:41px 16px 16px;display: flex;flex-direction: column-reverse;position:relative;width: 332px; box-sizing:border-box; border-radius:5px; }
.cardList ul li:before { content:""; position:absolute; width:20px; height:1px; background:#D6BE96; top:24px;}
.cardList ul .pic img {width:100%;height:auto;height: 207px;} 
.cardList ul .title {display:flex;flex-direction: column-reverse; font-size:16px; line-height:24px; margin-bottom:24px;}
.cardList ul .title a {display:block;margin-bottom:16px;line-height: 24px;height: 48px;}
.cardList ul .title .date { font-size:14px; line-height:18px; color:#D6BE96; padding-left:20px; background:url(../../base/img/caleico.png) no-repeat 0; color:#D6BE96; }
.cardList ul li:hover { background:#b70031; box-shadow:0 0 10px #b700314d;}
.cardList ul li:hover .title a { color:#fff; font-weight:bold;}
.cardList ul li:hover .date { color:#fff; opacity:0.6}

#pageXshd { background:url(../../base/img/xshdbg.png) repeat;}
#pageXshd .mHd { margin-bottom:32px; line-height:48px; height:48px;}
#pageXshd .mHd li { float:left; margin-right:60px;}
#pageXshd .mHd li a { font-size:36px; font-weight:bold; text-decoration:none;}
#pageXshd .mHd li.on a { color:#B70031}
#pageXshd .mBd .cardCon{overflow:hidden;padding: 10px;margin: -10px;}
#pageXshd .kc-pagination { display:none}
.ks-button-next,
.ks-button-prev { position:absolute; left:-70px; top:50%; width:44px; height:44px; background:#0000001a url(../../base/img/arrico.svg) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s}
.ks-button-next { left:auto; right:-70px; transform:scale(-1)}
.ks-button-next:hover,
.ks-button-prev:hover { background-color:#B70031}

/* 第五屏  学校概况  --------------------------------*/
#pageXxgk { position:relative; }
#pageXxgk .mHd { margin:0;}
.boxAout {overflow:hidden;color:#333;background: url(../../base/img/demopic/ind-bg4a.png) no-repeat center;height: 620px;position: relative;top: 50%;width: 1600px;position: absolute;left: 50%;margin-left: -800px;margin-top: -310px;}
.countList {overflow:hidden;margin:25px auto 0;text-align:center;}
.countList li {width: 64px; height:64px; *width:19.9%;float:left;text-align: right; position:absolute; transition:all 0.5s;}
.countList .active { transform:scale(1.5)}
.countList li .icon {display:block;height: 64px;width: 64px;overflow:hidden;float: right;background: #F2E2E2 url(../../base/img/gkico1.svg) no-repeat center;border-radius: 50%;margin-left: 10px;}
.countList li:nth-child(n+4) { text-align:left; }
.countList li:nth-child(n+4) .icon { float:left; margin:0 10px 0 0 } 
.countList li .num {height:36px;line-height:36px;font-size:24px;font-weight:bold;overflow:hidden;}
.countList li .unit {font-size:24px;}
.countList li .tip {font-size: 14px;line-height:160%;color: #666;}
.countList li .info { position:absolute; right:74px; width:250px;}
.countList li:nth-child(n+4) .info { right:auto; left:74px; } 
.countList .li4 .icon { background-image: url(../../base/img/gkico4.svg); }
.countList .li5 .icon { background-image: url(../../base/img/gkico5.svg); }
.countList .li6 .icon { background-image: url(../../base/img/gkico6.svg); }

.countList .li1 {top: 100px;left:535px;}
.countList .li2 {top: 285px;left:320px;}
.countList .li3 {top: 470px;left:535px;}
.countList .li4 {top: 470px;left:1000px;}
.countList .li5 {top: 285px;left:1215px;}
.countList .li6 {top: 100px;left:1000px;}

/* 第四屏  科学研究 ----------------------------------------*/
#pageKxyj .siteWidth {display:flex;justify-content: space-between;gap:4%}
#pageKxyj .indBox {flex:1;}
.twInfoList li.first {float: none;width: auto; height:130px;}
.twInfoList li {float:left;width:49%;border:1px solid #F2EEE9;padding:20px;position:relative;margin-bottom:16px;height: 120px;box-sizing: border-box;}
.twInfoList li:nth-child(2n) { float:right;}
.twInfoList .libg { height:90px; overflow:hidden;}
.twInfoList .others { line-height:18px; height:18px;}
.twInfoList li .pic { float:left; width:160px; margin-right:20px;}
.twInfoList li .pic img { width:100%; height:90px;}
.twInfoList li .title {height:48px;font-size:16px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 16px;}
.twInfoList li .title .tit {display:-webkit-box;height:48px;line-height:24px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.twInfoList li .con span {color:#D6BE96;margin-right:20px;max-width: 60%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.twInfoList li .con .date { padding-left:20px; background:url(../../base/img/caleico.png) no-repeat 0; margin:0;}
.twInfoList .libg:before,
.twInfoList .libg:after,
.twInfoList li:before,
.twInfoList li:after { position:absolute; left:-1px; top:-1px; content:""; display:block; background:url(../../base/img/borderpattern.svg) no-repeat; width:13px; height:13px;}
.twInfoList li:after { left:auto; right:-1px; transform:scale(-1,1) }
.twInfoList .libg:before { top:auto; bottom:-1px;}
.twInfoList .libg:after { top:auto; bottom:-1px; left:auto; right:-1px; transform:scale(-1)}
.twInfoList li:hover { background:#b70031; }
.twInfoList li:hover a { color:#fff; font-weight:bold;}

#zsjyBox .mBd { height:100%;}
#zsjyBox ul { display:flex; height:100%; }
#zsjyBox li {flex:1;float:left;width:30%;margin-right:5%;background:url(../../base/img/zsimg1.jpg) no-repeat center / cover;height: 400px;}
#zsjyBox li a {word-spacing: 3px;font-size:20px;font-weight:bold;color:#fff;display:block;writing-mode: vertical-lr; letter-spacing: 4px; width: 100%;height: 100%;text-indent: 2em;text-decoration: none;padding-left: 30px;box-sizing: border-box;}
#zsjyBox li:last-child { margin-right:0; }
#zsjyBox li:nth-child(2) { background-image:url(../../base/img/zsimg2.jpg)}
#zsjyBox li:nth-child(3) { background-image:url(../../base/img/zsimg3.jpg)}

#ztzl {display:block;padding-top: 0;}
#ztzlBox .mBd { overflow:hidden;}
.ztzlList ul {display:flex;justify-content: space-between;gap: 24px;}
.ztzlList li {overflow: hidden;flex: 1;}
.ztzlList li .tit { display:none; }
.ztzlList li img { height:auto; width:100%;}

#pageXxgk .siteWidth {transition:all 1.5s;height: 700px;box-sizing: border-box;}
#pageXxgk.animated .siteWidth { background-size:56% }

/* 第五屏 校园生活 -----------------------------------------------*/
#pageXmt .siteWidth { padding-bottom:25px}
#pageXmt .mHd {clear: both;height:52px;}
#pageXmt .mHd h3 { float:left; margin-right:24px;}
#pageXmt .mHd .codes { float:left; }
#pageXmt .mHd .codes dl { float:left; position:relative; margin:0 15px; z-index:1}
#pageXmt .mHd .codes dl dt { height:50px; border:1px solid #D6BE96; border-radius:50%; width:50px; transition:all 0.5s;}
#pageXmt .mHd .codes dl dt i { height:50px; display:block; background:url(../../base/img/xmt/xmtico1.svg) no-repeat center; transition:all 0.5s}
#pageXmt .mHd .codes dl.dy dt i { background:url(../../base/img/xmt/xmtico2.svg) no-repeat center; }
#pageXmt .mHd .codes dl.bl dt i { background:url(../../base/img/xmt/xmtico3.svg) no-repeat center; }
#pageXmt .mHd .codes dl.wb dt i { background:url(../../base/img/xmt/xmtico4.svg) no-repeat center; }
#pageXmt .mHd .codes dl.tt dt i { background:url(../../base/img/xmt/xmtico5.svg) no-repeat center; }
#pageXmt .mHd .codes dl.xhs dt i { background:url(../../base/img/xmt/xmtico6.svg) no-repeat center; }
#pageXmt .mHd .codes dl dd { position:absolute; height:0; padding:0; box-shadow:0 0 10px #000000; background:#fff; left:50%; margin-left:-60px; margin-top:20px; overflow:hidden; transition:all 0.5s}
#pageXmt .mHd .codes dl dt:hover { background:#6CB95F; border-color:#6CB95F; }
#pageXmt .mHd .codes dl dt:hover i { filter:brightness(3); }
#pageXmt .mHd .codes dl.on dd { display:block;  height:120px; padding:10px; margin-left:-70px;}
#pageXmt .mHd .codes dl.on dt:before { content:""; display:block; position:absolute; z-index:9; top:57px; left:50%; margin-left:-13px;; width:24px; height:15px; background:url(../../base/img/codearr.png) no-repeat;}

#pageXmt .picList,#ztzl .picList {display:grid;gap:24px;grid-template-columns:repeat(4,1fr);}
#pageXmt .picList li,#ztzl .picList li { position:relative; }
#pageXmt .picList li .titleBg,#ztzl .picList li .titleBg { display:none}
#pageXmt .picList li img,#ztzl .picList li img {width:100%;}
#pageXmt .picList li .title,#ztzl .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)}
#pageXmt .picList li .title a ,#ztzl .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;}
#pageXmt .picList li a.wx {background:url(../../base/img/icon/wx.svg) no-repeat 20px;text-indent: 28px;}
#pageXmt .picList .pic,#ztzl .picList .pic{ position: relative;}
#pageXmt .picList .pic a:before ,#ztzl .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;}

/* 第六屏  交流合作 -------------------------------------------------------*/
.picTitList {margin-right:-19px;overflow:hidden;}
.picTitList li {width:274px;float:left;margin-right:19px;}
.picTitList li .pic img {display:block;width:100%;height:118px;}
.picTitList li .title,.picTitList li .intro {padding:0 10px;margin-top:10px;line-height:24px;max-height:48px;*height:48px;overflow:hidden;}
.picTitList li .title {font-size:16px;}
.picTitList li .title a {color:#333;}
.picTitList li .intro {margin-bottom:10px;color:#666;}
.picTitList li .date {padding-left:35px;line-height:24px;color:#999;background:url(../../base/img/dateicon.png) 10px center no-repeat;}
.picTitList li:hover {background-color:#fafafa;}

/* 侧栏-合作项目*/
#pageJlhz .indSideBox .hd {background-color:#23c85a;}
#pageJlhz .indSideBox .bd {height:276px;padding:19px 20px;background-color:#dbfce6;}

/* 第七屏  党政思政  --------------------------------------------------------------*/


/* 侧栏-对口帮扶*/
#pageDjsz .indSideBox .hd {background-color:#ff8105;}
#pageDjsz .indSideBox .bd {padding:19px 0;background-color:#fcf3ea;}
#pageDjsz .topDateList li.t {padding:0 15px 10px;border-bottom-color:#ede4db;}
#pageDjsz .topDateList li.t .calendar {background:none;color:#8e8277;}
#pageDjsz .topDateList li.t .calendar em {display:inline-block;color:#ff8105;border-bottom:1px solid #eadcce;}
#pageDjsz .topDateList li.t .title a {font-size:14px;font-weight:bold;color:#c4782d;}
#pageDjsz .topDateList li.t .intro {margin-top:6px;max-height:22px;*height:22px;font-size:12px;color:#8e8277;}
#pageDjsz .mBt .moreBtn {background-color:#ff8105;}

/* 第八屏  院系设置   --------------------------------------------*/
.yxszNodeList {margin:-1px -1px 0 0;overflow:hidden;}
.yxszNodeList li {position:relative;z-index:1;width:298px;float:left;margin:1px 1px 0 0;}
.yxszNodeList li .title,.yxszNodeList li .titleBg {position:absolute;left:0;bottom:0;width:100%;height:42px;line-height:42px;}
.yxszNodeList li .title {z-index:2;font-size:16px;text-align:center;color:white;}
.yxszNodeList li .title a {color:white;}
.yxszNodeList li .titleBg {z-index:1;background-color:#000;opacity:.5;filter:alpha(opacity=50);}

/* 第九屏 底部信息 -------------------------------------------*/
.footerQuicks {position:relative;z-index:1;padding:0 30px;margin:20px auto;}
.footerQuicks .prev,.footerQuicks .next {position:absolute;z-index:1;top:50%;width:20px;height:36px;float:left;overflow:hidden;margin-top:-18px;}
.footerQuicks .prev {left:0;background:url(../../base/img/prevarr.png) center top no-repeat;}
.footerQuicks .next {right:0;background:url(../../base/img/nextarr.png) center top no-repeat;}
.footerQuicks .nodeList {overflow:hidden;margin-right:-10px;}
.footerQuicks .nodeList li {width:220px;float:left;margin-right:10px;text-align:center;}
.footerQuicks .nodeList li a {position:relative;z-index:1;display:block;padding:88px 0 18px;height:30px;line-height:30px;font-size:16px;color:white;background:#237ad3 url(../../base/img/footerquicksbg.png) left top repeat;}
.footerQuicks .nodeList li a:hover {text-decoration:none;background-color:#1468bd;}
.footerQuicks li.li2 a {background-color:#23a8d3;}
.footerQuicks li.li3 a {background-color:#2ac1ce;}
.footerQuicks li.li4 a {background-color:#3fd3d8;}
.footerQuicks li.li5 a {background-color:#20d26b;}
.footerQuicks li.li2 a:hover {background-color:#0c9dcc;}
.footerQuicks li.li3 a:hover {background-color:#0fbbca;}
.footerQuicks li.li4 a:hover {background-color:#19ced4;}
.footerQuicks li.li5 a:hover {background-color:#08c558;}
.footerQuicks .nodeList li .icon {position:absolute;z-index:1;left:0;top:30px;display:block;width:100%;height:44px;line-height:44px;overflow:hidden;background:url(../../base/img/footerquicksicon.png) center top no-repeat;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all  1s;-o-transition:all 1s;transition:all 1s;}
.footerQuicks .nodeList li.li2 .icon {background-position:center -44px;}
.footerQuicks .nodeList li.li3 .icon {background-position:center -88px;}
.footerQuicks .nodeList li.li4 .icon {background-position:center -132px;}
.footerQuicks .nodeList li.li5 .icon {background-position:center -176px;}
.footerQuicks .nodeList li:hover .icon {-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.footerLinks dl dt {background-color:white;}

/* 媒体查询，根据分辨率比例（特殊分辨率 1280/800  2560/1600） 重定义css*/
@media screen and (device-aspect-ratio:8/5) {
    /* 顶部*/

    /* 第九屏  底部信息  --------------------------------------------------------------*/
    .footerQuicks {margin:15px auto;}
    .footerQuicks .nodeList li a {padding:70px 0 15px;}
    .footerQuicks .nodeList li .icon {top:20px;}
    .footerLinks dl dt {height:32px;line-height:32px;font-size:14px;}
    .footerLinks dd {bottom:36px;}
    .footNav {margin:10px auto 10px;}
    .copyRight {}
    .qrcodeList li .pic img {width:90px;height:90px;}
    .qrcodeList li .tit {font-size:12px;height:24px;line-height:24px;}
}

@media screen and (max-width: 1620px) {
    #pageXxgk .siteWidth { height:650px;}
    .boxAout {  zoom:0.95;}
    .section .siteWidth { padding:50px 0;}

    #content {padding-right:0%; padding-left:0%; width:100%; min-width:100px;}
    
}
@media screen and (max-width: 1480px) {
    #pageXxgk .siteWidth { height:600px;}
    .boxAout {  zoom:0.9}
    .section .siteWidth { padding:45px 0;}
}
@media screen and (max-width: 1280px) {
    #pageXxgk .siteWidth { height:550px;}
    .boxAout {  zoom:0.85}
    .section .siteWidth { padding:40px 0;}
}
@media screen and (max-width: 1025px) {
    #pageXxgk .siteWidth { height:500px;}
    .boxAout {  zoom:0.8}
    .section .siteWidth { padding:35px 0;}
}

/*--颜色代码
#166bbd 深色标题
#ddd 淡色边框
--*/