@charset "utf-8";
/* CSS Document */
body{ }
.bodybg{background:url(../images/bodybg.jpg) no-repeat center bottom #edf6fa;min-width: 1400px;}
.bannerImg{position: relative; margin-top: -8px; min-width: 1400px;}
.rowbox{ width:1400px; 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.png) no-repeat left top; padding:25px 0;}
.bg{background: rgba(8, 11, 26, 0.8);}
.headr{float:right; padding-top: 15px;}
.headr p{text-align: right; margin-top: -10px;}
.headr a.toplink{color: #fff; display: inline-block; vertical-align: middle; width: 76px; height:40px; text-align: center; line-height: 40px; border-radius:5px; margin: 10px 10px 0 10px; font-size: 14px; background:url(../images/home.png) no-repeat left center;padding-left:20px; margin: 0 5px; }
.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:240px; background:#fff; 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;}
.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; display:none;}
.banner .slick-slide img,.banner ul.slick-slider,.banner .slick-slide{ width: 100%; }
.banner ul .slick-dots{ text-align: center; position:absolute; bottom: 15px; width: 100%;}
.banner ul .slick-dots li{ display: inline-block; width:10px; margin: 0 5px ; cursor: pointer;}
.banner ul .slick-dots li.slick-active{ width:40px;}
.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:50px;background:#022f5e;position: relative; }
.nav{ width: 1400px; margin: 0 auto; height:50px; line-height:50px; }
.nav ul{ padding: 0;}
.nav li{ float:left;padding: 0 1.94%; border-left:1px solid #23568f; text-align: center; line-height:50px; position:relative;font-size:20px;font-family:"sySong";}
.nav li:last-child{border-right:1px solid #23568f;}
.nav li a{color:#fff; display: inline-block; }
.nav li:hover:before{width: 100%; height:4px; background: #00a0e9; position: absolute; content: ""; display: block; left: 0;  bottom: 0; }
.nav li.on: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:50px; 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;}

/*banner*/
.banner{ position: relative;}
.banner .slick-slide img,.banner ul.slick-slider,.banner .slick-slide{ width: 100%; }
.banner ul .slick-dots{ text-align: center; position:absolute; bottom: 25px; width: 100%;}
.banner ul .slick-dots li{ display: inline-block; width: 13px;height: 13px; border-radius: 100%; background:rgba(255,255,255,0.4); font-size: 0;margin: 0 5px ;}
.banner ul .slick-dots li.slick-active{background: #fff; width: 13px;}
.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:40px; height: 66px; background:url(../images/b_prev.png) no-repeat center center rgba(0,0,0,0.4); position: absolute; left:5%; top: 50%; margin-top: -33px;cursor: pointer; z-index: 6;}
.banner .slick-next{ display: block; width:40px; height:66px; background:url(../images/b_next.png) no-repeat center center rgba(0,0,0,0.4); position: absolute; right:5%; top: 50%; margin-top: -33px; cursor: pointer;z-index: 6;}

/*学院新闻*/
.newsbox{ width:100%; margin-top:50px;}
.newsbox .tit{ position: relative; color: #292929;font-family:"sySong"; margin-bottom: 20px;  background: url(../images/line.png) repeat-x 0 center;}
.newsbox .tit h1{ font-size:28px;background: #fff; display: inline-block; padding-right: 40px;}
.newsbox .tit h1 span{color: #dfdfdf; margin-left: 10px; font-size: 22px;}
.newsbox .tit a{ display: inline-block; padding-left: 30px; font-family: "Microsoft Yahei"; background: #fff;  height:40px;line-height:40px; color: #00479d; position: absolute; top: 0; right: 0;  font-size: 16px;}
.newsbox .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:678px; height: 470px; 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: 678px; height:470px; position: relative; overflow: hidden;}
.newspic .npic img{ width: 100%; -webkit-transition: all .5s;transition: all .5s; position:absolute;top:50%; transform:translate(0,-50%);}
.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);transform:translate(0,-50%);}
.newspic li .n_tit{ background:rgba(0,66, 136, 0.65); color: #fff; padding:20px 20px; 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: 80%;  display: block;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; font-weight: bold;}
.newspic .slick-dots{ position: absolute; right:15px; bottom:104px; text-align: center;}
.newspic .slick-dots li{  margin: 0 5px;  display: inline-block;width: 18px; height:18px;}
.newspic .slick-dots li button{width: 18px; height:18px;background: rgba(0,0,0,0.6); font-size: 12px;color: #fff;}
.newspic .slick-dots li.slick-active button{ background: #fff; border:0; color: #333;}

.newslist{ overflow: hidden;}
.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{ background: url(../images/listtb.png) no-repeat 10px center;line-height:26px; padding-left:15px; padding: 13px 10px 14px 25px;}
.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:#999; float: right; font-size: 14px;}
.n_list li:hover{color:#00479d; font-weight: bold;}
.n_list li:hover h1{color:#00479d; font-weight: bold;}
.n_list li:hover span{}

.parttwo{ clear: both; margin-top: 40px;}
.bank{ width: 678px; background: #fff; 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;}
.sy_list li{ background: url(../images/xyd.png) no-repeat left center; padding-left: 15px; line-height:45px; position: relative;}
.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;}


/*快速通道*/
.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:50px;height:48px; text-align: center; margin: 0 auto; line-height:48px;}
.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);}

.bank_b{ width: 445px; float: left; background: #fff;}
.bank_b:nth-child(2){ margin: 0 32px;}

/*底部信息*/
.footer{ width: 100%; min-width: 1400px; background:#032344; padding:30px 0; margin-top:50px; }
.bq{ float: right; max-width: 33.333%; padding-top: 10px;}
.bq p{ color: #fff; line-height: 24px;}
.footlogo{ width:750px; text-align: center; float: left; }
.footlogo img{}
.ewm{ float: right; width: 33.333%;}
.ewm span{ float: right; color: #fff; margin-right: 20px;line-height: 116px;}
.ewm img{ float: right;}

/*内页banner*/
.sban{ width: 100%; position: relative; min-height: 367px; overflow: hidden; text-align: center;height:auto;}
.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;}
.meun .dt{ width:100%; background:url(../images/dtbg.png) no-repeat;padding-left: 20px; height:80px; line-height:80px; color:#fff; font-size:22px; font-weight:bold; position: relative; margin-bottom: 15px;}
.meun dd{ text-align:center;line-height:60px; font-size:18px; margin: 0 auto; position: relative;background: #fff; border-left: 2px solid #0b63b5;}
.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 center 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{ width: 100%; }
.meun dd.on a{ color: #fff;background: #0b63b5;}
.meun dd:hover a{ color: #fff;background: #0b63b5;}
.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 25px; padding-left: 15px; position: relative;}
.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;}

/*图片列表*/
.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;}
.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: 16px; padding: 10px 20px; display: block;text-overflow:ellipsis; -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; margin-bottom: 10px;}
.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 .sj{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;}