/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #00a0e9;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
/*网页限定宽度*/
.w1366{max-width: 1366px; width: 96%; margin: 0 auto;}
.w1420{max-width: 1420px; width: 96%; margin: 0 auto;}
#page{ background: #fff;}

/*header*/
.header{ height: 106px;}
.header .w1366{ height: 100%; overflow: hidden;}
.header .logo{ position: relative;}
.header .right{ position: relative; }
.header .right .enter{text-align: right;}
.header .right .enter a{ font-size: 16px; color: #686868; transform: 0.3s; -webkit-transform: 0.3s;}
.header .right .enter a.en{position: relative; margin-left: 10px; padding-left: 18px;}
.header .right .enter a.en::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 2px; height: 14px; background: #dedede;}
.header .right .enter a:hover{ color: #cf000f;}
.header .right .searchBox{position: relative; width: 274px; height: 40px; border: 1px #eeeeee solid; border-radius: 40px; text-align: center;}
.header .right .searchBox .text{line-height: 40px;background: none; padding: 0 20px; width: calc(100% - 60px); box-sizing: border-box;}
.header .right .searchBox .btn{ position: absolute; right: 0; top: 0; height: 100%; background: #f6f6f6 url(../images/searchIcon.png) no-repeat center center; border-radius: 40px; width: 60px; font-size: 20px; color: #fff;}

.nav-box{ position: relative; background: #f9fafb; z-index: 13;}
.nav-box .nav > li{position: relative;float: left;line-height: 70px; }
.nav-box .nav > li > a{position: relative;display: block;padding: 0 31px;font-size: 20px;color: #111111;}
.nav-box .nav > li > a::before{content: ""; position: absolute; bottom: 13px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #0388ca; transition: 0.3s; -weblit-transition: 0.3s; opacity: 0;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 70px;width: 100%;min-width: 140px;background-color: rgba(0,134,200,.7);transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center; font-size: 16px; transition: 0.3s; -weblit-transition: 0.3s; color: #fff; transition: 0.3s;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s; -weblit-transition: 0.3s;}
.nav-box .nav > li:hover > a::before{ width: 30px; opacity: 1;}
.nav-box .nav > li:hover > a{ color: #0086c8;}
.nav-box .nav > li.on > a::before{width: 30px; opacity: 1;}
.nav-box .nav-2nd > li > a:hover{background: #2d77c7;}
.nav-box .nav > li.on > a{color: #0086c8;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.searchIcon{display: none; position: relative; margin-left: 20px; font-size: 24px;}
/*手机导航*/
.menu-btn{display: none; position: relative; top: 50%; float: right; width: 24px;height: 24px;font-size: 0; margin-left: 24px; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.menu-btn span{display: block;width: 100%;height: 3px;background-color: #666;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(../images/searchIcon.png) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%; font-size: 26px; color: #666;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}

.header .goSchool{ position: relative; display: block; line-height: 40px; border: 1px #0086c8 solid; border-radius: 40px; padding:  0 36px; font-size: 16px; color: #0086c8; margin-right: 16px;}
.header .goSchool:hover{ background: #0086c8; color: #fff;}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; }
.banner .swiper-slide a{ display: block; padding-bottom: 32.8%; background-size: cover; background-position: center;}
.banner .bannerNext{background: url(../images/bannerRight.png) no-repeat 0 0; width: 38px; height: 38px; right: -60px; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; background-size: cover; transition: 0.4s;}
.banner .bannerPrev{background: url(../images/bannerRight.png) no-repeat 0 0; width: 38px; height: 38px; left: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; background-size: cover;}
.banner:hover .bannerNext{ right: 40px;}
.banner:hover .bannerPrev{ left: 40px;}
.banner .btn{ bottom: 34px;}
.banner .btn span{position: relative; width: 12px; height: 12px; background: rgba(255,255,255,0.6); transition: 0.4s; box-sizing: border-box; margin: 0 10px !important; opacity: 1;}
.banner .btn span::before{ content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: rgba(255,255,255,0); border-radius: 50%;}
.banner .btn span.swiper-pagination-bullet-active{ background: #fff;}
.banner .btn span.swiper-pagination-bullet-active::before{background: rgba(255,255,255,0.3);}

/*首页*/
.indexBox{ background: url(../images/indexBg.jpg) no-repeat center center; padding: 36px 0; }
.indexTitle{position: relative; font-size: 26px; color: #0086c8; height: 26px; line-height: 26px; padding-bottom: 26px; border-bottom: 1px #d2d2d2 solid; font-weight: bold;}
.indexTitle::before{ content: ""; position: absolute; bottom: -1px; left: 0; width: 103px; height: 3px; background: #0086c8;}
.indexTitle a{ position: absolute; top: 0; right: 0; font-size: 16px; color: #9f9f9f; transition: 0.3s; font-weight: normal;}
.indexTitle a:hover{color: #0086c8;}
/*首页-通知公告*/
.partOne{position: relative; background: #fff; margin-top: 38px; }
.partOne .noticeTit{ position: absolute; top: 0; left: 0; width: 90px; height: 100%; background: url(../images/noticeTit.jpg) no-repeat 0 0; font-size: 26px; color: #fff; font-weight: bold; padding: 10px 10px 0 10px; box-sizing: border-box; line-height: 42px; letter-spacing: 4px; text-align: center; display: block;}
.partOne .noticeTit .more{ font-weight: 300; margin-top: 6px;}
.partOne .noticeTit .more img{ display: block; margin: 0 auto; width: 34px; filter: brightness(0) invert(1); transition: 0.3s;}
.partOne .noticeTit:hover .more img{ transform: scale(1.1);}

.partOne .list{ padding-left: 124px;}
.partOne .list ul{ overflow: hidden; padding-right: 20px;}
.partOne .list ul li{float: left; width: 48%; border-bottom: 1px #eeeeee solid;}
.partOne .list ul li:nth-child(2n){ float: right;}
.partOne .list ul li a{ display: block; overflow: hidden; line-height: 80px; height: 80px;}
.partOne .list ul li a .time{ float: left; width: 78px; color: #a9a9a9;}
.partOne .list ul li a .time b{ font-size: 22px; color: #333333; font-weight: bold;}
.partOne .list ul li a p{ float: left; width: calc(100% - 118px); height: 100%; font-size: 18px; color: #333;}
.partOne .list ul li a i{ position: relative; float: right; display: block; width: 15px; height: 9px; background: url(../images/rightIcon.png) no-repeat top right;}
.partOne .list ul li a:hover .time{ color: #0086c8;}
.partOne .list ul li a:hover .time b{ color: #0086c8;}
.partOne .list ul li a:hover p{ color: #0086c8;}
.partOne .list ul li a:hover i{ background-position: top left;}

/*学院动态*/
.partTwo{ overflow: hidden; margin-top: 10px;}
.partTwo .picList{ position: relative; width: 540px; overflow: hidden;}
.partTwo .picList ul li a{ display: block;}
.partTwo .picList ul li a .pic{position: relative; overflow: hidden;}
.partTwo .picList ul li a .pic::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 84px; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)); z-index: 14;}
.partTwo .picList ul li a .pic em{ display: block; height: 308px;}
.partTwo .picList ul li a .text{ height: 80px; line-height: 80px; background: #fff; padding: 0 86px 0 26px; font-size: 18px; color: #111111; font-weight: bold;}
/* .partTwo .picList:hover em{ transform: scale(1.1); -webkit-transform: scale(1.1);} */
.partTwo .picList:hover .text{ color: #0086c8;}
.partTwo .picList .btn{ bottom: 90px;}
.partTwo .picList .btn span{ background: #fff; opacity: 1;}
.partTwo .picList .btn .swiper-pagination-bullet-active{width: 24px; border-radius: 4px;}
.partTwo .picList .picListBtn{ width: 21px; height: 21px; border-radius: 50%; background: url(../images/partTwoIcon.png) no-repeat 0 0; transition: 0.3s; filter: brightness(0) invert(0.5); bottom: 30px; top: auto; margin-top: 0;}
.partTwo .picList .swiper-button-next{ transform: rotate(180deg); -webkit-transform: rotate(180deg);  right: 26px;}
.partTwo .picList .swiper-button-prev{ left: auto; right: 52px;}
.partTwo .picList .picListBtn:hover{ filter: initial;}
.partTwo .textList{ width: calc(100% - 586px);}
.partTwo .textList ul li a{position: relative; display: block; overflow: hidden; height: 66px; line-height: 66px; border-bottom: 1px #eeeeee solid; transition: 0.3s;}
.partTwo .textList ul li a p{ font-size: 18px; color: #111111; height: 100%; padding: 0 86px 0 24px; box-sizing: border-box;}
.partTwo .textList ul li a i{position: absolute; top: 50%; left: 0; margin-top: -9px; display: block; width: 18px; height: 18px; background: url(../images/titleIcon.png) no-repeat center center; filter: grayscale(1) invert(0.4); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.partTwo .textList ul li a .time{position: absolute; top: 50%; right: 0; color: #a9a9a9; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.partTwo .textList ul li a .time b{ font-size: 22px; color: #333333;}
.partTwo .textList ul li a:hover{ border-color: #0086c8;}
.partTwo .textList ul li a:hover i{ filter: initial; transform: rotate(0); -webkit-transform: rotate(0);}
.partTwo .textList ul li a:hover p{ color: #0086c8; text-indent: 0.4em;}
.partTwo .textList ul li a:hover .time{color: #0086c8;}
.partTwo .textList ul li a:hover .time b{color: #0086c8;}

/*ad*/
.partThree{position: relative; margin-top: 36px; overflow: hidden;}
.partThree a{ display: block; padding-bottom: 13.54%; background-size: cover; background-position: center;}
.partThree .btn span{ background: #fff; opacity: 1;}
.partThree .btn .swiper-pagination-bullet-active{width: 24px; border-radius: 4px;}

/*partfour*/
.partfour{ overflow: hidden; margin-top: 46px;}
.partfour .left{position: relative; width: 45.5%; overflow: hidden;}
.partfour .item{ float: left;}
.partfour .item .top{position: relative; overflow: hidden; margin-top: 30px; margin-bottom: 8px;}
.partfour .item .top a{ display: block; overflow: hidden;  background-position: center; background-size: cover;}
.partfour .item .top a .pic{width: 260px; height: 166px; overflow: hidden;}
.partfour .item .top a .pic em{ display: block; height: 100%; transition: 0.3s; -webkit-transition: 0.3s;}
.partfour .item .top a .text{ float: right; width: calc(100% - 276px);}
.partfour .item .top a .text h3{ height: 38px; line-height: 38px; margin-bottom: 6px; font-size: 18px; clear: #111111; transition: 0.3s; -webkit-transition: 0.3s;}
.partfour .item .top a .text p{line-height: 26px; height: 52px; color: #999999;}
.partfour .item .top a .text .time{ margin-top: 12px; height: 56px; line-height: 56px; border-bottom: 1px #eeeeee solid; font-size: 16px; color: #494949;}
.partfour .item .top a .text .time span{ transition: 0.3s; -webkit-transition: 0.3s;}
.partfour .item .top a:hover em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.partfour .item .top a:hover .text h3{color: #0086c8;}
.partfour .item .top a:hover .text .time span{ color: #0086c8;}
.partfour .item .top .btn{ width: 21px; height: 21px; border-radius: 50%; background: url(../images/partTwoIcon.png) no-repeat 0 0; transition: 0.3s; -webkit-transition: 0.3s; filter: brightness(0) invert(0.5); bottom: 20px; top: auto; margin-top: 0;}
.partfour .item .top .swiper-button-next{ transform: rotate(180deg); -webkit-transform: rotate(180deg);  right: 26px;}
.partfour .item .top .swiper-button-prev{ left: auto; right: 52px;}
.partfour .item .top .btn:hover{ filter: initial;}
.partfour .item .list ul li a{ position: relative; display: block; height: 68px; line-height: 68px; border-bottom: 1px #eee solid; padding-left: 14px;}
.partfour .item .list ul li a::before{ content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #959595; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.3s; -webkit-transition: 0.3s;}
.partfour .item .list ul li a p{ font-size: 18px; color: #111111; height: 100%;padding-right: 130px;}
.partfour .item .list ul li a i{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 16px; color: #494949;}
.partfour .item .list ul li a:hover{ border-color: #0086c8;}
.partfour .item .list ul li a:hover::before{ width: 16px; border-radius: 4px; background: #0086c8;}
.partfour .item .list ul li a:hover p{ text-indent: 0.5em; color: #0086c8; font-weight: bold;}
.partfour .item .list ul li a:hover i{ font-weight: bold; color: #0086c8;}
.partfour .center{ width: 28%; margin-left: 2.3%;}
.partfour .center .top .img{display: block; padding-bottom: 44%;}
.partfour .center .list ul li a p{ padding-right: 0;}
.partfour .right{ float: right; width: 21.74%;}
.partfour .right .list ul li a p{ padding-right: 0;}
/*partFive*/
.partFive{position: relative; margin-top: 40px; overflow: hidden; background: #f9f9f9;}
.partFive .item{position: relative; text-align: center; float: left; width: 12.5%; padding: 24px 0;}
.partFive .item::after{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 80px; transform: translateY(-50%); background: #e5e5e5;}
.partFive .item:last-child::after{display: none;}
.partFive .item h3{ font-size: 18px; color: #111111; font-weight: normal; margin-top: 6px;}
.partFive .item p{ font-size: 12px; color: #999999;}
.partFive .item:hover{ background: #0086c8;}
.partFive .item:hover img{ filter: brightness(0) invert(1);}
.partFive .item:hover h3{ color: #fff;}
.partFive .item:hover p{ color: #fff;}
.partFive .btn{ display: none;}

/*footer*/
.footer{background: url(../images/footerBg.jpg) no-repeat 0 0; margin-top: 40px; padding-top: 18px; background-size: cover;}
.footer .w1366{position: relative;}
.footer .w1366 .box{ padding-right: 265px;}
.footer .footNav{ height: 50px; line-height: 50px; border-bottom: 1px #7aaacf solid;}
.footer .footNav a{display: inline-block; font-size: 18px; color: #fff; margin-right: 30px;}
.footer .txt{ font-size: 16px; color: #ffffff; margin-top: 10px; line-height: 28px;}
.footer .txt p{ display: inline-block; margin-right: 16px;}
.footer .txt p a{ color: #fff;}
.footer .txt .selectBox{ display: inline-block;}
.footer .txt .selectBox .item{ float: left; position: relative; width: 200px; margin-right: 42px; border-bottom: 1px #7aaacf solid;}
.footer .txt .selectBox .item span{position: relative; display: block; cursor: pointer; background: url(../images/selectIcon.png) no-repeat right 10px;}

.footer a{ transition: .3s; color: #fff;}
.footer a:hover{ opacity: 0.6;}
.footer .txt .selectBox .item ul{ display: none; position: absolute; bottom: 30px; left: 0; width: 100%; background: #fff; border-radius: 4px; max-height: 170px; overflow-y: auto; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.footer .txt .selectBox .item ul li{ padding:4px 10px 0 10px; box-sizing: border-box; font-size: 14px;}
.footer .txt .selectBox .item ul li a:hover{ color: #0086c8;}
.footer .ma{ position: absolute; top: 10px; right: 0; max-width: 110px; text-align: center;}
.footer .ma img{ max-width: 100%;}
.footer .ma p{ color: #fff;}
.footBtm {padding: 14px 0; background: rgba(0,0,0,0.2); margin-top: 18px; color: #fff;}
.footBtm .right{position: relative; opacity: 0.8; padding-right: 40px;}
.footBtm .right img{ position: absolute; top: -2px; right: 0;}
.footBtm a{ color: #fff;}

/*内页公用*/
.inpageBan{ height: 350px; background-size: cover; background-position: center;}
.inpageBan .w1366{position: relative; height: 100%;}
.inpageBan .text{ padding-top: 95px; color: #fff;}
.inpageBan .text h3{ font-weight: bold; font-size: 35px; }
.inpageBan .text p{ font-size: 20px;}
.inpageBan .clib{ position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; line-height: 80px; background: rgba(0,134,200,0.4); border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 42px; box-sizing: border-box; color: #fff;}
.inpageBan .clib b{font-size: 22px;}
.inpageBan .clib .fr a{ color: #fff; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBan .clib img{ position: relative; top: 2px;}
.inpageBan .clib a.on{opacity: 0.7;}
.inpageBan .clib a:hover{opacity: 0.7;}

.container{ background: url(../images/inpageBg.jpg) no-repeat left bottom; min-height: 700px;}
.menuLeft{position: relative; width: 382px;}
.menuLeft::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 160%; background: linear-gradient(#f0f0f0 60%,transparent);}
.menuLeft .list{ padding: 0 42px;}
.menuLeft .list li a{position: relative; display: block; line-height: 30px; font-size: 20px; color: #333; transition: 0.3s; -webkit-transition: 0.3s; padding: 30px 0;}
.menuLeft .list li a img{ margin-top: 5px; filter: brightness(0) invert(0.76); transition: 0.3s; -wenkit-transition: 0.3s;}
.menuLeft .list li a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #f4f4f4;}
.menuLeft .list li a::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #0086c8; transition: 0.3s; -webkit-transition: 0.3s;}
.menuLeft .list li a i{position: absolute; top: 50%; margin-top: -1px; left: 0; display: block; height: 3px; width: 0; background: #0086c8; transition: 0.3s; -webkit-transition: 0.3s;}
.menuLeft .list li.on a{ color: #0086c8; padding-left: 24px;}
.menuLeft .list li.on a::after{ left: 0; width: 100%;}
.menuLeft .list li.on a i{ width: 16px;}
.menuLeft .list li:hover a{ color: #0086c8; padding-left: 24px;}
.menuLeft .list li:hover a::after{ left: 0; width: 100%;}
.menuLeft .list li:hover a i{ width: 16px;}
.menuLeft .list li:hover a img{filter: initial;}

.contanBox{ width: calc(100% - 422px);}

/*关于我们*/
.aboutBox{margin-top: 20px; padding-right: 42px; box-sizing: border-box;}
.aboutBox .aboutTitle{padding-top: 14px; line-height: 34px; font-size: 20px; color: #333333; text-align: center; margin-bottom: 42px;}
.word{ font-size: 16px; color: #111111; line-height: 32px; text-align: justify;}
.word img{max-width: 100%; height: auto !important;}
.aboutBox .aboutNum{ background: #fff; box-shadow: 0 0 10px rgba(0,60,134,0.35); margin: 40px 0; padding: 30px 0;}
.aboutBox .aboutNum .num{ position: relative; float: left; width: 25%; padding-left: 47px; box-sizing: border-box;}
.aboutBox .aboutNum .num::before{content: ""; position: absolute; top: 0; right: 26px; width: 1px; height: 100%; background: #eeeeee;}
.aboutBox .aboutNum .num:last-child::before{ display: none;}
.aboutBox .aboutNum .num p{ font-size: 16px; color: #111111;} 
.aboutBox .aboutNum .num b{ font-size: 30px; color: #0086c8;}
.aboutBox .aboutNum .num i{position: relative; top:-16px; color: #0086c8; font-weight: bold;}
.aboutBox .aboutNum .num:nth-child(3) b{ min-width: 60px;}
.aboutImg{ margin-top: 38px; overflow: hidden;}
.aboutImg .item{ float: left; width: 32.3%; margin-right: 1.55%;}
.aboutImg .item:nth-child(3n){ margin-right: 0;}
.aboutImg .item em{ display: block; padding-bottom: 55.86%;}
.aboutImg .item p{height: 48px; line-height: 48px; font-size: 16px; color: #111111;}

/*现任领导*/
.leaderList .item{ padding-bottom: 20px;}
.leaderList .item .leaderTitlte{position: relative; height: 52px; line-height: 52px; border-bottom: 1px #f0f0f0 solid; font-size: 18px; color: #0086c8; font-weight: bold;}
.leaderList .item .leaderTitlte::after{ content: ""; position: absolute; bottom: -1px; left: 0; width: 55px; height: 1px; background: #0086c8;}
.leaderList .item .list{ overflow: hidden;}
.leaderList .item .list li{ float: left; width: 15.4%; margin-top: 24px; margin-right: 5%;}
.leaderList .item .list li:nth-child(5n){margin-right: 0;}
.leaderList .item .list li a{ display: block;}
.leaderList .item .list li a em{ display: block; padding-bottom: 126%; background-color: #eeeeee;}
.leaderList .item .list li a p{height: 26px; line-height: 26px; margin-top: 23px; font-size: 16px; color: #333333; text-align: center;}

/*专业*/
.majorList .item{ margin-bottom: 16px;}
.majorList .item .tit{position: relative; height: 52px; line-height: 52px; border-bottom: 1px #eee solid; font-size: 18px; font-weight: bold; color: #0086c8;}
.majorList .item .tit::before{content: ""; position: absolute; bottom: -1px; left: 0; width: 98px; height: 1px; background: #0086c8;}
.majorList .item .tit em{ font-size: 16px; font-weight: normal;}
.majorList .item .tit span{ font-weight: normal; font-size: 16px; color: #666; cursor: pointer;}
.majorList .item .tit span img{ height: 12px; transform: rotate(90deg); -webkit-transform: rotate(90deg); filter: brightness(0) invert(0.4); margin-left: 4px; transition: 0.3s;}
.majorList .item.on .tit span{ color: #0086c8;}
.majorList .item.on .tit span img{filter: initial; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.majorList .item .text{ display: none;}
.majorList .item .text h3{position: relative; font-size: 16px; color: #0086c8; height: 16px; line-height: 16px; padding-left: 12px; margin: 28px 0 15px 0;}
.majorList .item .text h3::before{ content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 16px; background: #0086c8;}
.majorList .item .text p{ font-size: 16px; color: #111111; line-height: 32px; text-align: justify;}
/*师资队伍*/
.teacherList .item .tit{position: relative; margin-top: 25px; height: 60px; line-height: 60px; font-size: 18px; color: #0086c8; padding-left: 14px;}
.teacherList .item .tit::before{ content: ""; position: absolute; top: 50%; left: 0; width: 3px; height: 16px; background: #0086c8; margin-top: -8px;}
.teacherList .item .table{ width: 100%; text-align: center; border-collapse: collapse; border: 1px #eeeeee solid;}
.teacherList .item .table td{ font-size: 16px; background: #fbfbfb; padding: 20px 0; border-right: 1px #eee solid; transition: 0.3s; border-bottom: 1px #eee solid;}
.teacherList .item .table td a{ display: block; color: #333333; transition: 0.3s;}
.teacherList .item .table td:hover{ background: #fff; box-shadow:rgba(0,103,154,0.2) 0px 0px 10px;z-index: 2; position: relative; }
.teacherList .item .table td:hover a{font-weight: bold; color: #0086c8;}

/*新闻列表*/
.partyCon ul{padding-top: 16px;}
.partyCon ul li{ margin-top: 26px; }
.partyCon ul li a{ display: block; overflow: hidden; padding: 24px 30px; background: #fafafa; transition: 0.3s;}
.partyCon ul li a .pic{ width: 214px; height: 128px; overflow: hidden;}
.partyCon ul li a .pic em{ display: block; height: 100%;}
.partyCon ul li a .text{ width: calc(100% - 244px);}
.partyCon ul li a .text h3{ height: 24px; line-height: 24px; padding-bottom: 12px; border-bottom: 1px #e5e5e5 solid; font-size: 18px; color: #111111; font-weight: normal;}
.partyCon ul li a .text p{ line-height: 24px; font-size: 14px; color: #666666; height: 48px; margin-top: 12px;}
.partyCon ul li a .text .time{ font-size: 16px; color: #494949; margin-top: 10px;}
.partyCon ul li a .text .time span{ color: #999999; padding-left: 24px;}
.partyCon ul li a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.partyCon ul li a:hover .text h3{ color: #0689c9; border-color: #0689c9;}
.partyCon ul li a .text .time span:hover{color: #0689c9;}
.partyCon ul li a:hover{ background: #fff; box-shadow: 0 0 10px rgba(0,60,134,0.35);}

/*page*/
.page{ text-align: center; margin-top: 60px; margin-bottom: 20px;}
.page a{ display: inline-block; height: 38px; line-height: 38px; padding: 0 16px; border: 1px #dddddd solid; box-sizing: border-box; margin: 0 2px; transition: 0.3s;}
.page input{position: relative; top: -1px; width: 50px; border: 1px #dddddd solid; box-sizing: border-box;height: 38px; line-height: 38px; margin: 0 2px; text-align: center;}
.page a.on{background: #015ca2; color: #fff; border-color: #015ca2;}
.page a:hover{background: #015ca2; color: #fff; border-color: #015ca2;}

/*新闻详情*/
.partyTitle{ text-align: center; margin-bottom: 30px;}
.partyTitle h3{ font-size: 20px; color: #333333; font-weight: normal; line-height: 32px; padding: 32px 0; border-bottom: 1px #f2f2f2 solid;}
.partyTitle h4{ font-size: 14px; color: #666666; margin-top: 18px; font-weight: normal; text-align: left;}
.partyTitle h4 span{ padding: 0 8px; display: inline-block;}
.inpageLink{ margin-top: 30px; padding-top: 16px; border-top: 1px #f2f2f2 solid;}
.inpageLink .txt{ font-size: 16px; color: #111111; line-height: 26px; height: 26px; margin-top: 14px;}
.inpageLink .txt a{ color: #111111; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageLink .txt a:hover{ color: #0689c9;}
.share-wrap{ height: 26px; line-height: 26px;}
.share-wrap a{ display: inline-block; margin-left: 6px;}
.share-wrap a img{position: relative; top: -2px;}

/*通知列表*/
.noticeList ul li{float: left; width: 48.6%; padding-top: 20px;}
.noticeList ul li:nth-child(2n){ float: right;}
.noticeList ul li a{ display: block; background: #f9f9f9; border-radius: 4px; overflow: hidden; padding: 10px 30px 0 30px; box-sizing: border-box;}
.noticeList ul li a h3{ height: 74px; line-height: 74px; text-align: center; font-size: 18px; color: #111111; border-bottom: 1px #ededed solid; margin-bottom: 16px;}
.noticeList ul li a p{font-size: 16px; color: #222222; line-height: 30px; height: 30px;}
.noticeList ul li a p span{color: #666666;}
.noticeList ul li a p img{ margin-right: 10px;}
.noticeList ul li a .time{ height: 66px; line-height: 66px; font-size: 16px; color: #494949; border-top: 1px #ededed solid; margin-top: 16px;}
.noticeList ul li a .time i{ display: block; width: 31px; height: 31px; background-image: url(../images/next_notice.png); background-position: top left; background-size: cover; margin-top: 18px; transition: 0.3s;}
.noticeList ul li a:hover{ background: #0086c8;}
.noticeList ul li a:hover h3{ color: #fff; border-color: #48a5d3;}
.noticeList ul li a:hover p{ color: #fff;}
.noticeList ul li a:hover p span{ color: #fff;}
.noticeList ul li a:hover p img{ filter: brightness(0) invert(1);}
.noticeList ul li a:hover .time{ color: #fff; border-color: #48a5d3;}
.noticeList ul li a:hover .time i{ background-position: bottom left;}

/*公用列表*/
.inpageList li a{position: relative; padding-left: 15px; display: block; overflow: hidden; height: 70px; line-height: 70px; border-bottom: 1px #eeeeee solid;}
.inpageList li a::before{content: ""; position: absolute; top:50%; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #9c9c9c; margin-top: -3px; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageList li a p{ float: left; width: calc(100% - 150px); font-size: 18px; color: #111111; height: 100%;} 
.inpageList li a i{ float: right; font-size: 16px; color: #494949;}
.inpageList li a:hover{padding-left: 28px;}
.inpageList li a:hover::before{border-radius: 10px; width: 16px; background: #0086c8;}
.inpageList li a:hover p{ color: #0086c8;}
.inpageList li a:hover i{ color: #0086c8;}





@media screen and (max-width: 1500px){
	.nav-box .nav > li > a{padding: 0 28px;}
}
@media screen and (max-width: 1430px){
	.nav-box .nav > li > a{padding: 0 24px;}
}
@media screen and (max-width: 1350px){
	.nav-box .nav > li > a{padding: 0 20px; font-size: 18px;}
	/*内页公用*/
	.menuLeft{ width: 330px;}
	.menuLeft .list{padding: 0 20px;}
	.menuLeft .list li a{ padding: 20px 0; font-size: 18px;}
	.contanBox{ width: calc(100% - 360px);}
}

@media screen and (max-width: 1200px){
	.nav-box{ display: none;}
	.header .right{ display: none;}
	.menu-btn{ display: block;}
	/*首页*/
	.partfour .left{ width: 100%;}
	.partfour .center{ width: 48%; margin-left: 0; margin-top: 20px;}
	.partfour .right{width: 48%; margin-top: 20px;}
	.partfour .center .top .img{ padding-bottom: 35%;}
	.partFive .btn{ display: block;}
	.footer .footNav{ display: none;}
	.footer .ma{top: -26px;}
}

@media screen and (max-width: 1023px){
	.header{ height: 90px;}
	.header .logo img{ height: 54px;}
	.partTwo .picList{ width: 100%;}
	.partTwo .textList{ width: 100%; margin-top: 20px;}
	.footer .ma{ top: 0;}
	/*内页公用*/
	.inpageBan{ height: 316px;}
	.inpageBan .text{ padding-top: 80px;}
	.menuLeft{ display: none;}
	.contanBox{ width: 100%;}
	.aboutBox{ padding-right: 0;}
}

@media screen and (max-width: 767px){
	.header{ height: 60px;}
	.header .logo img{ height: 30px;}
	.header .goSchool{ font-size: 12px; height: 26px; line-height: 26px; padding: 0 6px; margin-right: 0; margin-left: 4px;}
	.menu-btn{ margin-left: 10px;}
	.banner .swiper-slide a{ padding-bottom: 54%;}
	.banner .btn{ bottom: 10px;}
	.indexBox{ padding: 16px 0;}
	.partOne .noticeTit{position: relative; width: 100%; background-size: cover; padding-top: 0; font-size: 16px; padding: 0 10px; display: flex; justify-content: flex-start; align-items: center;}
	.partOne .noticeTit .more{ margin-top: 0;}
	.partOne .noticeTit .more img{ width: 26px;}
	.partOne .list{ padding-left: 0;}
	.partOne .list ul li{ width: 100%;}
	.partOne .list ul li a{ height: 54px; line-height: 54px;}
	.partOne .list ul li a p{ font-size: 15px;}
	.partTwo{ margin-top: 16px;}
	.partTwo .picList ul li a .pic em{ height: auto; padding-bottom: 63%;}
	.partTwo .picList ul li a .text{ height: 54px; line-height: 54px; font-size: 15px; padding-left: 10px;}
	.partTwo .picList .picListBtn{ bottom: 17px;}
	.partTwo .textList ul li a p{ font-size: 15px; padding-right: 66px;}
	
	.indexTitle{ font-size: 18px; padding-bottom: 10px;}
	.indexTitle a{ font-size: 14px;}
	.indexTitle::before{ width: 72px;}
	.partTwo .textList ul li a{ height: 54px; line-height: 54px;}
	
	.partThree{ margin-top: 0px;}
	.partThree a{ padding-bottom: 22%;}
	
	.partfour{ margin-top: 16px;}
	.partfour .item .top a .pic{ width: 100%; height: 220px;}
	.partfour .item .top a .text{ width: 100%;}
	.partfour .item .top a .text h3{ font-size: 15px; margin-bottom: 0;}
	.partfour .item .top a .text .time{ height: 36px; line-height: 36px; margin-top: 0; font-size: 14px;}
	.partfour .item .top .btn{ bottom: 10px;}
	.partfour .item .list ul li a p{ font-size: 15px; padding-right: 76px;}
	.partfour .item .list ul li a i{ font-size: 12px;}
	.partfour .item .list ul li a{height: 50px; line-height: 50px;}
	.partfour .center{ width: 100%;}
	.partfour .item .top{ margin-top: 10px;}
	.partfour .center .top .img{ padding-bottom: 44%;}
	.partfour .right{ width: 100%;}
	.partFive{margin-top: 16px;}
	.footer{ margin-top: 24px;}
	.footer .w1366 .box{ padding-right: 0;}
	.footer .txt{ font-size: 14px; display: block; width: 100%;}
	.footBtm{ font-size: 13px;}
	.footBtm .right{ float: initial;}
	.footBtm .right img{ top: auto; right: auto; margin-left: 10px;}
	/*内页公用*/
	.inpageBan{ height: 200px;}
	.inpageBan .text{ padding-top: 40px;}
	.inpageBan .text h3{ font-size: 22px;}
	.inpageBan .text p{ font-size: 14px;}
	.inpageBan .clib{ padding: 0 10px; height: 50px; line-height: 50px;}
	.inpageBan .clib b{ font-size: 18px;}
	.inpageBan .clib .fr a{ font-size: 13px;}
	.inpageBan .clib .fr img{ display: none;}
	.inpageBan .clib .fr span{ display: none;}
	.container{min-height: auto; background: none;}
	/*关于我们*/
	.aboutBox .aboutTitle{ padding-top: 0; margin-bottom: 14px; font-size: 18px;}
	.word{ font-size: 15px; line-height: 28px;}
	.aboutBox .aboutNum{ margin: 20px 0; padding: 0 0 14px 0;}
	.aboutBox .aboutNum .num{ width: 50%; padding-left: 20px; margin-top: 14px;}
	.aboutBox .aboutNum .num::before{ display: none;}
	.aboutBox .aboutNum .num p{ font-size: 15px;}
	.aboutImg{ margin-top: 14px;}
	.aboutImg .item p{ height: 34px; line-height: 34px; font-size: 15px;}
	/*现任领导*/
	.leaderList .item .list li{width: 48%; margin-right: 0;}
	.leaderList .item .list li:nth-child(2n){ float: right;}
	.leaderList .item .list li a p{ margin-top: 10px;}
	/*专业*/
	.majorList .item .text h3{margin: 18px 0 12px 0;}
	.majorList .item .text p{ font-size: 15px; line-height: 28px;}
	.majorList .item .tit{ font-size: 16px;}
	.majorList .item .tit span{ font-size: 15px;}
	/*师资队伍*/
	.teacherList .item .tit{margin-top: 0;}
	.teacherList .item .table td{ font-size: 14px;}
	/*新闻列表*/
	.partyCon ul{padding-top: 0;}
	.partyCon ul li a{ padding: 0; background: #fff;}
	.partyCon ul li a .pic{ width: 100%; height: auto;}
	.partyCon ul li a .pic em { height: auto; padding-bottom: 60%;}
	.partyCon ul li a .text{ width: 100%; margin-top: 10px;}
	.partyCon ul li a .text h3{ font-size: 16px; padding-bottom: 6px;}
	.partyCon ul li a .text .time{ font-size: 14px; margin-top: 4px;}
	.page{margin: 20px 0 0 0;}
	.page a, .page span, .page input{ display: none;}
	.page .btn{ display: inline-block;}
	/*新闻详情*/
	.partyTitle h3{padding: 16px 0;}
	.partyTitle h4 span{ padding-left: 0; font-size: 13px;}
	.share-wrap{ width: 100%; margin-top: 10px;}
	.inpageLink .txt{font-size: 15px; margin-top: 6px;}
	/*通知列表*/
	.noticeList ul li{ width: 100%;}
	.noticeList ul li:first-child{padding-top: 0;}
	.noticeList ul li a{ padding: 10px 20px 0 20px;}
	.noticeList ul li a h3{ height: 50px; line-height: 50px;}
	.noticeList ul li a p{ font-size: 14px;}
	.noticeList ul li a .time{ height: 50px; line-height: 50px;}
	.noticeList ul li a .time i{ margin-top: 10px;}
	/*公用列表*/
	.inpageList li a{height: 50px; line-height: 50px;}
	.inpageList li a p{ font-size: 15px; width: calc(100% - 90px);}
	.inpageList li a i{ font-size: 13px;}
}