@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;
}
.main .left{
    width: 257px;
    position: relative;
    top: -103px;
    display: inline-block;

}
.main .left .title{
    width: 257px;
    color: #fff;
    font-size: 28px;
    text-align: center;
    background: #204b9cc4;
    padding: 32px 0;
}
.main .left ul{
    width: 257px;
    background-image: url(../images/list/left_nav_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    padding-bottom: 30px;
}
.main .left ul li a{
    display: block;
    padding: 24px 0px 24px 24px;
    border-bottom:1px solid #E4E5E8;
    color: #2F2F2F;
}
.main .left ul li:last-child a{
    border: none;
}
.main .left ul li a::before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background-image: url(../images/list/list_jt.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    margin-right: 20px;
}
.main .left ul li .ac{
    color: #234A94 !important;
}
.main .left ul li .ac::before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background-image: url(../images/list/list_ac_jt.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    margin-right: 20px;
}
.main .right{
    display: inline-block;
    width: 923px;
    vertical-align: top;
    margin-left: 20px;
    margin-top: 25px;
    margin-bottom: 34px;
}
.main .right .mb_box a{
    font-size: 14px;
    color: #8B8B8B;
}
.item_list li a{
    display: block;
    padding: 22px 0;
    border-bottom: 1px solid #EDEFF3;
    font-size: 16px;
    color: #4B4E52;
}
.item_list li a p{
    display: inline-block;
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.item_list li a span{
    display: inline-block;
    width: 10%;
    color: #B1B2B4;
    text-align: right;
    vertical-align: middle;
}
.item_list li a::before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #D0D9E8;
    border-radius: 50%;
    margin-right: 15px;
}
.page{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 19px;
}
.page a{
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #030303;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
}
.page .ac{
    background: #234F98 !important;
    color: #fff !important;
}
.page  .page_size{
    font-size: 14px;
    color: #939393;
    margin-left: 30px;
}


.img-title{
  font-size: 26px;
  font-weight: bold;
  color: #1C191A;
  padding: 30px;
}
.list-img{
  padding: 25px;
}
.list-img > div{
  width: 31.9%;
  background: #F1F1F1;
  display: inline-block;
  margin-right: 1.6%;
  margin-bottom: 30px;
}
.list-img > div:nth-child(3n)
{
  margin-right:0;
}

.list-img > div img{
  width: 100%;
  height: 256px;
  object-fit: contain;

}
.list-img > div p{
  font-size: 17px;
  font-weight: 400;
  color: #1C191A;
  text-align: center;
  padding: 15px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}