﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  @media screen and (max-width: 979px) {
    .top {
      width: 100vw;
      height: 15.466vw;
      padding: 3.466vw 4vw 2.4vw;
      position: fixed;
      top: 0;
      z-index: 999;
      background-color: #fff;
    }
    .logo-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo img {
      width: 73.866vw;
      height: auto;
    }
    .menu {
      width: 4.8vw;
      height: 3.733vw;
      background: url('menu.png')no-repeat center/cover;
    }
    .nav {
      display: none;
      position: absolute;
      z-index: 99;
      left: 0;
      width: 100vw;
      padding: 0 4vw;
      background: #fff;
    }
    .nav li {
      border-bottom: 1px solid #E7ECF5;
    }
    .nav li:last-child {
      border: none;
    }
    .nav li a {
      font-size: 4vw;
      line-height: 15vw;
      font-family: "PingFang SC";
      display: block;
    }
    .banner {
      position: relative;
      margin-top: 15.466vw;
    }
    .swiper1 {
      width: 100vw;
      height: 48vw;
    }
    .swiper1 .swiper-slide {
      height: 48vw;
      background-position: center;
      background-size: cover;
    }
    .pagination1 {
      position: absolute;
      z-index: 9;
      width: 100%;
      height: 1.866vw;
      bottom: 4vw;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .pagination1 span {
      width: 1.866vw;
      height: 1.866vw;
      margin: 0 1.066vw;
      background-color: #333;
      opacity: 0.26;
      border-radius: 0;
    }
    .pagination1 .swiper-pagination-bullet-active {
      background-color: #014099;
      opacity: 1;
    }
    .index-box1 {
      /* padding: 0 4vw; */
      position: relative;
    }
    .swiper2 {
      height: 87.732vw;
    }
    .swiper2 .swiper-slide {
      /* width: 92vw; */
      width: 100vw;
      height: 29.244vw;
      padding: 4vw 4vw 0;
  
    }
    .swiper2 .swiper-slide:nth-child(3n+3) .news-box {
      border-bottom: none;
    }
    .news-box {
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      /* height: 29.244vw; */
      height: 100%;
      border-bottom: 1px solid #D4DBE8;
      padding-bottom: 4vw;
    }
    .swiper2 .swiper-slide a {
      width: 100%;
      font-family: "PingFang SC";
      font-weight: 400;
      font-size: 4vw;
      line-height: 6.4vw;
      text-align: left;
      color: #505050;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .time-box {
      height: 3.2vw;
      overflow: hidden;
      font-family: "PingFang SC";
      font-weight: 400;
      font-size: 3.2vw;
      text-align: left;
      color: #8192ab;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .time-box i {
      width: 3.2vw;
      height: 3.2vw;
      background: url('waptime.png')no-repeat center/cover;
      margin-right: 1.333vw;
    }
    .time-box span:nth-child(3) {
      font-family: "PingFang SC";
      font-weight: 400;
      font-size: 3.2vw;
      text-align: left;
      color: #05439b;
      border-left: 1px solid #D4DBE8;
      margin-left: 2.133vw;
      padding-left: 1.866vw;
    }
    .swiper2 .time-box {
      margin-top: 3.733vw;
    }
    .swiper2-btn-box {
      height: 9.6vw;
      margin-top: 1.6vw;
      border: 1px solid #D4DBE8;
      border-left: none;
      border-right: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .swiper2-btn-box .btn {
      width: 33.066vw;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .swiper2-btn-box .btn i {
      width: 2.133vw;
      height: 3.733vw;
      background: url("wapprev.png")no-repeat center/cover;
    }
    .swiper2-btn-box .swiper2-next i {
      background: url("wapnext.png")no-repeat center/cover;
    }
    .swiper2-btn-box .swiper2-more {
      width: 33.333vw;
      height: 100%;
      text-align: center;
      font-family: "Arial";
      font-weight: 400;
      font-size: 3.466vw;
      color: #7d92b1;
      border: 1px solid #D4DBE8;
      border-top: none;
      border-bottom: none;
    }
    .more-box {
      display: block;
      width: 14.933vw;
      height: 4vw;
      font-family: "Arial";
      font-weight: 400;
      font-size: 3.466vw;
      line-height: 4vw;
      color: #7d92b1;
      position: relative;
      text-align: center;
    }
    .more-box span {
      position: absolute;
      width: 100%;
      height: 1.333vw;
      background: #E1E8F5;
      left: 0;
      top: 1.2vw;
      z-index: -1;
    }
    .index-box2 {
      padding: 8vw 3.466vw 0;
    }
    .tit-box {
      width: 100%;
      height: 6.4vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .tit-box div {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .tit-box div h1 {
      font-weight: 400;
      font-size: 4.8vw;
      color: #414853;
    }
    .tit-box div span {
      width: 1.333vw;
      height: 1.333vw;
      background: #768BAA;
      margin-right: 2.666vw;
    }
    .big-img {
      width: 93.066vw;
      height: 62.933vw;
      background: url("wapimgbg.png")no-repeat center/cover;
      padding: 0.8vw;
      position: relative;
      margin-top: 5.6vw;
    }
    .big-img img {
      width: 100%;
      height: 100%;
    }
    .big-img a {
      position: absolute;
      width: 91.466vw;
      height: 14.133vw;
      background: url('wapabg.png')no-repeat center/cover;
      left: 0.8vw;
      bottom: 0.8vw;
      line-height: 14.133vw;
      padding-left: 4VW;
      font-size: 4VW;
      color: #fff;
    }
    .img-list-box {
      width: 91.466vw;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      margin-top: 3.2vw;
    }
    .img-list-box li {
      width: 20.266vw;
      height: 13.333vw;
      padding: 0.8vw;
      position: relative;
    }
    .img-list-box li.active {
      padding: 0;
    }
    .img-list-box li img {
      width: 100%;
      height: 100%;
    }
    .img-list-box li a {
      display: none;
    }
    .img-list-box li span {
      display: none;
      position: absolute;
      left: 1.6vw;
      bottom: 1.6vw;
      width: 18.666vw;
      height: 4.266vw;
      line-height: 4.266vw;
      background: url("waptimebg.png")no-repeat center/cover;
      padding-left: 0.8vw;
      font-family: "DIN";
      font-weight: 400;
      font-size: 2.666vw;
      color: #505050;
    }
    .img-list-box li.active span {
      display: block;
    }
    .box-list-ul li {
      padding: 4vw 0;
      border-bottom: 1px solid #E7ECF5;
    }
    .box-list-ul li a {
      display: block;
      width: 100%;
      font-family: "PingFang SC";
      font-size: 4vw;
      line-height: 6vw;
      color: #505050;
      /* white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; */
    }
    .time-more {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 3.2vw;
    }
    .time-more .more {
      width: 6.666vw;
      height: 1.333vw;
      background: url("wapmore.png")no-repeat center/cover;
    }
    .index-link-box {
      padding: 0 4vw;
      margin-top: 8vw;
    }
    .link-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 6.4vw;
    }
    .link-list li {
      width: 43.866vw;
      height: 32.533vw;
      text-align: center;
      background: #8196b8;
      margin-bottom: 3.733vw;
    }
    .link-list li:nth-child(2) {
      background: #7ea5a8;
    }
    .link-list li:nth-child(3) {
      background: #7ea5a8;
    }
    .link-list li a {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-content: flex-start;
      padding-top: 6.4vw;
    }
    .link-list li a span {
      width: 100%;
      font-size: 4.266vw;
      color: #fff;
      height: 8.266vw;
    }
    .link-list li i {
      display: block;
      width: 10.666vw;
      height: 10.666vw;
      margin-bottom: 3.2vw;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .link-list li:first-child i {
      height: 10.133vw;
      background-image: url("wapicon1.png");
    }
    .link-list li:nth-child(2) i {
      width: 9.6vw;
      background-image: url("wapicon2.png");
    }
    .link-list li:nth-child(3) i {
      background-image: url("wapicon3.png");
    }
    .link-list li:nth-child(4) i {
      background-image: url("wapicon4.png");
    }
    .index-box3 {
      margin-top: 4vw;
      padding: 8vw 4vw 0;
      background: #F5F8FC;
      overflow: hidden;
    }
    .box3-list-box {
      margin-bottom: 8vw;
      position: relative;
      z-index: 1;
    }
    .index-box4 {
      padding: 8vw 4vw;
    }
    .box4-ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      border-bottom: 1px solid #F0F0F0;
    }
    .box4-ul:last-child {
      border-bottom: none;
    }
    .box4-ul li {
      width: calc(100% / 3);
      height: 34.933vw;
      border-left: 1px solid #F0F0F0;
    }
    .box4-ul li:first-child {
      border-left: none;
    }
    .box4-ul li a {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: start;
      text-align: center;
      padding-top: 5.333vw;
    }
    .box4-ul li i {
      width: 13.866vw;
      height: 13.866vw;
      background-color: #F7FBFF;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 10.133vw;
    }
    .box4-ul li a span {
      width: 100%;
      font-family: "PingFang SC";
      font-size: 3.733vw;
      text-align: center;
      color: #677181;
      margin-top: 3.733vw;
    }
    .bottom {
      width: 100vw;
      height: 81.333vw;
      background: url("wapbottombg.png")no-repeat center/cover;
      text-align: center;
      padding-top: 8.266vw;
    }
    .bottom p {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      line-height: 6.933vw;
      text-align: center;
      color: #7f8792;
      opacity: 0.8;
    }
    .bottom a {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      line-height: 6.933vw;
      text-align: center;
      color: #7f8792;
    }
    .bottom img {
      margin: 5.333vw auto;
      width: 22.4vw;
      height: 22.4vw;
    }
    .bg-box {
      margin-top: 15.466vw;
      width: 100vw;
      height: 29.333vw;
      background-image: url('B01.png');
      background-size: cover;
      background-position: center;
    }
    .sub-box {
      width: 100vw;
      overflow: hidden;
    }
    .sub-list {
      display: flex;
      /* justify-content: space-between; */
      align-items: center;
      overflow-x: scroll;
      width: auto;
    }
    .sub-list::-webkit-scrollbar {
      display: none;
    }
    .sub-list li {
      padding: 0 4vw;
      flex-shrink: 0;
      white-space: nowrap;
    }
    .sub-list li a {
      display: block;
      height: 14.4vw;
      position: relative;
    }
    .sub-list li a hr {
      display: none;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 5.333vw;
      height: 0.533vw;
      border: none;
      background: #014099;
    }
    .sub-list li a span {
      font-family: "PingFang SC";
      font-size: 4.533vw;
      line-height: 14.4vw;
      color: #949dab;
    }
    .sub-list li.active span {
      color: #05439b;
    }
    .sub-list li.active hr {
      display: block;
    }
    .box {
      background-color: #F5F8FC;
      padding: 0 4vw;
      overflow: hidden;
    }
    .newshow-box {
      margin-top: 5.333vw;
      padding-bottom: 6.666vw;
    }
    .newshow-box p {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      line-height: 6.4vw;
      text-align: justify;
      color: #7f8792;
      margin-bottom: 4vw;
    }
    .newshow-box img {
      max-width: 100%;
      height: auto;
    }
    .newslist-ul {
      margin-bottom: 4vw;
    }
    .newslist-ul li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #E1E6F0;
      height: 14.4vw;
    }
    .newslist-ul li a {
      font-family: "PingFang SC";
      font-size: 4vw;
      color: #505050;
      display: block;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      max-width: 80%;
      flex: 1;
      flex-shrink: 1;
    }
    .newslist-ul li p {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .newslist-ul li a i {
      width: 1.066vw;
      height: 1.333vw;
      background: #677181;
      margin-right: 1.6vw;
      flex-shrink: 0;
    }
    .newslist-ul li span {
      font-family: "Arial";
      font-size: 3.2vw;
      color: #abb9ce;
      flex-shrink: 0;
    }
    .NewsPage {
      text-align: center;
      font-size: 4vw;
      margin-bottom: 11.2vw;
    }
    .newshow-tit {
      margin-top: 5.333vw;
      border-bottom: 1px solid #E1E6F0;
      padding-bottom: 4vw;
    }
    .newshow-tit h1 {
      font-family: "PingFang SC";
      font-weight: bold;
      font-size: 4.8vw;
      line-height: 7.2vw;
      text-align: left;
      color: #505050;
    }
    .newshow-tit p {
      font-family: "PingFang SC";
      font-size: 3.466vw;
      color: #7f8792;
      margin-top: 2.666vw;
    }
    .sub-box2 {
      width: 100%;
      overflow: hidden;
      margin-top: 4.8vw;
    }
    .sub-list2 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      overflow-x: auto;
    }
    .sub-list2::-webkit-scrollbar {
      display: none;
    }
    .sub-list2 li {
      margin-left: 3.2vw;
    }
    .sub-list2 li:first-child {
      margin-left: 0;
    }
    .sub-list2 li a {
      padding: 2.4vw 4.8vw;
      white-space: nowrap;
      font-family: "PingFang SC";
      font-size: 3.733vw;
      color: #7f8792;
      background: #FFFFFF;
    }
    .sub-list2 li.active a {
      background: #014099;
      color: #FFFFFF;
    }
    .pic-list-ul {
      margin-top: 6.933vw;
    }
    .pic-list-ul li {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5.6vw;
    }
    .pic-box {
      width: 32vw;
      height: 39.2vw;
      overflow: hidden;
    }
    .pic-box img {
      width: 100%;
      height: 100%;
    }
    .pic-box2 {
      width: 55.466vw;
    }
    .pic-name-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 2.666vw;
      border-bottom: 1px solid #E7ECF5;
      margin-bottom: 2.666vw;
    }
    .pic-name-box h1 {
      font-family: "PingFang SC";
      font-size: 4.533vw;
      line-height: 6.4vw;
      color: #505050;
    }
    .pic-name-box span {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      color: #7f8792;
      line-height: 5.333vw;
    }
    .pic-txt-box {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      line-height: 6.933vw;
      color: #7f8792;
    }
    .pic-txt-box div {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      line-height: 6.4vw;
    }
    .pic-txt-box div span {
      flex-shrink: 0;
    }
    .pic-txt-box div p {
      flex-shrink: 1;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .pic-txt-box div a {
      flex-shrink: 0;
      color: #014099;
    }
    .pic-txt-box div:last-child {
      margin-top: 2.3vw;
    }
    .pic2-list-ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 4.8vw;
    }
    .pic2-list-ul li {
      margin-bottom: 5.6vw;
    }
    .pic2-box {
      width: 43.733vw;
      height: 53.333vw;
    }
    .pic2-box img {
      width: 100%;
      height: 100%;
    }
    .pic2-box2 {
      margin-top: 4vw;
    }
    .pic2-box2 h1 {
      font-family: "PingFang SC";
      font-size: 4.266vw;
      line-height: 5.6vw;
      color: #505050;
      display: flex;
      justify-content: flex-start;
      margin-bottom: 1.333vw;
    }
    .pic2-box2 h1 i {
      width: 6px;
      height: 6px;
      background: #cfe2ff;
      margin-left: 4vw;
      margin-top: 1.066vw;
    }
    .pic2-box2 p {
      font-family: "PingFang SC";
      font-size: 3.466vw;
      color: #b9c1ce;
      line-height: 4.8vw;
    }
    .pic-show-box {
      display: flex;
      justify-content: space-between;
      padding: 6.933vw 0 10.933vw;
    }
    .pic-show-tit {
      width: 32vw;
      height: 39.2vw;
      text-align: center;
    }
    .pic-show-tit img {
      width: 100%;
    }
    .pic-show-tit>div {
      margin-top: 5.6vw;
    }
    .pic-show-tit h1 {
      font-family: "PingFang SC";
      font-size: 4.533vw;
      line-height: 5.6vw;
      color: #505050;
    }
    .pic-show-tit p {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      color: #7f8792;
      margin-top: 1.6vw;
    }
    .pic-show-cn {
      width: 55.466vw;
    }
    .pic-show-cn p {
      text-align: justify;
      font-family: "PingFang SC";
      font-size: 3.733vw;
      line-height: 6.4vw;
      color: #7f8792;
  
    }
    .pic-show-cn>div:last-child {
      margin-top: 2.133vw;
    }
    .pic2-show-box {
      margin-top: 10.666vw;
    }
    .pic2-show-tit {
      text-align: center;
      padding-bottom: 5.333vw;
      border-bottom: 1px solid #E1E6F0;
    }
    .pic2-show-tit img {
      width: 53.333vw;
      height: 65.066vw;
    }
    .pic2-show-tit>div {
      margin-top: 5.333vw;
    }
    .pic2-show-tit h1 {
      font-family: "PingFang SC";
      font-size: 4.533vw;
      line-height: 5.6vw;
      color: #505050;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding-left: 4vw;
    }
    .pic2-show-tit h1 i {
      width: 1.6vw;
      height: 1.6vw;
      background: #cfe2ff;
      margin-left: 4vw;
    }
    .pic2-show-tit p {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      color: #7f8792;
      margin-top: 1.6vw;
      line-height: 5.333vw;
    }
    .pic2-show-cn {
      margin-top: 5.333vw;
      padding-bottom: 4vw;
    }
    .pic2-show-cn p {
      font-family: "PingFang SC";
      font-size: 3.733vw;
      line-height: 6.4vw;
      text-align: justify;
      color: #7f8792;
      margin-bottom: 4vw;
    }
    /* 分页居中 */
    [id$='Page'] {
        text-align: center;
    }
  }