* {
        margin: 0;
        padding: 0;
    }

    body {
        background: #f5f5f5;
        font-size: 14px;
        font-family: "微软雅黑";
    }

  a {
      color: #333;
      text-decoration: none;
      font-family: "微软雅黑";
  }

  a:hover {
      color: #0b51c1;
  }

.mt26 img {
      display: block;
      border: none;
  }

  .w1100-auto {
      width: 1200px;
      margin: 0 auto;
      color: white;
  }

  /*左浮动*/

  .fl-l {
      float: left;
  }

  /*右浮动*/

  .fl-r {
      float: right;
  }

  /*清除浮动*/

  .clearfix:after {
      content: "";
      display: block;
      overflow: hidden;
      clear: both;
  }

  .clearfix {
      zoom: 1;
  }

  .footer {
      background: #0B51C1;
  }

  .footer-menu, .footer-select, .zhinan, .statement {
      padding: 10px 10px 0px 0px;
  }

  .footer-menu a {
      float: left;
      margin-left: 20px;
      line-height: 36px;
  }

  .footer-menu span {
      float: left;
      font-size: 24px;
      color: #FFF;
  }

  .footer-menu .link {
      color: #FFF;
      font-size: 16px;
  }

  .footer-menu .link:hover {
      color: #FFF;
      text-decoration: underline;
  }

  .footer-menuqt {
      padding: 5px 10px 15px 10px;
      margin-left: 110px;
  }

  .footer-menuqt a {
      float: left;
      margin-left: 20px;
      line-height: 30px;
  }

  .footer-menuqt span {
      float: left;
      font-size: 24px;
      color: #FFF;
  }

  .footer-menuqt .link {
      color: #FFF;
      font-size: 16px;
  }

  .footer-menuqt .link:hover {
      color: #FFF;
      text-decoration: underline;
  }

  .footer-select select {
      height: 24px;
      margin-right: 30px;
  }

  .footer {
      padding-bottom: 20px;
  }

  .footer .w1100-auto {
      position: relative;
  }

  .footer .about {
      text-align: center;
      font-size: 14px;
      color: #ffffff;
      line-height: 22px;
      margin-left: 280px;
  }

  .footer .red-bg {
      margin-right: 200px;
  }

  .footer .about a {
      color: #707070;
  }

  .footer-link {
      padding-top: 6px;
      margin-left: 30px;
  }

  .footer-link dt {
      height: 22px;
      line-height: 22px;
      color: #000;
      width: 175px;
      background: #fff url(../images/link_more.png) no-repeat 155px center;
      border: 1px solid #ccc;
      cursor: pointer;
      font-size: '微软雅黑';
      text-align: left;
  }

  .footer-link dt.active {
      background: #fff url(../images/link_more_active.png) no-repeat 155px center;
      font-size: '微软雅黑';
  }

  .footer-link dd {
      position: absolute;
      bottom: 30px;
      right: 0px;
      /*border: 2px solid #4c6cc6;*/
      border: 2px solid #ccc;
      font-size: 16px;
      width: 1056px;
      color: #fff;
      line-height: 40px;
      padding: 10px;
      display: none;
      color: #000;
      background: #ffffff;
      overflow: hidden;
      padding-left: 30px;
      z-index: 100;
  }

  .footer-link dd span {
      display: inline-block;
      margin: 0 5px;
  }

  .footer-link dd a {
      display: block;
      color: #000;
      margin-right: 30px;
      position: relative;
      z-index: 99;
      float: left;
  }

  .footer-link dd a:hover {
      text-decoration: underline;
  }

  .footer-link dd {
      overflow: hidden;
  }

  .footer-link dd a {
      margin-right: 15px;
      min-width: 60px;
      text-align: left;
      float: left;
  }

  .footer-layer {
      background: #fff;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0.9;
      filter: alpha(opacity=90);
  }
    /* 移动端样式 - 屏幕宽度小于等于420px */

@media screen and (max-width: 768px) {
    .w1100-auto {
        width: 100% !important;
        padding: 0 15px !important;
    }

    .footer-menu {
        display: flex !important;
        flex-direction: column !important;
    }

    .footer-menu span {
        margin-bottom: 15px !important;
    }

    .footer-menu .link {
        display: block !important;
        float: none !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    .about {
        float: none !important;
        text-align: left !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    .footer-link {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .footer-link dt {
        margin-bottom: 10px !important;
        text-align: left !important;
        padding-left: 0 !important;
    }

    .footer-link dd {
        display: none !important;
    }

    .footer-link dd a {
        text-align: center !important;
    }

    .about-mobile {
        display: block !important;
        margin-top: 20px !important;
        text-align: left !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        font-size: 14px !important;
    }

    .about-mobile div {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-bottom: 12px !important;
        line-height: 1.5 !important;
    }

    .about-mobile a {
        font-size: 14px !important;
    }

    .about-mobile span {
        font-size: 14px !important;
    }

    .about-mobile p {
        font-size: 14px !important;
    }

    .about-mobile div:nth-child(4) {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding-left: 20px !important;
        margin-bottom: 8px !important;
    }

    .about-mobile div:nth-child(4) a {
        display: block !important;
    }

    .about-mobile div:first-child {
        text-align: center !important;
    }

    .about-mobile div:nth-child(2) {
        text-align: center !important;
    }

    .about-mobile div:nth-child(3) {
        text-align: center !important;
    }

    .about-mobile div:nth-child(5) {
        text-align: center !important;
        padding-left: 0 !important;
    }

    /*.about {
        display: none !important;
    }*/
    .footer-menu{
        display: none !important;
    }
    .red-bg{
        display: none !important;
    }
    .mt26{
        align-items: center !important;
        justify-content: center !important;
    }
    .footer .about{
        margin: 15px 0 !important;
        text-align: center !important;
    }
    .yx{
        display: block !important;
    }
}