@charset "utf-8";
/* CSS Document */
body{ }
.bodybg{background:#f6f7f9;min-width: 1440px;}
.bannerImg{position: relative; margin-top: -8px; min-width: 1400px;}
.rowbox{ width:1440px; margin: 0 auto;}
img{display: inline-block;}
.topbox{display: none;}
.top{ display: none;width: 100%;  height:45px;line-height:45px;  position: relative;z-index: 3;padding:0 10px;background:#226fb8;border-bottom: 1px solid #195ca9;    display: flex;justify-content: flex-end;align-items: center; }
.meun_icon{height: 45px; line-height: 45px; display: inline-block; color: #fff; font-size: 16px; }
.meun_icon img{width:25px; margin-right: 10px; height:20px; vertical-align: middle;}
.flex-container{ display: -webkit-box;display: -ms-flexbox;display: flex;  -webkit-box-align: center;-ms-flex-align: center;align-items: center;    justify-content: space-between; }
.container{padding: 18px 0;}
@font-face{font-family:"sySong";src:url("font/sySong.woff") format("woff");font-style:normal;font-weight:normal;}

.main_index{position: relative;}
.header{width:100%;background:url(../images/headbg.jpg) no-repeat 70% top #002e72; padding:25px 0;}
.bg{background: rgba(8, 11, 26, 0.8);}
.headr{float:right;}
.headr p{text-align: right; margin-top: -10px; color: #d4e5ff; margin-bottom: 10px;}
.headr a{color: #d4e5ff; display: inline-block; vertical-align: middle; text-align: center;font-size: 14px; margin: 0 0 0px 10px;}
.headr a.toplink:hover{ text-decoration: underline;}

.logo_l{ float:left; text-align: left;}
.logo_l img{ display:inline-block;vertical-align:middle; position: relative; z-index: 5; -webkit-transition: all .5s;transition: all .5s;}
.logo_l span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:18px; padding: 8px 20px;position:relative ;}

.searhbox01{height:40px;line-height:40px;overflow: hidden;width:250px; background:transparent; border: 1px solid #5e7ba7; display: inline-block;vertical-align: middle;}
.searhbox01 .text{width:200px;height:40px;line-height:40px;background:transparent;padding: 0 15px;float: left;font-size: 14px; color: #fff;}
.searhbox01 .btn{ width:40px; float: right; height:40px;line-height:40px; background: url(../images/ss_btn.png) no-repeat center center; padding-left: 30px; font-size: 18px; cursor: pointer; color: #fff;}

.banner{ position: relative;}
.banner .slick-slide img,.banner ul.slick-slider,.banner .slick-slide{max-width:100%;}
.banner ul .slick-dots{ text-align: center; position:absolute; bottom: 15px; width: 100%;}
.banner ul .slick-dots li{ display: inline-block; width:15px; height: 15px; margin: 0 8px ; background:#fff ; border-radius: 100%; cursor: pointer;}
.banner ul .slick-dots li.slick-active{background: #00a0e9;}
.banner ul .slick-dots li.slick-active button{ width:40px;}
.part{width:95%; max-width: 1400px; position: absolute;top:80px; bottom:80px; left: 0; right: 0; margin: auto; background: rgba(255,255,255,0.5);}
.banner .slick-prev{ display: block; width: 54px; height: 54px; background:url(../images/b_prev.png) no-repeat center center rgba(0,0,0,0.4); position: absolute; left: 30px; top: 50%; margin-top: -27px;cursor: pointer;}
.banner .slick-next{ display: block; width: 54px; height: 54px; background:url(../images/b_next.png) no-repeat center center rgba(0,0,0,0.4);  position: absolute; right: 30px; top: 50%; margin-top: -27px; cursor: pointer;}

/*导航*/
.navbg{ width: 100%;  height:55px;background:#fff;position: relative; }
.nav{ width: 1400px; margin: 0 auto; height:55px; line-height:55px; }
.nav ul{ padding: 0;}
.nav li{ float:left; width: 8.3333%;  text-align: center; line-height:55px; position:relative;font-size:18px;}
.nav li a{color:#333; display: inline-block; }
.nav li:hover:before{width: 100%; height:4px; background: #00a0e9; position: absolute; content: ""; display: block; left: 0;  bottom: 0; }
.nav li .ejnav{opacity:0; display: none; height: 0; position: absolute; top:55px; left:0; width:100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3;}
.nav li .ejnav li,.nav li .ejnav li .sjnav li{ width: 100%; float: none; font-size: 16px; background:#0857b6; height: 50px; line-height: 50px; position: relative; border-left: 0;}
.nav li .ejnav li a{ color: #fff;}
.nav li:hover .ejnav{ opacity:1;  height:auto; display: block; }
.nav li .ejnav li:hover{ background: #00479d;}
.nav li .ejnav li:hover:before{display: none;}
.nav li .ejnav li:hover a{ color: #fff;}
.nav li .ejnav li .sjnav{opacity:0;  height: 0; position: absolute; right:-100%; top: 0; overflow: hidden; width: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3;}
.nav li .ejnav li .sjnav li{background: #2a78c2;}
.nav li .ejnav li:hover .sjnav{opacity:1;  height:auto; }
.nav li .ejnav li .sjnav li:hover{ background: #226fb8;}



/*学院新闻*/
.newsbox{ width:950px; margin-top:30px; float: left;}

.tit{ position: relative; color: #151515; font-size: 26px; padding-left: 28px; margin-bottom: 20px;  background: url(../images/btbg.png) no-repeat 0 9px;}
.tit h1{ font-size:28px;background: #fff; display: inline-block; padding-right: 40px;}
.tit h1 span{color: #dfdfdf; margin-left: 10px; font-size: 22px;}
.tit a.more{ display: inline-block; padding-left:17px; background:url(../images/yun.png) no-repeat left center;  height:40px;line-height:40px; color: #0068b7; position: absolute; top: 0; right: 0;  font-size: 16px;}
.tit a i{ display: inline-block; vertical-align: middle; -webkit-transition: all .5s;transition: all .5s;}
.tit a:hover i{ transform: translateX(10px);}
.newspic{ width:460px; height:330px; margin-right:30px; float: left; position: relative;}
.newspic li{  float: left; position: relative;}
.newspic li a{ display: block;}
.newspic li .date{ position: absolute; top: 0; right: 0; padding: 0 10px; height:40px; line-height: 40px; background: #f39800; color: #fff; text-align: center;font-family:"sySong";  font-size: 16px; z-index: 3;}


.newspic .npic{ width: 100%; height:387px; position: relative; overflow: hidden;}
.newspic .npic img{ width: 100%; -webkit-transition: all .5s;transition: all .5s; }
.newspic li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.newspic li .n_tit{ background:url(../images/hstm.png) repeat-x left bottom; color: #fff; padding:0px 20px; height: 98px; position: absolute; left: 0; bottom:0; width: 100%; }
.newspic li .n_tit p{ font-size:14px; color: #a6b2ca; margin-top: 10px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; }
.newspic li .n_tit h1{ font-size: 16px; color: #fff; width:70%;  display: block;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;bottom:15px; position: absolute; left: 0; padding-left: 10px;}
.newspic .slick-dots{ position: absolute; right:15px; bottom:15px; text-align: center;}
.newspic .slick-dots li{  margin: 0 3px; float: none; line-height: 12px;  display: inline-block;width: 12px; height:12px; }
.newspic .slick-dots li button{width:6px; height:6px;background:#fff; border-radius: 100%; vertical-align: middle; margin-top: -4px;}
.newspic .slick-dots li.slick-active button{ background: #fff; border:0; color: #333;width:6px; height:6px; }
.newspic .slick-dots li.slick-active{ width: 12px; height: 12px; border: 1px solid #fff;  border-radius: 100%; text-align: center;}

.newslist{ overflow: hidden; padding: 0 20px; background: #fff;}
.newslist .hd ul{ border-bottom: 1px solid #004288; border-left:3px solid #004288; padding-left:3px; position: relative;}
.newslist .hd li{ float:left; padding:0 25px; height: 50px; line-height: 50px; cursor:pointer; font-size: 20px;font-family:"sySong"; }
.newslist .hd li.on{ background:#004288;  color: #fff; }
.newslist .hd li .more{display: none;}
.newslist .hd li.on .more{ display: block;}
.more{ font-size:14px; background: url(../images/moreico.png) no-repeat right center; padding-right: 15px; position:absolute; right: 0; bottom: 0px; font-family: "Microsoft Yahei";}
.newslist .bd{ clear: both;}
.n_list{ }
.n_list li:after{visibility:hidden; display:block; content:""; clear:both}
.n_list li{line-height:26px; line-height:54.5px; border-bottom: 1px dashed #d6d6d6;}
.n_list li:last-child{ border-bottom: 0;}
.n_list li a{display: block; }
.n_list li h1{ font-size: 16px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.n_list li span{color:#0068b7; float: left; font-size: 18px; font-weight: bold; margin-right: 10px;}
.n_list li:hover{color:#00479d; font-weight: bold;}
.n_list li:hover h1{color:#00479d; font-weight: bold;}
.n_list li:hover span{}

/*通知公告*/
.notice{ float: right; width: 460px; margin-top: 30px;}
.tzlist{ width: 100%; background: #fff; padding:0 20px;}
.tzlist li{padding: 16.5px 0;border-bottom: 1px dashed #d6d6d6; }
.tzlist li:last-child,.sy_list li:last-child{border-bottom: 0;}
.tzlist span{float: left; margin-right: 15px;  width: 60px; height: 27px; line-height: 27px; text-align: center; color: #fff; background: #0068b7; font-size: 14px;font-weight: bold;}
.tzlist h1{ font-size: 16px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}


.parttwo{ clear: both; margin-top: 40px;}
.bank{ width:48%; float: left;}
.bank:nth-child(even){ float: right;}
.tit_p{ border-bottom: 1px solid #004288; height: 50px; line-height: 50px; position: relative;}
.tit_p h1{ font-size: 20px; background: #004288; color: #fff; padding: 0 20px;font-family:"sySong"; display: inline-block; position: relative;}
.tit_p h1:after{ display: block; content:""; position: absolute; right: -20px; top: 0; width: 0; height: 0; border-left: 20px solid #004288; border-top:50px solid transparent;}
.m_j{ right: 15px;}
.sy_list{ padding: 15px; background: #fff;}
.sy_list li{ background: url(../images/listico.png) no-repeat left center; padding-left:25px; line-height:55px; position: relative;border-bottom: 1px dashed #d6d6d6; }
.sy_list li a{ padding-right: 100px; font-size: 16px;color: #303030;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; display: block;}
.sy_list li span{ position: absolute; top: 0; right: 0; color: #999;}
.sy_list li:hover a{ color: #004288; font-weight: bold;}
.sy_list.xyd li{background: url(../images/xyd.png) no-repeat left center; padding-left: 15px;}

/*科教平台*/
.platform li{ width: 160px;  float: left; margin-right: 16px; margin-bottom: 30px; overflow: hidden;}
.platform li img{width: 160px;height: 93px;}
.platform li:nth-child(4n){ margin-right: 0;}
.platform li:nth-child(3),.platform li:nth-child(4),.platform li:first-child{ margin-top: 0;}

/*师生风采*/
.student li{ width: 48%; float: left; background: #fff; height: 276px;}
.student li:nth-child(even){ float: right;}
.student li .picimg{ width: 100%; height: 202px; overflow: hidden; position: relative;}
.student li .picimg img{-webkit-transition: all .5s;transition: all .5s; width: 100%;}
.student li:hover .picimg img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.student li .picimg span{position: absolute; left: 0; bottom: 0; width: 103px;height: 33px; background: #0068b7; color: #fff; font-size: 16px;text-align: center; line-height: 33px; }
.student li .wenzi{font-size: 16px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; padding: 15px; line-height: 24px;}
.student li:hover .wenzi{color: #0068b7;}
 
/*快速通道*/
.lane{ clear: both; margin-top: 40px; background: #fff;}
.lane a{ display: block; float: left; text-align: center; padding: 25px 0; border-right: 1px solid #edf6fa; width: 10%;;}
.lane a i{display:block; width:71px;height:71px; text-align: center; margin: 0 auto; line-height:71px;}
.lane a i img{ max-width: 100%;transition: 0.5s;transform-style: preserve-3d;}
.lane a p{ font-size: 16px; margin-top:20px;}
.lane a:hover img{transform: rotateY(180deg);}

/*师资队伍*/
.staff{ width: 100%; margin-top: 40px;}
.picMarquee-left{ background: #fff; padding:20px 10px;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 12.5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; height:220px;}
.picMarquee-left .bd ul li .pic img{ max-width:175px; max-height:220px; display:block; width:150px; height:180px;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:30px;   }

/*底部信息*/
.footer{ width: 100%; min-width: 1400px; background:#002e73; padding-top:30px; margin-top:50px; }
.bq{ float: right; max-width: 33.333%; padding-top: 10px;}
.bq p{ color: #fff; line-height: 24px;}
.footlogo{ width:300px; text-align: center; float: left; }
.footlogo img{}
.item{border: 1px solid #5b81b0; height: 40px; position: relative; margin-top: 15px;}
.item h1{ padding-right: 40px; line-height: 40px; color:#788db2; padding-left: 15px; font-size: 16px;    text-align: left;}
.item span{ display: block; width: 40px; height: 40px; position: absolute; top: 0; right: 0;background: url(../images/dir-right.png) no-repeat center center; cursor: pointer;}
.item ul{ position: absolute; bottom: 39px; left: 0; right: 0;  -webkit-transition: all .3s;transition: all .3s; height: 0;overflow-y: auto; background:rgba(255,255,255,1);  z-index: 1;}
.item ul.li{ height: 140px;}
.item ul li{ padding-left: 15px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; line-height: 35px; text-align: left; cursor: pointer;}
.item ul li:hover{ background: #00a0e9; color: #fff;}
.item ul li:hover a{ color: #fff;}

.ewm{ float: right; width:132px; height: 132px;}
.ewm span{ float: right; color: #fff; margin-right: 20px;line-height: 116px;}
.ewm img{ float: right;}
.foot{ width: 100%; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 14px; background: #032559; margin-top: 15px;}
.foot img{ vertical-align: middle; margin-left: 10px;}

.link{ float: left; width:650px; margin-left:12%;}
.link a{ float: left; line-height:60px; color: #fff; display: block; width: 90px; font-size: 16px; margin-right: 15px;}
.link a:hover{ text-decoration: underline;}

/*内页banner*/
.sban{ width: 100%; position: relative; height: 367px; overflow: hidden; text-align: center;}
.sban img{ width: 100%;}
.sban .banimg2{ display: none;width: 100%;height: 100%;}
.head{ position: absolute; top: 0; left: 0; background: rgba(10, 19, 46, 0.8); width: 100%;}

/*列表页*/
.conbox{ padding: 30px 0; }
.meun{ width:300px; float:left; position: relative; z-index: 5; border: 1px solid #002e73;padding-bottom: 10px;}
.meun .dt{ width:100%; background:#002e73;padding-left: 20px; text-align: center; height:80px; line-height:80px; color:#fff; font-size:22px; font-weight:bold; position: relative; margin-bottom: 10px; }
.meun dd{ text-align:center; width: 280px; line-height:60px; font-size:18px; margin: 0 auto; position: relative;background: #fff; overflow: hidden; }
.meun dd a{ display: block; text-align: left; padding-left: 20px;border-bottom:1px solid #e5e5e5;}
.meun dd:last-child a{ border-bottom: 0;}
.meun dd i{ display:block; width:40px; height:60px; z-index:3; position:absolute; right:0px; top:0px;  background:url(../images/meunjt.png) 14px 21px no-repeat; cursor: pointer;}
.meun dd i.icon{ background-position:-24px center;}
.meun dd ul{ display:none;}
.meun dd ul li{ width:100%; border-bottom:1px solid #e5e5e5; line-height:50px; font-size:16px;}
.meun dd ul li a{ width:100%; border-bottom: 0; padding-left:35px;}
.meun dd:hover{ }
.meun dd:hover a{ color: #fff;background: #0068b7;}
.meun dd:hover i{background-position:14px -32px;}
.meun dd:hover i.icon{background-position:-24px -32px;}
.meun dd:hover ul a{ background: none;border-left: 0; color: #333;}
.meun dd:hover ul a:hover{background: #095ab6; color: #fff;}
.listing{ width:calc(100% - 320px);  float:right; background: #fff; padding: 30px; padding-top: 15px;}
.location{ padding:10px 0px; border-bottom:1px solid #c1c1c1}
.location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both}
.location h1{ float:left; font-size:24px;}
.location span{ float:right; color:#666; font-size:14px; line-height:31px; background: url(../images/wzicon.png) no-repeat left 8px; padding-left: 20px;}
.location span a{color:#095ab6; }
.listing_w{ width: 100%; background: #fff; padding: 20px 30px;}

/*新闻列表*/
.newlist{ margin-top: 20px;}
.newlist li{ background: url(../images/xyd.png) no-repeat left center; padding-left: 15px; position: relative;border-bottom: 1px dashed #d6d6d6;}
.newlist li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li:last-child{border-bottom:none}
.newlist li .date{line-height:50px; color: #999; position: absolute; top: 0; right: 0;}
.newlist a h1{ font-size:16px;line-height:50px; display: block; padding-right: 95px; text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; color: #303030;transition: 0.5s;}
.newlist li:hover{}
.newlist li:hover a h1{color:#0b63b5; padding-left: 15px;}

/*师资队伍*/
.jslist li{ float: left;width:18%; margin:15px 1%;}
.jslist li span{ width: 100%; background: #f5f5f5; display: block; height: 200px; overflow: hidden;position:relative;}
.jslist li span .outside{position:absolute; top:50%;left:50%; transform:translate(-50%, -50%)}
.jslist li span img{ width: 100%;-webkit-transition: all .5s;transition: all .5s;width:150px; height:180px}
.jslist li:hover span img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.jslist li p{ background: #f5f5f5; font-size: 16px; text-align: center; line-height: 36px;}

/*图片列表*/
.piclist li{ float: left; width: 32%; margin-right: 2%; margin-top: 20px; background: #fff; padding-bottom: 10px;}
.piclist li:nth-child(3n){ margin-right: 0;}
.piclist li .pic{ padding: 5px;}
.piclist li .pic span{display: block; overflow: hidden; position: relative; padding-top: 70.2%;}
.piclist li .pic span img{position: absolute; /*top: 0; left: 0; width: 100%; height: 100%;*/ -webkit-transition: all .5s;transition: all .5s; display: block;  left: 50%;top:50%; max-width: 100%; transform: translate(-50%, -50%);  max-height: 100%;}
.piclist li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.piclist li h1{    font-size: 13px;
    padding: 10px 2px;
    display: block;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.piclist li a.more{ width: 92px; height: 28px; border: 1px solid #e5e5e5; text-align: center;line-height: 28px; color: #666; display: block; margin-top: 10px;}
.piclist li a.more:hover{ background:#226fb8 ; color: #fff;}

/*简介页*/
.introbox{ padding-top: 20px;}
.introbox p{ line-height:30px; font-size: 16px; color: #333; }
.introbox h1{ text-align: center; font-size:20px; font-weight: bold ; color: #333;}
.introbox p img{ max-width: 100%;}
.line{ margin: 15px 0; height: 1px; width: 100%;border-bottom: 1px dashed #dddddd;}
.page{ margin-top: 30px;border-top: 1px solid #e5e5e5; padding-top: 20px;}
.pr{ text-align: center; margin-top: 20px;}
.pr span{ display: inline-block; margin: 0 15px; color:#999;}
.page a:hover{color:#095ab6;}

/*检索结果页面*/
.result{ padding:20px 0;}
.tj p{ font-size: 18px; font-weight: bold; color: #226fb8; line-height: 35px;}
.result li{ padding: 15px 0 15px 0px;line-height:30px; position: relative; border-bottom:1px dashed #bdbdbd;}
.result li:after{visibility:hidden; display:block; content:""; clear:both}
.result li a{ display: block;}
.result li span.date{position: absolute; line-height: 35px; right: 0; top: 15px; font-size:16px; color: #aaa;}
.result li h1{ font-size: 16px; color: #333;line-height: 35px; padding-right: 100px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}