header {
          width: 100%;
          height: 80px;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 15;
          line-height: 80px;
          transition: all .5s;
          background-color: #fff;
      }
      /* .bgc {
            transition: all .5s;
            background-color: rgb(32, 32, 32) !important;
      } */

      .header {
          width: 100%;
          height: 100%;
      }

      .header-img {
          float: left;
          height: auto;
          color: #fff;
          font-size: 30px;
      }

      .header-img>img {
          width: 150px;
          height: 47px;
          margin-left: 170px;
          vertical-align: -10px;
      }

      .header-nav {
          float: right;
          display: flex;
          margin-right: 120px;
      }

      .header-nav>.nav-item>a {
          display: block;
          height: 100%;
          padding: 0 16px;
          color: #000;
      }

      .header-nav>.nav-item:hover>a {
          color: #0064be;
      }

      .header-nav>.nav-current>a {
          color: #0064be;
      }







      /* 移动端头部导航样式 */

      .move-header {
        width: 100%;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 12;
      }

      .move-header-btn {
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          height: 60px;
          line-height: 60px;
          -webkit-box-shadow: 0px 2px 5px 0px rgba(74, 101, 136, 0.3);
          -moz-box-shadow: 0px 2px 5px 0px rgba(74, 101, 136, 0.3);
          box-shadow: 0px 2px 5px 0px rgba(74, 101, 136, 0.3);
      }

      .login-btn {
          float: right;
          width: 60px;
          font-size: 20px;
          color: #fff;
          line-height: 60px;
          margin-right: 40px;
      }

      .login-btn>i:nth-child(1) {
          float: right;
      }

      .move-header-list {
          display: none;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.6);
          position: absolute;
          z-index: 100;
      }

      .move-header-nav {
          width: 50%;
          height: 100%;
          background-color: #000;
          position: absolute;
          top: 0;
          left: -50%;
          opacity: 0;
          
      }

      .move-nav-item {
          width: 100%;
      }

      .move-nav-item>a {
          display: block;
          width: 100%;
          padding: 15px 20px;
          box-sizing: border-box;
          color: #fff;
      }

      .move-nav-current {
          color: #2C7DFA;
      }

      .move-nav-current>a {
          color: #2C7DFA;
      }

      .list-menu {
          width: 100%;
          display: none;
      }

      .menu-item {
          width: 100%;
      }

      .menu-item>a {
          display: block;
          width: 100%;
          padding: 15px 10px 15px 30px;
          box-sizing: border-box;
      }

      .menu-current>a {
          color: #2C7DFA;
      }



      @media screen and (max-width:1000px) {
        header {
              display: none !important;
        }

        .move-header {
              display: block;
              width: 100%;
        }

        .header-img>img {
            width: 148px;
            height: 47px;
            margin-left: 20px;
            vertical-align: -15px;
        }
        .header-img {
          font-size: 22px;
        }

      }