@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%; font-family: "Arial"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank30{height:30px; line-height: 30px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
header{width: 100%;height: 90px;background: #035083; overflow: hidden;}
.logo{float: left;margin-top: 10px;}
.lan{width: 100px;height: 40px;line-height: 40px;border: #fff 2px solid;float: right;margin-top: 25px;}
.lan ul li{width: 50%;float: left;background: #fff;color: #035083;height: 40px;line-height: 40px;text-align: center}
.lan ul li.active{background: #035083;color: #fff;}
.lan ul li a{display: block;width: 100%;height: 40px;line-height: 40px;color: #035083}
.lan ul li.active a{color: #fff;}
nav{width: 100%;height:70px;line-height: 70px;text-align: center;background: #fff;}



.nav_menu3,
.nav_menu3 ul,
.nav_menu3 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav_menu3 ul li
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;

  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav_menu3 ul{position: relative;}
.nav_menu3 #menu-button { 
    margin-top: 100px;
    background: #F00;
    position: absolute;
    z-index: 99999;
}
.nav_menu3:after,
.nav_menu3 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.nav_menu3 #menu-button {
  display: none;
}
.nav_menu3 {
  width: 1200px;
  line-height: 1;
  background: #ffffff;
    margin: 0 auto;
    position: relative;
    z-index: 99999;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #990B2C;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.nav_menu3 > ul > li {
text-align: center;height: 67px;line-height: 70px;float: left;padding: 0 22px;border-bottom: #fff 3px solid;margin-bottom:3px;
}
.nav_menu3.align-center > ul {
  font-size: 0;
  text-align: center;
}
.nav_menu3.align-center > ul > li {
  display: inline-block;
  float: none;
}
.nav_menu3.align-center ul ul {
  text-align: left;
}
.nav_menu3.align-right > ul > li {
  float: right;
}
.nav_menu3.align-right ul ul {
  text-align: right;
}
.nav_menu3 > ul > li > a {

  text-decoration: none;

  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    font-family: "Arial";
    height: 70px;
    line-height: 70px;
    display: block;

}
.nav_menu3 > ul > li:hover  {
  color: #035083;

border-bottom: #035083 3px solid;
}
.nav_menu3 > ul > li:hover > a{color: #035083;font-weight: bold;}

.nav_menu3 > ul > li.active  {
  color: #035083;

border-bottom: #035083 3px solid;
}
.nav_menu3 > ul > li.active > a{color: #035083;font-weight: bold;}

.nav_menu3 > ul > li#nav-has-sub:hover > a::after {
  border-color: #990B2C;
}
.nav_menu3 ul li:nth-child(4):hover ul {display:none;}
.nav_menu3 ul li:nth-child(6):hover ul {display:none;}
.nav_menu3 ul ul {
  position: absolute;
  left: -9999px;
}

.nav_menu3 li:hover > ul {
  left: 0;
}
.nav_menu3.align-right li:hover > ul {
  left: 0;
}
.nav_menu3 ul ul ul {
  margin-left: 100%;
  top: 0;
}
.nav_menu3.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.nav_menu3 ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
.nav_menu3 ul li:hover > ul > li {
  height: 40px;
}
.nav_menu3 ul ul li a {
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
  width: 220px;
    font-weight: bold;
    text-align: left;
  background: #035083;
  text-decoration: none;
  color: #eeeeee;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
/*.nav_menu3 ul li:nth-child(1) ul li a{width: 176px;}
.nav_menu3 ul li:nth-child(2) ul li a{width: 176px;}
.nav_menu3 ul li:nth-child(3) ul li a{width: 90px;}*/
.nav_menu3 ul li:nth-child(3) ul li ul li a{width:200px;}
.nav_menu3 ul li:nth-child(4) ul li:nth-child(3):hover ul{display: none}
.nav_menu3 ul li:nth-child(2) ul li:nth-child(5):hover ul li a{width: 176px;}

/*.nav_menu3 ul li:nth-child(5) ul li a{width: 115px;}*/
.nav_menu3 ul ul li:hover > a,
.nav_menu3 ul ul li a:hover {
  color: #fff;
  background: #fecb09;
}

.nav_menu3 ul li:hover ul li:hover.menu333:after {content:">";color: #fff; position: absolute;right: 5px;top: 0px;margin-right: 5px; font-size: 16px;height: 40px;line-height: 40px; display: inline-block;text-align: right}
.nav_menu3 ul li:nth-child(4):hover ul li:nth-child(3).menu333:after{display: none}
    header button { position:absolute; right:10px; top:30px; display:inline-block; width:45px; height:24px;  line-height:10px; display: none; }
    header button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #fff}
.top_search{width: 200px;background: #fecb09;border-radius:100px;height:50px;line-height: 50px;float:right;margin-top:12px; position: relative;margin-top:22px;margin-left:20px }
.top_search input[type=text]{border: 0;background:none;height: 50px;line-height: 50px;text-indent: 1em;font-size: 16px;color: #333;background: none;}
.top_search input[type=submit]{background: url(../images/search2019.png) center center no-repeat; position: absolute;right: 15px;top: 15px;width:22px;height: 22px;border: 0;cursor: pointer; }
.device {
  width: 100%;
  height: 430px;

overflow: hidden;

  margin:0 auto;
  position: relative;

}
.device .arrow-left {
  background: url(../images/arrow_l.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 24px;
  height: 44px;
}
.device .arrow-right {
  background: url(../images/arrow_r.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 24px;
  height: 44px;
}
.swiper-container {
  height: 100%;
  width:100%;
    overflow: hidden;
}
.swiper-container img{width: 100%;}
.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination {
    display:block;
  position: absolute;
  left: 0;
  text-align: center;
  bottom:30px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 100px;
  height: 5px;
  border-radius: 10px;
  background: #fff;
  margin: 0 10px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #035083;
}
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}
.device2 {
  width: 880px;
  height: 200px;
float: right;
overflow: hidden;

  margin:50px auto;
  position: relative;

}
.device2 .arrow-left {
  background: url(../images/arrow_l.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 24px;
  height: 44px;
}
.device2 .arrow-right {
  background: url(../images/arrow_r.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 24px;
  height: 44px;
}
.swiper-container2 {
  height: 100%;
  width:100%;
    overflow: hidden;
}
.swiper-container2 img{width: 100%;}
.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination2 {
    display:block;
  position: absolute;
  left: 35px; 
  bottom:30px;
  width: 100%;
}
.pagination2 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #fff;
  margin: 0 5px;
  cursor: pointer;
}
.pagination2 .swiper-active-switch {
  background: #2ea8e6;
}
.swiper-container2 {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}
.intro{width: 510px;margin-top: 60px;float: left;}
.title{width: 100%;margin-bottom: 20px;position: relative;padding-top: 20px;height: auto;overflow: hidden}
.title:before{content: "";position: absolute;top: 0;left: 0;width: 70px;height: 3px;background: #035083;}
.title h2{color: #035083;font-size: 24px;float: left;text-align: left;font-weight: bold;}
.title span{float: right;color: #666;display: inline-block;font-size: 16px;}
.intro_p{width: 100%;clear: both;line-height: 26px;text-align:center;font-size: 16px;color: #555;}
.intro_p p{text-align: left}
.intro_p:hover p{text-decoration: underline}
.search{float: right;width: 45%;height: auto;overflow: hidden;margin-top: 80px;}
.search_t{font-size: 16px;color: #333;}
.search form{background: #efefef;border: #ccc 1px solid;height:60px;line-height: 60px;border-radius: 30px;width: 99%;float: right;margin-top: 30px;}
.search form input[type=text]{border: 0;background:none;height: 60px;line-height: 60px;text-indent: 2em;font-size: 16px;color: #333;width:330px ;}
.search form input[type=submit]{background:url(../images/search.png) right center no-repeat;display: block;width: 170px;height: 60px;float: right;border: 0;cursor: pointer}
.search ul li{width: 33%;height: 50px;line-height: 50px;margin-top:50px;text-align: left;float: left;}
.search ul li a{font-size: 24px;height: 50px;line-height: 50px;color: #035083;display: block;font-weight: bold;}
.search ul li:hover a{text-decoration: underline}
.notice{width:510px;border: #ddd 10px solid;height: auto;overflow: hidden;float: left;margin-top: 50px;padding: 10px 0 40px 0}
.notice_t{margin-top: 20px;font-size: 24px;color: #035083;text-transform: capitalize;text-align: center;}
.notice_t h2{margin-top: 10px;}
.notice_list{width: 90%;margin: 30px auto;height: auto;overflow:hidden;}
.notice_list ul li{height: 70px;width: 100%;margin-bottom: 30px;}
.notice_list .list_n_l{float: left;background: #2ea8e6;font-size: 26px;text-align: center;color: #fff;width: 70px;height: 70px;}
.notice_list .list_n_l strong{display:inline-block;font-size: 16px;width: 100%;font-weight: normal;}
.notice_list .list_n_r{width: 350px;float: right;line-height: 24px;font-size: 16px;color: #555;}
.notice_list ul li:hover .list_n_r{text-decoration: underline;color: #035083}
.notice_span{background: #fecb09;width: 180px;height: 60px;line-height: 60px;text-align: center;margin: 0 auto;}
.notice_span a{color: #035083;font-weight: bold;text-transform: uppercase;font-size: 16px;display: block;width: 100%;height: 60px;line-height: 60px;}
.index_news{width: 620px;float: right;margin-top: 50px;}
.index_news_tt{border-bottom: #b2b2b2 1px solid;padding: 20px 0}
.index_news_tt h2{color: #035083;font-size: 18px;font-weight: bold;line-height: 26px;}
.index_news_tt h3{color: #333;font-size: 16px;font-weight: bold;margin: 10px auto;}
.index_news_tt p{color: #555;font-size: 16px;line-height: 26px;}
.index_news_tt a:hover p{text-decoration: underline}
.index_news_l{width: 100%;margin-top:20px;height: auto;overflow:hidden;}
.index_news_l ul li{float: left;width: 48%;}
.index_news_l ul li:nth-child(2){float: right;}
.index_news_l ul li h2{color: #035083;font-size: 18px;font-weight: bold;line-height: 26px;margin-top: 10px;}
.index_news_l ul li h3{color: #333;font-size: 16px;font-weight: bold;margin: 10px auto;}
.index_news_l ul li p{color: #555;font-size: 16px;line-height: 26px;}
.index_news_l ul li:hover p{text-decoration: underline}
.index_news_l ul li img{width: 300px;height: 200px;    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;}
.index_news_l ul li:hover img{width: 300px;height: 200px;   transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.eng_p_l{padding-top: 70px;width: 210px;float: left;}
.eng_p{margin-top: 50px;background: url(../images/bg.jpg) center center no-repeat;width: 100%;height: 414px;overflow:hidden;}
.eng_p_title{padding-top: 15px;font-size: 20px;float: left;text-align: left;font-weight: bold;color: #fff;}
.eng_p_title:before{content: "";position: absolute;top: 70px;left: 0;width: 70px;height: 3px;background: #fff;}
.eng_p_m{background: #fecb09;width: 180px;height: 60px;line-height: 60px;text-align: center;float: left;margin-top: 40px;}
.eng_p_m a{color: #035083;font-weight: bold;text-transform: uppercase;font-size: 16px;display: block;width: 100%;height: 60px;line-height: 60px;}
.eng_p .mask{width: 940px;float: right;margin: 60px auto 0 auto;position: relative;height: 350px;overflow: hidden;}
.eng_p .mask ul{position: relative;overflow: hidden}
.eng_p .mask ul li{background: #fff;width: 300px;height: 350px;outline: #b2b2b2 1px solid;outline-offset: -1px;float: left;margin-right: 14px;}
.eng_p .mask ul li .eng_l_t{width: 300px;height: 200px;position: relative;overflow: hidden;}
.eng_p .mask ul li h2{width: 300px;height: 50px;line-height: 50px;background-color:#2ea8e6;text-align: left;text-indent: 2em;color: #fff;font-size: 16px;text-transform: capitalize;position: absolute;left: 0;bottom: 0;}

.eng_p .mask ul li  img{width: 300px;height: 200px;    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;}
.eng_p .mask ul li:hover img{width: 300px;height: 200px;   transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.eng_p .mask ul li p{width: 90%;margin: 0 auto;padding: 20px 0;font-size: 16px;color:#555;line-height: 26px;}
.eng_p .mask ul li:hover p{text-decoration: underline;color: #035083}
.eng_p .preview,.eng_p .next{background:url(../images/arrow_l.png) center center no-repeat;width: 24px;height: 44px;left: 40px;bottom:100px;cursor: pointer;position: absolute}
.eng_p .next{left: 120px;background:url(../images/arrow_r.png) center center no-repeat;}
.rili{background: url(../images/xiaoli_bg.jpg) center center no-repeat;float: left;width: 300px;height: 200px;margin:50px auto;text-align: center}
.rili a{display: inline-block;width: 300px;height: 200px;}
.rili h2{line-height: 26px;font-size: 24px;color: #fff;margin: 70px auto;width:200px;}
.stu_staff{width: 100%;margin: 0 auto;padding: 0;height: auto;overflow: hidden}
.stu_staff ul li{float: left;width:380px;height: 400px;background-repeat: no-repeat;background-position: center center;margin-right: 30px;transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;overflow: hidden}
.stu_staff ul li:nth-child(3){margin-right: 0;}
.stu_staff_t{text-align: center;width: 100%;height: 120px;line-height: 120px;font-size: 30px;font-weight: bold;background:rgba(0,0,0,0.5);margin-top: 140px;}
.stu_staff_t h2{width: 180px;line-height: 36px;color: #fff;padding-top: 20px;text-align: center;margin: 0 auto}
.stu_staff_t2{display: none}
.stu_staff ul li:hover .stu_staff_t2{display: block;width: 100%;height: 100%;background:rgba(0,0,0,0.5);cursor: pointer;overflow: hidden}
.stu_staff ul li .stu_staff_t2 h2{width: 300px;line-height: 36px;color: #fff;padding-top: 40px;text-align: center;margin: 0 auto;font-size: 30px;height: auto;margin-bottom: 50px;}
.stu_staff ul li .stu_staff_t2 p{text-align: center;margin-top: 20px;}
.stu_staff ul li .stu_staff_t2 p a{font-size: 16px;color: #fff;}
.stu_staff ul li .stu_staff_t2 p a:hover{color:#fecb09;text-decoration: underline}
.stu_staff ul li:hover .stu_staff_t{display: none}
.stu_staff ul li:nth-child(2) .stu_staff_t h2{line-height: 120px;padding-top: 0;}
.stu_staff ul li:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.club{background: #efefef;padding:60px 0;width: 100%;margin: 0 auto;height: auto;overflow: hidden}
.club_l{width: 180px;padding-top: 50px;float: left;}
.club_p_title{padding-top: 15px;font-size: 24px;float: left;text-align: left;font-weight: bold;color: #035083;width:120px;}
.club_p_title:before{content: "";position: absolute;top: 50px;left: 0;width: 70px;height: 3px;background: #035083;}
.club_p_m{background: #fecb09;width: 180px;height: 60px;line-height: 60px;text-align: center;float: left;margin-top: 60px;}
.club_p_m a{color: #035083;font-weight: bold;text-transform: uppercase;font-size: 16px;display: block;width: 100%;height: 60px;line-height: 60px;}
.club_r{width: 920px;float: right;margin: 0px auto;}
.club_r ul li{width: 230px;float: left;height: 150px;}
.club_r ul li img{width: 230px;height: 150px; transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -moz-transition-duration: .3s;}
.club_r ul li:hover img{outline: #ccc 1px solid;outline-offset: -1px; transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);}
.footer{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 0;}
.foot_t{background: #3b3b3b;height: 230px;width: 100%;}
.foot_f{background: #000;height: 50px;width: 100%;}
.foot_f p{line-height: 50px;height: 50px;text-align: left}
.foot_t_logo{margin-top: 40px;float: left;}
.foot_t_add{float: left;margin-left: 120px;margin-top: 30px;}
.foot_t_add p{margin:20px auto;height: auto;overflow: hidden;font-size: 16px;line-height: 24px;color: #999}
.foot_t_add p a{color:#999;}
.foot_t_add p img{margin-right: 15px;}
.foot_qr{float:left;width:120px;height:120px;margin-top:50px;margin-left:60px;}
.foot_qr img{width:120px;height:120px;}
.foot_t_r{float: right;width: 160px;margin-top: 20px;margin-right: 5px;}
.foot_t_r ul li{width: 160px;height: 60px;border: #999 1px solid;line-height: 60px;margin-top: 20px;}
.foot_t_r ul li h2{color: #999;font-size: 16px;text-align:center; }
.foot_t_r ul li span{float: right;margin-right: 20px;color: #999;font-size: 16px;display:none;}
.foot_t_r ul li:hover h2{text-decoration: underline}
.ny_banner{width: 100%;height:170px;overflow: hidden;position: relative}
.ny_banner img{width: 100%;}
.ny_banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.ny_banner .banner_img { position:absolute; left:50%; top:0; margin-left:-50%; width:100%; height:170px; }
.ny_banner ol { position:absolute; right:0; bottom:10px; width:100%;margin: 0 auto;text-align: center}
.ny_banner ol li { display:inline-block; margin:0 8px; width:12px; height:12px; border-radius:12px; background:none; cursor:pointer;background: #fff; }
.ny_banner ol li.active {  background:#035083; }
.mbx{height: 50px;line-height: 50px;border-bottom:#ccc 1px solid;color: #aaa;}
.mbx_z{text-align: left}
.mbx_z a{color: #aaa;margin: 0 5px}
.mbx_z a:hover{text-decoration: underline}
.list_l{width: 320px;height: auto;overflow: hidden;float: left;margin-bottom: 50px;}
.list_r{width: 820px;float: right;height: auto;overflow: hidden;margin-bottom: 50px;}
.list_sub{width: 100%;height: auto;overflow: hidden}
.list_sub ul li{color: #555;background: #ddd;width: 100%;margin-bottom: 2px;}
.list_sub ul li a{display: block;color: #555;line-height: 70px;height: 70px;font-size: 18px;font-weight: bold;text-align: left;width: 88%;margin:0 auto;}
.list_sub ul li .en_long{color: #555;display: block;width: 88%;font-size: 18px;font-weight: bold;margin: 0 auto;height: 60px;line-height: 26px; padding-top: 10px;vertical-align: middle;text-align: left;}
.list_sub ul li:hover{background: #fecb09;}
.list_sub ul li:hover ul li{background:#f9f9f9;}
.list_sub ul li ul{background: #f9f9f9;}
.list_sub ul li ul li{height: 36px;line-height: 36px;margin-bottom: 0;padding: 5px 0;background: #f9f9f9;position: relative}
.list_sub ul li ul li a{width: 80%;font-size: 16px;height: 36px;line-height:36px}
.list_sub ul li ul li:hover a{color: #058ce5;text-decoration: underline;}
.list_sub ul li ul li:hover:before{content:"";width: 5px;height: 2px;position: absolute;left: 18px;top: 50%; background: #035083;}
.list_sub ul li.active{background: #fecb09;}
.list_sub ul li ul li.active{background: none;}
.list_sub ul li ul li.active a{color: #058ce5;text-decoration: underline;}
.list_sub ul li ul li.active:before{content:"";width: 5px;height: 2px;position: absolute;left: 18px;top: 50%; background: #035083;}
.inone{display: none}
.list_teacher{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 0}
.list_teacher ul li{margin: 20px auto 40px auto;width: 100%;height: 200px;overflow: hidden}
.list_teacher ul li img{width: 160px;height: 200px;float: left;}
.list_teacher ul li .list_t_r{float: right;width: 76%;}
.list_teacher ul li .list_t_r h2{font-size: 22px;color: #333;font-weight: bold;text-transform: capitalize;}
.list_teacher ul li .list_t_r h3{font-size: 22px;color: #333;font-weight: bold;text-transform: capitalize;}
.list_teacher ul li .list_t_r p{font-size: 16px;color: #555;line-height: 26px;margin: 25px auto;height: 75px;}
.list_teacher ul li .list_t_r span{text-decoration: underline;color: #035083;font-size: 16px;}
.list_teacher ul li:hover .list_t_r p{text-decoration: underline}

.list_teacher2{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 0}
.list_teacher2 ul li{margin: 20px auto 40px auto;width: 100%;height: 200px;overflow: hidden}
.list_teacher2 ul li img{width: 300px;height: 200px;float: left;}
.list_teacher2 ul li .list_t_r{float: right;width: 60%;}
.list_teacher2 ul li .list_t_r h2{font-size: 22px;color: #333;font-weight: bold;text-transform: capitalize;}
.list_teacher2 ul li .list_t_r h3{font-size: 22px;color: #333;font-weight: bold;text-transform: capitalize;}
.list_teacher2 ul li .list_t_r p{font-size: 16px;color: #555;line-height: 26px;margin: 15px auto;height: 75px;}
.list_teacher2 ul li .list_t_r span{color: #999999;font-size: 16px;}
.list_teacher2 ul li:hover .list_t_r p{text-decoration: underline;color: #035083}
.list_teacher2 ul li:hover .list_t_r h2{color: #035083}
.p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px;background: #ddd; color: #333 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; background:#fecb09; color:#333; }
.page a:hover, .page li.thisclass a { background:#fecb09; color:#333; }
.page li { display:inline-block; *display:inline; *zoom:1; }
.page li select{ font-size:16px;}
.page li option{font-size:16px; }
.page span{display:inline-block;}
.list_news{width: 100%;height: auto;overflow: hidden;}
.list_news ul li{width: 100%;margin: 30px auto;padding-bottom: 20px;border-bottom: #999 1px dashed;}
.list_news ul li h2{color: #333;font-weight:bold;font-size: 22px;line-height: 26px}
.list_news ul li p{color: #555;font-size:16px;line-height: 26px;margin: 20px auto}
.list_news ul li span{font-size: 16px;color: #999;margin: 20px auto 0 auto;display: block}
.list_news ul li:hover h2{color: #035083}
.list_news ul li:hover p{color: #035083}
.list_hezuo{width: 100%;margin: 0 auto;padding: 0;height: auto;overflow: hidden}
.list_hezuo ul li{width:230px;height: 150px;outline:#e5e5e5 1px solid;outline-offset: -1px;float: left;margin:20px;}

.fck{ line-height: 26px;color: #000;font-size: 16px;margin-top: 50px;}
.fck p,.fck div{line-height: 26px;color: #000;font-size: 16px;}
.art_title{text-align: center;line-height: 46px;font-size: 30px;color: #333;font-weight: bold;margin: 30px auto 30px auto;height: auto;}
.vsbcontent_img{text-align: center;}
.vsbcontent_img img{text-align: center;}
.fck img{text-align: center;}
.fck tr td,.fck tr th{vertical-align:middle}
.num_a-z{width: 100%;margin-top: 20px;}
.num_a-z ul li a{width: 35px;height: 35px;margin-right: 4px;float: left;border:#ccc 1px solid; text-align: center;line-height: 39px;font-size: 16px;color: #111;display: block;margin-top: 8px;}
.num_a-z ul li a:hover{background: #fecb09;}
.num_a-z ul li a.active{background: #fecb09;}
.page{text-align:center;}
    .page table{width: 100%;text-align: center;margin:0 auto;display:inline;}

.page td{font-size: 16px !important}
.page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #fecb09;
    color: #333 !important;}
.page td span{    margin: 0 5px !important;
    padding: 8px 12px !important;
    background: #eee !important;
    color: #333 !important;
    font-size: 16px !important;
    border:0 !important;
}


.page td a{    margin: 0 5px !important;
    padding: 8px 12px !important;
    background: #ddd !important;
    color: #333 !important;
    font-size: 16px !important;
    border:0 !important;
}
.page td a:link{  background: #eee !important; border:0 !important;    font-size: 16px !important;}
.page td a:visited{  background: #eee !important; border:0 !important;    font-size: 16px !important;}

.page td a:hover{  background: #fecb09 !important; border:0 !important;    font-size: 16px !important;}

.page td a:active{  background: #fecb09 !important; border:0 !important;    font-size: 16px !important;}

.page .this-page{    background: #fecb09 !important;}
.sitemap_bt{font-size: 42px;color: #000;text-transform: capitalize;margin: 50px auto;float: left;width: 100%;}
.sitemap_l{width:31%;float:left;margin-left: 2%;text-align: left;margin-bottom:50px;height:600px;}
.sitemap_l ul {list-style-type:disc;margin-top:1em;}
.sitemap_first{font-size:20px;font-weight: bold;color: #000;}
.sitemap_l ul li a{color: #035083;text-decoration: underline;line-height: 30px;font-size:16px}
.sitemap_l ul li ul li a{font-size:14px}
.sitemap_l ul ul {list-style-type: circle;margin-left: 1.5em;margin-top:0;}
.sitemap2 ul li:nth-child(1) ul{display: none}
.sitemap2 ul li:nth-child(7) ul{display: none}
.sitemap5 ul li:nth-child(1) ul{display: none}

.h200{height:200px}
.list_pd{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.list_pd ul li{float:left;width:390px;height: auto;overflow: hidden;margin-bottom: 40px;}
.list_pd ul li:nth-child(2n){float: right;}
.list_pd ul li img{width: 390px;height: 260px;}
.list_pd ul li h2{font-size: 22px;color: #333;font-weight: bold;text-align: left;margin-top: 20px;}
.items_two{width: 100%;text-align: center;margin: 50px auto;}
.items_two a{display: inline-block;width: 150px;height: 40px;color: #333;text-align: center;line-height: 40px;font-size: 16px;margin: 0 10px;background: #ddd;font-weight: bold;}
.items_two a.active{background: #fecb09;}
.list_teacher_title{background: #035083;text-align: center;color: #fff;font-size:20px;height: 50px;line-height: 50px;}
@media screen and (max-width:1600px){
.device{height: 355px}
}
@media screen and (max-width:1440px){
.device{height: 319px}
}
@media screen and (max-width:1366px){
.device{height: 302px}
}
@media screen and (max-width:1280px){
.device{height: 283px}
}
@media screen and (max-width:1024px){
    .lan{margin-right: 70px;}
    header button{display: block}
nav{display:none}
.device{height: 229px}
.wrapper{width: 96%}
.wrapper2{width: 96%}
.intro{width: 100%;float: none;}
.search{width: 100%;float: none;}
.notice{width: 97%;float: none;}
.search ul li{text-align: center}
.notice_list .list_n_r{width: 88%;}
.index_news{width: 100%;float: none;}
.index_news_l ul li{text-align: center}
.index_news_l ul li h2{text-align: left}    
.index_news_l ul li h3{text-align: left}    
.index_news_l ul li p{text-align: left} 
.eng_p{margin-top: 0;height: auto;}
.eng_p_l{float: none;width: 100%;padding-top: 50px;margin-top: 50px;height: auto;overflow: hidden}  
.eng_p_m{float: right;margin-top: 15px;}
.eng_p_title{margin-top: 15px;}
.eng_p .mask{width: 95%;float: none;}   
.rili{display: none}    
.device2{float: none;}
.stu_staff ul li{float: none;margin: 0 auto 30px auto}
.stu_staff ul li:nth-child(3){float: none;margin: 0 auto 30px auto} 
.club{padding: 0}
.club_l{float: none;width: 100%;height: auto;overflow: hidden}
.club_p_m{float: right;margin-top: 0;}  
.club_r{width: 100%;float: none;text-align: center;margin:50px auto;height: auto;overflow: hidden}  
.club_r ul li{display: inline-block;float: none;}   
.foot_t{height: auto;overflow: hidden;} 
.foot_t_logo{float: none;text-align: center;margin: 40px auto;}
.foot_t_add{margin-left: 0;}    
.list_r{float: none;width: 100%;}   
.list_l{float: none;width: 100%;}
    nav{height: auto;line-height: 50px;background: #035083;}
    nav ul{width: 100%;height: auto;overflow: hidden}
    nav ul li{width: 100%;padding: 0;height:50px;line-height: 50px;border-top: #fff 1px solid;border-bottom: 0;margin: 0 auto;text-align: center;float: none;}  
    nav ul li:hover .index_nav_sub{display: none}
    nav ul li a{line-height: 50px;height: 50px;color: #fff;}
    nav ul li:hover{border-bottom: 0;padding-bottom: 0;}
    nav ul li:hover a{color: #fff;}
    nav ul li.active{border-bottom: 0;padding-bottom: 0;}
    nav ul li.active a{color: #fff;}
    .nav_menu3 > ul > li:hover > a{color:#fecb09;border-bottom:#fff 3px solid}
    .nav_menu3 > ul > li.active > a{color:#fecb09;border-bottom:#fff 3px solid}
    .nav_menu3 > ul > li{padding: 0}
    .list_hezuo{text-align: center}
    .list_hezuo ul li{float: none;margin: 0 auto;display: inline-block;text-align: center}
    .list_hezuo ul li:nth-child(3n){margin: 0 auto;}
    .ny_banner img{width: 100%;height: 100% !important;}
    .eng_p .preview, .eng_p .next{display: none}
    .list_pd ul li{width: 50%;text-align: center;margin:0 auto 50px auto;}
    .list_pd ul li h2{text-align: center;}
    .nav_menu3{width: 100%;}
}
@media screen and (max-width:800px){
    .nav_menu3{background: #035083;}
.device{height:172px}
    .eng_p .mask{width: 85%;}
    .fck img{width: 100% !important;height: 100% !important}
    .list_sub ul li .en_long{line-height: 50px}
.list_teacher2 ul li{text-align: center;height: auto;overflow: hidden;} 
.list_teacher2 ul li img{float: none;}
.list_teacher2 ul li .list_t_r{float: none;width: 100%;margin-top: 20px;}
.list_teacher2 ul li .list_t_r h2{text-align: left;}
.list_teacher2 ul li .list_t_r p{text-align: left;}
.list_teacher2 ul li .list_t_r span{text-align: left;float: left;display: block;}
    .nav_menu3 > ul > li > a{color: #fff}
    .nav_menu3 ul li:hover ul{display: none}
    .top_search{display: none}
}
    

@media screen and (max-width:640px){
    .device{height:143px}
    .list_teacher ul li .list_t_r{width: 70%;}  
    .notice_list .list_n_r{width: 82%;}
    .eng_p .mask{width: 100%;}
    .foot_t_add{float: none;width: 100%;text-align: center;margin: 30px auto}
    .foot_t_r{float: none;text-align: center;margin: 0 auto 30px auto}
    .foot_f p{text-align: center}
    .device2{width: 100%;height: 140px;}
    .list_pd ul li{width: 100%;float: none !important; }
}

@media screen and (max-width:480px){
.sitemap_l{width:90%;margin-left:10%}
    .device{height:93px}
    .blank30{display: none}
    #vsb_content table{width: 100% !important ; }
    nav ul li a{font-size: 18px;}
    .mbx{height: auto;line-height: 30px;padding: 10px 0}
    .list_teacher ul li{height: auto;text-align: center}
    .list_teacher ul li img{float: none;text-align: center;margin: 0 auto}
    .list_teacher ul li .list_t_r{width: 100%;float: none;margin-top: 10px;}
    .list_teacher ul li .list_t_r p{height: auto;margin: 25px auto 0 auto;text-align: left}
    .list_hezuo ul li{margin: 10px auto}
    .search form input[type=text]{width: 210px;}
    .search ul {margin-top: 30px;}
    .search ul li{width: 100%;float: none;overflow: hidden;margin-top: 0}
    .search form{overflow: hidden;float: none;}
    .notice{width: 95%;margin-top: 0;}
    .notice_list .list_n_r{width: 75%;}
    .notice_list ul li{margin-bottom: 50px;}
    .index_news_l ul li{float: none;width: 100%;margin-bottom: 20px;}
    .index_news_l ul li:nth-child(2){float: none;width: 100%;}
    .eng_p .mask{width: 77%;}
    .device2{height: 90px}
    .pagination2{bottom: 10px}
    .club_r ul li{margin: 10px auto}
    .eng_p{background: #035083;margin-top: 50px;padding-bottom: 50px;}
    .eng_p_l{margin-top: 0;padding-top: 0;}
    .eng_p_title{font-size: 20px;}
    .pagination{bottom: 5px}
    .swiper-pagination-switch{width: 30px;}
    .device .arrow-left{display: none}
    .device .arrow-right{display: none}
    .notice_list ul li{height: auto;overflow: hidden;margin-bottom: 30px;}
    .notice_list .list_n_l{float: none;margin: 0 auto}
    .notice_list .list_n_r{float: none;width: 100%;margin-top: 20px;}
    .logo{margin-top: 25px;width:70%}
    .logo img{width:100%}
    .logo a:nth-child(1) img{display:none;}
    header button{right: 62px}
    .lan{width: 50px;margin-right: 0;}
    .lan ul li{width: 100%;float: none;}
    .lan ul li:nth-child(2){display: none}
    .list_teacher2 ul li .list_t_r span{margin-top: 20px;}
    .foot_qr{float:none;text-align:center;margin:0 auto;}

}

@media screen and (max-width:375px){
    .list_pd ul li img{width: 100%;height: auto;}
        .device{height:84px}
    .eng_p .mask{width: 84%;}
    .eng_p{background: #035083;margin-top: 0;padding-top: 50px;}
    .search form input[type=text]{width: 175px;}
    .device2{display: none}
    .stu_staff ul li{width: 100%;}
    .foot_f{height: auto;overflow: hidden;line-height: 30px;}
    .logo{width: 69%}
    .lan{position: absolute;right: 0;top: 0}
        .list_teacher2 ul li .list_t_r span{margin-top: 30px;}

}
@media screen and (max-width:360px){
        .device{height:81px}
        .search form input[type=text]{width: 170px;}
    .eng_p_title{width: 100%;float: none;margin:0 auto}
    .eng_p_m{float: none;margin: 0 auto;display: none}
    .eng_p{padding-top: 20px;}
    .eng_p .mask{width: 87%;}
        
    
}
@media screen and (max-width:320px){
        .device{height:72px}
    .search form input[type=text]{width: 133px;}
    .eng_p .mask{width: 98%;}
    .foot_t_logo img{width: 100%;} 
    .foot_f{height: auto;overflow: hidden;line-height: 30px;}
    .logo{width: 63%}
    .lan{top:15px;margin-top: 0; }
    header button{top: 22px}
        .list_teacher2 ul li .list_t_r span{margin-top: 50px;}
}