.header{ width: 1280px; height: 150px; margin:0 auto;}
.head{ width: 1280px; height: 150px; overflow: hidden; background:#0058dd}
.head .logo{ float: left; width: 709px; height: 150px;}
.head .logo a,
.head .logo a img{ display: block; width: 100%; height: 100%;}

.head .plug{ float: right; width: 240px; height: 60px; padding: 45px 0; margin-right: 10px; overflow: hidden; }
.wea-time-box #weather{ width: 200px; height: 55px; }
.head .plug .lang{ float: left; width: 94px; height: 15px; border-right: 1px solid #fff; font-size: 14px; text-transform: uppercase; line-height: 15px; color: #fff;}
.head .plug .time{ float: left; width: 125px; height: 15px; padding-left: 20px; line-height: 15px; font-size: 14px; text-align: right; color: #fff;}

.head .plug .search{ float: left; width: 240px; height: 30px; margin-top: 15px; overflow: hidden; z-index: 9; }
.head .plug .search input{ float: left; border: 0; background: none; height: 30px; line-height: 30px;color: #000; }
.head .plug .search input[type=text]{ width: 210px; background: #fff; font-size: 12px; text-indent: 1em;} 
.head .plug .search input[type=submit]{ width: 30px; background: url('../img/search.png') center center no-repeat #666; }

.navigation{ position: relative; width: 1280px; height: 50px; margin: auto; border-top: 1px solid #80acee; background: #0058dd; z-index: 9;}
.nav{ width: 1280px; height: 50px;}

.nav dd{ position: relative; float: left; }
.nav dd>a{ display: block; width: 116.3px; height: 50px; font-size: 15px; line-height: 50px; text-align: center; color: #fff;}
.nav dd>a:hover,
.nav dd.on>a{ background: #003A8F;}
.nav ul{ position: absolute; left: 0; top: 50px; display: none; width: 100%; overflow: hidden; }
.nav ul li{ overflow: hidden; }
.nav ul li a{ display: block; width: 100%; border-top: 1px dotted #80acee; padding: .75em 0; line-height: 20px; font-size: 13px; text-align: center; background: #003A8F; color: #fff;}
.nav ul li a:hover{ background: #232323;}


.slider{ position: relative; width: 1280px; height: 450px; margin: auto; margin-bottom: 25px; overflow: hidden;}
.slider .bd{ position:absolute; top: 0; right: 0; left: 0; width:1280px; height: 450px; margin: auto; }
.slider .bd li{ width:1280px; height: 450px; overflow:hidden; }
.slider .bd li a,
.slider .bd li a img{ display:block; width: 100%; height: 100%;}
.slider .pnBtn{ position:absolute; top:0; width:40px; height:100%; cursor:pointer; z-index:1;}
.slider .prev{ left: 0;}
.slider .next{ right: 0;}
.slider .pnBtn a{ position: absolute; top: 0; bottom: 0; display: block; width: 40px; height: 60px; margin: auto; z-index: 2;}
.slider .prev a{ right: 0; background: url('../img/l.png') center center no-repeat;}
.slider .next a{ left: 0; background: url('../img/r.png') center center no-repeat;}


.wrapper{ width: 100%; height: auto;}
.wrapper:after{ content: ''; display: block; clear: both;}

.container{ width: 1280px; height: auto;}
.container:after{ content: ''; display: block; clear: both;}

.nk-box{ float: left; width: 380px; height: 240px; padding: 10px 15px; box-shadow: 0 0 5px rgba(0, 0, 0, .05);}
.nk-box .box-tit{ position: relative; height: 40px;}
.nk-box .box-tit:after{ content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 40px; height: 2px; background: #0058dd;}
.nk-box .box-tit span{ float: left; font-size: 20px; line-height: 40px; font-weight: bold; color: #333;}
.nk-box .box-tit em{ position: absolute; top: 0; left: 0; font-size: 38px; line-height: 1; font-weight: bold; color: #f2f3f4; text-transform: uppercase; z-index: -1;}
.nk-box .box-tit a{ position: absolute; top: 0; bottom: 0; right: 0; display: block; margin: auto; font-size: 14px; line-height: 40px; color:#df3333;}
.nk-box .box-tit a:after{ content: '+'}

.nk-box .box-con{ padding-top: 10px;}
.nk-box .box-con:after{ content: ''; display: block; clear: both;}

.college-box{ width: 645px; height: 370px;}

.college-scroll{ position: relative; float: left; width: 580px; height: 390px;}

.college-scroll .prev,
.college-scroll .next{ position:absolute; top: 0; bottom: 0; display:block; width:40px; height:60px; margin: auto; z-index: 1; }
.college-scroll .prev{ left:0; background: url('../img/l.png') center center no-repeat;}
.college-scroll .next{ right:0; background: url('../img/r.png') center center no-repeat;}

.college-scroll-list{ position: relative; z-index: 0;} 
.college-scroll-list li{ display: block;}
.college-scroll-list li a{ position: relative;}
.college-scroll-list li a:after{ content: ''; position: absolute; bottom: 20px; left: -15px; display: block; width: 15px; height: 50px; background: url('../img/oh.png') no-repeat;}
.college-scroll-list li a,
.college-scroll-list li a .thumb{ display: block; width: 580px; height: 390px;}
.college-scroll-list li a .info{ position: absolute; bottom: 20px; left: 0; height: 40px; padding-right: .75em; font-size: 16px; line-height: 40px; color: #fff; background: #0058dd;}

.special-box{ float: left; width: 100%;}
.special-box .box-con{ padding-top: 10px;}

.special-list{ overflow: hidden;}
.special-list li{ float: left; width: 50%; height: 100px;}
.special-list li a{ display: block; padding: 0 6px; height: 100%;}

.news-list{ width: 100%;}
.news-list li{ position: relative; height: 32px; overflow: hidden;}
.news-list li:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 4px; height: 4px; margin: auto; background: #0058dd;}
.news-list li a{ display: block; overflow: hidden;}
.news-list li a span{ float: left; width: 85%; height: 32px; font-size: 14px; line-height: 32px; text-indent: 1em; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list li a i{ float: right; height: 32px; font-size: 14px; line-height: 32px; color: #999;}
.news-list li a:hover span,
.news-list li a:hover i{ color: #0058dd;}

.college-list{ float: right; width: 355px;}
.college-list li a span{ width: 100%;}

.notice-list li:before{ display: none;}
.notice-list li span{ background: url('../img/notice.png') left center no-repeat;}

.quick-box{float: left; width: 100%; }
.quick-list{ overflow: hidden; text-align: center; }
.quick-list li{ float: left; padding: 0 3px; overflow: hidden; }
.quick-list li a{ display: block; width: 100px; height: 70px; padding: 15px 0; border-radius: 60px; border: 5px solid #c00; background: #de2c2c; }
.quick-list li a i{ display: block; width: 40px; height: 40px; background-position: center -40px; background-repeat: no-repeat; margin: 0 auto; }
.quick-list li a i.i1{ background-image: url(../images/i1.png); }
.quick-list li a i.i2{ background-image: url(../images/i2.png); }
.quick-list li a i.i3{ background-image: url(../images/i3.png); }
.quick-list li a i.i4{ background-image: url(../images/i4.png); }
.quick-list li a i.i5{ background-image: url(../images/i5.png); }
.quick-list li a i.i6{ background-image: url(../images/i6.png); }
.quick-list li a i.i7{ background-image: url(../images/i7.png); }
.quick-list li a i.i8{ background-image: url(../images/i8.png); }
.quick-list li a i.i9{ background-image: url(../images/i9.png); }
.quick-list li a i.i10{ background-image: url(../images/i10.png); }
.quick-list li a i.i11{ background-image: url(../images/i11.png); }
.quick-list li a h5{ font-size: 14px; font-weight: normal; color: #fff; line-height: 30px; }
.quick-list li a:hover{ background: #0058dd; border-color: #0058dd; }
.quick-list li a:hover i{ background-position: center -40px; }
.quick-list li a:hover h5{ color: #fff; }


.footer{ width: 1280px; height: 120px; margin: auto; background:#0058dd;}
.foot{ width: 1280px; }
.copyright{ width: 1280px; height: 90px; font-size: 0; line-height: 5px; overflow: hidden; text-align: center; color: #fff }
.copyright span, 
.copyright a{ display: inline-block; vertical-align: middle; font-size: 12px; color: #fff; }
.copyright img{ display: inline-block; vertical-align: middle; }

.number{ width: 100%; text-align: center; font-size: 12px; text-align: center; line-height: 30px; color: #fff;}