@charset "UTF-8";
a {
  text-decoration: none;
}
.bussize-container {
  width: 100%; }
  .bussize-container div {
    box-sizing: border-box; }
  .bussize-container .tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 auto;
    padding: 0 34px; }
    .bussize-container .tabs .tab {
      width: -moz-fit-content;
      width: fit-content;
      height: 20px;
      font-size: 12px;
      font-weight: 400;
      text-align: center;
      color: #5c6067;
      cursor: pointer;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: relative; }
      .bussize-container .tabs .tab_active {
        color: #000; }
        .bussize-container .tabs .tab_active::after {
          content: '';
          display: block;
          width: 100%;
          height: 2px;
          background-color: #1763ff;
          position: absolute;
          bottom: -2px;
          left: 50%;
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .bussize-container .content {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    margin: 20px auto 0;
    border-radius: 14px;
    display: -ms-flexbox;
    display: flex;
    padding: 0 17px; }
    .bussize-container .content .left {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 21px;
      padding-bottom: 10px;
      width: 100%; }
      .bussize-container .content .left .card {
        width: 100%;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 8px;
        background: #fff;
        padding: 25px;
        border: 1px solid transparent;
        cursor: pointer;
        position: relative;
        box-shadow: 0px 2px 10px 0px rgba(163, 163, 175, 0.3); }
        .bussize-container .content .left .card .arrow {
          width: 16px;
          height: 16px;
          position: absolute;
          right: 25px;
          top: 25px;
          }

        .bussize-container .content .left .card .title {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          gap: 6px;
          font-size: 16px;
          height: 40px;
          line-height: 18px;
          letter-spacing: 1px;
          font-weight: 600; }
          .bussize-container .content .left .card .title > img {
            width: 40px;
            height: 40px;
            position: relative;
            top: 4px; }
        .bussize-container .content .left .card .tags {
          display: -ms-flexbox;
          display: flex;
          gap: 10px;
          -ms-flex-align: center;
              align-items: center;
          margin: 20px 0 18px;
          padding-left: 8px; }
          .bussize-container .content .left .card .tags .tag {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            background: #f5f7ff;
            padding: 6px 5px;
            border-radius: 4px;
            gap: 5px;
            -ms-flex-pack: start;
                justify-content: flex-start;
            font-size: 12px;
            color: #8854fe; }
            .bussize-container .content .left .card .tags .tag > img {
              width: 14px;
              height: auto; }
        .bussize-container .content .left .card .desc {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 5px;
          margin-top: 11px;
          padding-left: 8px; }
          .bussize-container .content .left .card .desc .desc_item {
            display: -ms-flexbox;
            display: flex;
            gap: 4px; }
            .bussize-container .content .left .card .desc .desc_item > p {
              color: #808692;
              font-size: 13px;
              line-height: 23px;
              margin: 0; }
            .bussize-container .content .left .card .desc .desc_item > img {
              width: 18px;
              height: 16px;
              margin-top: 4px;
              -ms-flex-negative: 0;
                  flex-shrink: 0; }
        .bussize-container .content .left .card .experience_btn {
          width: 100%;
          background: linear-gradient(90deg, #615fff 0%, #9b8afb 100%);
          border-radius: 8px;
          height: 32px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          font-size: 14px;
          color: #fff;
          -ms-flex-pack: center;
              justify-content: center;
          margin-top: 20px; }
          .bussize-container .content .left .card .experience_btn.blue_style {
            background: linear-gradient(97deg, #3a67fa 8%, #3a91fa 98%); }
    .bussize-container .content .right {
      -ms-flex: 1;
          flex: 1;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .bussize-container .content .right > img {
        max-width: 100%;
        max-height: 100%; }
 


@keyframes fadeIn {
  from {
    opacity: 0.5; }
  to {
    opacity: 1; } }
  .bussize-container .animate-fade-in {
    animation: fadeIn 0.3s linear forwards; }


.page_title_h5 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #191919;
  letter-spacing: 1px; }

@charset "UTF-8";
.industry-egboxs-section-container {
  width: 100%; }
  .industry-egboxs-section-container div,
  .industry-egboxs-section-container a {
    box-sizing: border-box; }
  .industry-egboxs-section-container .content_wrap {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    overflow: hidden;
    transition: background 0.3s linear;
    padding-bottom: 10px; }
    .industry-egboxs-section-container .content_wrap .background_slider_container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 1; }
      .industry-egboxs-section-container .content_wrap .background_slider_container .background_slider {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        backface-visibility: hidden;
        transform-style: preserve-3d; }
        .industry-egboxs-section-container .content_wrap .background_slider_container .background_slider .background_item {
          min-width: 100%;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          transform: translateZ(0); }
    .industry-egboxs-section-container .content_wrap .content {
      width: 100%;
      margin: 0 auto;
      height: 100%;
      position: relative;
      z-index: 2; }
      .industry-egboxs-section-container .content_wrap .content .industrybar {
        width: calc(100% - 32px);
        height: -moz-fit-content;
        height: fit-content;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin: 0 16px; }
        .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner {
          width: -moz-fit-content;
          width: fit-content;
          height: -moz-fit-content;
          height: fit-content;
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          justify-self: center;
          gap: 16px;
          border-left: 1px solid rgba(255, 255, 255, 0.42);
          overflow: auto;
          gap: 20px;
          scrollbar-width: none;
          /* Firefox */
          -ms-overflow-style: none;
          /* IE 和 Edge */ }
          .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner::-webkit-scrollbar {
            display: none;
            /* Chrome, Safari 和 Opera */ }
          .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner .industrybar_item {
            width: -moz-fit-content;
            width: fit-content;
            height: 26px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: start;
                justify-content: flex-start;
            -ms-flex-align: center;
                align-items: center;
            color: #3d3d3d;
            font-size: 12px;
            cursor: pointer;
            -webkit-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            position: relative;
            transition: all 0.3s ease;
            white-space: nowrap;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
            .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner .industrybar_item_select {
              color: #000;
              font-weight: 600; }
              .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner .industrybar_item_select::before {
                display: block;
                content: '';
                width: 100%;
                height: 2px;
                background: #615fff;
                position: absolute;
                bottom: 0;
                left: 0; }
            .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner .industrybar_item:not(.industrybar_item_select)::before {
              animation: none; }
            .industry-egboxs-section-container .content_wrap .content .industrybar .sidebar_inner .industrybar_item:not(.industrybar_item_select)::after {
              animation: none;
              opacity: 0;
              width: 4px; }
      .industry-egboxs-section-container .content_wrap .content .industry_content_container {
        position: relative;
        width: calc(100% - 32px);
        height: -moz-fit-content;
        height: fit-content;
        margin: 20px 16px 0 16px;
        background: #fff;
        box-shadow: 0px 2px 10px 0px rgba(163, 163, 175, 0.3);
        overflow: hidden;
        border-radius: 8px;; }
        .industry-egboxs-section-container .content_wrap .content .industry_content_container .industry_content_slider {
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: -moz-fit-content;
          height: fit-content;
          transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          will-change: transform;
          backface-visibility: hidden;
          transform-style: preserve-3d; }
      .industry-egboxs-section-container .content_wrap .content .industry_content_active {
        z-index: 10;
        display: block !important;
        pointer-events: all !important;
        animation: active_appear 0.3s linear forwards; }

@keyframes active_appear {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  50% {
    opacity: 0.5;
    transform: translateX(10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
      .industry-egboxs-section-container .content_wrap .content .industry_content {
        display: none;
        position: relative;
        min-width: 100%;
        width: 100%;
        height: -moz-fit-content;
        height: fit-content;
        padding: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        opacity: 0;
        will-change: opacity;
        box-sizing: border-box;
        pointer-events: none; }
        .industry-egboxs-section-container .content_wrap .content .industry_content .industry_content_title {
          font-size: 14px;
          font-weight: 600;
          color: #181818; }
        .industry-egboxs-section-container .content_wrap .content .industry_content .industry_content_desc {
          width: 100%;
          font-size: 12px;
          text-align: justify;
          color: #333333;
          line-height: 18px;
          overflow: hidden; }
        .industry-egboxs-section-container .content_wrap .content .industry_content .solution_list {
          display: -ms-flexbox;
          display: flex;
          gap: 10px 12px;
          -ms-flex-pack: start;
              justify-content: flex-start;
          margin-top: 20px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .industry-egboxs-section-container .content_wrap .content .industry_content .solution_list .solution_item {
            width: calc(50% - 6px);
            height: -moz-fit-content;
            height: fit-content;
            border-radius: 8px;
            padding: 10px 16px;
            cursor: pointer;
            background: #ebf2fe;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
                justify-content: space-between; }
            .industry-egboxs-section-container .content_wrap .content .industry_content .solution_list .solution_item .solution_item_title {
              width: 100%;
              height: 26px;
              font-size: 14px;
              text-align: left;
              color: #181818;
              line-height: 26px;
              display: -ms-flexbox;
              display: flex;
              gap: 6px;
              cursor: pointer; }
              .industry-egboxs-section-container .content_wrap .content .industry_content .solution_list .solution_item .solution_item_title_text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                -ms-flex: 1;
                    flex: 1; }
              .industry-egboxs-section-container .content_wrap .content .industry_content .solution_list .solution_item .solution_item_title .svg_icon {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                position: relative;
                margin-left: auto;
                top: -1px;
                left: 0;
                transition: all 0.1s linear; }
            .industry-egboxs-section-container .content_wrap .content .industry_content .solution_list .solution_item .solution_item_desc {
              width: 100%;
              height: 26px;
              font-size: 13px;
              font-weight: 400;
              text-align: left;
              color: #4b5c76;
              line-height: 26px; }
        .industry-egboxs-section-container .content_wrap .content .industry_content .examples {
          width: 100%;
          margin-top: 24px; }
          .industry-egboxs-section-container .content_wrap .content .industry_content .examples .examples_title {
            height: 26px;
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            color: #5c6067;
            line-height: 26px; }
          .industry-egboxs-section-container .content_wrap .content .industry_content .examples > img {
            margin-top: 13px;
            height: auto;
            width: 100%; }

.main_page {
  background: #f6faff;
  margin-top: 50px;
  padding-bottom: 60px; }