.index-row-banner {
  background: -webkit-gradient(linear, left top, left bottom, from(#e5eefb), to(rgba(229, 238, 251, 0)));
  background: -o-linear-gradient(top, #e5eefb 0%, rgba(229, 238, 251, 0) 100%);
  background: linear-gradient(180deg, #e5eefb 0%, rgba(229, 238, 251, 0) 100%); }
  .index-row-banner .swiper-container {
    height: 760px; }
  .index-row-banner .btns-wrapper {
    margin-top: 40px; }
    .index-row-banner .btns-wrapper .right-icon {
      width: 14px; }
  .index-row-banner .banner-bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    position: absolute;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
            transform-origin: bottom center; }
  .index-row-banner .banner-bg[src=""],
  .index-row-banner .banner-bg:not([src]) {
    opacity: 0; }
  .index-row-banner .banner-content {
    position: relative;
    width: 1200.1px;
    margin: 0 auto;
    padding-top: 239px; }
    .index-row-banner .banner-content .banner-title {
      font-size: 60px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 84px; }
    .index-row-banner .banner-content .title2 {
      font-size: 24px;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 33px;
      margin-top: 34px;
      margin-bottom: 56px; }
    .index-row-banner .banner-content .banner-desc {
      width: 407px;
      font-size: 20px;
      margin-top: 55px;
      position: absolute;
      font-weight: lighter;
      color: #FFFFFF;
      line-height: 28px;
      vertical-align: middle;
      margin-top: 19px;
      margin-bottom: 60px; }
    .index-row-banner .banner-content .banner-btn {
      width: 227px;
      height: 52px;
      padding: 17px 77px;
      background: #0560FD;
      border-radius: 4px;
      font-size: 18px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 16px;
      text-align: center; }
    .index-row-banner .banner-content .banner-btn:hover {
      background: rgba(5, 96, 253, 0.9); }
  .index-row-banner .mobile-bg {
    display: none; }
  .index-row-banner .normal-bg {
    display: block; }
@-webkit-keyframes toTup {
  from {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5); }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes toTup {
  from {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5); }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
  .index-row-banner .b-cell-content {
    padding-top: 216px;
    text-align: center; }
  .index-row-banner .b-cell-title {
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    color: #1f2227; }
  .index-row-banner .b-cell-desc {
    line-height: 32px;
    width: 800px;
    display: block;
    margin: 38px auto 40px auto;
    font-size: 32px;
    color: #366dff; }

.section-content {
  padding: 120px 0 120px 0; }
  .section-content .title {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #1f2227;
    line-height: 1; }
  .section-content .title-desc {
    display: block;
    color: #1f2227;
    line-height: 32px;
    width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    margin-top: 16px; }
  .section-content .btns-content {
    margin-top: 24px;
    text-align: center; }
  .section-content .content-box {
    margin: 50px -15px 20px -15px;
    text-align: center;
    white-space: nowrap; }
    .section-content .content-box .content-item {
      text-align: left;
      width: 25%;
      float: left;
      display: block;
      padding: 0 15px; }
      .section-content .content-box .content-item .item-img img {
        width: 100%;
        display: block; }
    .section-content .content-box .item-title {
      margin-top: 27px;
      font-weight: 600;
      line-height: 30px;
      font-size: 20px;
      color: #1f2227; }
    .section-content .content-box .item-text {
      margin-top: 10px;
      white-space: pre-wrap;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      color: #8c8e92; }
    .section-content .content-box:after {
      content: "";
      display: block;
      clear: both; }

.section-tool1-wrapper {
  overflow: hidden;
  text-align: center;
  position: relative; }
  .section-tool1-wrapper .content-tool-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 1300px;
    gap: 0px 79px;
    margin: 87px auto 146px; }
    .section-tool1-wrapper .content-tool-box .img-item-shoplus {
      width: 100%; }
      .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-pic {
        width: 100%; }
      .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-des {
        text-align: left; }
        .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-des__title {
          font-size: 20px;
          font-weight: 600;
          color: #1f2227;
          line-height: 20px;
          margin-top: 44px; }
        .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-des__sub {
          color: #8c8e92;
          line-height: 24px;
          margin-top: 16px; }
      .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-cnt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 23px; }
        .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-cnt > p {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #0f0c34;
          font-size: 14px !important;
          margin-right: 40px; }
          .section-tool1-wrapper .content-tool-box .img-item-shoplus .img-item-cnt > p img {
            width: 16px;
            height: 16px;
            margin-right: 6px; }
  .section-tool1-wrapper .more-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 227px;
    height: 52px;
    margin: 0 auto;
    margin-bottom: 3.4vw;
    background: #0560FD;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    color: #fff; }
    .section-tool1-wrapper .more-btn:hover {
      background-color: rgba(5, 96, 253, 0.9); }
  .section-tool1-wrapper .img-wrapper {
    width: -webkit-calc(100% - 3.958vw);
    width: calc(100% - 3.958vw);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 0 16px;
    margin: 2vw auto 3.4vw auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .section-tool1-wrapper .img-wrapper .img-item img {
      width: 100%; }
  @media screen and (min-device-width: 1440px) {
    .section-tool1-wrapper .section-content {
      width: 100%; }
      .section-tool1-wrapper .section-content .tool-box {
        width: 100%; }
        .section-tool1-wrapper .section-content .tool-box .item-img {
          margin-bottom: 40px; } }
  @media screen and (max-device-width: 1440px) and (min-device-width: 1200px) {
    .section-tool1-wrapper .section-content {
      width: 1200px;
      width: 100%; }
      .section-tool1-wrapper .section-content .tool-box {
        width: 100%; }
        .section-tool1-wrapper .section-content .tool-box .item-text,
        .section-tool1-wrapper .section-content .tool-box .item-ab,
        .section-tool1-wrapper .section-content .tool-box .item-title {
          padding-left: 45px; }
        .section-tool1-wrapper .section-content .tool-box .item-img {
          margin-bottom: 26px; }
    .section-tool1-wrapper .section-tool1-wrapper .content-tool-box {
      gap: 0px 36px; } }
  .section-tool1-wrapper .section-content {
    padding: 120px 0px 0px 0px; }
  .section-tool1-wrapper .addr-l,
  .section-tool1-wrapper .addr-r {
    width: 884px;
    height: 616px;
    position: absolute;
    background-color: #0560FD; }
  .section-tool1-wrapper .addr-l {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 86px;
    bottom: 0;
    z-index: -1;
    right: 1439px; }
  .section-tool1-wrapper .addr-r {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 60px;
    left: 1424px;
    z-index: -1;
    top: -20px; }
  .section-tool1-wrapper .content-tool-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 87px; }
    .section-tool1-wrapper .content-tool-box .tool-box {
      position: relative;
      padding-top: 36px; }
      .section-tool1-wrapper .content-tool-box .tool-box .item-title {
        font-size: 40px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 56px; }
      .section-tool1-wrapper .content-tool-box .tool-box .item-ab {
        font-size: 18px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 32px;
        margin-top: 12px;
        margin-bottom: 16px; }
      .section-tool1-wrapper .content-tool-box .tool-box .item-link {
        visibility: hidden;
        font-size: 14px;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        position: absolute;
        top: 101px;
        right: 60px; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-link .blue {
          display: none; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-link img {
          -webkit-transition: all 300ms ease;
          -o-transition: all 300ms ease;
          transition: all 300ms ease;
          width: 12px;
          margin-left: 8px; }
      .section-tool1-wrapper .content-tool-box .tool-box .item-link:hover {
        color: #0560FD; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-link:hover .white {
          display: none; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-link:hover .blue {
          display: inline-block; }
      .section-tool1-wrapper .content-tool-box .tool-box .item-text p {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.5);
        line-height: 14px;
        letter-spacing: 1.4px; }
      .section-tool1-wrapper .content-tool-box .tool-box .item-img {
        width: 100%;
        margin-top: 65px;
        filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='$'%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 9 0'/%3E%3CfeComposite in2='SourceGraphic' operator='in'/%3E%3C/filter%3E%3C/svg%3E#$"); }

.section-service-item {
  background: #F6FAFD;
  overflow: hidden; }
  .section-service-item .normal-bg {
    display: block; }
  .section-service-item .mobile-bg {
    display: none; }
  @media screen and (min-device-width: 1440px) {
    .section-service-item .section-content {
      width: 1300px; } }
  .section-service-item .content-tool-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 87px; }
    .section-service-item .content-tool-box .left {
      width: 741px; }
      .section-service-item .content-tool-box .left .item-img {
        width: 100%; }
    .section-service-item .content-tool-box .right .tool-box {
      background: #FFFFFF;
      -webkit-box-shadow: 0px 10px 22px -3px rgba(40, 105, 215, 0.02);
              box-shadow: 0px 10px 22px -3px rgba(40, 105, 215, 0.02);
      border-radius: 8px;
      opacity: 0.68;
      padding: 27px 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 18px;
      cursor: pointer;
      -webkit-transition: all ease-in-out;
      -o-transition: all ease-in-out;
      transition: all ease-in-out;
      width: 456px;
      background: rgba(255, 255, 255, 0.68); }
      .section-service-item .content-tool-box .right .tool-box .item-img {
        width: 29px;
        height: 29px;
        background: #0560FD;
        border-radius: 4px;
        opacity: 0.6;
        margin-right: 25px; }
      .section-service-item .content-tool-box .right .tool-box .item-title {
        font-size: 24px;
        font-weight: 600;
        color: rgba(31, 34, 39, 0.8);
        line-height: 20px; }
      .section-service-item .content-tool-box .right .tool-box .item-ab {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #8C8E92;
        line-height: 24px; }
      .section-service-item .content-tool-box .right .tool-box .item-link {
        margin-top: -14px;
        width: 24px;
        position: absolute;
        right: 30px;
        display: none;
        -webkit-transition: all ease-in-out;
        -o-transition: all ease-in-out;
        transition: all ease-in-out; }
    .section-service-item .content-tool-box .right .active-tool-box {
      background: #FFFFFF;
      -webkit-box-shadow: 0px 6px 40px 0px rgba(98, 155, 217, 0.22);
              box-shadow: 0px 6px 40px 0px rgba(98, 155, 217, 0.22);
      border: 1px solid #FFFFFF; }
      .section-service-item .content-tool-box .right .active-tool-box .item-img {
        opacity: 1; }
      .section-service-item .content-tool-box .right .active-tool-box .item-link {
        display: block; }

.forcase-section-item {
  position: relative;
  overflow: hidden;
  background-color: #F6FAFD;
  padding-bottom: 165px; }
  @media screen and (min-device-width: 1440px) {
    .forcase-section-item .section-content {
      width: 1300px; }
      .forcase-section-item .section-content .content-tool-box .tool-box:hover {
        margin-top: -21px;
        padding-top: 17px;
        height: 419px; }
        .forcase-section-item .section-content .content-tool-box .tool-box:hover .item-title {
          margin-top: 21px;
          margin-bottom: 27px; }
        .forcase-section-item .section-content .content-tool-box .tool-box:hover .item-link {
          cursor: pointer;
          opacity: 1;
          background: #0560FD;
          -webkit-transition: all 300ms ease;
          -o-transition: all 300ms ease;
          transition: all 300ms ease;
          margin-top: 81px; }
          .forcase-section-item .section-content .content-tool-box .tool-box:hover .item-link a {
            color: #fff;
            line-height: 92px;
            vertical-align: middle;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 14px; }
            .forcase-section-item .section-content .content-tool-box .tool-box:hover .item-link a img {
              width: 12px;
              height: 12px;
              margin-left: 5px; } }
  @media screen and (max-device-width: 1440px) and (min-device-width: 1200px) {
    .forcase-section-item .section-content {
      width: 1197px; } }
  .forcase-section-item .normal-bg {
    display: block; }
  .forcase-section-item .mobile-bg {
    display: none; }
  .forcase-section-item .cate-img {
    position: relative;
    height: 667px;
    z-index: 0; }
  .forcase-section-item .main-content {
    position: absolute;
    left: 50%;
    margin-left: -650px;
    top: 0; }
  .forcase-section-item .cmm-title,
  .forcase-section-item .title-desc {
    color: #fff; }
  .forcase-section-item .content-tool-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 87px; }
    .forcase-section-item .content-tool-box .tool-box {
      width: 397px;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 10px 30px -4px rgba(194, 215, 251, 0.2);
              box-shadow: 0px 10px 30px -4px rgba(194, 215, 251, 0.2);
      border-radius: 12px;
      text-align: center;
      overflow: hidden;
      padding-top: 46px;
      -webkit-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease; }
      .forcase-section-item .content-tool-box .tool-box .item-img {
        width: 93px;
        height: 106px;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease; }
      .forcase-section-item .content-tool-box .tool-box .item-title {
        font-size: 30px;
        font-weight: 600;
        color: #010517;
        line-height: 32px;
        margin-top: 25px;
        margin-bottom: 42px;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease; }
      .forcase-section-item .content-tool-box .tool-box .item-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease; }
        .forcase-section-item .content-tool-box .tool-box .item-text .content:first-child {
          margin-right: 36px; }
        .forcase-section-item .content-tool-box .tool-box .item-text .content:last-child {
          margin-right: 0; }
        .forcase-section-item .content-tool-box .tool-box .item-text .content {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          text-align: left;
          margin-bottom: 92px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
        .forcase-section-item .content-tool-box .tool-box .item-text * {
          font-size: 14px;
          font-weight: 400;
          color: #8C8E92;
          line-height: 24px; }
      .forcase-section-item .content-tool-box .tool-box .item-link {
        opacity: 0;
        width: 100%;
        height: 92px;
        bottom: 0;
        position: absolute;
        margin-top: 92px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }

.hezuo-container {
  width: 100%;
  margin-top: 68px; }
  .hezuo-container .hezuo-swiper-1,
  .hezuo-container .hezuo-swiper-2,
  .hezuo-container .hezuo-swiper-3,
  .hezuo-container .hezuo-swiper-4 {
    margin-bottom: 16px; }
  .hezuo-container .hezuo-item {
    width: 239px;
    height: 100px;
    background: #ffffff;
    border-radius: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .hezuo-container .hezuo-item img {
      width: 150px;
      height: 60px; }
  .hezuo-container .hezuo-item:hover {
    -webkit-box-shadow: 0 0 25px rgba(31, 34, 38, 0.1), 0 5px 100px rgba(31, 34, 38, 0.1);
            box-shadow: 0 0 25px rgba(31, 34, 38, 0.1), 0 5px 100px rgba(31, 34, 38, 0.1); }

.index-footer.index-bg {
  position: relative;
  min-height: 400px; }
  .index-footer.index-bg .main-content {
    padding: 113px 0; }
  .index-footer.index-bg .in-left {
    width: 189px;
    position: absolute;
    left: 0;
    bottom: 0; }
  .index-footer.index-bg .in-right {
    width: 189px;
    bottom: 0;
    position: absolute;
    right: 0; }

.ib-swiper,
.ib-mobile-swiper {
  position: relative; }
  .ib-swiper .sw-btn,
  .ib-mobile-swiper .sw-btn {
    width: 50px;
    height: 50px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0.8;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms; }
    .ib-swiper .sw-btn img,
    .ib-mobile-swiper .sw-btn img {
      width: 20px; }
    .ib-swiper .sw-btn:hover,
    .ib-mobile-swiper .sw-btn:hover {
      opacity: 1; }
  .ib-swiper .rat,
  .ib-mobile-swiper .rat {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .ib-swiper .ib-sw-next,
  .ib-swiper .ib-mobile-sw-next,
  .ib-mobile-swiper .ib-sw-next,
  .ib-mobile-swiper .ib-mobile-sw-next {
    right: 90px; }
  .ib-swiper .ib-sw-prev,
  .ib-swiper .ib-mobile-sw-prev,
  .ib-mobile-swiper .ib-sw-prev,
  .ib-mobile-swiper .ib-mobile-sw-prev {
    left: 90px; }

.show-wrapper {
  width: 100%;
  padding: 92px 0 60px 0; }
  @media screen and (min-width: 1025px) {
    .show-wrapper .swiper-container-style {
      display: none; } }
  .show-wrapper .img-box {
    border-radius: 12px;
    overflow: hidden; }
  .show-wrapper .ibp-swiper .swiper-wrapper {
    position: relative;
    padding-bottom: 100px; }
  .show-wrapper .sw-btn {
    width: 40px;
    padding: 6px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    z-index: 2;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 643px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #fff;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
    .show-wrapper .sw-btn img {
      width: 100%; }
    .show-wrapper .sw-btn .black {
      display: block; }
    .show-wrapper .sw-btn .white {
      display: none; }
    .show-wrapper .sw-btn:hover .white {
      display: block; }
    .show-wrapper .sw-btn:hover .black {
      display: none; }
  .show-wrapper .rat {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .show-wrapper .sw-next {
    right: -webkit-calc(50% + 3px);
    right: calc(50% + 3px); }
  .show-wrapper .sw-prev {
    left: -webkit-calc(50% - 107px);
    left: calc(50% - 107px); }
  .show-wrapper .slide-box {
    margin-top: 0;
    position: relative; }
    .show-wrapper .slide-box .img-more {
      position: absolute;
      display: block;
      bottom: -10%;
      left: 30%;
      width: 26%;
      z-index: 1; }
  .show-wrapper .swiper-wrapper {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .show-wrapper .b-cell-content {
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .show-wrapper .b-cell-content .cell-box-info {
      height: 667.5px;
      background: #F7F8FA;
      border-radius: 12px;
      width: -webkit-calc(100% - 715px);
      width: calc(100% - 715px);
      padding-top: 70px;
      padding-left: 120px; }
      .show-wrapper .b-cell-content .cell-box-info .cell-title {
        font-size: 40px;
        font-weight: 600;
        color: #1F2227;
        line-height: 40px; }
    .show-wrapper .b-cell-content .cell-img {
      width: 715px;
      border-radius: 12px; }
    .show-wrapper .b-cell-content .cell-logo {
      width: 216px;
      margin-top: 58px; }
    .show-wrapper .b-cell-content .cell-post {
      margin-top: 50px; }
      .show-wrapper .b-cell-content .cell-post .pot-item {
        padding: 20px 0;
        position: relative; }
      .show-wrapper .b-cell-content .cell-post .pot {
        left: 0;
        top: 30px;
        display: block;
        text-align: center;
        width: 58px;
        line-height: 58px;
        position: absolute;
        font-weight: 600;
        height: 58px;
        background: rgba(54, 109, 255, 0.06);
        border-radius: 8px;
        color: #366dff;
        font-size: 26px; }
      .show-wrapper .b-cell-content .cell-post .desc .desc-title {
        color: #1f2227;
        font-weight: 600;
        font-size: 18px;
        line-height: 1; }
      .show-wrapper .b-cell-content .cell-post .desc .desc-info {
        margin-top: 12px;
        line-height: 24px;
        font-size: 16px;
        color: #b4b5b7;
        width: 400px; }

.campany-box {
  padding: 48px 0; }
  .campany-box .img-box {
    margin-top: 50px;
    margin-bottom: 26px; }
    .campany-box .img-box .item {
      display: inline-block;
      width: 113px;
      margin: 0 40px 20px 40px; }
      .campany-box .img-box .item > img {
        width: 100%; }

.team-wrapper {
  overflow: hidden;
  background: #f7f8fa; }
  .team-wrapper .team-box {
    padding: 111px 0;
    position: relative; }
    .team-wrapper .team-box .swiper-pagination {
      width: 100%;
      padding-left: 453px;
      text-align: left;
      bottom: 111px;
      position: absolute;
      left: 0; }
      .team-wrapper .team-box .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin-right: 16px; }
  .team-wrapper .slide-box {
    position: relative; }
  .team-wrapper .swiper-wrapper {
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .team-wrapper .b-cell-content {
    position: relative; }
  .team-wrapper .post-logo {
    margin-top: 28px;
    width: 173px; }
  .team-wrapper .cell-img {
    width: 383px;
    position: absolute; }
  .team-wrapper .cell-txt {
    margin-top: 50px;
    color: #848b99;
    font-size: 18px;
    line-height: 40px; }
  .team-wrapper .cell-post {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    padding-left: 453px;
    min-height: 490px; }
  .team-wrapper .cell-info {
    position: absolute;
    left: 453px;
    font-size: 18px;
    color: #1f2227;
    bottom: 95px;
    padding-left: 40px; }
    .team-wrapper .cell-info:after {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      display: inline-block;
      width: 28px;
      height: 2px;
      background-color: #979797; }

.news-wrapper {
  padding: 100px 0 40px 0; }
  .news-wrapper .normal-bg {
    display: block; }
  .news-wrapper .mobile-bg {
    display: none; }
  .news-wrapper .news-wrap .title {
    position: relative;
    font-weight: 600;
    font-size: 34px;
    vertical-align: middle; }
    .news-wrapper .news-wrap .title > a {
      color: #1f2227; }
  .news-wrapper .news-wrap .more-inf {
    position: absolute;
    right: 0;
    top: 0; }
  .news-wrapper .news-box {
    margin: 20px -24px 0;
    font-size: 0; }
    .news-wrapper .news-box .news-item {
      width: 33.33%;
      vertical-align: top;
      display: inline-block;
      padding: 30px 24px;
      -webkit-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease;
      margin-bottom: 20px; }
      .news-wrapper .news-box .news-item .item-img img {
        border-radius: 6px;
        width: 100%;
        height: 210px; }
    .news-wrapper .news-box .news-item:hover {
      background: #fff;
      border-radius: 8px;
      -webkit-box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.07);
              box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.07); }
    .news-wrapper .news-box .item-title {
      margin-top: 26px;
      line-height: 30px;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      font-size: 14px;
      color: #8c8e92; }
    .news-wrapper .news-box .item-text {
      margin-top: 2px;
      font-size: 16px;
      font-weight: 600;
      line-height: 32px;
      color: #1f2227; }
    .news-wrapper .news-box .date-see-details {
      margin-top: 34px; }
      .news-wrapper .news-box .date-see-details a {
        font-size: 14px;
        font-weight: 600;
        color: #366dff; }
      .news-wrapper .news-box .date-see-details .right-icon {
        position: relative;
        top: 2px;
        margin-left: 30px;
        width: 15px; }

@media screen and (max-device-width: 1920px) and (min-device-width: 1024px) {
  .section-tool1-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative; }
    .section-tool1-wrapper .main-content {
      margin: 0px; }
    .section-tool1-wrapper .section-content {
      width: 100%;
      padding-top: 5vw; }
    .section-tool1-wrapper .addr-l,
    .section-tool1-wrapper .addr-r {
      width: 100%;
      height: 32.0833333333vw;
      position: absolute;
      background-color: #0560FD; }
    .section-tool1-wrapper .addr-l {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 65px;
      bottom: 0;
      z-index: -1;
      right: 80%; }
    .section-tool1-wrapper .addr-r {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 65px;
      left: 80%;
      z-index: -1;
      top: -20px; }
    .section-tool1-wrapper .content-tool-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 53px; }
      .section-tool1-wrapper .content-tool-box .tool-box {
        position: relative;
        padding-top: 1.875vw; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-title {
          font-size: 2.0833333333vw;
          font-weight: 600;
          color: #FFFFFF;
          line-height: 2.9166666667vw; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-ab {
          font-size: 0.9375vw;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 32px;
          margin-top: 0.625vw;
          margin-bottom: 0.8333333333vw; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-link {
          font-size: 0.7291666667vw;
          color: #fff;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-transition: all 300ms ease;
          -o-transition: all 300ms ease;
          transition: all 300ms ease;
          position: absolute;
          top: 3.125vw;
          right: 3.125vw; }
          .section-tool1-wrapper .content-tool-box .tool-box .item-link .blue {
            display: none; }
          .section-tool1-wrapper .content-tool-box .tool-box .item-link img {
            -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
            width: 0.625vw;
            margin-left: 0.4166666667vw; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-link:hover {
          color: #0560FD; }
          .section-tool1-wrapper .content-tool-box .tool-box .item-link:hover .white {
            display: none; }
          .section-tool1-wrapper .content-tool-box .tool-box .item-link:hover .blue {
            display: inline-block; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-text p {
          font-size: 0.7291666667vw;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.5);
          line-height: 1.5;
          letter-spacing: 1.4px; }
        .section-tool1-wrapper .content-tool-box .tool-box .item-img {
          width: 100%;
          margin-top: 65px; }

  .forcase-section-item .main-content {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 0; }
  .forcase-section-item .content-tool-box .tool-box {
    width: 368px; } }
html {
  overflow-x: hidden; }

@media screen and (min-width: 1920px) {
  .index-row-banner .swiper-container {
    height: 39.58vw; }
  .index-row-banner .banner-content {
    padding-top: 12.447vw; }

  .section-tool1-wrapper .addr-l,
  .section-tool1-wrapper .addr-r {
    width: 100%; }
  .section-tool1-wrapper .addr-r {
    left: -webkit-calc(50% + 500px);
    left: calc(50% + 500px); }
  .section-tool1-wrapper .addr-l {
    right: -webkit-calc(50% + 500px);
    right: calc(50% + 500px); }

  .forcase-section-item .cate-img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; } }
@media screen and (max-device-width: 1440px) and (min-device-width: 1200px) {
  .section-tool1-wrapper .content-tool-box {
    display: grid;
    gap: 0px 36px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px); } }
@media screen and (max-device-width: 1200px) and (min-device-width: 1024px) {
  .section-tool1-wrapper .content-tool-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px); } }
img {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /*Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */ }