﻿@charset "UTF-8";
.pull-left { float: left; }

.pull-right { float: right; }

/*banner*/
.swiper-container { height: 500px; position: relative; }

.move { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.move ul, .move ul li { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.move ul img, .move ul li img { position: relative; left: 50%; margin-left: -960px; }

.swiper-container .swiper-pagination { position: absolute; width: 100%; bottom: 30px; z-index: 8; text-align: center; }

.swiper-container .libs { display: inline-block; border-radius: 50%; margin: 0 6px; width: 14px; height: 14px; background: rgba(0, 0, 0, 0.6); opacity: 1; cursor: pointer; position: relative; transition: .5s; }

.swiper-container .active { width: 36px; border-radius: 6px; background: #1073a8; }

/*通知*/
.noticeWrap { height: 72px; background: #fff; }
.noticeWrap > div { width: 1200px; margin: 0 auto; height: 100%; }

.notice { height: 100%; float: left; position: relative; padding-left: 110px; }
.notice .noticeList { height: 50px; width: 490px; margin-top: 12px; overflow: hidden; position: relative; }
.notice .noticeList ul { position: absolute; top: 0; left: 0; }
.notice .noticeList li { font: 14px/25px "微软雅黑"; }
.notice .noticeList li a { color: #333; }
.notice img { position: absolute; top: -1px; left: 0; }

.search { width: 348px; height: 44px; float: right; margin-right: 3px; border: 1px solid #ddd; border-radius: 22px; margin-top: 13px; }
.search input { border: none; height: 29px; width: 252px; float: left; margin-left: 32px; border-right: 1px solid #ddd; margin-top: 8px; font: 14px/29px "微软雅黑"; }
.search button { background: none; border: none; color: #ddd; padding-left: 14px; float: left; cursor: pointer; }
.search button .iconfont { font: 26px/44px "微软雅黑"; }

/*学校概况*/
.floor1 { width: 1200px; margin: 0 auto; height: 380px; margin-bottom: 62px; margin-top: 58px; }
.floor1 video { width: 600px; height: 380px; float: left; }
.floor1 .rightCont { width: 574px; float: right; }
.floor1 .rightCont .tit { font: 18px/23px "微软雅黑"; color: #333; position: relative; padding-left: 17px; margin-top: 4px; margin-bottom: 19px; }
.floor1 .rightCont .tit::before { content: ''; display: block; width: 6px; height: 23px; border-radius: 3px; background: #1073a8; position: absolute; top: 0; left: 0; }
.floor1 .rightCont .txt { font: 14px/27px "微软雅黑"; color: #333; height: 108px; overflow: hidden; margin-bottom: 24px; }
.floor1 .rightCont .toMore { display: block; width: 170px; height: 44px; border: 1px solid #ddd; border-radius: 22px; text-align: center; font: 14px/44px "微软雅黑"; color: #999; margin-bottom: 40px; }
.floor1 .rightCont .toMore:hover { opacity: .7; }
.floor1 .rightCont .btnGroup { overflow: hidden; }
.floor1 .rightCont .btnGroup .btnItem { display: block; width: 182px; height: 115px; float: left; margin-left: 14px; }
.floor1 .rightCont .btnGroup .btnItem div { width: 160px; height: 96px; border: 1px solid rgba(255, 255, 255, 0.2); margin: 9px auto; }
.floor1 .rightCont .btnGroup .btnItem .iconfont { display: block; text-align: center; font: 35px/35px "微软雅黑"; margin: 20px auto 16px; color: #fff; }
.floor1 .rightCont .btnGroup .btnItem p { font: 14px/14px "微软雅黑"; color: #fff; text-align: center; }
.floor1 .rightCont .btnGroup .btnItem:first-child { background: #3799cd; margin-left: 0; }
.floor1 .rightCont .btnGroup .btnItem:first-child + .btnItem { background: #2f9f6e; }
.floor1 .rightCont .btnGroup .btnItem:first-child + .btnItem + .btnItem { background: #965dbe; }

/*floor2*/
.floor2Wrap { height: 603px; background: #fff; }

.floor2 { width: 1200px; margin: 0 auto; overflow: hidden; }
.floor2 h2 { height: 70px; padding-top: 8px; }
.floor2 h2 p { font: 20px/70px "微软雅黑"; color: #333; float: left; }
.floor2 h2 a { font: 14px/70px "微软雅黑"; color: #999; float: right; }
.floor2 h2 a:hover { opacity: .7; }

/*管理机构*/
.floor2Left { width: 390px; float: left; }
.floor2Left .floor2LeftMain { width: 409px; margin-left: -19px; overflow: hidden; }
.floor2Left .floor2LeftMain .item { width: 185px; height: 140px; display: block; float: left; margin-left: 19px; margin-bottom: 22px; text-align: center; color: #fff; }
.floor2Left .floor2LeftMain .item .iconfont { display: block; font: 40px/40px "微软雅黑"; margin-top: 34px; margin-bottom: 22px; }
.floor2Left .floor2LeftMain .item p { font: 16px/16px "微软雅黑"; }
.floor2Left .floor2LeftMain .item:first-child { background: #1073a8; }
.floor2Left .floor2LeftMain .item:first-child + .item { background: #e25045; }
.floor2Left .floor2LeftMain .item:first-child + .item + .item { background: #d7953e; }
.floor2Left .floor2LeftMain .item:first-child + .item + .item + .item { background: #3873bb; }
.floor2Left .floor2LeftMain .item:first-child + .item + .item + .item + .item { background: #2661a9; }
.floor2Left .floor2LeftMain .item:first-child + .item + .item + .item + .item + .item { background: #2f9f6e; }

/*院系设置*/
.floor2Right { width: 774px; float: right; }

.floor2RightMain { width: 797px; margin-left: -23px; overflow: hidden; }
.floor2RightMain .item { width: 375px; height: 220px; position: relative; display: block; float: left; margin-left: 23px; margin-bottom: 27px; }
.floor2RightMain .item img { display: block; width: 100%; height: 100%; }
.floor2RightMain .item div { width: 100%; height: 100%; background: transparent; text-align: center; color: #fff; position: absolute; top: 0; left: 0; transition: .3s; }
.floor2RightMain .item div:hover { background: rgba(0, 0, 0, 0.7); }
.floor2RightMain .item div .tit { font: 16px/16px "微软雅黑"; margin: 70px auto 12px; }
.floor2RightMain .item div b { display: block; width: 29px; height: 3px; background: #fff; margin: 0 auto 10px; }
.floor2RightMain .item div .intro { font: 14px/24px "微软雅黑"; padding: 0 80px; }

/*floor3*/
.floor3 { width: 1200px; margin: 0 auto; height: 600px; }
.floor3 h2 { height: 66px; padding-top: 10px; }
.floor3 h2 p { float: left; font: 20px/66px "微软雅黑"; color: #333; }
.floor3 h2 a { font: 14px/66px "微软雅黑"; color: #999; float: right; }
.floor3 h2 a:hover { opacity: .7; }

/*建档工作*/
.floor3Left { float: left; width: 575px; }

.floor3LeftMain { padding: 17px 17px 0; height: 459px; background: #fff; }
.floor3LeftMain img { display: block; }
.floor3LeftMain ul { margin-top: 12px; }
.floor3LeftMain li { overflow: hidden; }
.floor3LeftMain li a { font: 14px/31px "微软雅黑"; color: #333; float: left; width: 370px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.floor3LeftMain li a b { color: #aaa; font-size: 14px; font-weight: 900; padding-right: 10px; }
.floor3LeftMain li a:hover { color: #1073a8; }
.floor3LeftMain li a:hover b { color: #1073a8; }
.floor3LeftMain li span { font: 14px/31px "微软雅黑"; color: #999; float: right; }

/*新闻动态*/
.floor3right { float: right; width: 600px; }

.floor3rightMain { height: 476px; background: #fff; }
.floor3rightMain .newsTab { height: 55px; padding-left: 17px; border-bottom: 1px solid #e5e5e5; font-size: 0; }
.floor3rightMain .newsTab span { font: 16px/55px "微软雅黑"; color: #333; display: inline-block; margin-right: 32px; position: relative;cursor:pointer }
.floor3rightMain .newsTab span.on::after { content: ''; display: block; width: 100%; height: 3px; background: #1073a8; position: absolute; bottom: 0; left: 0; }
.floor3rightMain .list{ display:none }
.floor3rightMain .firstItem { padding: 19px 17px 15px; overflow: hidden; }
.floor3rightMain .firstItem img { float: left; width: 260px; height: 182px; }
.floor3rightMain .firstItem .firstItemRight { width: 296px; float: right; }
.floor3rightMain .firstItem .firstItemRight .tit { display: block; font: 16px/16px "微软雅黑"; color: #333; margin: 14px 0 13px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.floor3rightMain .firstItem .firstItemRight .tit:hover{ color: #1073a8}
.floor3rightMain .firstItem .firstItemRight .date { font: 14px/14px "微软雅黑"; color: #999; margin-bottom: 14px; }
.floor3rightMain .firstItem .firstItemRight .intro { font: 14px/21px "微软雅黑"; color: #333; height: 63px; overflow: hidden; margin-bottom: 12px; }
.floor3rightMain .firstItem .firstItemRight .toDetail { display: block; width: 116px; height: 36px; float: right; text-align: center; font: 14px/36px "微软雅黑"; color: #666; border: 1px solid #ddd; border-radius: 18px; margin-right: 9px; }
.floor3rightMain .firstItem .firstItemRight .toDetail:hover { border-color: #1073a8;color: #1073a8 }
.floor3rightMain .firstItem .firstItemRight .toDetail::before { content: ''; display: block; width: 0; height: 0; overflow: hidden; visibility: hidden; clear: both; }
.floor3rightMain ul { padding: 0 21px; }
.floor3rightMain li { overflow: hidden; }
.floor3rightMain li a { font: 14px/31px "微软雅黑"; color: #333; float: left; width: 370px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.floor3rightMain li a b { color: #aaa; font-size: 14px; font-weight: 900; padding-right: 10px; }
.floor3rightMain li a:hover { color: #1073a8; }
.floor3rightMain li a:hover b { color: #1073a8; }
.floor3rightMain li span { font: 14px/31px "微软雅黑"; color: #999; float: right; }

/*校园风采*/
.floor4Wrap { height: 558px; background: #fff; margin-bottom: 81px; }

.floor4 { width: 1200px; margin: 0 auto; }
.floor4 h2 { padding-top: 5px; font: 20px/77px "微软雅黑"; color: #333; }
.floor4 .floor4Main { overflow: hidden; width: 1200px; margin-bottom: 30px; }
.floor4 .floor4Main dl { text-align: center; }
.floor4 .floor4Main dl img { width: 285px; height: 200px; display: block; }
.floor4 .floor4Main dl dd { font: 14px/45px "微软雅黑"; }
.floor4 .floor4Main dl dd:hover { text-decoration: underline; }

/*招生入口*/
.enter { width: 1200px; margin: 0 auto; height: 150px; background: url("../images/admissions_entrance_bg.jpg") no-repeat center; }
.enter p { padding: 38px 0 18px 344px; font: 26px/26px "微软雅黑"; color: #1073a8; }
.enter a { display: block; width: 160px; height: 36px; background: #3a95c5; font: 18px/36px "微软雅黑"; color: #fff; text-align: center; border-radius: 18px; margin-left: 386px; }

/*招生*/
.enrollment { height: 80px; width: 100%; background: #fff; border-top: 1px solid #1073a8; text-align: center; font-size: 0; position: fixed; bottom: 0; }
.enrollment img { width: 41px; height: 41px; vertical-align: middle; margin-right: 16px; }
.enrollment p { font: 24px/80px "微软雅黑"; color: #1073a8; display: inline-block; vertical-align: middle; margin-right: 78px; }
.enrollment a { display: inline-block; width: 180px; height: 50px; font: 22px/50px "微软雅黑"; color: #fff; background: #1073a8; border-radius: 3px; vertical-align: middle; margin-right: 25px; }

/*侧边*/
.side { position: fixed; right: 0; top: 0; bottom: 0; margin: auto; width: 50px; height: 156px; display: none; }
.side li { width: 100%; height: 50px; margin-bottom: 2px; background: #ccc; color: #fff; text-align: center; position: relative; cursor: pointer; transition: .2s; }
.side li:hover { background: #1073a8; }
.side li .iconfont { font: 26px/50px "微软雅黑"; color: #fff; }
.side li p { width: 120px; height: 50px; font: 14px/50px "微软雅黑"; color: #fff; text-align: center; background: #1073a8; position: absolute; bottom: 0; right: 50px; display: none; }
.side li div { width: 120px; height: 120px; background: #1073a8; position: absolute; bottom: 0; right: 50px; display: none; }
.side li div img { width: 100px; height: 100px; display: block; background: #ccc; margin: 10px; }

/*# sourceMappingURL=index.css.map */
