.header {
      position: sticky;
      top: 0;
      z-index: 3;
  }

  .menu__category__nav .nav__item .nav__item__second .item__name .technology-logo {
      padding: 0 !important;
      height: 64px;
      width: 192px;
      display: flex;
      border-radius: 8px;
      display: flex;
      align-items: center;
  }

  .technology-logo[href="javascript:void(0);"] {
      cursor: default;
  }

  .menu__category__nav .nav__item .nav__item__second .item__name .technology:last-child {
      padding: 0;
  }

  .menu__category__nav .nav__item .nav__item__second .item__name .technology-logo img {
      width: 100%;
      height: 100%;
      margin: 0;
      max-width: 100%;
      transition: all 0.3s ;
  }
  .menu__category__nav .nav__item .nav__item__second .item__name .technology-logo img:hover{
    transform: scale(1.05);
  }

  .mobile—technology-logo-container {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: start;
      gap: min(20px,2.6666666666vw);
      padding: min(32px,4.266666vw) 0;
  }

  .content__box .item__extend dd .mobile—technology-logo {
      padding: 0;
      width: 44.39999999999vw;
      height: 13.33333333333333333vw;
      display: flex;
      border-radius: 0;
      border: none;
      max-width: 333px;
      max-height: 100px;
  }

  .content__box .item__extend dd .mobile—technology-logo img {
      height: 100%;
      width: 100%;
      max-width: 100%;
      margin: 0;

  }

  .top-bar {
      background: #fa7010;
      text-align: center;
      font-size: 14px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1.42857143;
  }

  .top-bar a {
      color: #fff;
      line-height: 1.42857143;

  }

  .header .header__menu .menu__box__content ul li a:hover {
      color: #BBC2C4;
  }

  .header__menu {
      background: #1b353c;
      position: relative;
  }

  .header__menu .container {
      margin: 0 auto;
  }

  .container {
      max-width: min(1280px, 80%);
      width: 100%;
      margin: 0 auto;
  }

  @media only screen and (min-width: 1024px) {

      .header__menu .menu__box__content .menu__box__left button,
      .content__box .item__extend img.plus,
      .content__box .footer__content__item .item__app img.plus {
          display: none;
      }
  }

  .header__menu .menu__box__content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
  }

  .header__menu .menu__box__content .menu__box__left {
      display: flex;
      align-items: center;
  }

  .header__menu .menu__box__content .menu__box__left button {
      margin: 0 10px 0 -3px;
      width: 24px;
      height: 24px;
      background-color: transparent;
      border: 0;
      padding: 0;
  }

  .header__menu .menu__box__content .menu__box__left .box__logo {
      height: 20px;
      max-width: unset;
  }

  .header__menu .menu__box__content .menu__box__middle {
      display: unset;
  }

  .header__menu .menu__box__content ul {
      display: flex;
      margin: 0;
      list-style: none;
  }

  .header__menu .menu__box__content ul li {
      margin: 0;
      display: flex;
      align-items: center;
      cursor: pointer;
      height: 56px;
  }

  .header__menu .menu__box__content ul li+li {
      padding-left: 64px;
  }

  .header__menu .menu__box__content ul li a {
      font-size: 16px;
      color: #FFFFFF;
      text-decoration: none;

  }

  .level-top {
      display: none;
  }

  .header__menu .menu__box__content .box__product .level-top {
      position: absolute;
      background: #1b353c;
      top: 56px;
      right: 0;
      left: 0;
      border-radius: 0 0 12px 12px;
  }

  .box__product:hover .level-top {
      display: block !important;
  }

  .menu__category__nav {
      display: flex;
  }

  .menu__category__nav .nav__item.first,
  .menu__category__nav .nav__item.last {
      width: calc((100% - 1280px) / 2);
  }

  .menu__category__nav .nav__item {
      width: calc(1280px / 3);
  }

  .menu__category__nav .nav__item .nav__item__first {
      display: block;
      background: #183037;
      height: 40px;
      line-height: 40px;
      text-align: center;
  }

  .menu__category__nav .nav__item .nav__item__second {
      display: flex;
      align-items: center;
      padding: 24px 0 44px 0;
  }

  .menu__category__nav .nav__item .nav__item__second img {
      width: 156px;
      height: 156px;
  }

  .menu__category__nav .nav__item .nav__item__second .item__name {
      display: flex;
      flex-direction: column;
  }

  .menu__category__nav .nav__item .nav__item__second .item__name a {
      padding: 0 0 12px 20px;
  }

  .menu__category__nav .nav__item .nav__item__second .item__name a:last-child {
      margin: 0;
      padding: 0 0 0 20px;
  }

  .menu__category__nav .nav__item:nth-child(3) {
      border-left: 1px solid rgba(229, 231, 235, 0.08);
      border-right: 1px solid rgba(229, 231, 235, 0.08);
  }

  .menu__category__nav .nav__item.first,
  .menu__category__nav .nav__item.last {
      width: calc((100% - 1280px) / 2);
  }

  .header__menu__mobile {
      display: none;
  }

  .header__menu__search {
      display: none;
  }

  .header__menu .menu__box__content .menu__box__right .box__shop {
      display: flex;
      align-items: center;
  }

  .header__menu .menu__box__content .menu__box__right .box__shop p {
      margin: 2px 0 0 5px;
      color: #ffffff;
      font-size: 16px;
      line-height: 1.42857143;
  }

  @media (min-width: 1600px) and (max-width: 1920px) {
      .header__menu .container {
          width: 1280px;
      }
  }

  @media (min-width: 1440px) and (max-width: 1599px) {

      .header__menu .container {
          width: 1280px;
      }

      .header__menu .menu__box__content ul li+li {
          padding-left: 64px;
      }
  }

  @media (min-width: 1280px) and (max-width: 1439px) {
      .header__menu .menu__box__content ul li+li {
          padding-left: 48px;
      }

      .header__menu .container {
          width: 1120px;
      }
  }

  @media (min-width: 1024px) and (max-width: 1279px) {

      .header__menu .menu__box__content ul li+li {
          padding-left: 24px;
      }

      .header__menu .container {
          width: 864px;
      }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
      .header__menu .menu__box__content .menu__box__middle {
          display: none;
      }

      .box__close {
          display: none;
      }

      .header__menu .container {
          margin: 0 16px;
      }

      .header__menu .menu__box__content .menu__box__left .box__logo {
          height: 18px;
      }

      .header__menu .header__menu__mobile {
          background-color: #17292a;
          height: 100vh;
          display: none;
          overflow-y: scroll;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dt {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          padding: 16px;
          margin: 0;
          cursor: pointer;
          font-weight: 500;
          color: #FFFFFF;
      }

      .content__box .item__extend dd a {
          padding: 13px 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dt a {
          color: #FFFFFF;
          text-decoration: none;
          font-weight: 400;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item.item__extend dt img {
          width: 11px;
      }

      .content__box .item__extend dd {
          display: flex;
          flex-direction: column;
          padding: 0 16px 0 30px;
          background: #111E1E;
          margin: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd {
          display: none;
          flex-direction: column;
          overflow: hidden;
          margin: 0 0 0 16px;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd.first {
          margin: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd dl {
          margin: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd.first dt {
          padding: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item.item__extend .minus {
          display: none;
      }
  }

  @media (max-width: 767px) {
      .box__arrow__down {
          /* display: none; */
      }

      .header__menu .menu__box__content .menu__box__middle {
          display: none;
      }

      .header__menu .menu__box__content ul li+li {
          padding-left: min(24px, 3.2vw);
      }

      .box__close {
          display: none;
      }

      .header__menu .container {
          margin: 0 16px;
          width: auto;
          max-width: 100%;
      }

      .header__menu .menu__box__content .menu__box__left .box__logo {
          height: 18px;
      }

      .header__menu .header__menu__mobile {
          background-color: #17292a;
          height: 100vh;
          display: none;
          overflow-y: scroll;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dt {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          padding: 16px;
          margin: 0;
          cursor: pointer;
          font-weight: 500;
          color: #FFFFFF;
      }

      .content__box .item__extend dd a {
          padding: 13px 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dt a {
          color: #FFFFFF;
          text-decoration: none;
          font-weight: 400;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item.item__extend dt img {
          width: 11px;
      }

      .content__box .item__extend dd {
          display: flex;
          flex-direction: column;
          padding: 0 16px 0 30px;
          background: #111E1E;
          margin: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd {
          display: none;
          flex-direction: column;
          overflow: hidden;
          margin: 0 0 0 16px;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd.first {
          margin: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd dl {
          margin: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item dd.first dt {
          padding: 0;
      }

      .header__menu .header__menu__mobile .header__menu__mobile__item.item__extend .minus {
          display: none;
      }

      .header__menu .menu__box__content .menu__box__right {
          display: flex;
          justify-content: end;
          align-items: center;
      }

      .header__menu .menu__box__content .menu__box__right .box__shop p {
          width: fit-content;
      }

  }

  /*header头部end*/