@charset "UTF-8";
.vsbcontent_img{
  text-align: center;
  text-indent: 0;
}
/*单行溢出*/
.one_row_ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.header {
  /* height: 900px; */
}
.header .top {
  width: 100%;
  height: 30px;
  background-color: #0f3677;
}
.header .top .wrapper {
  width: 1304px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 102px 0 0;
}
.header .top .wrapper .left {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: #e5c797;
}
.header .top .wrapper .right {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.header .top .wrapper .right .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: #b8bdc3;
}
.header .top .wrapper .right .item .home_icon {
  width: 15px;
  height: 13px;
  margin: 0 9px 0 0;
}
.header .top .wrapper .right .item .earth_icon {
  width: 13px;
  height: 13px;
  margin: 0 12px 0 0;
}
.header .top .wrapper .right .item:nth-child(1) {
  margin: 0 31px 0 0;
}
.header .logo {
  width: 100%;
  height: 194px;
  background-image: url("../images/logo/logo_area_bg.png");
  background-repeat: no-repeat;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
}
.header .logo .wrapper {
  width: 1304px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .logo .wrapper .left .logo_pic {
  width: 460px;
  /* height: 105px; */
}
.header .logo .wrapper .right .school_motto {
    width: 424px;
}
.header .nav {
  position: relative;
  width: 100%;
  height: 73px;
  background: url("../images/nav/nav_bg.png") no-repeat center/cover;
  top: -20px;
}
.header .nav .wrapper {
  width: 1304px;
  height: 58px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .nav .wrapper .item {
  width: 155px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.header .nav .wrapper .item:hover {
  background: #E0C48D;
  color: #293B64;
}
.header .nav .wrapper .one_menu {
  display: block;
  position: relative;
  z-index: 8;
}
.header .nav .wrapper .one_menu > ul {
  display: none;
  position: absolute;
  top: 60px;
  left: 0px;
  background-color: rgba(40, 83, 156, 0.9);
}
.header .nav .wrapper .one_menu > ul li {
  position: relative;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.header .nav .wrapper .one_menu > ul a {
  color: #ffffff;
  display: block;
  width: 145px;
  line-height: 30px;
  padding: 10px 20px;
}
.header .nav .wrapper .one_menu > ul a:hover {
  color: #293B64;
}
.header .nav .wrapper .one_menu > ul .two_item:hover {
  background: #E0C48D;
}
.header .nav .wrapper :hover > ul {
  display: block;
}
.header .nav .banner {
  position: absolute;
  top: 58px;
  z-index: -200;
  width: 100%;
  overflow: hidden;
}


.main {
  width: 1208px;
  margin: 0 auto;
}

.footer {
  height: 290px;
  width: 100%;
  background-image: url("../images/footer/footer_bg.png");
  background-repeat: no-repeat;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
}
.footer .wrapper {
  width: 1208px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.footer .wrapper .left {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .wrapper .left .school_logo {
  width: 288px;
  height: 173px;
  margin: 0 154px 0 0;
}
.footer .wrapper .left .school_logo img {
  width: 100%;
  height: 100%;
}
.footer .wrapper .left .school_info .adress_box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px 0;
}
.footer .wrapper .left .school_info .adress_box .adress_icon {
  width: 13px;
  height: 18px;
  margin: 0 14px 0 0;
}
.footer .wrapper .left .school_info .email_box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px 0;
}
.footer .wrapper .left .school_info .email_box .email_icon {
  width: 16px;
  height: 12px;
  margin: 0 10px 0 0;
}
.footer .wrapper .left .school_info .phone_box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
  display: flex;
}
.footer .wrapper .left .school_info .phone_box .phone_icon {
  width: 15px;
  height: 15px;
  margin: 0 10px 0 0;
}
.footer .wrapper .left .school_info .fax_box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .wrapper .left .school_info .fax_box .fax_icon {
  width: 15px;
  height: 15px;
  margin: 0 10px 0 0;
}
.footer .wrapper .right .school_code {
  width: 128px;
  height: 128px;
}
.footer .wrapper .right .school_code img {
  width: 100%;
  height: 100%;
}
.footer .extra {
  width: 100%;
  height: 44px;
  background: #234586;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #b8c4d8;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .extra .sydw_box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 20px 0 0;
}
.footer .extra .sydw_box .sydw_icon {
  width: 26px;
  height: 33px;
  margin: 0 7px 0 0;
}
.footer .extra .gongan_box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .extra .gongan_box .gongan_icon {
  width: 17px;
  height: 19px;
  margin: 0 7px 0 0;
}


.banner img{
    width: 100%;
    margin-top: -35px;
}
.mb_box{
    padding: 30px 0 17px;
    border-bottom: 1px solid #EDEFF3;
    margin-bottom: 40px;
}
.mb_box a{
    font-size: 14px;
    color: #8B8B8B;
}
.main .title{
    font-weight: bold;
    font-size: 28px;
    color: #1D1F22;
    text-align: center;
}
.main .time{
    font-size: 14px;
    color: #9A9C9F;
    text-align: center;
    margin: 25px auto 40px;
}
.main .content{
    font-size: 16px;
    color: #4B4E52;
    margin-bottom: 77px;
}