@media all and (min-width: 1200px) {
    .layui-container {
      width: 1200px;
      padding: 0;
    }
  }
  @media all and (max-width: 1200px) {
    .news {
      width: 100%;
    }
    .text {
      margin-left: 20px;
    }
    .content .left .media .hd,
    .content .left .video .hd,
    .platform .hd {
      background-position: center center;
    }
    .platform {
      padding-bottom: 10px;
    }
    .index-web .bd ul li {
      flex: 0 0 21%;
    }
    .info-box {
      margin-bottom: 0px;
    }
    .bottom-left {
      text-align: center;
    }
    .bottom-left img {
      float: none;
      margin: 10px auto 0;
    }
    .bottom-right {
      margin: 0 0 10px;
      text-align: center;
      font-size: 14px;
    }
    .bottom-right p span {
      display: block;
      width: 100%;
    }
  
    .site-nav {
      background: #005ea1;
    }
    .navbar {
      width: 100%;
      height: 98px;
      padding-top: 5px;
      line-height: 36px;
      background: none;
    }
    .navbar ul li {
      width: 33%;
      line-height: 30px;
  
    }
    .navbar ul li a {
      font-size: 17px;
      height: 30px;
      line-height: 30px;
      padding: 0;
    }
    .navbar li.first a {
      background: none;
    }
    .site-nav .first {
      border-left: none;
    }
    .site-nav a:last-child {
      border-right: none;
    }
    .index-inner {
      height: 40px;
    }
    .index-view {
      margin-bottom: 40px;
    }
    .bottom-right span,
    p {
      font-size: 14px;
    }
    
    .info-box .bd li,.text .bd li{
      margin-left: 5px;
    }
    .content .left .list ul li a {
   
      width: 98%;
     
    }
  }
  @media all and (max-width: 998px) {
      .info-box .hd{
          background: none;
          border-bottom: 1px solid #005ea1;
      }
      .info-box .hd h4,.info-box .hd .more{
          line-height: 50px;
      }
      .content .left{
          margin-bottom:0;
      }
  }
  @media all and (max-width: 990px) {
    h1 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      flex-wrap: wrap;
      gap: 10px;
    }
    .site-logo img:nth-child(2){
      margin-left: 10px;
      width: 80%;
    }
    .site-logo img:nth-child(1) {
      width: 12%;
    }
    .content .left {
      background-repeat: repeat;
      background-position: center;
    }
    .content .left .list ul {
      gap: 1rem;
    }
    .content .left .list ul li {
      flex: 0 0 48%;
    }
    .box4 {
      margin-bottom: 10px;
    }
    .index-web .bd ul li {
      flex: 0 0 22%;
    }
  
    .content .left .media .bd,
    .content .left .video .bd {
      width: 100%;
    }
  
  }
  
  @media all and (max-width: 780px) {
      .head {
          height: 400px;
        }
        .site-logo {
          height: 190px;
        }
   
    .index-web .bd ul li {
      flex: none;
    }
    /* .site-logo a{
      width: 70%;
    }
    .site-logo img:nth-child(1) {
      width: 10%;
    } */
    .content .left .list ul li{
      background-position: center center !important;
      }
  }
  
  @media all and (max-width: 670px) {
      .platform {
          padding: 35px 30px;
        }
        .platform .bd ul li {
          flex: 0 0 18%;
          
        }
        .related-links,
        .platform {
          background-repeat: repeat;
        }
    
    .index-web .bd,
    .index-web .md {
      display: block;
      text-align: center;
    }
    .index-web .bd h4,
    .index-web .md h4 {
      width: 100%;
      margin-bottom: 10px;
    }
    .index-web .md ul {
      gap: 1rem;
    }
    .related-links .index-web .md ul li {
      flex: 0 0 47%;
    }
    .head {
      height: 320px;
    }
    .site-logo {
      height: 140px;
    }
  }
  @media all and (max-width: 540px) {
      .site-date {
          height: 55px;
        }
        .site-date .search {
          display: block;
        }
        .site-date .date {
          display: none;
        }
        .search-box {
          float: none;
          width: 235px;
          height: 36px;
          margin: 10px auto 0 auto;
        }
        .index-headLine {
          margin-bottom: 5px;
        }
        .news .bd {
          height: 300px;
        }
        .news .bd li {
          height: 300px;
        }
        .image,
        .text-box,
        .index-column,
        .platform {
          margin-bottom: 20px;
        }
        .text {
          margin-left: 0px;
        }
        .content .left .list ul li {
          flex: 0 0 100%;
        }
        .platform {
          padding: 35px 30px;
        }
        .platform .bd ul li {
          flex: 0 0 30%;
          height: 8rem;
        }
        .related-links,
        .platform {
          background-repeat: repeat;
        }
  }
  @media all and (max-width: 380px) {
      .site-logo img:nth-child(2){
          width: 80%;
      }
      .site-logo img:nth-child(1) {
          width: 11%;
      }
  }
  @media all and (max-width: 300px) {
      .site-logo img:nth-child(1) {
          width: 12%;
      }
      .site-logo img:nth-child(2){
          width: 100%;
      }
      .index-web .bd ul li,.related-links .index-web .md ul li{
      flex: 0 0 100%;
    }
  }