/* animate start */
.anim_emt.start.swing {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

.anim_emt.start.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

.anim_emt.start.welc_l_to_r {
  -webkit-animation-name: welc_left_to_right;
  animation-name: welc_left_to_right;
}

.anim_emt.start.welc_r_to_l {
  -webkit-animation-name: welc_right_to_left;
  animation-name: welc_right_to_left;
}

.anim_emt.start.welc_b_to_t {
  -webkit-animation-name: welc_bottom_to_top;
  animation-name: welc_bottom_to_top;
}

.anim_emt.start.welc_zoomIn {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: welc_zoomIn;
  animation-name: welc_zoomIn;
}

@keyframes welc_zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  10% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }
  20% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
  }
  30% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }
  40% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
  }
  50% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }
  60% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
  }
  70% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }
  80% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
  }
  90% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes mk_scale {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes mk_left_to_right {
  0% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes mk_right_to_left {
  0% {
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes mk_bottom_to_top {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes mk_top_to_bottom {
  0% {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes welc_left_to_right {
  0% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes welc_right_to_left {
  0% {
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes welc_bottom_to_top {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes scrollLeft {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
/* aniamte end */

/* common start */
.welcome.ad-active .warp-header4{
  top: 60px;
}
.welcome.ad-active .header4.fix {
  top: 0;
}
.welcome.ad-active .m-bocweb-header3 {
  top: 60px;
}
.welcome section {
  width: 100%;
  overflow-x: clip;
  overflow-y: visible;
}
.mark-plus {
  display: inline-block;
  margin: 0 0.1rem;
  font-size: 22px;
  line-height: 1.2;
  vertical-align: top;
  font-weight: bold;
}
.col-primary {
  color: #017aff;
}
.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11.5px 26px;
  border-radius: 99px;
  background-color: #fff;
  border: 1px solid #0A6AFF;
  color: #0A6AFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  cursor: pointer;
}
.btn-outline:hover {
  color: #0A6AFF;
  opacity: 0.7;
}
@media (min-width: 1300px) {
  .welcome .tit-26 {
    font-size: 26px;
  }
  .welcome .tit-16 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .welcome .m-block-767 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .welcome .pc-block-768 {
    display: none !important;
  }
}
/* common end */

/* ad start */
.welcome-ad {
  position: relative;
  width: 100%;
  height: 60px;
  background: linear-gradient(270deg, #DCF7FF -0.39%, #CCF0FF 100.08%);
}
.welcome-ad .w1200 {
  height: 60px;
}
.welcome-ad .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.welcome-ad .close img {
  width: 22px;
  height: 22px;
  border: 6px solid transparent;
}
.welcome-ad .img-wrap {
  width: 247px;
  margin-right: 13px;
}
.welcome-ad .img-wrap .img1 {
  width: 100%;
  aspect-ratio: 496 / 120;
}
.welcome-ad .img-wrap .img2 {
  display: none;
  width: 100%;
  aspect-ratio: 21 / 12;
}
.welcome-ad .text {
  display: flex;
  align-items: center;
  margin-right: 30px;
  font-size: 20px;
}
.welcome-ad .text .text-bold {
  margin-left: 10px;
}
.welcome-ad .btn-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.welcome-ad .btn-outline {
  flex-direction: column;
  padding: 3.5px 15px;
  font-size: 11px;
  font-weight: bold;
  background-color: transparent;
}
.welcome-ad .btn-outline img {
  height: 8px;
  margin-bottom: 2px;
  aspect-ratio: 53 / 13;
}
.welcome-ad .btn-outline span {
  line-height: 1;
}
.welcome-ad .btn-area .tip {
  margin-top: 2px;
}
.welcome-ad .btn-area .tip img {
  height: 8px;
  aspect-ratio: 76 / 13;
}

@media (min-width: 1300px) {
  .welcome-ad .w1200 {
    padding-right: 110px;
  }
}

@media (max-width: 991px) {
  .welcome.ad-active .welcome-ad {
    position: absolute;
    top: 0;
    left: 0;
  }
  .welcome-ad .w1200 { 
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .welcome-ad .img-wrap {
    width: 105px;
    margin-right: 0;
  }
  .welcome-ad .img-wrap .img1 {
    display: none;
  }
  .welcome-ad .img-wrap .img2 {
    display: block;
  }
  .welcome-ad .text {
    font-size: 16px;
    flex-direction: column;
    line-height: 1.2;
    margin-right: 0;
  }
  .welcome-ad .text .text-bold {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .welcome-ad .w1200 {
    width: 100%;
    padding-right: 18px;
  }
}
/* ad end */

/* banners start */
.welcome .welcome-banner {
  position: relative;
  overflow-y: hidden;
}
.welcome-banner::before {
  content: '';
  position: absolute;
  top: 44%;
  left: 50%;
  width: 1758px;
  height: 1298px;
  transform: translateX(-50%);
  border-radius: 1758px;
  background: rgba(101, 173, 255, 0.60);
  filter: blur(287.7232360839844px);
}
.welcome-banner::after {
  content: '';
  position: absolute;
  top: 65.5%;
  left: 50%;
  width: 461px;
  height: 461px;
  transform: translateX(-150%);
  border-radius: 461px;
  background: #5DFF90;
  filter: blur(194.0235595703125px);
  opacity: 0.2;
}
.welcome-banner .swiper-container {
  padding: 110px 0 60px;
  overflow: visible;
}
.welcome-banner .swiper-slide {
  display: flex;
  align-items: center;
}
.welcome-banner .content{
  padding-right: 56px;
}
.welcome-banner .content .tit-48 {
  display: flex;
  align-items: center;
}
.welcome-banner .content .tit-48 img {
  height: 1em;
  aspect-ratio: 217.53 / 48;
  margin-right: 4px;
}
.welcome-banner .content .tit-16 {
  margin-bottom: 3em;
}
.welcome-banner .content .tit-16 .mark-plus {
  font-size: 12px;
  margin: 0 1px;
  font-weight: normal;
  line-height: 1.3;
}
.welcome-banner .content .tit-16 p {
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.welcome-banner .content .items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}
.welcome-banner .content .item {
  display: flex;
  align-items: center;
}
.welcome-banner .content .item img {
  height: 1em;
  aspect-ratio: 1 / 1;
}
.welcome-banner .content .item:not(:last-child){
  margin-right: 1em;
} 
.welcome-banner .img-wrap  {
  width: 56.67%;
  padding: 20px 25px;
  flex-shrink: 0;
}
.welcome-banner .banner-img,
.welcome-banner .banner-img img {
  width: 100%;
  aspect-ratio: 630.03 / 406.5;
}
.welcome-banner .img-wrap .icon {
  height: auto;
}
.welcome-banner .img-wrap .icon1 {
  width: 63.5%;
  left: 0;
  top: 15.3%;
  /* filter: drop-shadow(0px 1.596px 25px rgba(0, 144, 255, 0.20)); */
}
.welcome-banner .img-wrap .icon2 {
  width: 12.8%;
  left: 30.5%;
  bottom: 0;
  /* filter: drop-shadow(0px 1.596px 25px rgba(0, 144, 255, 0.20)); */
}

.welcome-banner .img-wrap .gif1 {
  width: 48%;
  bottom: 1.2%;
  right: -5.5%;
}

.welcome-banner .img-wrap .gif1.anim_emt.start.welc_zoomIn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.welcome-banner .img-wrap .icon3 {
  width: 6.23%;
  right: -1.8%;
  top: -2.5%;
}
@media (max-width: 1080px) {
  .welcome-banner .content .tit-48 {
    font-size: 35px;
  }
}
@media (max-width: 991px) {
  .welcome-banner .content .tit-48 {
    font-size: 28px;
  }
  .welcome-banner .content{
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .welcome-banner .swiper-container {
    padding: 60px 0 15px;
  }
  .welcome.ad-active .welcome-banner .swiper-container {
    padding-top: 120px;
  }
  .welcome-banner .swiper-slide {
    flex-direction: column;
    align-items: center;
  }
  .welcome-banner .content{
    padding-right: 0;
    text-align: center;
  }
  .welcome-banner .content .tit-48 {
    justify-content: center;
  }
  .welcome-banner .content .tit-16 {
    margin-bottom: 1.5em;
  }
  .welcome-banner .content .tit-16 {
    font-size: 14px;
    text-align: center;
  }
  .welcome-banner .content .tit-16 .mark-plus {
    margin: 0 1px;
  }
  .welcome-banner .img-wrap {
    width: 100%;
    padding: 15px 14px;
  }
  .welcome-banner .img-wrap .gif1 {
    right: -2.5%;
  }

}
/* banners end */

/* brands start */
.welcome-brands {
  z-index: 9;
  position: relative;
  padding: 8px 0;
  background: #fff;
}

.welcome-brands .tit-26 {
  flex-shrink: 0;
  margin-right: 30px;
}

.welcome-brands .tit-26 .mark-plus {
  font-size: 1em;
  line-height: 1;
}

.welcome-brands .scroll-container {
  overflow: hidden;
  flex: 1;
  height: 70px;
}
.welcome-brands .scroll-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 5%, rgba(255, 255, 255, 0.00) 95%, #FFF 100%);
}

.welcome-brands .brands-list {
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  animation: scrollLeft linear 55s infinite;
}

.welcome-brands .brand-item {
  width: 70px;
  height: 70px;
  margin-right: 24px;
  flex-shrink: 0;
}

.welcome-brands .brand-item img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .welcome-brands {
    padding: 23px 0 10px;
  }
  .welcome-brands .w1200 {
    width: 100%;
    flex-direction: column;
  }

  .welcome-brands .tit-26 {
    margin-right: 0;
  }

  .welcome-brands .scroll-container {
    width: 100%;
    flex: unset;
    height: 40px;
    margin-top: 5px;
  }

  .welcome-brands .brands-list {
    animation: scrollLeft linear 1s infinite;
  }

  .welcome-brands .brand-item{
    width: 19%;
    height: auto;
    margin-right: 10px;
  }
}
/* brands end */

/* features start */
.welcome .welcome-features {
  position: relative;
  padding: 60px 0 90px;
  overflow-y: hidden;
}

.welcome-features::before,
.welcome-features::after,
.welcome-features .bg-el::before
{
  content: '';
  position: absolute;
  left: 50%;
}

.welcome-features::before {
  z-index: -2;
  top: 19%;
  transform: translateX(-69.75%);
  width: 747px;
  height: 747px;
  border-radius: 50%;
  background: rgba(93, 171, 255, 0.80);
  filter: blur(250px);
  opacity: 0.95;
}

.welcome-features::after {
  z-index: -1;
  top: 57.86%;
  transform: translateX(-168.88%);
  width: 482px;
  height: 482px;
  border-radius: 50%;
  background: rgba(93, 255, 93, 0.35);
  filter: blur(202.86195373535156px);
  opacity: 0.4;
}

.welcome-features .bg-el::before {
  z-index: -1;
  top: 22.97%;
  transform: translateX(86.56%);
  width: 424px;
  height: 424px;
  border-radius: 50%;
  background: rgba(255, 93, 233, 0.40);
  filter: blur(178.45118713378906px);
  opacity: 0.4;
}

.welcome-features .feature-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 40px;
}

.welcome-features .feature-item {
  width: 50%;
  flex-basis: 50%;
  padding: 10px 20px;
}

.welcome-features .feature-item-wrap {
  position: relative;
  border: 10px solid transparent;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4);
}

.welcome-features .feature-item-inner {
  display: flex;
  align-items: center;
  gap: 33px;
  height: 160px;
  padding: 0 32px 0 28px;
  cursor: pointer;
  border-radius: 10px;
  background: linear-gradient(278deg, #f0faff -65.47%, #fff 126.46%);
  overflow: hidden;
  box-shadow: -1px -2px 6px 0px rgba(255, 255, 255, 0.1) inset,
    2px 2px 2px 0px rgba(255, 255, 255, 0.2) inset,
    0px 43px 108px 0px rgba(55, 95, 158, 0.12),
    0px 21.769px 47.081px 0px rgba(55, 95, 158, 0.08),
    0px 8.6px 17.55px 0px rgba(55, 95, 158, 0.06),
    0px 1.881px 6.244px 0px rgba(55, 95, 158, 0.04);
}

.welcome-features .feature-item img {
  width: 97px;
  height: 97px;
  aspect-ratio: 1 / 1;
}

.welcome-features .feature-item .info .tit-30 {
  margin-bottom: 8px;
  line-height: 1.27;
}

.feature-item .info-detail .item .tit-16 {
  margin-left: 6px;
}

.feature-item .info-detail-wrap {
  display: none;
  position: absolute;
  top: -10px;
  left: -10px;
  border: 10px solid rgba(255, 255, 255, 0.40);
  align-items: center;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  padding: 0 43px 0 83px;
  border-radius: 20px;
  background: linear-gradient(
    180deg,
    rgba(0, 33, 90, 0.5) 0%,
    rgba(0, 17, 46, 0.5) 31.15%
  );
  backdrop-filter: blur(20px);
}

.feature-item .info-detail {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.feature-item .info-detail .item {
  display: flex;
  align-items: center;
  min-width: 50%;
  padding: 5px 0;
}

.feature-item .info-detail img {
  width: 18px;
  height: 18px;
}

.feature-item .info-detail .tit-20 {
  margin-left: 0.25em;
}

.feature-item-wrap:hover .info-detail-wrap {
  display: flex;
}
/* features end */

/* advantages start */
.welcome-advantages {
  position: relative;
  padding: 90px 0 52px;
}
.welcome-advantages::after {
  content: '';
  position: absolute;
  width: 812px;
  height: 812px;
  border-radius: 50%;
  top: 18.63%;
  left: 50%;
  transform: translateX(-1.72%);
  opacity: 0.55;
  background: #65ADFF;
  filter: blur(260px);
  z-index: 1;
}
.welcome-advantages .w1200 {
  position: relative;
  z-index: 2;
}
.welcome-advantages .tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .welcome-advantages .tabs {
    border-radius: 99px;
    background: #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  }
}
.welcome-advantages .tab-item {
  display: flex;
  align-items: center;
  padding: 15px 28px;
  border-radius: 99px;
  cursor: pointer;
}

.welcome-advantages .tab-item.active {
  color: #fff;
  background-color: #017aff;
}

.welcome-advantages .advantage-item .tit-34 {
  width: 100%;
  margin-bottom: 40px;
}

.welcome-advantages .advantage-item {
  display: none;
  flex-wrap: wrap;
}

.welcome-advantages .advantage-item.active {
  display: flex;
}

.welcome-advantages .advantage-item .info {
  width: 404px;
  margin-right: 56px;
  padding-top: 10px;
}

.welcome-advantages .advantage-item .info-item {
  margin-top: 40px;
}

.welcome-advantages .info-item .tit-30 {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.welcome-advantages .info-item .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  padding: 0 0.2rem;
  border-radius: 6px;
  border: 1px solid #017aff;
  line-height: 2;
  font-weight: normal;
}

.welcome-advantages .info-item .tag img {
  height: 1.375em;
  width: auto;
  margin: 0.125em;
  aspect-ratio: 1 / 2;
}

.welcome-advantages .info-item.btn-area {
  display: flex;
  align-items: center;
  gap: 16px;
} 

.welcome-advantages .advantage-item .wrap-right {
  flex: 1;
  padding-bottom: 65px;
}

.welcome-advantages .advantage-item .img-wrap {
  position: relative;
  padding: 40px 50px;
}

.welcome-advantages .img-wrap .img {
  width: 100%;
  aspect-ratio: 642 / 582;
  filter: drop-shadow(0px 20px 30px rgba(0, 144, 255, 0.08));
}

.gradient-border {
  border: 10px solid transparent;
  border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  border-image-slice: 1;
}
.advantage-item .icon {
  filter: drop-shadow(0px 0.746px 11.689px rgba(0, 144, 255, 0.20));
}

.advantage-item .icon1-1 {
  right: 0;
  top: 10.91%;
}

.advantage-item .icon1-2 {
  left: 0;
  bottom: 15%;
}

.advantage-item .icon2-1 {
  top: 20.3%;
  left: 0;
  width: 47.3%;
  aspect-ratio: 350 / 132;
}

.advantage-item .icon2-2 {
  bottom: 0;
  right: 0;
  width: 67.97%;
  aspect-ratio: 503 / 354;
}

.advantage-item .icon3-1 {
  top: 24.7%;
  right: 0;
  width: 56.22%;
  aspect-ratio: 416 / 181;
}

.advantage-item .icon3-2 {
  bottom: 27.42%;
  left: 0;
  width: 29.05%;
  aspect-ratio: 215 / 118;
}

.advantage-item .icon4-1 {
  top: 26.82%;
  right: 0;
  width: 38.78%;
  aspect-ratio: 287 / 249;
}

.advantage-item .icon4-2 {
  bottom: 16.82%;
  left: 0;
  width: 51.62%;
  aspect-ratio: 382 / 223;
}

.advantage-item .icon5-1 {
  top: 18.18%;
  right: 0;
  width: 36.35%;
  aspect-ratio: 269 / 173;
}

.advantage-item .icon5-2 {
  bottom: 16.97%;
  left: 0;
  width: 43.78%;
  aspect-ratio: 324 / 275;
}

.advantage-item .icon6-1 {
  top: 15.15%;
  right: 0;
  width: 63.24%;
}

.advantage-item .icon6-2 {
  top: 34.09%;
  left: 0;
  width: 31.62%;
}

.advantage-item .icon6-3 {
  bottom: 0;
  right: 0;
  width: 58.51%;
}

@media (max-width: 992px) {
  .welcome-advantages .tab-item {
    padding: 10px 0.5rem;
    cursor: none;
  }
  .welcome-advantages .tab-item.tit-22 {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .welcome-advantages {
    padding: 18px 0 24px;
    background-image: url(../image/bg1.webp);
  }
  .welcome-advantages::after {
    display: none;
  }
  .welcome-advantages .tabs {
    flex-wrap: wrap;
    margin-bottom: 12px;
  }

  .welcome-advantages .tab-item {
    width: 33%;
    flex-basis: 33%;
    padding: 8px;
    justify-content: center;
    margin-bottom: 10px;
  }

  .welcome-advantages .tab-item.tit-22 {
    font-size: 12px;
  }

  .welcome-advantages .tab-item.active {
    border: 1px solid #017aff;
    background-color: transparent;
    font-weight: bold;
    color: #1E2026;
    background: #fff;
    color: #017aff;
  }

  .welcome-advantages .advantage-item {
    flex-direction: column;
  }

  .welcome-advantages .advantage-item .wrap-right {
    padding-bottom: 0;
    border-radius: 6px;
    border: 4px solid transparent;
    background-color: rgba(255, 255, 255, 0.40);
    box-shadow: -0.432px -0.863px 2.59px 0px rgba(255, 255, 255, 0.10) inset, 0.863px 0.863px 0.863px 0px rgba(255, 255, 255, 0.20) inset, 0px 18.565px 46.627px 0px rgba(55, 95, 158, 0.05), 0px 9.398px 20.327px 0px rgba(55, 95, 158, 0.05), 0px 3.713px 7.577px 0px rgba(55, 95, 158, 0.06), 0px 0.812px 2.696px 0px rgba(55, 95, 158, 0.04);
  }
  .welcome-advantages .advantage-item .wrap-right-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 24px;
    border-radius: 6px;
    background: linear-gradient(276deg, #F1F7FF -14.15%, #FFF 214.09%);
  }

  .welcome-advantages .wrap-right-inner .btn-primary {
    margin-top: 30px;
  }

  .advantage-item .info-mobile {
    display: flex;
    flex-wrap: wrap;
    padding: 0 25px;
    width: 100%;
    margin-top: 15px;
    height: 3.95em;
  }

  .advantage-item .info-mobile-item {
    width: 50%;
    height: 1.375em;
    font-size: 16px;
    color: #1E2026;
    padding-left: 10px;
    position: relative;
    line-height: 1.375em;
    margin-bottom: 0.6em;
    text-wrap: nowrap;
    text-align: left;
  }

  .advantage-item .info-mobile-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #017aff;
    transform: translate(0, -50%);
  }

  .welcome-advantages .advantage-item .tit-34 {
    padding: 0 2em;
    margin-bottom: 20px;
  }

  .welcome-advantages .advantage-item .img-wrap {
    padding: 18px 22px;
  }
  .advantage-item .icon1-1,
  .advantage-item .icon2-2,
  .advantage-item .icon3-1,
  .advantage-item .icon4-1,
  .advantage-item .icon5-1,
  .advantage-item .icon6-1,
  .advantage-item .icon6-3 {
    right: 10px;
  }
  
  .advantage-item .icon1-2,
  .advantage-item .icon2-1,
  .advantage-item .icon3-2,
  .advantage-item .icon4-2,
  .advantage-item .icon5-2,
  .advantage-item .icon6-2 {
    left: 10px;
  }
}
/* advantages end */

/* custom reviews start */
.welcome-reviews {
  position: relative;
  padding: 40px 0 90px;
}

.welcome-reviews::before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 442px;
  height: 442px;
  left: 50%;
  top: 19.58%;
  transform: translateX(-191.18%);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(93, 239, 255, 0.40) 53.02%, rgba(93, 239, 255, 0.12) 100%);
  filter: blur(186px);
}

.welcome-reviews .reviews-container {
  border-radius: 10px;
  border: 10px solid rgba(255, 255, 255, 0.40);
  box-shadow: -1px -2px 6px 0px rgba(255, 255, 255, 0.10) inset, 2px 2px 2px 0px rgba(255, 255, 255, 0.20) inset, 0px 43px 108px 0px rgba(55, 95, 158, 0.05), 0px 21.769px 47.081px 0px rgba(55, 95, 158, 0.08), 0px 8.6px 17.55px 0px rgba(55, 95, 158, 0.06), 0px 1.881px 6.244px 0px rgba(55, 95, 158, 0.04);
}

.reviews-swiper-container {
  cursor: pointer;
  border-radius: 10px;
}

.welcome-reviews .detail {
  border-radius: 10px;
  transition: all 0.5s;
}
.welcome-reviews .detail:hover {
  transform: scale(1.02);
}
.welcome-reviews .detail {
  display: flex;
  background-image: url(../image/bg.webp);
}
.welcome-reviews .detail .content {
  flex: 1;
  padding: 54px 100px 33px 54px;
}
.welcome-reviews .detail .content .tit-38 {
  margin-bottom: 25px;
}
.welcome-reviews .detail .content p {
  height: 6.4em;
  margin-bottom: 60px;
}
.welcome-reviews .detail .reviewer .avatar {
  width: 96px;
  height: 96px;
  margin-right: 20px;
  border-radius: 50%;
}
.welcome-reviews .detail .reviewer .tit-22 {
  margin-right: 7px;
  margin-bottom: 2px;
}
.welcome-reviews .detail .btn-play {
  display: inline-block;
  bottom: 40px;
  right: 50px;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.welcome-reviews .detail .btn-play img {
  width: 100%;
  aspect-ratio: 1 / 1;
}
.welcome-reviews .detail .data-wrap {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px 0 60px;
}
.welcome-reviews .detail .data-item  {
  width: 240px;
  padding: 18px 0;
}
.welcome-reviews .detail .data-item .mark-plus {
  line-height: 1;
}
.welcome-reviews .data-item:not(:first-child) {
  border-top: 1.85px solid rgba(255,255,255, 0.5);
}
.welcome-reviews .reviews-swiper-pagination {
  position: absolute;
  bottom: -1.5rem;
  text-align: center;
}
.welcome-reviews .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #d9d9d9;
  opacity: 1;
}
.welcome-reviews .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #017aff !important;
}
.welcome-reviews .detail .data-item .tit-18 {
  font-size: 18px;
}

@media (min-width: 1300px) {
  .welcome-reviews .reviews-swiper-pagination {
    position: absolute;
    bottom: -60px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .welcome-reviews {
    padding-bottom: 30px;
    
  }
  .welcome-reviews::before {
    bottom: 10%;
    left: -32%;
    width: 70%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(93, 239, 255, 0.40) 53.02%, rgba(93, 239, 255, 0.12) 100%);
    filter: blur(111.95287322998047px);
  }
  .welcome-reviews::after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 15%;
    right: -25%;
    width: 70%;
    height: auto;
    border-radius: 50%;
    aspect-ratio: 1/1;
    border-radius: 268px;
    opacity: 0.3;
    background: #65ADFF;
    filter: blur(86.06006622314453px);
  }
  .welcome-reviews .tit-34 {
    text-align: center;
    margin-bottom: 0.3em;
  }
  .welcome-reviews .reviews-container {
    width: 100%;
    background: rgba(255, 255, 255, 0.40);
    border: 4px solid transparent;
    border-radius: 6px;
  }
  .welcome-reviews .reviews-swiper-container {
    width: 100%;
    border-radius: 4px;
  }
  .welcome-reviews .reviews-swiper-container .details{
    width: 100%;
  }
  .welcome-reviews .detail {
    width: 100%;
    flex-direction: column;
    background: transparent;
  }

  .welcome-reviews .detail .content {
    padding: 25px 28px;
    background-image: url(../image/m-bg1.webp);
  }

  .welcome-reviews .detail .content .mark-plus {
    line-height: 1;
    font-weight: 1em;
  }

  .welcome-reviews .detail .data-wrap {
    background-image: url(../image/m-bg2.webp);
    padding: 0;
    border-top: 1.5px solid rgba(255, 255, 255, 0.3);
  }

  .welcome-reviews .data-wrap .datas {
    display: flex;
    justify-content: space-between;
    padding: 19px 10px;
  }

  .welcome-reviews .detail .data-line {
    height: inherit;
    width: 1px;
    background-color: rgba(255,255,255,0.5);
  }

  .welcome-reviews .detail .data-item {
    padding: 0;
    width: unset;
  }

  .welcome-reviews .data-item:not(:first-child) {
    border-top: none;
  }

  .welcome-reviews .detail .data-item .tit-30 {
    font-size: 18px;
  }

  .welcome-reviews .detail .data-item .tit-18 {
    font-size: 12px;
  }

  .welcome-reviews .detail .reviewer .avatar {
    width: 54px;
    height: 54px;
    margin-right: 11px;
  }

  .welcome-reviews .detail .reviewer .tit-22 {
    font-size: 14px;
    margin-right: 0;
  }

  .welcome-reviews .detail .content p {
    margin-bottom: 30px;
    height: 7em;
  }

  .welcome-reviews .detail .btn-play {
    width: 40px;
    height: 40px;
    right: 30px;
    bottom: 30px;
  }
}
@media (max-width: 585px) {
  .welcome-reviews .detail .content .tit-38 {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .welcome-reviews .detail .content p.tit-20 {
    font-size: 13px;
  }
  .welcome-reviews .detail .data-item .tit-32 {
    font-size: 18px;
  }
}
/* custom reviews end */

/* honors start */
.welcome-honors {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(180deg, rgba(101, 173, 255, 0.00) 12.87%, rgba(57, 150, 255, 0.30) 100%);
}

.welcome-honors::before,
.welcome-honors::after,
.welcome-honors .bg-el::before,
.welcome-honors .bg-el::after {
  content: '';
  position: absolute;
  left: 50%;
}

.welcome-honors::before {
  z-index: -4;
  top: 13.24%;
  width: 539px;
  height: 539px;
  border-radius: 50%;
  transform: translateX(-202.97%);
  background: #5DF7FF;
  filter: blur(226.85px);
  opacity: 0.3;
}

.welcome-honors::after {
  z-index: -3;
  top: 73.51%;
  width: 457px;
  height: 457px;
  border-radius: 50%;
  transform: translateX(-115.97%);
  background: #5DFF63;
  filter: blur(192.34px);
  opacity: 0.2;
}

.welcome-honors .bg-el::before {
  z-index: -2;
  top: 39.46%;
  width: 594px;
  height: 594px;
  border-radius: 50%;
  transform: translateX(12.46%);
  background: #A65DFF;
  filter: blur(200px);
  opacity: 0.2;
}

.welcome-honors .bg-el::after {
  z-index: -1;
  top: 35.4%;
  width: 457px;
  height: 457px;
  border-radius: 50%;
  transform: translateX(149.89%);
  background: #5D90FF;
  filter: blur(192.34px);
  opacity: 0.2;
}

.welcome-honors .left .tit-50 {
  position: relative;
  margin-bottom: 35px;
}

.welcome-honors .left .icon1 {
  right: 98%;
  top: -23%;
  width: 0.8em;
}

.welcome-honors .left .icon2 {
  width: 1.8em;
  height: 1.8em;
  left: 96%;
  bottom: 40%;
}

.welcome-honors .left .icon3 {
  right: 0;
  top: 100%;
  width: 2.16em;
}

.welcome-honors .right {
  display: flex;
  gap: 25px;
  padding-right: 20px;
}

.welcome-honors .right li img {
  width: 127px;
  height: 127px;
}

@media (max-width: 767px) {
  .welcome-honors {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .welcome-honors .f-no-b-start {
    flex-direction: column;
    align-items: center;
  }
  
  .welcome-honors .left .btn-primary {
    display: none;
  }

  .welcome-honors .left {
    margin-bottom: 0;
  }

  .welcome-honors .left .tit-50 {
    margin-bottom: 4px;
  }
  .welcome-honors .right {
    padding: 0 22%;
    gap: 3.7%;
  }
  .welcome-honors .right li img {
    width: 100%;
    height: auto;
  }
  .welcome-honors .m-block-767 {
    margin-top: 20px;
    text-align: center;
  }
}
/* honors end */