@charset "utf-8";
/* CSS Document */
.Banner.currents{margin-top: 120px;}


.Banner{width:100%;overflow:hidden;position:relative;z-index:1;}

.flexslider .slides li a{display: block;position: relative;z-index:1;}
.Banner .flex-direction-nav{display: block;}
.Banner .flex-direction-nav a{text-indent: -9999px; width:155px;height: 190px;line-height: 190px; color:#fff;text-indent: 0;background: #333; background: rgba(0,0,0,0.3);font-size: 60px;margin-top: -95px;}
.Banner .flex-direction-nav .flex-prev{left:-89px; border-top-right-radius: 100%;border-bottom-right-radius: 100%;padding-right: 26px; text-align: right;}
.Banner .flex-direction-nav .flex-next{right:-89px;border-top-left-radius: 100%;border-bottom-left-radius: 100%;padding-left: 26px; text-align: left;}
.Banner .flex-direction-nav a.flex-prev:hover,.Banner .flex-direction-nav a.flex-next:hover{background-color: #000;  background: rgba(0,0,0,0.7);}
.Banner .flex-control-nav-box{width: 1200px;margin: 0 auto;position: relative;}

.Banner .flex-control-nav{display: block;}
.Banner .flex-control-nav{bottom:10px;text-align: center;width: auto;margin: 0 auto;left:auto; right: 0;background: #666;background: rgba(0,0,0,0.5);border-radius: 20px;padding:8px 15px 8px 15px;position: absolute;line-height: 12px;}
.Banner .flex-control-paging li{margin:0 5px;}
.Banner .flex-control-paging li a {width: 10px;height: 10px; background:#fff;text-indent: 9999px;transition:all 0.5s ease-in-out;opacity: 0.4;filter:alpha(opacity=40);}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {opacity: 1;filter:alpha(opacity=100) ;}
.Banner .slides_till{position: relative;width: 1200px;margin: 0 auto;height: 0;}
.Banner .slides_till p{position: relative;top:-50px;left: 0;color:#fff;font-size: 24px;text-shadow:2px 2px 2px #444;font-weight: bold;}


.content{overflow:hidden;}
.mode{width: 1200px;margin:0 auto;padding: 30px 0; overflow: hidden;}
.mode02_title{width: 1200px;margin:0 auto;padding: 10px 0 20px 0; overflow: hidden;}

.mode01 .lf{width: 69.16%;border-right:1px solid #eee;}
.mode01 .rt{width:28.33%;}
.articleList01{padding-right: 20px;}
.articleTitle{margin-bottom: 20px;overflow: hidden;}
.articleTitle02{margin-bottom: 0;}
.more{float: right;color: #999;font-size: 14px;margin-top: 5px;position: relative;z-index: 9;}
.more1{color:#10218b;}
.articleTitle .title{font-size: 20px;color:#10218b;text-shadow: 2px 3px 0px #aaa;}
.articleTitle02 .title{color:#fff; text-shadow:2px 3px 0px #54687a;}
.newsBox{overflow: hidden;}
.newsTop{overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 20px;}
.newsTop .left{width: 420px;}
.newsTop .right{margin-left:450px;}
.newsTop .right h3 a{font-weight: normal;display: block;max-height: 48px;line-height: 24px;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 10px;font-size: 16px;overflow: hidden;}
.newsTop .right p{font-size: 14px;color:#999;height:110px;line-height: 22px;overflow: hidden;margin-bottom: 10px;}
.leftDate{color:#999;font-size: 14px;display: block;}
 .leftDate i{padding-right: 10px;font-size: 14px;}

.newsList{overflow: hidden;width: 103%;}
.newsList li{float: left;border-bottom: 1px solid #eee; width: 50%;padding-bottom: 15px;margin-bottom: 15px;}
.newsList li .news{margin-right: 24px;padding-right: 15px;border-right:1px solid #eee;}
.newsList li .news a{display: block;position: relative;padding-left: 12px;font-size: 16px;margin-bottom: 6px;overflow: hidden;height: 24px;line-height: 24px;}
.newsList li .news a:before{content: '';clear: both;left: 0;top:10px;width: 4px;height: 4px;background: #e5e5e5;border-radius: 50%;position: absolute;}


.newsList li .news a:hover{padding-left: 25px;}
.newsList li.even .news{border-right:none;}

.totalNewsBox .flex-control-paging li {margin: 0 5px;}
.totalNewsBox .flex-control-paging li a{width: 6px;height: 6px;background: #d9d9d9;}
.totalNewsBox .flex-control-paging li a.flex-active,.totalNewsBox .flex-control-paging li a:hover{background: #10218b;}
.totalNewsBox .flex-control-nav{bottom:-27px;}
.totalNews .rightDate{position: absolute;bottom: 0;right: 0;background: #000;background: rgba(0,0,0,0.4);color:#fff;font-size: 14px;padding:5px 10px;}
.totalNews p{font-size: 16px;height: 48px;line-height: 24px;overflow: hidden;margin-top: 10px;}
.totalDL dd{margin-bottom: 20px;}
.totalDL{overflow: hidden;}
.totalDL dd a{display: block;}


.wrap_mode02{background: url(mode02_bg.jpg) no-repeat center top;background-size: 100% auto;overflow: hidden;}

.mode02{overflow: hidden;}

.mediaBox{width: 100%;position: relative;margin: 0 auto;padding-bottom: 18px;}

.mediaBox .arrow-left {
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 70% , rgba(0,0,0,0) 100%); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0.3) 70% , rgba(0,0,0,0) 100%); /* firefox 3.6 - 15 */
  background: linear-gradient(to right,  rgba(0,0,0,0.3) 70% , rgba(0,0,0,0) 100%); /* ? ???????èˉ-?3? */
  
  position: absolute;
  left: 0;
  top: -56px;
  color:#fff;
  width:18%;
  height: 364px;
  line-height: 364px;
  text-align: center;
  display: block;
  opacity: 0.8;
 
  z-index:99;}
.mediaBox .arrow-right .iconfont,.mediaBox .arrow-left .iconfont{font-size: 90px;opacity: 0.6;filter:alpha(opacity=60);display: block;}

.mediaBox .arrow-right {
 
  background: -webkit-linear-gradient(right, rgba(0,0,0,0.3) 70% , rgba(0,0,0,0) 100%); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 70% , rgba(0,0,0,0) 100%); /* firefox 3.6 - 15 */
  background: linear-gradient(to left,  rgba(0,0,0,0.3) 70% , rgba(0,0,0,0) 100%); /* ? ???????èˉ-?3? */
  
  position: absolute;
  right: 0;
  top: -56px;
  color:#fff;
  width:18%;
  height: 364px;
  line-height: 364px;
  opacity: 0.8;
  display: block;
  text-align: center;

  z-index:99;}
.mediaBox .arrow-right:hover,.mediaBox .arrow-left:hover{opacity: 1;}
.mediaBox .arrow-right:hover .iconfont,.mediaBox .arrow-left:hover .iconfont{opacity: 1;filter:alpha(opacity=100);}
.mediaBox  .swiper-container {
  width:100%;
  height: 290px;
  color: #fff;overflow: visible;}
.mediaBox  .swiper-wrapper{height: auto!important;overflow: hidden;padding-bottom: 15px;}
.mediaBox  .swiper-slide{width: 308px!important;margin-bottom: 60px;}
.media{padding:0  28px 0 0;}
.media .rightDate{position: absolute;bottom: 0;right: 0;background: #000;background: rgba(0,0,0,0.4);color:#fff;font-size: 14px;padding:5px 10px;}
.media a{display: block;background: #fff;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
.mediaInfo{padding:20px;}
.mediaInfo .lebal{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom:15px;color:#10218b;font-size: 14px;height: 20px;line-height: 20px;overflow: hidden;}
.mediaInfo h3{font-size: 16px;font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;}
.mediaInfo .info{font-size: 14px;height: 88px;line-height: 22px;overflow: hidden;color:#999;margin-bottom: 10px;margin-top: 10px;}
.mediaInfo01{padding:35px 20px;}

.wrap_mode03{width: 100%;margin: 0 auto;overflow: hidden;background: url(mode03_bg.jpg) repeat;padding-bottom: 20px;}
.mode03 .lf{width: 35.83%;}
.mode03 .rt{width: 60.83%;}

.mode03{overflow: visible;}
.noticeList{background: #fff;padding:40px 20px 10px 0 ;box-shadow: 0px 4px 30px rgba(0,0,0,0.1);}
.noticeList li{margin-bottom: 30px;}

.notice{overflow: hidden;}
.notice .noticeDate{float: left;width: 80px;height: 80px;text-align: center;background:#033e98 ;
  background: -webkit-linear-gradient(top, #0056da , #033e98); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #0056da , #033e98); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #0056da , #033e98); /* firefox 3.6 - 15 */
  background: linear-gradient(to bottom,  #0056da , #033e98);}
.notice .noticeDate i{display: block;font-style: normal;font-size: 16px;color:#fff;margin-top: 14px;}
.notice .noticeDate strong{display: block;font-size: 20px;color:#fff;}

.notice .noticeInfo{margin-left: 105px;}
.notice .noticeInfo a{display: block;font-size: 16px;height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 10px;transition:all 0.5s ease-in-out;}
.notice .noticeInfo a:hover{padding-left: 10px;}
.notice .noticeInfo p{font-size: 14px;height: 88px;line-height: 22px;overflow: hidden;color:#999;}


.chairList{overflow: hidden;background: #fff;padding: 25px 40px 29px 40px;box-shadow: 0px 4px 30px rgba(0,0,0,0.1);}
.chairList li{float: left;width: 50%; border-bottom: 1px solid #eee;}
.chair{padding-right: 30px;border-right:1px solid #eee;margin-bottom: 23px;margin-top: 22px;}
.chairList li.even .chair{padding-right: 0;border-right:none;padding-left: 30px;}

.chair .lebal {margin-bottom: 10px;overflow: hidden;}
.chair .lebal a{float: left;padding:3px 10px;background: #0056da;color:#fff;border-radius: 20px;}
.chair .title{margin-bottom: 10px;overflow: hidden;}
.chair .title a{display: block;font-size: 16px;line-height: 24px;height: 24px;overflow: hidden;transition:all 0.5s ease-in-out;}
.chair .title a:hover{padding-left: 10px;}
.chair .info {overflow: hidden;}
.chair .info p.time{}
.chair .info p{margin-bottom: 8px;color:#999;font-size: 14px;height: 22px;line-height: 22px;overflow: hidden;}


.wrap_mode04{width: 100%;margin: 0 auto;background:url(mode04_bg.jpg) repeat;clear: both;}
.mode04{padding:0;overflow: visible;position: relative;}
.hotTitle{ float: left;width: 70px;height: 200px;background: #005bbb;text-align: center;position: absolute;top:-5px;left: 0;}
.hotTitle h2 {width: 30px;padding-top: 38px;line-height: 24px; margin: 0 auto;display: block;position: relative;}
.hotTitle h2 a{font-size: 24px;color:#fff;text-shadow: 2px 3px 0px #004a98;}
.hotInfoBox{margin-left: 100px;position: relative;padding-right: 51px;}

.hotTitle:before{position: absolute;content: '';clear: both;right:-6px;top:0;width:0;
height:0;
border-bottom:6px solid #004a99;
border-right:6px solid transparent;}
.hotTitle:after{position: absolute;content: '';clear: both;right:-6px;bottom:0;width:0;
height:0;
border-top:6px solid #004a99;
border-right:6px solid transparent;}
.hotInfoBox .arrow-left {
  background:#fff ;
 
 
  position: absolute;
  right: 0;
  top: 20px;
  color:#dddddd;
  width:50px;
  height: 73px;
  line-height:73px;
  display: block;
  text-align: center;
  z-index:99;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.hotInfoBox .arrow-left .iconfont{font-size:40px;}
.hotInfoBox .arrow-left:hover{background: #0056da;color:#fff;}


.hotInfoBox .arrow-right {
  background:#fff ;
 
 
  position: absolute;
  right: 0;
  bottom: 20px;
  color:#dddddd;
  width:50px;
  height: 73px;
  line-height: 73px;
  display: block;
  text-align: center;
  z-index:99;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.hotInfoBox .arrow-right .iconfont{font-size: 40px;}
.hotInfoBox .arrow-right:hover{background: #0056da;color:#fff;}



.hotInfoBox .swiper-container{height: 190px;position: static;}
.hotInfoBox .swiper-slide{width: 209px !important;}
.hotLinks{height: 150px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);margin:20px 6px 20px 6px;}
.hotLinks a{display: block;text-align: center;height: 100%;background: #fff;}
.hotLinks a .iconfont{font-size: 43px;display: block;margin: 0px auto 0;padding-top: 28px;width: 75px;height: 47px;transition:all 0.5s ease-in-out;transform:rotateY(0deg);
-ms-transform:rotateY(0deg);  /* ie 9 */
-moz-transform:rotateY(0deg);   /* firefox */
-webkit-transform:rotateY(0deg); /* safari ?’? chrome */
-o-transform:rotateY(0deg);}
.hotLinks a p{font-size: 16px;margin-top: 10px;}
.hotLinks a .iconweikuaidiweixinxiaochengxu-,.hotLinks a .iconxiaoqing{color:  #da85f5;}
.hotLinks a .iconstar{color:  #f25f5f;}
.hotLinks a .iconzhuanti{color:  #f2965f;}
.hotLinks a .iconduihua{color:  #c05ff2;}
.hotLinks a .icondushuhui{color:  #7e5ff2;}
.hotLinks a .iconvpn{color:  #f25f5f;}
.hotLinks a .icongonggao{color:  #f2c75f;}
.hotLinks a .iconxiaoyouhui{color:  #5fabf2;}
.hotLinks a:hover p{color:#005bbb;}

.hotLinks a:hover .iconfont{transform:rotateY(180deg);
-ms-transform:rotateY(180deg);  /* ie 9 */
-moz-transform:rotateY(180deg);   /* firefox */
-webkit-transform:rotateY(180deg); /* safari ?’? chrome */
-o-transform:rotateY(180deg);}



/*校园生活*/
.wrap_mode05{ max-width: 1920px; margin: 0 auto; background: url(cimg1.jpg) no-repeat left top #fff;overflow: hidden; position: relative;z-index: 1;}
.wrap_mode05:after{ content: ""; display: block;width:67%; height: 100%; background: #fff; position: absolute; right: 0; top: 0;}
.mode05{ margin:25px auto 50px auto; overflow: hidden;}
.campusBox { margin-left: 27.9%;}
.campusBox .flexslider { position: relative;z-index: 999;}
.campusBox .carousel li { margin-right: 5px;}

.campusBox .flex-control-nav{ display:none;}

.campusBox ul.slides li{ overflow: visible;}
.campusBox ul.slides li > a{ display: block; margin:10px 0px 20px 0px;}
.campusBox ul.slides li a:hover{}


.campusBox .banner-number{position: absolute;left:-170px;bottom:87px;  width:160px;  border-bottom: #eee 2px solid; border-bottom: rgba(255,255,255,0.4) 2px solid; z-index:99;}
.campusBox .pic-index{font-size:56px;color:#fff;font-weight: bold; border-bottom: #fff 2px solid;}
.campusBox .pic-all{font-size: 26px;color:#fff;font-weight: bold;opacity: 0.5;filter:Alpha(opacity=50);}


.campusBox .flex-direction-nav{display:block;width: 60px;position: absolute;left: -114px;top: 24px;z-index: 1002;}
.campusBox .flex-direction-nav li{display: inline-block;}
.campusBox .flex-direction-nav a{width: 54px;height:54px;display: inline-block;border:rgba(255,255,255,0.8) 3px solid;border-radius: 50%;margin: 3px 0;position: relative;text-align: center;line-height: 54px;font-size: 20px;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;color:#fff;background-color: #333;background: rgba(0,0,0,0.4);}
.campusBox .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}


.campusBox .carousel .slides li { margin-right: 30px;}
.campus .imgResponsive{box-shadow: 15px 15px 35px rgba(0,0,0,0.1);}
.campus p{text-align: right;font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;margin-top: 15px;color:#333;transition:all 0.5s ease-in-out;position: relative;z-index:999;}

.campusBox .carousel .slides li a:hover .campus p{color:#0056da;font-weight: bold;padding-right: 10px;}

@media screen  and (max-width:1900px){

.wrap_mode02{background-size: auto 100%;overflow: hidden;}
}


@media screen  and (max-width:1700px){
  .mediaBox .arrow-left,.mediaBox .arrow-right{width: 7%;}
  .mediaBox .arrow-right .iconfont, .mediaBox .arrow-left .iconfont{font-size: 56px;}
  .campusBox { margin-left: 18.9%;}
}

@media screen  and (max-width:1550px){
  
  .campusBox{width:auto;float: none;max-width: none;}
}



@media screen  and (max-width:1380px){
  
  .mode,.mode02_title,.Banner .slides_till,.Banner .flex-control-nav-box{width: 1000px;}
  .Banner .flex-direction-nav a {width: 95px; height: 102px;line-height: 102px;font-size: 40px;margin-top: -51px;}
  .Banner .flex-direction-nav .flex-prev {left: -58px;padding-right: 10px;}
  .Banner .flex-direction-nav .flex-next {right: -58px;padding-left: 10px;}
  .newsTop .left{width: 346px;}
  .newsTop .right{margin-left: 376px;}
  .wrap_mode02{background-size: auto 100%;}
  .mediaBox{width: 1000px;margin: 0 auto;overflow: hidden;padding-bottom: 68px;}
  .mediaBox .arrow-left, .mediaBox .arrow-right{width: 30px;height: 30px;line-height: 30px;top:auto; bottom:-65px;background: none;background: rgba(0,0,0,0.5);}
  .mediaBox .arrow-left .iconfont, .mediaBox .arrow-right .iconfont{font-size:16px;opacity: 1;}
  .mediaBox .arrow-left{left: 50%;margin-left: -32px;}
  .mediaBox .arrow-right{right: 50%;margin-right: -32px;}
  .mediaBox .arrow-left:hover, .mediaBox .arrow-right:hover{background: #10218b;}
  .mediaBox  .swiper-slide{width: 338px!important;}
  .mediaInfo01 {    padding: 43px 20px;}



}


@media screen  and (max-width:1200px) {
  .mode,.mode02_title,.Banner .slides_till,.Banner .flex-control-nav-box{width: auto;padding-left:15px;padding-right: 15px;}
  .Banner .slides_till p{font-size: 20px;top:-40px;}
  .Banner .flex-control-nav{right: 10px;padding: 6px 9px 6px 9px;}
  .Banner .flex-control-paging li a{width: 10px;height: 10px;}
  .mediaBox{width: 98%;}
  
  .mediaInfo h3{font-size: 15px;}
  .mediaInfo .info{margin-top: 14px;margin-bottom: 14px;}
  .hotTitle{left: 15px;}
  .hotInfoBox{margin-left:68px;}
  .hotInfoBox .swiper-slide {width: 190px !important;}
  .hotTitle h2 a{font-size: 18px;}
  .hotTitle{width: 56px;}
  .hotTitle h2{padding-top: 55px;line-height: 20px;}
  .campusBox { margin-left:119px;}
  .campusBox .flex-direction-nav{left: -83px;width: 51px;}
  .campusBox .banner-number {left: -103px;bottom: 59px;width: 103px;}
  .campusBox .pic-index{font-size: 38px;}
  .campusBox .flex-direction-nav a{width: 45px;height: 45px;line-height: 45px;}
  .slides:after{display: none;}
  .swiper-wrapper .swiper-slide:last-child{padding-right: 60px;}
}

@media screen and (max-width:992px){
  .mode01 .lf,.mode01 .rt{width: 100%;float: none;}
  .mode01 .lf{border-right: none;}
  .mode01 .rt{margin-top: 20px;}
  .totalDL dd{float: left;width: 50%;}
  .totalNews p{height: 24px;}
  .totalDL {width: 103%;}
  .totalDL dd a{margin-right: 30px;}
  .mediaBox{width: 97%;}
  .mediaInfo01 {    padding: 39px 20px;}
  .mode03 .lf,.mode03 .rt{width: 100%;float: none;}
  .mode03 .rt{margin-top: 30px;}
  .notice .noticeInfo a{height: auto;}
  .notice .noticeInfo p{height: auto;}
  .mode05{margin-bottom: 0px;}
  .articleList01{padding-right: 0;}
}



@media screen and (max-width:767px) {
  .Banner .slides_till p{font-size: 16px;top:-30px;}
  .Banner .flex-direction-nav a {width: 65px; height: 66px;line-height:66px;font-size: 24px;margin-top: -33px;}
  .Banner .flex-direction-nav .flex-prev {left: -44px;padding-right: 10px;}
  .Banner .flex-direction-nav .flex-next {right: -44px;padding-left: 10px;}
  .newsTop .right h3 a,.newsList li .news a,.totalNews p{font-size: 14px;line-height: 20px;height: 20px;}
  .newsList .leftDate,.newsBox .leftDate,.totalNews .rightDate{font-size: 12px;}
  .totalNewsBox .flex-control-nav{bottom: -17px;}
  .newsTop .right p{font-size: 12px;line-height: 18px;height: auto;}
  .articleTitle .title{font-size: 18px;}
  .newsList li .news a::before{top:8px;}
  .mediaInfo h3{font-size: 14px;height: 44px;line-height: 22px;}

  

 }





@media screen and (max-width:640px){
    .newsTop .left,.totalDL dd{float: none;width: 100%;}
    .totalDL dd a{margin-right: 0;}
    .totalDL {width: 100%;}
    .newsTop .right{margin-left: 0;margin-top: 10px;}
    .newsTop .right h3 a,.newsList li .news a,.totalNews p{height: auto;}
    .newsTop .right h3 a{max-height: none;}
    .newsList li{width: 100%;float: none;}
    .newsTop,.newsList li{padding-bottom: 10px;margin-bottom: 10px;}
    .newsList li .news{border-right:none;padding-right: 0;margin-right: 0;}
    .notice .noticeInfo a{font-size: 15px;line-height: 22px;}
    .notice .noticeInfo p{font-size: 12px;line-height: 20px;}
    .chairList {padding: 13px 20px 20px 20px;}
    .chair .lebal a{font-size: 12px;}
    .chair .title a{font-size: 15px;}
    .chair .info p{font-size: 12px;margin-bottom: 5px;}
    .chairList li{width: 100%;float: none;border-bottom: 1px solid #eee!important;}
    .chairList li.even .chair{padding-left: 0;}
    .chair{border-right:none;padding-right: 0;}
    .chair .title a,.chair .info p{height: auto;}
     .chairList li:last-child{border-bottom:none!important;}
     .notice .noticeDate{width: 60px;height: 60px;}
     .notice .noticeInfo{margin-left: 80px;}
     .notice .noticeDate i{margin-top: 8px;}
     .campusBox .banner-number{bottom:8px;}
     .campusBox .pic-index{font-size: 26px;}
     .campusBox .pic-all{font-size: 18px;}
     .hotInfoBox .swiper-slide {width:154px !important;}

}
  


@media screen and (max-width:480px){
  .Banner .flex-control-nav-box{display: none;}
  .campusBox{margin-left: 69px;}
  .campusBox .flex-direction-nav,.campusBox .banner-number{left: -66px;}
  .mediaBox  .swiper-slide{width:300px!important;}
  .media{padding:0 10px;}
  .mediaInfo01 {padding: 34px 20px;}
}
@media screen and (max-width:320px){
  
}