@media (min-width: 961px) {
  .screen2 .container h2 {
    font-size: 2.2rem;
  }

  .screen2 .container {
    padding: 2.375rem 4.75rem;
  }

  .screen2 .container .screen2-more::after {
    top: 65%;
    transform: translateY(-50%);
    width: 1.4125rem;
    height: 1.4125rem;
  }

  .screen5 .item1 .text {
    flex-basis: 165%;
  }

  .screen5 .item1 .text h2 {
    font-size: 2rem;
  }

  .screen5 .item1 p {
    padding: 0 0 0 5rem;
  }

  .screen5 .container .item1 {
    height: 12.0625rem;
  }

  .screen6 .content span {
    padding: 1rem 0;
  }

  .screen6 .content .item span {
    padding: 1rem 0 0;
  }

  .screen6 .content .desc-img3 .item p,
  .screen6 .content .desc-img4 .item p {
    padding: 0;
    font-size: 0.675rem;
    text-align: center;
  }

  .screen6_item1 .content .right {
    width: 56.375rem;
  }

  .screen6 .content .desc-img4 .item {
    flex-basis: 40%;
  }

  .screen6 .content-box {
    height: 36.125rem;
  }

  .screen6 .content .desc-img5 .item > div p {
    font-size: 1.025rem;
  }

  .screen6_item3 .content-box {
    height: 36.125rem;
  }

  .screen6_item2 .content .desc-img5 .item > div p {
    font-size: 0.855rem;
  }

  .screen6_item3 .content-box {
    height: 46.125rem;
  }

  .screen7 .more__contain a {
    width: auto;
  }

  .screen8 > h2 {
    width: auto;
    text-align: center;
  }

  .screen8 .container .top > div {
    flex-basis: 30%;
    width: 21.875rem;
    height: auto;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen8 .container .top > div img {
    margin-top: 22px;
    margin-bottom: 0;
  }
  .screen8 .container .top > div span {
    font-size: 1rem;
    width: auto;
    height: auto;
  }

  .screen8 .container .top {
    height: auto;
    padding: 0 2.5rem 2rem 0;
  }

  .screen8 .container .bottom > div img {
    display: block;
  }

  .screen8 .container .bottom > div span {
    font-size: 1.05rem;
  }

  .screen8 .container {
    height: auto;
  }

  .tab-pane .tab-body .tab-pane-list .info-box {
    width: 38rem;
    height: 28.75rem;
    padding-top: 1.3025rem;
    padding-left: 4.69125rem;
    right: 6rem;
    padding-right: 3.95875rem;
    padding-bottom: 4.074375rem;
    border-radius: 0px 0.625rem 0.625rem 0px;
    background: #f2f4f6;
  }

  .screen7 .info-box > p {
    height: 12.5rem;
    text-align: unset;
    margin-top: 0.5rem;
  }

  .screen7 .more__contain a {
    width: auto;
  }

  .info-box .data {
    display: flex;
    align-items: unset;
    margin-top: 0.5rem;
  }

  .magin_left {
    margin-left: 1rem;
  }

  .data-width {
    transform: translateX(-0.5rem);
  }

  .screen7 .info-box .data span.data-width {
    font-size: 1.6125rem;
    font-weight: 900;
    line-height: normal;
  }
}

.main .screen2 .container {
  background: linear-gradient(
    180deg,
    rgba(0, 11, 254, 0.8) 0%,
    rgba(7, 80, 254, 0.8) 100%
  );
}

@media (max-width: 960px) {
  .screen8 .container .top > div img {
    width: auto;
    height: 7rem;
  }
  .screen8 .container .top > div {
    align-items: flex-start;
  }
  .screen8 .container .top > div {
  }
  .screen8 .container .top > div span {
    flex: 1;
  }
  .main .screen2 .container {
    width: auto;
    margin-right: 7rem;
  }

  .main .screen2 .container h2 {
    font-size: 5rem;
  }

  .main .screen2 .container .screen2-more::after {
    top: 72%;
  }

  .main .screen5 .item1 .text h2 {
    font-size: 4.5rem;
  }

  .main .screen5 .item1 p {
    height: auto;
    margin-bottom: 0;
  }

  .main .screen5 {
    height: 178.25rem;
  }

  .main .screen8 > h2 {
    padding: 4.2rem 0 4rem;
  }

  .screen8 {
    height: 171.25rem;
  }

  .layout-footer .layout-footer-body {
    padding: 92.0833333333vw 3vw 0;
  }

  .tab-pane .tab-body .tab-pane-list .info-box {
    box-sizing: border-box;
  }

  .main .screen7 .info-box > p {
    height: 22.625rem;
  }

  .main .info-box .data {
    align-items: flex-start;
  }

  .main .info-box .data .data-val {
    width: 13.5175rem;
    height: auto;
  }

  .main .screen7 .info-box .data span:nth-child(1) {
    height: auto;
  }

  .main .tab-pane .tab-body .tab-pane-list .info-box {
    height: 60rem;
  }

  .main .data-item-margin {
    margin-left: 1rem;
  }

  .main .screen7 {
    height: 176.25rem;
  }

  .main .tab-pane .tab-wrapper {
    bottom: 26rem;
  }

  .main .screen7 .screen7-bg {
    margin-top: -28.75rem;
  }

  .main .screen7 .more__contain a {
    width: auto;
    text-align: center;
  }

  .main .screen8 {
    width: 100vw;
    height: 169.25rem;
    background: linear-gradient(180deg, #000021 7%, #003395 100%);
    position: relative;
  }

  .screen6 .content span {
    height: auto;
  }

  .screen6 .content .desc-img3 {
    height: 55.875rem;
  }

  .screen6 .content-box {
    height: 220.25rem;
  }

  .screen6 {
    height: 252.375rem;
  }

  .screen6_item1 {
    height: 222.25rem;
  }

  .screen6 .content .desc-img4 .item {
    padding: 0;
  }

  .screen6 .content .desc-img4 .item span {
    font-size: 3.5rem;
  }

  .screen6 .content .desc-img3 .item p,
  .screen6 .content .desc-img4 .item p {
    padding: 0;
    margin: 0;
  }

  .screen6 .content .desc-img4 {
    height: 52.125rem;
  }

  .tec-main .main .screen6 .content .desc-img5 .item > div p {
    width: auto;
    font-size: 3rem;
    padding: 0 4rem 0 4rem;
  }

  .screen6_item2 {
    margin-top: -0.5rem;
    width: 100vw;
    height: 212.375rem;
  }

  .screen6_item3 {
    height: 170.25rem;
  }

  .tab-pane .tab-body .tab-pane-list .info-box {
    padding-right: 0;
  }

  .data-width {
    width: 20rem;
  }

  .swiper .swiper-slide .info h1 {
    font-size: 6rem !important;
  }
}

.reviews-swiper {
  position: relative;
  width: 100%;
}

.reviews-swiper .swiper-button-prev,
.reviews-swiper .swiper-button-next {
  color: #0750fe;
}

.reviews-swiper .swiper-button-prev:hover,
.reviews-swiper .swiper-button-next:hover {
  background: transparent;
}