/*必备样式*/
body{padding: 0;margin: 0; font-family: "Microsoft Yahei"; font-size: 14px;color: #000; transition: 0.3s;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,dl{list-style-type:none;margin:0;padding:0;}
/*关闭iPhone 和 Android 的浏览器纵向 和橫向 模式皆有自动调整字体大小的功能.*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;}
/*获得焦点时周边不会出现虚线*/
a:focus,a:hover,a:active,area,img{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration: none;color: #666;}
a:hover{text-decoration: none;}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none;} 
/*img*/
img{border:0; vertical-align:middle; transition: all 0.6s;}
a img,img{-ms-interpolation-mode:bicubic;}
.img-responsive{max-width: 100%;height: auto;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
time{display:inline;}
audio,canvas,video{display:inline-block; zoom:1;}
audio:not([controls]){display:none;}
svg:not(:root) {overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
/*transition*/
.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran300{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.tran500{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.tran1000{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
.tran2000{-webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; transition:all 2s ease;}
.tran3000{-webkit-transition:all 3s ease; -moz-transition:all 3s ease; -ms-transition:all 3s ease; transition:all 3s ease;}
.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);}
/*滚动条*/
body *::-webkit-scrollbar{width: 5px;background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}
/*公用*/
body{position: relative; background: #f7f7f7;}
.w-1200{width: 1200px; margin: 0 auto;}
/*header*/
.header{position: relative; height: 100px; background: #fff; z-index: 2; }
.header .w-1200{ height: 100px; background: url(/images/top-people.png) no-repeat 486px 0;}
.header .logo{ float: left; margin-top: 18px;}
.header .right{ float: right; padding-top: 38px;}
.header .right form{ float: left; width: 153px; height: 24px; line-height: 24px; border: 1px #efefef solid; border-radius: 20px; overflow: hidden; position: relative; behavior: url(/css/js/PIE.htc);}
.header .right form input{ float: left; border: none; height: 22px; line-height: 22px; padding-left: 10px; width: 120px; box-sizing: border-box; background: none;}
.header .right form .btn{ float: right; background: none; border: none; padding-right: 9px; cursor: pointer;}
.header .right .top-icon{ float: left; padding-left: 6px;}
.header .right .top-icon li{position: relative; float: left; margin-left: 9px;}
.header .right .top-icon li .downImg{display: none; position: absolute; top: 24px; left: 50%; width: 110px; margin-left: -55px; border: 4px #fff solid; padding-top: 8px;}
.header .right .top-icon li .downImg img{ width: 100%;}
.header .right .top-icon li .downImg:before{content: ""; position: absolute; top: 0; left: 50%; width:0; height:0; border-right:6px solid transparent;
border-left:6px solid transparent; border-bottom:8px solid #00a8ff; margin-left: -6px;}
.header .right .top-icon li:hover a img{ opacity: 0.5;}
.header .right .backOld{display: inline-block; line-height: 24px; font-size: 15px; color: #333333; margin-left: 20px;}
.header .right .backOld:hover{ color: #00a8ff;}
/*导航*/
.navBox{position: relative; height: 50px; line-height: 50px; background: #00a8ff; z-index: 2;}
.nav{height: 50px;margin: 0 auto;}
.nav li{position: relative;float: left;}
.nav .last:before{ width: 0;}
.nav li > a{position: relative;display: block;line-height: 50px; color: #ffffff;padding: 0 22px; font-size: 20px;}
.nav li > a span{font-size: 12px;}
.nav li:hover{ color: #ffffff; background: #40b8f6;}
.nav li .on{color: #ffffff; background: #40b8f6;}
.nav li .sub_nav{display: none;z-index: 10;position: absolute;left: 0;top: 50px;width: 100%;background: #40b8f6; }
.nav li .sub_nav dd{position: relative; width: 100%;line-height: 36px;text-align: center;}
.nav li .sub_nav dd::after{content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: #fff; transition: all 0.4s ease;}
.nav li .sub_nav dd a{display: block;font-weight: normal;color: #fff; font-size: 15px; line-height: 36px;}
.nav li .sub_nav dd:hover::after{ left: 0; width: 100%; }
.nav li em{display: none;}
/*手机端导航图标*/
.navIcon{ display: none; float: right; position: relative; width: 24px;  margin-left: 18px;}
.navIcon span{position: relative; display: block; width: 100%; height: 3px; background: #333333; border-radius: 6px; margin: 5px 0; transition: 0.3s;}
.navIcon span:nth-child(2){width: 16px;}
.navIcon.on{ padding-top: 3px;}
.navIcon.on span:nth-child(2){ display: none;}
.navIcon.on span:first-child{transform: rotate(45deg);-webkit-transform: rotate(45deg); top: 4px;}
.navIcon.on span:last-child{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); top: -4px;}
.search-btn{ display: none;}
/*弹窗*/
.searchTan{ display: none;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 250px; height: 30px; margin: auto;}
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 35px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 12px;border-radius: 0;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #4f4543 ; background-size: 20px 20px; border: none; color: #fff; font-size: 13px;-webkit-appearance : none ;border-radius: 0;}
/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner .w-1200{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 10;}
.banner a{ display: block; padding-bottom: 20.8%; background-size: cover; background-position: center;}
.banner img{ width: 100%;}
.banner .swiper-pagination{ z-index: 1;}
.banner .swiper-pagination-bullet{ background: #ffffff; opacity: 1; width: 8px; height: 8px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.banner .swiper-pagination-bullet-active{ background: #00a8ff; width: 26px; border-radius: 20px;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 31px; height: 31px; background: url(/images/banner-right.png) no-repeat 0 0;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{width: 31px; height: 31px; background: url(/images/banner-left.png) no-repeat 0 0;}
/*index公用*/
.indexCon{background: #fff; border: 1px #eee solid; padding:0 18px; box-sizing: border-box;}
.indexTitle{ height: 26px; line-height: 26px; padding-left: 15px; overflow: hidden; margin-bottom: 26px;  padding-top: 24px;}
.indexTitle .left{float: left;}
.indexTitle .left img{ float: left; padding-right: 8px; margin-top: 1px;} 
.indexTitle .left span{font-size: 20px; color: #1ab1ff; font-weight: bold;}
.indexTitle .left em{ font-size: 20px; color: #969696; font-family: "Arial"; text-transform: uppercase;}
.indexTitle .more{ float: right; font-size: 13px; color: #333333; }
.indexTitle .more:hover{ color: #1ab1ff;}
/*综合新闻&公告*/
.partOne{ overflow: hidden; margin-top: 27px;}
.partOne .indexNews{ float: left; width: 787px; height: 366px;}
.partOne .indexNews .indexBox{ overflow: hidden;}
.partOne .indexNews .indexBox .pic{ position: relative; float: left; width: 379px; height: 258px; overflow: hidden;}
.partOne .indexNews .indexBox .pic a{position: relative; display: block; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;} 
.partOne .indexNews .indexBox .pic a em{display: block; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.partOne .indexNews .indexBox .pic a p{ position: absolute; left: 0; bottom: 0; width: 100%; padding-left: 10px; box-sizing: border-box; height: 40px; line-height: 40px; background: rgba(0,0,0,0.6);}
.partOne .indexNews .indexBox .pic a p span{ display: block; float: left; width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.partOne .indexNews .indexBox .pic .swiper-pagination{ text-align: right;}
.partOne .indexNews .indexBox .pic .swiper-pagination-bullet{ background: #fff; opacity: 1;}
.partOne .indexNews .indexBox .pic .swiper-pagination-bullet-active{ background: #00a8ff;}
.indexList{ float: right; width: 348px;} 
.indexList ul li{ height: 37px; line-height: 37px; border-bottom: 1px #eeeeee solid; box-sizing: border-box;}
.indexList ul li a{ float: left; font-size: 15px; color: #333333; display: block; width: calc(100% - 110px);  }
.indexList ul li a span{display: block; float: left; width: calc(100% - 15px); transition: 0.3s; -webkit-transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.indexList ul li a i{float: left; width: 10px; height: 10px; margin-top: 15px; overflow: hidden; background: url(/images/icon_news.png) no-repeat 0 0; margin-right: 4px; transition: 0.5s; -webkit-transition: 0.3s;}
.indexList ul li a:hover{ color: #1ab1ff; }
.indexList ul li a:hover span{text-indent: 0.5em;}
.indexList ul li a:hover i{background-position: 0 bottom;}
.indexList ul li em{ float: right; font-size: 15px; color: #333333;}
.indexList ul li:last-child{ border-bottom: none;}
.partOne .indexNotice{ float: right; width: 393px; height: 366px;}
.partOne .indexNotice .indexTitle{ padding-left: 0;}
.partOne .indexNotice .tab{ float: left;font-size: 20px; color: #969696;}
.partOne .indexNotice .tab li{display: inline-block; font-size: 20px; color: #969696; font-weight: normal; cursor: pointer;font-weight: bold;}
.partOne .indexNotice .tab li.on{color: #1ab1ff; }
.partOne .indexNotice .indexTitle .left{ position: relative; width: 100%;}
.partOne .indexNotice .indexTitle .left .more{display: block; position: absolute;right: 0; top: 0; width: 42px; height: 13px; font-size: 13px; color: #333333;}
.partOne .indexNotice .indexTitle .left .more a{ position: absolute; top: 0; right: 0; font-size: 13px; color: #333333; font-weight: normal;}
.partOne .indexNotice .indexTitle .left .more a:hover{ color: #1ab1ff;}
.partOne .indexNotice .indexTitle .left .more a.imore2{ display: none;}

.notice{height: 258px; overflow: hidden;}
.notice ul li{ margin-bottom: 6px; padding: 0 3px;}
.notice ul li a{ display: block; overflow: hidden; height: 20px; line-height: 20px; height: 38px; line-height: 38px; background: #ffffff; border: 1px #eeeeee solid; box-sizing: border-box;}
.notice ul li a span{position: relative; float: left; display: block; width: 90px; text-align: center; font-size: 12px; color: #999; }
.notice ul li a span:before{ content: ""; position: absolute; top: 8px; right: 0; width: 1px; height: 19px; background: #e5e5e5;}
.notice ul li a span b{font-size: 20px; color: #666666;}
.notice ul li a p{ width: calc(100% - 90px); padding-left: 13px; font-size: 14px; line-height: 36px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; color: #333; transition: 0.3s; -webkit-transition: 0.3s;}
.notice ul li:hover{ background: #1ab1ff;}
.notice ul li:hover a{background: #1ab1ff; border-color: #1ab1ff;}
.notice ul li:hover a span{ color: #fff;}
.notice ul li:hover a span b{ color: #fff;}
.notice ul li:hover a p{ color: #fff; text-indent: 0.5em;}
/*partTwo*/
.partTwo{ overflow: hidden; margin-top: 24px;}
.partTwo .indexTitle{ margin-bottom: 16px;}
.partTwo .indextraining{float: left; width: 407px; height: 283px; margin-right: 19px;}
.partTwo .indextraining .indexList{float: none; width: 100%;}
.partTwo .indextraining .indexList ul li{height: 40px; line-height: 40px;}
.partTwo .indexAd{ float: right; width: 348px; height: 283px;}
.partTwo .indexAd ul{ padding-top: 40px/*15px*/;}
.partTwo .indexAd ul li{ width: 100%; height: 75px; margin-bottom: 45px/*14px*/;}
.partTwo .indexAd ul li img{ width: 100%; height: 100%;}
.partTwo .indexAd ul li:hover img{ opacity: 0.8;}
/*partThree*/
.partThree-box{margin-top: 24px;}
.partThree{position: relative; overflow: hidden; padding-bottom: 34px; overflow: hidden;}
.partThree .atlasList .hd{ position: absolute; top: 27px; right: 18px;}
.partThree .atlasList .prev{display: inline-block; width: 20px; height: 20px; background: url(/images/atlaLeft.png) no-repeat 0 0; cursor: pointer;}
.partThree .atlasList .next{display: inline-block; width: 20px; height: 20px; background: url(/images/atlaright.png) no-repeat 0 0; margin-left: 6px; cursor: pointer;}
.partThree .atlasList .prev:hover{background-position: left bottom;}
.partThree .atlasList .next:hover{background-position: left bottom;}
.partThree .atlasList ul li{ width: 14.28 !important; overflow: hidden;}
.partThree .atlasList ul li a{position: relative; display: block; width: 148px; margin: 0 auto;  overflow: hidden;}
.partThree .atlasList ul li a em{ display: block; padding-bottom: 69.6%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.3s; -webkit-transition: 0.3s;}
.partThree .atlasList ul li a em:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
.partThree .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ position: absolute; top: 45px; left: auto; right: 40px; width: 20px; height: 20px;  background: url(/images/atlaLeft.png) no-repeat left bottom; overflow: hidden;}
.partThree .swiper-button-next, .swiper-container-rtl .swiper-button-prev{position: absolute; top: 45px; left: auto; right: 10px; width: 20px; height: 20px;  background: url(/images/atlaright.png) no-repeat left bottom; overflow: hidden;}
.partThree .swiper-button-disabled{ background-position: left top; opacity: 1;}

/*右侧飘窗*/
.you{ position: absolute; top: 300px; right: 0px; width: 100px; background: #1ab1ff; border-radius: 10px; padding: 4px; transition: 0.3s; -webkit-transition: 0.3s; z-index: 10;}
.you img{ width: 100%;}
.you p{font-size: 16px; color: #fff; text-align: center; padding: 8px 0 4px 0;}

/*面包屑*/
.crumb{ margin: 30px 0; color: #969696;}
.crumb img{ position: relative; top: -1px; padding-right: 6px;}
.crumb a{font-size: 13px; color: #969696;}
.crumb a:hover{color: #4f575a;}
.crumb .on{color: #4f575a;}
/*内容左侧menu*/
.contentBox{ overflow: hidden;}
.contentBox .menu{ float: left; width: 222px; background: #fff;}
.contentBox .menu li{position: relative; height: 72px; line-height: 72px; font-size: 16px; color: #535353; text-align: center; border-bottom: 1px #eaeaea solid;}
.contentBox .menu li:last-child{ border-bottom: none;}
.contentBox .menu li a{font-size: 16px; color: #535353;}
.contentBox .menu li:before{ content: ""; position: absolute; left: 0; top: 0;width: 4px; height: 0; background: #2798e4; transition: 0.3s; -webkit-transition: 0.3s;}
.contentBox .menu li:hover:before{ height: 100%;}
.contentBox .menu li:hover a{color: #2798e4;}
.contentBox .menu li.on:before{ height: 100%;}
.contentBox .menu li.on a{color: #2798e4;}
/*右侧正文*/
.content{float: right; width: 966px; background: #fff; padding: 0 52px; box-sizing: border-box; min-height: 600px;}
.content .detaile-title{ position: relative; text-align: center; padding-bottom: 22px; border-bottom: 1px #d7d7d7 solid;}
.content .detaile-title h3{ width: 80%; font-size: 20px; color: #535353; font-weight: bold; padding: 28px 0 16px 0; margin: 0 auto;}
.content .detaile-title h4 span{font-size: 15px; color: #b3b3b3; padding: 0 16px;}
.content .detaile-title .back{ position: absolute; top: 30px; right: 0; font-size: 15px; color: #969696; background: url(/images/icon-back.png) no-repeat left 3px; padding-left: 22px; }
.content .detaile-title .back:hover{ color: #00a8ff; background-position: left -44px;}
/*单页*/
.content .word{ margin-top: 20px; padding-bottom: 40px;}
.content .word p{ font-size: 15px; color: #333;/*#969696;*/ line-height: 32px;}
.content .filp{padding: 40px 0; border-top: 1px #d7d7d7 solid; margin-top: 42px;}
.content .filp ul{ overflow: hidden; }
.content .filp ul li{ float: left; width: 44%;}
.content .filp ul li a{display: block; font-size: 15px; color: #535353; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.content .filp ul li a:hover{ color: #2798e4;}
/*尾部*/
.link{ position: relative; z-index: 8; height: 68px; line-height: 68px; background: #00a8ff; margin-top: 31px;}
.link .item{ float: left; width: 50%; }
.link .item:nth-child(2){ text-align: right;}
.link .item b{ font-size: 16px; color: #ffffff; padding-right: 46px;}
.link .item .text{position: relative; display: inline-block; width: 380px; height: 32px; line-height: 30px; background: #fff; border: 1px #dcdcdc solid; box-sizing: border-box; text-align: center; font-size: 12px; color: #b6b6b6;}
.link .item .text span{ display: block; background: url(/images/icon-down.jpg) no-repeat right top; cursor: pointer;}
.link .item .text ul{display: none; position: absolute; left: 0; bottom: 31px; background: #fff; width: 100%;}
.link .item .text ul li{line-height: 34px; border-top: 1px #ececec dashed;}
.link .item .text ul li:first-child{ border-top: none;}
.link .item .text ul li a{ display: block;}
.link .item .text ul li a:hover{ background: #f4f4f4;}
.foot{ padding: 30px 0;background: #00a8ff;/*padding: 18px 0;*/}
.foot p{ text-align: center; font-size: 16px; color: #fff; line-height: 34px;/*color: #959595; line-height: 24px;*/}
.foot p span{padding: 0 5px;}
.foot p span a{color: #959595;}
.foot p span a:hover{ color: #00a8ff;}
/*内页公用*/
.content-title{ font-size: 25px; color: #323232; font-weight: bold; height: 56px; line-height: 56px; padding-top: 16px; border-bottom: 1px #0074c8 solid; }
.content-title span{ background-image:-webkit-linear-gradient(left,#4f78ff,#46ffff); -webkit-background-clip:text;  -webkit-text-fill-color:transparent; color: #4f78ff\9; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
    .content-title span{ color: #4f78ff}
}
@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */
	.content-title span{ color: #4f78ff}
}

/*师资队伍*/
.teamList{ margin: 66px 0 60px;}
.teamList dl{border:1px solid #2798e4;padding-left: 46px;position: relative;margin-top: 25px; min-height: 180px;}
.teamList dl:first-child{margin-top: 0;}
.teamList dl dt{width: 46px;height: 100%;background: #2798e4;position: absolute;left: 0;top:0;font-size: 18px;color: #ffffff;line-height: 22px;}
.teamList dl dt h5{width: 18px;text-align: center; position: absolute; left: 50%;top:50%; font-weight: normal;
-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.teamList dl dd{width: 100%; box-sizing: border-box; padding: 4px 30px; min-height: 45px; padding: 20px 0 20px 30px;}
.teamList dl dd ul{min-height: 60px;}
.teamList dl dd ul li{width: 20%;}
.teamList dl dd ul li a{display: inline-block;*display: inline;*zoom: 1;font-size: 15px;color: #333333;line-height: 42px;letter-spacing: 2px; margin: 16px 0; padding-left: 26px;position: relative;}
.teamList dl dd ul li a:before{content: "";width: 5px;height: 5px;background: #777777;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -3px;}
.teamList dl dd ul li a:after{content: "";width: 100%;height: 1px;background: #2798e4;position: absolute;left: 0;bottom: 3px;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.teamList dl dd ul li a:hover:after{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.teamList dl dd ul li a:hover:before{background: #2798e4;}
.teamList dl dd ul li a:hover{color: #2798e4;}
/*师资队伍*/
.teacher-word{ margin: 66px 0 60px;}
.teacher-word p{ font-size: 14px; color: #323232; line-height: 32px;}
.teacher-word p .peopleImg{ float: left; margin-right: 20px;}
.teacher-word p img{ max-width: 100%;}
.teacher-word p span{font-size: 14px; color: #323232; line-height: 32px;}
/*课程资源*/
.picList{ overflow: hidden; margin-top: 29px;}
.picList li{ float: left; width: 275px; margin-bottom: 40px; margin-right: 18px;}
.picList li .pic{width: 100%; overflow: hidden;}
.picList li .pic em{display: block; padding-bottom: 63.27%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.picList li .pic img{ width: 100%; min-height: 100%;}
.picList li p{ height: 52px; line-height: 52px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #323232;}
.picList li:hover p{ color: #00a8ff;}
/*页码*/
.page{text-align: center; padding-bottom: 60px;}
.page a{ display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 26px; border: 1px #b9b9b9 solid; border-radius: 50%; font-size: 15px; color: #b9b9b9; margin: 0 5px; overflow: hidden; position: relative; behavior: url(/css/js/PIE.htc);}
.page a.on{background: #2798e4; border-color: #2798e4; color: #fff;}
.page a:hover{background: #2798e4; border-color: #2798e4; color: #fff;}
.page .page-prve{ background: url(/images/prve.png) no-repeat left top; border: none;}
.page .page-prve:hover{background: url(/images/prve.png) no-repeat left -35px;}
.page .page-next{ background: url(/images/next.png) no-repeat left top; border: none;}
.page .page-next:hover{background: url(/images/next.png) no-repeat left -35px;}
/*现任领导*/
.leaderList ul{ margin-top: 32px; padding-bottom: 30px;}
.leaderList ul li{ height: 193px; padding: 13px 12px; box-sizing: border-box; margin-bottom: 42px; box-shadow: 0 0 10px #f6f6f6; position: relative; behavior: url(/css/js/PIE.htc); background: #fff;}
.leaderList ul li:hover{box-shadow: 0 0 10px #def4ff;}
.leaderList ul li:hover a .text h3 b{ color: #00a8ff;}
.leaderList ul li a{ display: block; overflow: hidden;}
.leaderList ul li a .pic{float: left; height: 169px; width: 136px; overflow: hidden;}
.leaderList ul li a .pic img{width: 100%;}
.leaderList ul li a .pic em{ display: block; height: 100%; background-size: cover; background-position: top; background-repeat: no-repeat;}
.leaderList ul li a .text{ float: right; width: 670px;}
.leaderList ul li a .text h3{ font-size: 14px; color: #777777; margin-top: 22px;}
.leaderList ul li a .text h3 b{ font-size: 20px; color: #333333;}
.leaderList ul li a .text p{font-size: 14px; color: #777777; line-height: 24px; height: 72px; display: -webkit-box; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; margin-top: 14px;}
/*科研动态*/
.newsList{ margin-bottom: 52px;}
.newsList ul{ border-left: 1px #f2f2f2 solid; border-right: 1px #f2f2f2 solid;margin-bottom:52px;}
.newsList ul li{height: 70px; line-height: 70px; border-bottom: 1px #f2f2f2 solid; padding-left: 22px;}
.newsList ul li a{display: block; float: left; font-size: 15px; color: #323232; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsList ul li a i{position: relative; top: -3px; display: inline-block; width: 3px; height: 3px; background: #323232; border-radius: 50%; margin-right: 8px;}
.newsList ul li a span{font-weight:normal!important;font-size: 15px!important;color:#323232!important;font-family: "Microsoft Yahei"!important;float:none;padding-right:0;}
.newsList ul li span{ float: right; padding-right: 22px; font-size: 15px; color: #9a9a9a;}
.newsList ul li a:hover{ color: #2798e4;}
.newsList ul li a:hover i{ background: #2798e4;}

/*响应式公用*/
@media only screen and (max-width: 1200px) {
	.w-1200{ width: 96%; margin: 0 auto;}
	.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 14;}
	.header .w-1200{ background: none;}
	.navIcon{ display: block;}
	.navBox{display: none; position: fixed; top: 100px; left: 0; width: 100%; height: calc(100% - 100px); z-index: 14; background: #fff; overflow-y: auto;}
	.nav li{ display: block; width: 100%; border-bottom: 1px #eee solid;}
	.nav li > a{float: left; color: #333; width: calc(100% - 80px); box-sizing: border-box; font-size: 16px;}
	.nav li em{ display: block; width: 80px; float: right; text-align: center; cursor: pointer;}
	.nav li:hover{background: none;}
	.nav li .sub_nav{ position: inherit;overflow: hidden; top: 0; left: 0; width: 100%; background: #fff; padding-bottom: 12px;}
	.nav li .sub_nav dd{ text-align: left; padding-left: 60px;}
	.nav li .sub_nav dd a{ color: #333;}
	.nav li .on{ background: #fff; color: #40b8f6;}
	.nav li:hover{ color: #333;}
	.banner{ margin-top: 100px;}
	/*partOne*/
	.partOne .indexNews{width: 64%;}
	.partOne .indexNotice{ width: 35%;}
	.partOne .indexNews .indexBox .pic{ width: 47%;}
	.indexList{ width: 50%;}
	/*partTwo*/
	.partTwo .indextraining{ width: 32.8%; margin-right: 1.4%;}
	.partTwo .indexAd{width: 31%;}
	/*partThree*/
	.partThree{ padding-bottom: 16px;}
	.partThree .atlasList ul li a{ width: 125px;}
	/*footer*/
	.link .item .text{ width: calc(100% - 150px);}
	.you{ display: none;}
	/*内页*/
	.crumb{ display: none;}
	.contentBox{ margin-top: 110px;}
	.contentBox .menu{ width: 100%; margin-bottom: 10px; background: #fff; padding: 5px 0;}
	.contentBox .menu ul{  overflow: hidden;}
	.contentBox .menu ul li{ float: left; padding: 0 10px; height: 36px; line-height: 36px; border-bottom: none;}
	.contentBox .menu li:before{ width: 0;}
	.content{ width: 100%;}
	/*现任领导*/
	.leaderList ul li a .text{ width: calc(100% - 156px);}
}

@media only screen and (max-width: 1023px) {
	/*.partOne*/
	.partOne .indexNews{ width: 100%;}
	.partOne .indexNotice{ width: 100%; margin-top: 10px;}
	/*partTwo*/
	.partTwo .indextraining{ width: 48.6%;}
	.partTwo .indextraining:nth(2){ margin-right: 0;}
	.partTwo .indexAd{ width: 100%; height: auto;}
	.partTwo .indexAd ul li{ height: auto;}
	/*partThree*/
	.partThree .atlasList ul li{ width: 20% important;}
	.partThree .atlasList ul li a{ width: 90%;}
	/*课程资源*/
	.picList li{ width: 48%; margin: 0;}
	.picList li:nth-child(2n){ float: right;}
	
}

@media only screen and (max-width: 767px) {
	.header{ height: 68px; border-bottom: 1px #eee solid; box-sizing: border-box;}
	.header .logo{width: 58%;}
	.header .logo img{ width: 100%;}
	.header .right{ padding-top: 22px;}
	.header .right form{ display: none!important;}
	.search-btn{ display: inline-block; padding-left: 6px; cursor: pointer;}
	.navBox{top: 68px; height: calc(100% - 68px);}
	.banner{ margin-top: 68px;}
	.banner a{ padding-bottom: 42.8%;}
	.navIcon{margin-left: 10px;}
	.header .right .backOld{ margin-left: 0; font-size: 13px;}
	/*partOne*/
	.partOne{ margin-top: 10px;}
	.indexTitle{ padding-top: 14px; margin-bottom: 16px; padding-left: 0;}
	.indexTitle .left span{ font-size: 17px;}
	.indexTitle .left em{ font-size: 15px;}
	.indexCon{ padding: 0 12px;}
	.partOne .indexNews{ height: auto;}
	.indexList{ width: 100%; margin-top: 10px;}
	.partOne .indexNews .indexBox .pic{ width: 100%; height: 210px;}
	.partOne .indexNotice{ height: auto; padding-bottom: 22px;}
	.partOne .indexNotice .tab li{ font-size: 17px;}
	/*partTwo*/
	.partTwo{ margin-top: 10px;}
	.partTwo .indextraining{ width: 100%; margin: 0; margin-bottom: 10px;}
	/*partThree*/
	.partThree-box{ margin-top: 10px;}
	.partThree .atlasList ul li{ width: 50% important;}
	.partThree .atlasList ul li a{ width: 90%;}
	.partThree .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ top: 40px; left: auto; right: 40px; }
	.partThree .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ top: 40px; left: auto; right: 10px; }
	.partThree .swiper-button-disabled{ background-position: left top; opacity: 1;}
	/*footer*/
	.link{ height: 100px; line-height: 44px; padding-top: 12px;}
	.link .item b{ font-size: 14px; padding-right: 0;}
	.link .item .text{ width: calc(100% - 90px);}
	.link .item{ width: 100%;}
	.link .item:nth-child(2){ text-align: left;}
	/*内页*/
	.contentBox{ margin-top: 78px;}
	.content{padding: 0 12px; min-height: 400px;}
	/*about*/
	.content .detaile-title h3{ font-size: 18px; width: 70%;}
	.content .detaile-title h4 span{ font-size: 13px; padding: 0 10px;}
	/*现任领导*/
	.content-title{height: 40px; line-height: 40px; font-size: 22px; padding-top: 10px;}
	.leaderList ul li{ height: 164px; margin-bottom: 16px;}
	.leaderList ul li a .pic{height: 138px; width: 112px;}
	.leaderList ul li a .text{ width: calc(100% - 130px);}
	.leaderList ul li a .text h3{ margin-top: 12px;}
	/*师资队伍*/
	.teamList{ margin-top: 18px;}
	.teamList dl dd{ padding-left: 10px;}
	.teamList dl dd ul li{ width: 33.33%;}
	.teamList dl dd ul li a{ margin: 4px 0;}
	.teacher-word{ margin-top: 20px;}
	.teacher-word p .peopleImg{float: initial; display: block; margin: 0 auto;}
        .newsList ul li{padding-left:10px;}
        .newsList ul li a{width:55%;}
        .newsList ul li span{padding-right:10px;font-size:14px;}
}