.ifa {
  font-size: 0.83vw;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 auto;
  position: relative;
  background: #151515;
}

.ifa .swiper-init .swiper-wrapper {
  display: block;
}

.ifa .swiper-init.swiper .swiper-wrapper {
  display: flex;
}

.ifa .b {
  height: auto;
}

.ifa .b .bg .content .product-info-content a {
  position: relative;
}
@-webkit-keyframes circle-active {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    transform: scale(1);
    opacity: 0;
  }
}

@-o-keyframes circle-active {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes circle-active {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    transform: scale(1);
    opacity: 0;
  }
}

.ifa .b .circle {
  position: absolute;
  width: 7em;
  left: -1.5em;
  top: -1.5em;
  height: 7em;
  border-radius: 50%;
  z-index: -1;
  border: 0.25em solid #fff;
  opacity: 0.5;
  background: #fff;
}

.ifa .b .circle:nth-child(1) {
  transform: scale(0) translate(-50%, -50%);
  -ms-transform: scale(0);
  opacity: 1;
  animation: 1.7s ease-out infinite circle-active;
}

.ifa .b .circle:nth-child(2) {
  transform: scale(0);
  -ms-transform: scale(0);
  animation: 1.7s ease-out 0.566666666666667s infinite circle-active;
}
.ifa .b .bg .button.active .circle {
  display: none;
}
.ifa .b .bg .buttons .button {
  position: relative;
  left: auto;
  top: auto;
}

.ifa .b-active .bg .buttons .button {
  position: absolute;
  height: 4.359375em;
}

.ifa .b-active .bg .content .product-info-content a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.ifa a {
  text-decoration: none;
}

.ifa span.no-wrap {
  word-break: keep-all;
  white-space: nowrap;
}

.ifa .swiper {
  position: relative;
}

.ifa .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  display: inline-block;
}

.ifa
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 13px;
}

.ifa .swiper-pagination-bullet {
  background: #353538;
  opacity: 1;
}

.ifa .swiper-pagination-bullet-active {
  background: #00ebff;
}

.ifa .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: auto;
  top: 105%;
}

.ifa li:hover span {
  color: #0c80ef;
}
.ifa .swiper-father .button {
  width: 82.5em;
  position: relative;
  margin: 0 auto;
}
.ifa .tp-banner-next .tp-banner-icon,
.ifa .tp-banner-prev .tp-banner-icon {
  display: inline-block;
  width: 2.8125em;
  height: 2.8125em;
  margin-top: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 100%;
  margin-left: 1.6875em;
}
.ifa .tp-banner-prev .tp-banner-icon {
  background-image: url(./img/pagination-prev.png);
  background-size: 100%;
}

.ifa .tp-banner-prev .tp-banner-icon.swiper-button-disabled {
  background-image: url(./img/pagination-prev-inactive.png);
  background-size: 100%;
}

.ifa .tp-banner-next .tp-banner-icon {
  background-image: url(./img/pagination-next.png);
  background-size: 100%;
}

.ifa .tp-banner-next .tp-banner-icon.swiper-button-disabled {
  background-image: url(./img/pagination-next-inactive.png);
  background-size: 100%;
}
.ifa .banner-button {
  position: absolute;
  right: 0;
  top: 50%;
  display: flex;
  transform: translateY(-50%);
}
.ifa .button h2 {
  color: #fff;
  background: linear-gradient(90deg, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%),
    -webkit-linear-gradient(left, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-bottom: 1em;
}
@media (max-width: 1680px) {
  .ifa {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .ifa {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .ifa {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .ifa {
    font-size: 10.35px;
  }

  .ifa .m-hide {
    display: none;
  }

  .ifa .swiper-pagination {
    display: none;
  }
  .ifa .b-active .bg .buttons .button {
    height: 7.421875vw;
  }
  .ifa .b .circle-group {
    font-size: 1.75vw;
  }
  .ifa .swiper-father .button {
    width: auto;
  }
}

@media (max-width: 414px) {
  .ifa {
    font-size: 2.5vw;
  }
}

.ifa .nowrap {
  text-align: nowrap;
}

.ifa .banner {
  margin: 0 auto;
  background: url(./img/a.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 48em;
}
.ifa .banner .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.ifa .banner .text {
  padding: 17em 7em 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.ifa .banner h1 {
  font-size: 5.5em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.ifa .banner h1 span {
  font-weight: 400;
  display: block;
}
.ifa .banner p {
  font-size: 1.6875em;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 736px) {
  .ifa .banner {
    margin: 0 auto;
    background: url(./m/a.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 120vw;
  }
  .ifa .banner .w-container {
    width: auto;
    margin: 0 auto;
  }
  .ifa .banner .text {
    padding: 44vw 0 0;
  }
  .ifa .banner h1 {
    font-size: 9.21875vw;
  }
  .ifa .banner p {
    font-size: 3.5vw;
  }
}

.ifa .a {
  overflow: hidden;
  margin-bottom: 4.5em;
}

.ifa .a .w-container {
  position: relative;
  padding: 0em 0 4em 0.25em;
  overflow: hidden;
}

.ifa .a .w-container .ifa-highlights-banner {
  margin: 7.03125em auto 2.34375em;
  text-align: center;
  position: relative;
  width: 82.5em;
}

.ifa .a .w-container .ifa-highlights-banner h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  background: linear-gradient(90deg, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%),
    -webkit-linear-gradient(left, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-align: center;
}

.ifa .a .w-container .ifa-highlights-banner ul {
  display: flex;
  width: 45em;
  justify-content: flex-end;
}

.ifa .a .w-container .ifa-highlights-banner ul li {
  width: auto;
  color: #a1a1a1;
  font-size: 1.21875em;
  font-weight: 500;
  margin-left: 1em;
  text-align: right;
  cursor: pointer;
}

.ifa .a .w-container .ifa-highlights-banner ul li.active {
  color: #4acbd6;
}

.ifa .a .w-container .swiper-slide-1 .text {
  padding: 9em 36em 0 9.5em;
  color: #fff;
}

.ifa .a .w-container .swiper-slide-3 br {
  display: none;
}

.ifa .a .w-container .swiper-slide-2 .text {
  padding: 9em 36em 0 9.5em;
  color: #000;
}

.ifa .a .w-container .swiper-slide-3 .text {
  padding: 9em 36em 0 9.5em;
  color: #000;
}

.ifa .a .w-container .swiper-slide-4 .text {
  padding: 6.84375em 36em 0 9.5em;

  color: #fff;
}

.ifa .a .w-container .swiper-slide-5 .text {
  padding: 6.84375em 45em 0 9.5em;
  color: #000;
}

.ifa .a .w-container .swiper-slide-6 .text {
  padding: 9em 36em 0 9.5em;
  color: #000;
}

.ifa .a .w-container h3 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.ifa .a .w-container h4 {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.ifa .a .w-container p {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5;
}

.ifa .a .w-container .learnMore {
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  color: #000;
  white-space: nowrap;
  background: #00ebff;
  padding: 0.75em 1em;
  border-radius: 0.5em;
  display: inline-block;
}
.ifa .a .w-container .learnMore a {
  color: currentColor;
}
.ifa .a .w-container .swiper-slide-4 .learnMore {
  margin-top: 2em;
}
.ifa .a .w-container .swiper-slide-5 .learnMore {
  margin-top: 2em;
}
.ifa .a .w-container .swiper-slide-6 .learnMore {
  margin-top: 2em;
}
.ifa .a .swiper-slide {
  height: 36em;
  width: 82.5em;
  border-radius: 1em;
  opacity: 0.5;
  margin: 0 0.421875em;
}
.ifa .a .swiper .swiper-slide a.product-link{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ifa .a .swiper-slide-active {
  opacity: 1;
  transition: opacity 0.25s linear;
}
.ifa .a .swiper-slide-1 {
  background: url(./img/b-1.png) 50% 100% no-repeat;
  background-size: 100%;
}

.ifa .a .swiper-slide-1 h3,
.ifa .a .swiper-slide-1 h4 {
  color: #fff;
}

.ifa .a .swiper-slide-1 .model {
  font-size: 0.9375em;
  display: inline-block;
  color: #fff;
  padding: 0 0.75em;
  border-radius: 0.5em;
  border: 1px solid #fff;
}

.ifa .a .swiper-slide-1 .icon {
  height: 1.4em;
  margin-left: 1em;
}
.ifa .a .swiper-slide-1 .icon-container {
  display: flex;
  align-items: center;
  margin-top: 3em;
}

.ifa .a .swiper-slide-2 .icon {
  height: 1.4em;
  margin-left: 1em;
}
.ifa .a .swiper-slide-2 .icon-container {
  display: flex;
  align-items: center;
  margin-top: 3em;
}
.ifa .a .swiper-slide-3 .icon {
  height: 1.4em;
  margin-left: 1em;
}
.ifa .a .swiper-slide-3 .icon-container {
  display: flex;
  align-items: center;
  margin-top: 3em;
}
.ifa .a .swiper-slide-3 .icon-1 {
  height: 1.5em;
}
.ifa .a .swiper-slide-4 .icon {
  height: 2em;
  margin-top: 1em;
}
.ifa .a .swiper-slide-6 .icons {
  margin-top: 3em;
  display: flex;
  align-items: center;
}

.ifa .a .swiper-slide-2 {
  background: url(./img/b-2.png) 50% 100% no-repeat;
  background-size: 100%;
}

.ifa .a .swiper-slide-2 .model {
  font-size: 0.9375em;
  display: inline-block;
  padding: 0 0.75em;
  border-radius: 0.5em;
  border: 1px solid #000;
}

.ifa .a .swiper-slide-3 {
  background: url(./img/b-3.png) 50% 100% no-repeat;
  background-size: 100%;
}

.ifa .a .swiper-slide-3 .model {
  font-size: 0.9375em;
  display: inline-block;
  padding: 0 0.75em;
  color: #fff;
  border-radius: 0.5em;
  border: 1px solid #fff;
}

.ifa .a .swiper-slide-4 {
  background: url(./img/b-4.png) 50% 100% no-repeat;
  background-size: 100%;
}

.ifa .a .swiper-slide-5 {
  background: url(./img/b-5.png) 50% 100% no-repeat;
  background-size: 100%;
}

.ifa .a .swiper-slide-5 .icons {
  margin-top: 2em;
}

.ifa .a .swiper-slide-5 .icon {
  height: 2em;
  border-radius: 0.25em;
  margin-right: 0.5em;
}

.ifa .a .swiper-slide-6 {
  background: url(./img/b-6.png) 50% 100% no-repeat;
  background-size: 100%;
}

.ifa .a .swiper-slide-6 .icon {
  height: 1.59375em;
  border-radius: 0.25em;
  margin-right: 0.5em;
}

.ifa .a .ifa-innovation {
  width: 5.34375em;
  position: absolute;
  right: 5em;
  top: 3em;
}
.ifa .a .swiper-slide-3 .m-icon {
  display: none;
}
.ifa .a .swiper-slide-3 .web-icon {
  display: inline-block;
}
@media (max-width: 736px) {
  .ifa .a {
    margin-bottom: 0;
  }
  .ifa .a .w-container {
    width: auto;
  }
  .ifa .a .w-container .ifa-highlights-banner {
    width: auto;
    text-align: left;
    margin: 10vw 0 4vw;
  }
  .ifa .a .w-container .ifa-highlights-banner h2 {
    font-size: 5.625vw;

    line-height: 1.2;
  }

  .ifa .a .banner-pagination {
    display: none;
  }

  .ifa .a .swiper-slide {
    height: 119vw;
    width: 79vw;
  }

  .ifa .a .w-container p {
    font-size: 3.75vw;
  }

  .ifa .a .swiper-slide-1 {
    background: url(./m/b-1.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .w-container .swiper-slide-3 .be95-video {
    background: url(./m/video-play.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .w-container .swiper-slide-1 br {
    display: block;
  }

  .ifa .a .w-container .swiper-slide-3 br {
    display: block;
  }

  .ifa .a .swiper-slide-2 {
    background: url(./m/b-2.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .swiper-slide-3 {
    background: url(./m/b-3.png) 50% 100% no-repeat;
    background-size: 100%;
  }
  .ifa .a .swiper-slide-3 .web-icon {
    display: none;
  }
  .ifa .a .swiper-slide-3 .m-icon {
    display: inline-block;
    height: 5vw;
  }
  .ifa .a .swiper-slide-2 .icon {
    height: 5vw;
  }
  .ifa .a .swiper-slide-4 {
    background: url(./m/b-4.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .swiper-slide-5 {
    background: url(./m/b-5.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .swiper-slide-6 {
    background: url(./m/b-6.png) 50% 100% no-repeat;
    background-size: 100%;
  }
  .ifa .a .swiper-slide-6 .icons {
    margin-top: 1.5em;
  }
  .ifa .a .w-container .swiper-slide-1 .text {
    padding: 60vw 8vw 0 7vw;
  }

  .ifa .a .w-container .swiper-slide-2 .text {
    padding: 60vw 7vw 0 7vw;
  }

  .ifa .a .w-container .swiper-slide-3 .text {
    padding: 60vw 7vw 0 7vw;
    color: #fff;
  }

  .ifa .a .w-container .swiper-slide-4 .text {
    padding: 56vw 7vw 0 7vw;
  }

  .ifa .a .w-container .swiper-slide-5 .text {
    padding: 55vw 7vw 0 8vw;
  }

  .ifa .a .w-container .swiper-slide-6 .text {
    padding: 60vw 5vw 0 5vw;
  }

  .ifa .a .w-container h3 {
    font-size: 5.625vw;
  }

  .ifa .a .w-container h4 {
    font-size: 3.75vw;
  }

  .ifa .a .swiper-slide-1 .icon {
    height: 5vw;
  }

  .ifa .a .w-container .learnMore {
    font-size: 2.8vw;
  }

  .ifa .a .swiper-slide-4 .icon {
    height: 6vw;
  }
  .ifa .a .swiper-slide-5 .icon {
    height: 6vw;
  }

  .ifa .a .w-container {
    width: auto;
    margin: 0 0 0 6vw;
    padding: 0;
    overflow: visible;
  }

  .ifa .a .tp-banner-prev {
    position: absolute;
    width: 2.11em;
    height: 2.11em;
    top: -5em;
    left: 75vw;
    z-index: 3;
    cursor: pointer;
    background: url(./img/pagination-prev.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .tp-banner-prev.swiper-button-disabled {
    background-image: url(./img/pagination-prev-inactive.png);
  }

  .ifa .a .tp-banner-next {
    position: absolute;
    width: 2.11em;
    height: 2.11em;
    top: -5em;
    right: -3em;
    z-index: 3;
    cursor: pointer;
    background: url(./img/pagination-next.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .ifa .a .tp-banner-next.swiper-button-disabled {
    background-image: url(./img/pagination-next-inactive.png);
  }
}

.ifa .b-active {
  background: url(./img/c.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 45.75em;
  margin: 0 auto;
  position: relative;
  padding-top: 3em;
}

.ifa .b .w-container {
  position: relative;
  width: 100em;
  margin: 0 auto;
}

.ifa .b .bg .button {
  position: absolute;
  cursor: pointer;
}

.ifa .b .bg .button .backg-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 4.359375em;
  z-index: 0;
  background: #fff;
  border-radius: 3em;
  transition: all 0.3s ease-in-out;
}

.ifa .b .bg .button.active .backg-img {
  width: 100%;
}

.ifa .b .bg .button span.desc {
  font-size: 1.27em;
  font-weight: 500;
  line-height: 1.2;
  vertical-align: middle;
  color: #000;
  opacity: 0;
  display: inline-block;
  padding: 0 1em 0 0em;
  position: relative;
  z-index: 1;
}

.ifa .b .bg .button.active span.desc {
  opacity: 1;
  transition: all 0.3s ease-in-out 0.2s;
}

.ifa .b.b-active .bg .button-1 {
  left: 37em;
  top: 28.5em;
}

.ifa .b.b-active .bg .button-2 {
  left: 19.5em;
  top: 16.2em;
}

.ifa .b.b-active .bg .button-3 {
  left: 30.5em;
  top: 9.25em;
}

.ifa .b.b-active .bg .button-4 {
  left: 42.5em;
  top: 36.5em;
}

.ifa .b.b-active .bg .button-5 {
  left: 28.5em;
  top: 21.5em;
}

.ifa .b.b-active .bg .button-6 {
  left: 13.5em;
  top: 27em;
}

.ifa .b.b-active .bg .button-7 {
  left: 47.75em;
  top: 14.75em;
}

.ifa .b.b-active .bg .button-8 {
  left: 53em;
  top: 25.25em;
}

.ifa .b.b-active .bg .button-9 {
  left: 24.5em;
  top: 32.5em;
}

.ifa .b .bg .icon {
  width: 4.359375em;
  height: 4.359375em;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  display: inline-block;
}

.ifa .b .bg .icon img {
  width: 100%;
}

.ifa .b-active .bg .content-container .content {
  position: absolute;
  left: 70em;
  top: 5em;
  color: #fff;
  width: 18.09375em;
  min-height: 31.78125em;
  background: url(./img/content-container.png) 50% 100% no-repeat;
  background-size: 100% 100%;
  border-radius: 0.6em;
  backdrop-filter: saturate(180%) blur(20px);
  padding: 2.8125em;
  display: none;
}

.ifa .b .bg .content-0 p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  padding-bottom: 1em;
  color: #fff;
}

.ifa .b .bg .content-0 .see-more {
  position: relative;
  bottom: auto;
}
.ifa .b .bg .content-0 .see-more span {
  color: #4acbd6;
  background: linear-gradient(90deg, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%),
    -webkit-linear-gradient(left, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-size: 1.25em;
}
.ifa .b.b-active .bg .content-0 .see-more {
  font-size: 1em;
  margin-top: 2em;
}

.ifa .b .bg .content-0 .see-more img {
  width: 1.4em;
  height: auto;
  margin-right: 1em;
}

.ifa .b .bg .content.active {
  display: block;
}

.ifa .b .bg .content h2 {
  font-size: 1.6875em;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 1em;
}

.ifa .b .bg .content img {
  width: 4.6875em;
  vertical-align: middle;
}

.ifa .b .bg .content .product-info-content {
  display: flex;
  margin-bottom: 1.5em;
  align-items: center;
  position: relative;
}

.ifa .b .bg .content .product-info-content .title {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.ifa .b .bg .content .product-info-content .product-name {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  color: #dadada;
}

.ifa .b .bg .content .content-detail {
  margin-left: 1em;
  width: 11em;
}

.ifa .b .bg .content .products-link {
  position: relative;
  bottom: auto;
  left: auto;
}

.ifa .b.b-active .bg .content .products-link {
  color: #4acbd6;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.2;
  position: absolute;
  bottom: 2em;
  left: 2.34375em;
  text-align: left;
  right: 0;
}

.ifa .b .bg .content .products-link a {
  color: #4acbd6;
  background: linear-gradient(90deg, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%),
    -webkit-linear-gradient(left, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 736px) {
  .ifa .b {
    background: #141416 url(./m/c.png) 50% 0% no-repeat;
    background-size: 100%;
    height: 187vw;
    padding-bottom: 10vw;
    padding-top: 0;
    margin-top: 10vw;
  }

  .ifa .b .w-container {
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .ifa .b.b-active .bg .button-1 {
    left: 44vw;
    top: 35vw;
  }

  .ifa .b.b-active .bg .button span {
    font-size: 2.5vw;
  }

  .ifa .b.b-active .bg .icon {
    width: 7.421875vw;
    height: 7.421875vw;
  }

  .ifa .b .bg .content .content-detail {
    margin-left: 3vw;     width: 53vw;
  }

  .ifa .b.b-active .bg .button-2 {
    left: 19vw;
    top: 17vw;
  }

  .ifa .b.b-active .bg .button-3 {
    left: 36vw;
    top: 9vw;
  }

  .ifa .b.b-active .bg .button-4 {
    left: 62vw;
    top: 47vw;
  }

  .ifa .b.b-active .bg .button-5 {
    left: 34vw;
    top: 26.5vw;
  }

  .ifa .b.b-active .bg .button-6 {
    left: 13vw;
    top: 35vw;
  }

  .ifa .b.b-active .bg .button-7 {
    left: 60vw;
    top: 18vw;
  }

  .ifa .b.b-active .bg .button-8 {
    left: 66vw;
    top: 30vw;
  }

  .ifa .b.b-active .bg .button-9 {
    left: 19vw;
    top: 45vw;
  }

  .ifa .b.b-active .bg .content {
    left: 5vw;
    top: 58vw;
    width: 75vw;
    padding: 7vw 8vw 0;
    min-height: 133vw;
    text-align: center;
    background-size: 100% 100%;
  }
  .ifa .b.b-active .bg .content-0 {

    padding: 15vw 8vw 0;
    min-height: 125vw;
  }
  .ifa .b .bg .button .backg-img {
    width: 7.421875vw;
    border-radius: 8vw;
    line-height: 0;
  }

  .ifa .b.b-active .bg .content h2 {
    font-size: 5.625vw;
    text-align: left;
  }

  .ifa .b .bg .product-container {
    display: block;
    flex-wrap: wrap;
  }

  .ifa .b .bg .content .product-info-content {
    width: auto;
    margin-bottom: 3em;
  }

  .ifa .b .bg .content .product-info-content .title {
    font-size: 3.75vw;
    text-align: left;
  }

  .ifa .b .bg .content .product-info-content .product-name {
    font-size: 3.75vw;
    text-align: left;
  }

  .ifa .b.b-active .bg .content-0 p {
    font-size: 3.75vw;
  }

  .ifa .b.b-active .bg .content-0 .see-more img {
    width: 1.5em;
    height: auto;
  }

  .ifa .b.b-active .bg .content-0 .see-more {
    font-size: 3vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .ifa .b.b-active .bg .content img {
    width: 14vw;
  }

  .ifa .b.b-active .bg .content .products-link {
    bottom: 10vw;
    width: auto;
    right: auto;
    left: 9vw;
    text-align: left;
    font-size: 4vw;
    font-weight: 300;
  }

  .ifa .b.b-active .bg .content .product-info-content br {
    display: none;
  }
}

.ifa .l {
  overflow: hidden;
  margin-bottom: 0em;
}

.ifa .l .text {
  padding: 1.5em 2em 0em;
  min-height: 7em;
  position: absolute;
  left: 0em;
  top: 17em;
  color: #fff;
  width: 23em;
}

.ifa .l sup {
  font-size: 0.5em;
}

.ifa .l h2 {
  font-weight: 300;
  font-size: 2.5em;
}

.ifa .l span.title {
  font-size: 1.6875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
  display: block;
}

.ifa .l a {
  text-decoration: none;
  color: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ifa .l .swiper-father {
  position: relative;
  padding: 8em 0em 0em;
  width: 82.5em;
  margin: 0 auto;
}

.ifa .l .swiper {
  width: 100%;
  overflow: visible;
  margin: 0 auto;
}

.ifa .l .swiper-slide {
  border-radius: 0.5em;
  display: inline-block;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
  margin-right: 0.9375em;
  width: 26.859375em;
  height: 28.125em;
  opacity: 0.5;
}
.ifa .l .swiper-slide.swiper-slide-visible {
  opacity: 1;
}
.ifa .l .swiper-slide.l1 {
  background: url(./img/d-1.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide.l2 {
  background: url(./img/d-2.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide.l3 {
  background: url(./img/d-3.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide.l4 {
  background: url(./img/d-4.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide.l5 {
  background: url(./img/d-5.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide.l6 {
  background: url(./img/d-6.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide.l7 {
  background: url(./img/d-7.png) 50% 100% no-repeat;
  background-size: 100%;
}
.ifa .l .swiper-slide span.info {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.4;
}
.ifa .l .swiper-slide:hover {
  transform: scale(1.0161290323);
}

@media (min-width: 736px) {
  .ifa .l .m-show {
    display: none;
  }
}

@media (max-width: 736px) {
  .ifa .l h2 {
    font-size: 5.625vw;
    text-align: left;
  }
  .ifa .l .w-container {
    width: auto;
    margin: 0 0 0 6vw;
  }

  .ifa .l .swiper-father {
    margin: 0 auto;
  }

  .ifa .l .tp-banner-prev,
  .ifa .l .tp-banner-next {
    display: block;
  }

  .ifa .l .tp-banner-next .tp-banner-icon {
    right: 0;
  }

  .ifa .l .tp-banner-next .tp-banner-icon,
  .ifa .l .tp-banner-prev .tp-banner-icon {
    top: 13%;
    display: none;
  }

  .ifa .l .tp-banner-prev .tp-banner-icon {
    right: 28px;
  }

  .ifa .l .swiper-father {
    width: 100%;
    padding: 17vw 0 0vw;
  }

  .ifa .l span.title {
    font-size: 4.6875vw;
  }

  .ifa .l .text {
    padding: 0vw 0vw 0;
    top: 48vw;
    width: 67vw;
    left: 4vw;
  }

  .ifa .l .swiper {
    font-size: 10.35px;
  }

  .ifa .l .swiper-slide {
    height: 76.484375vw;
    width: 73.046875vw;
  }

  .ifa .l .swiper-slide span.icon {
    height: 68vw;
  }

  .ifa .l .swiper-slide span.info {
    font-size: 3.75vw;
  }
}

.ifa .e {
  overflow: hidden;
}

.ifa .e .text {
  padding: 1.5em 3em 1em;
  min-height: 7em;
  position: absolute;
  left: 0em;
  top: 18em;
  color: #fff;
}

.ifa .e sup {
  font-size: 0.5em;
}

.ifa .e h2 {
  font-weight: 300;
  font-size: 2.5em;
}

.ifa .e span.title {
  font-size: 1.6875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
  display: block;
}

.ifa .e a {
  text-decoration: none;
  color: #000;
}

.ifa .e .swiper-father {
  position: relative;
  padding: 8em 0em 0em;
  width: 82.5em;
  margin: 0 auto;
}

.ifa .e .swiper {
  width: 100%;
  overflow: visible;
  margin: 0 auto;
}

.ifa .e .swiper-slide {
  border-radius: 0.5em;
  width: 26.859375em;
  display: inline-block;
  overflow: hidden;
  margin-right: 0.9375em;
  opacity: 0.5;
}
.ifa .e .swiper-slide.swiper-slide-visible {
  opacity: 1;
}
.e .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.e .swiper-slide a img {
  width: 100%;
  height: auto;
  border-radius: 0.5em;
}

.ifa .e .swiper-slide span {
  display: block;
}

.ifa .e .swiper-slide span.icon {
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  height: 28.2em;
  transition: transform linear 300ms;
}

.ifa .e .swiper-slide span.icon:hover {
  transform: scale(1.06);
}

.ifa .e .swiper-slide span.info {
  font-size: 1.687em;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  bottom: 1em;
  width: 13em;
  left: 2em;
  color: #fff;
  min-height: 4em;
}
.ifa .e .swiper-slide .img-play {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 2.12em;
  height: 2.12em;
}

@media (min-width: 736px) {
  .ifa .e .m-show {
    display: none;
  }
}

@media (max-width: 736px) {
  .ifa .e .w-container {
    width: auto;
    margin: 0 0 0 6vw;
  }
  .ifa .e h2 {
    font-size: 5.625vw;
    text-align: left;
  }
  .ifa .e .swiper-father {
    margin: 0 auto;
  }

  .ifa .e .tp-banner-prev,
  .ifa .e .tp-banner-next {
    display: block;
  }

  .ifa .e .tp-banner-next .tp-banner-icon {
    right: 0;
  }

  .ifa .e .tp-banner-next .tp-banner-icon,
  .ifa .e .tp-banner-prev .tp-banner-icon {
    top: 13%;
    display: none;
  }

  .ifa .e .tp-banner-prev .tp-banner-icon {
    right: 28px;
  }

  .ifa .e .swiper-father {
    width: 100%;
    padding: 15.625vw 0 0vw;
  }

  .ifa .e span.title {
    font-size: 4vw;
  }

  .ifa .e .text {
    padding: 2vw 5vw 0;
    top: 35vw;
  }

  .ifa .e .swiper {
    font-size: 10.35px;
  }

  .ifa .e .swiper-slide {
    height: 76.484375vw;
    width: 73.046875vw;
  }

  .ifa .e .swiper-slide span.icon {
    height: 55vw;
  }

  .ifa .e .swiper-slide span.info {
    font-size: 4.6875vw;
    left: 5vw;
    bottom: 4vw;
    width: 64vw;
    min-height: 20vw;
  }
  .ifa .e .swiper-slide .img-play {
    position: absolute;
    right: 5vw;
    top: 5vw;
    width: 10vw;
    height: 10vw;
  }
}

.ifa .d {
  overflow: hidden;
  margin-bottom: 0em;
}

.ifa .d .text {
  padding: 1em 3em;
  min-height: 6em;
}

.ifa .d h2 {
  font-weight: 300;
  font-size: 2.5em;
}

.ifa .d span.title {
  font-size: 1.6875em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.25em;
  display: block;
}

.ifa .d a {
  text-decoration: none;
  color: #000;
}

.ifa .d .swiper-father {
  position: relative;
  padding: 8em 0em 0em;
  width: 82.5em;
  margin: 0 auto;
}

.ifa .d .swiper {
  width: 100%;
  overflow: visible;
  margin: 0 auto;
}

.ifa .d .swiper-slide {
  border-radius: 1em;
  width: 26.859375em;
  height: 33.125em;
  display: inline-block;
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  margin-right: 0.9375em;
  opacity: 0.5;
}
.ifa .d  .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.ifa .d .swiper-slide.swiper-slide-visible {
  opacity: 1;
}
.ifa .d .txt {
  position: relative;
  width: 100%;
  height: 100%;
}

.ifa .d span {
  display: block;
}

.ifa .d span.info {
  position: absolute;
  left: 1em;
  top: 1.5em;
  width: 14em;
}

.ifa .d .swiper-slide span.info {
  font-size: 1.6875em;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}
.ifa .d .swiper-slide.d5 span.info {
  width: 8em;
}
.ifa .d .swiper-slide .txt.black span.info {
  color: #000;
}

.ifa .d .swiper-slide.d1 {
  background-image: url(./img/e-1.png);
}

.ifa .d .swiper-slide.d2 {
  background-image: url(./img/e-2.png);
}

.ifa .d .swiper-slide.d3 {
  background-image: url(./img/e-3.png);
}

.ifa .d .swiper-slide.d4 {
  background-image: url(./img/e-4.png);
}

.ifa .d .swiper-slide.d5 {
  background-image: url(./img/e-5.png);
}

.ifa .d .swiper-slide {
  transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}

.ifa .d .swiper-slide:hover {
  transform: scale(1.0161290323);
}

.ifa .d .down-icon {
  position: absolute;
  display: block;
  width: 2.12em;
  height: 2.12em;
  background: url(./img/down-icon.png) 50% 100% no-repeat;
  background-size: 100%;
  bottom: 2em;
  right: 1em;
}

.ifa .d .down-icon a {
  font-size: 0;
}

@media (min-width: 736px) {
  .ifa .d .m-show {
    display: none;
  }
}

@media (max-width: 736px) {
  .ifa .d .w-container {
    width: auto;
    margin: 0 0 0 6vw;
  }
  .ifa .d h2 {
    font-size: 5.625vw;
    text-align: left;
  }
  .ifa .d .swiper-father {
    margin: 0 auto;
  }

  .ifa .d .tp-banner-prev,
  .ifa .d .tp-banner-next {
    display: block;
  }

  .ifa .d .tp-banner-next .tp-banner-icon {
    right: 0;
  }

  .ifa .d .tp-banner-next .tp-banner-icon,
  .ifa .d .tp-banner-prev .tp-banner-icon {
    top: 13%;
    display: none;
  }

  .ifa .d .tp-banner-prev .tp-banner-icon {
    right: 28px;
  }

  .ifa .d .swiper-father {
    width: 100%;
    padding: 15.625vw 0 0vw;
  }

  .ifa .d span.title {
    font-size: 1.75em;
  }

  .ifa .d .text {
    padding: 1em;
  }

  .ifa .d .swiper {
    font-size: 10.35px;
  }

  .ifa .d .swiper-slide {
    height: 76.484375vw;
    width: 73.046875vw;
  }

  .ifa .d .swiper-slide span.icon {
    height: 70vw;
  }

  .ifa .d .swiper-slide span.info {
    font-size: 4vw;
    width: 45vw;
    left: 5vw;
  }

  .ifa .d .down-icon {
    width: 7vw;
    height: 8vw;
    position: absolute;
    right: 5vw;
    bottom: 4vw;
  }
}

.ifa .g {
  background: url(./img/g.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 29.671875em;
}

.ifa .g .w-container {
  width: 100em;
  margin: 0 auto;
}

.ifa .g .text {
  padding: 8em 17.5em 0;
  text-align: center;
}

.ifa .g h2 {
  font-size: 1.6875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.ifa .g p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 1.25em;
}

.ifa .g p br {
  display: none;
}

.ifa .g .about-us {
  padding: 0.5em 1em;
  font-size: 1.125em;
  font-weight: 500;
  background: #fff;
  line-height: 1.2;
  color: #fff;
  border-radius: 0.5em;
  margin-top: 1em;
  display: inline-block;
}

.ifa .g .about-us a {
  color: #000;
}

@media (max-width: 736px) {
  .ifa .g {
    background: url(./m/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 61vw;
  }

  .ifa .g .w-container {
    width: auto;
  }

  .ifa .g .text {
    padding: 6em 20px 0;
    text-align: center;
  }

  .ifa .g h2 {
    font-size: 3.75vw;
    font-weight: 500;
    line-height: 1.2;
  }

  .ifa .g p br {
    display: block;
  }

  .ifa .g p {
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1.5;
  }

  .ifa .g .about-us {
    font-size: 2.5vw;
  }
}
.tp-home-updated {
      font-size: 0.83vw;
      font-weight: 400;
      color: #36444b;
      overflow: hidden;
    }

    .tp-home-updated .tp-container {
      max-width: none;
      min-width: 0;
      width: 82.5em;
    }

    .tp-home-updated .tp-home-updated-wrapper {
      padding: 8em 0;
    }

    .tp-home-updated .tp-home-updated-title {
      margin-bottom: 2.25em;
      align-items: center;
      text-align: center;
      position: relative;
    }

    .tp-home-updated .tp-home-updated-title h2 {
      font-size: 2.25em;
      font-weight: 300;
      line-height: 1.3;
      color: #fff;
      background: linear-gradient(90deg, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%),
        -webkit-linear-gradient(left, #84f5de 0%, #56e8f2 48%, #4cc5f8 100%) no-repeat;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .tp-home-updated .tp-home-updated-more-container {
      position: absolute;
      right: 0;
      top: 50%;
    }

    .tp-home-updated .tp-home-updated-more {
      font-size: 1.125em;
      font-weight: 400;
      line-height: 1;
      color: #ffff;
      text-decoration: underline;
    }

    .tp-home-updated .tp-home-updated-list {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
    }

    .tp-home-updated .tp-home-updated-item {
      width: 32.5%;
      border-radius: 0.25em;
      position: relative;
    }

    .tp-home-updated .tp-home-updated-item a {
      color: inherit;
      text-decoration: none;
      display: block;
      border-radius: 0.5em;
    }

    .tp-home-updated .tp-home-updated-wrapper .tp-home-updated-content .tp-home-updated-item a.ifa-2025-news {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 3;
    }

    .tp-home-updated .tp-home-updated-item .img-box {
      height: 0;
      padding-top: 66.5%;
      position: relative;
      overflow: hidden;
      display: block;
    }

    .tp-home-updated .tp-home-updated-item img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transition: transform linear 300ms;
      border-top-left-radius: 0.5em;
      border-top-right-radius: 0.5em;
    }

    .tp-home-updated .tp-home-updated-item img:hover {
      transform: scale(1.06);
    }

    .tp-home-updated .tp-home-updated-item .detail {
      padding: 1.125em 1.25em 1.5em;
      font-weight: 400;
      background: #1d1d1f;
      border-bottom-left-radius: 0.5em;
      border-bottom-right-radius: 0.5em;
      display: block;
    }

    .tp-home-updated .tp-home-updated-item span.info-title {
      font-size: 1.125em;
      line-height: 1.33333333;
      display: block;
      height: 4em;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      color: #fff;
    }

    .tp-home-updated .tp-home-updated-item .info {
      margin-top: 2.25em;
      opacity: 0.6;
      color: #fff;
      display: block;
    }

    .tp-home-updated .tp-home-updated-item .info>span {
      margin-right: 0.5em;
    }

    .tp-home-updated .tp-home-updated-item-more {
      background: #1d1d1f;
      border-radius: 0.25em;
      padding: 1.5em 1.5625em;
      box-sizing: border-box;
      border-radius: 0.5em;
    }

    .tp-home-updated .tp-home-updated-item-more-item {
      padding: 1.5em 0;
      position: relative;
      display: block;
    }

    .tp-home-updated .tp-home-updated-item-more-item:hover {
      color: #4acbd6;
    }

    .tp-home-updated a:not(:first-child) .tp-home-updated-item-more-item:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #e9eaeb;
      position: absolute;
      top: 0;
      left: 0;
    }

    .tp-home-updated .tp-home-updated-item-more span.info-title {
      height: 2.66666666em;
      -webkit-line-clamp: 2;
    }

    .tp-home-updated .tp-home-updated-item-more .info {
      margin-top: 1em;
      color: #fff;
    }

    @media (max-width: 1680px) {
      .tp-home-updated {
        font-size: 14px;
      }
    }

    @media (max-width: 1440px) {
      .tp-home-updated {
        font-size: 12px;
      }
    }

    @media (max-width: 736px) {
      .tp-home-updated {
        font-size: 10.35px;
      }

      .tp-home-updated .tp-home-updated-title h2 {
        text-align: left;
      }

      .tp-home-updated .tp-home-updated-wrapper {
        padding: 15.625vw 0 20vw;
      }

      .tp-home-updated .tp-container {
        width: auto;
        margin: 0 6vw;
      }

      .tp-home-updated .tp-container-inner {
        padding: 0;
      }

      .tp-home-updated .tp-home-updated-more {
        font-size: 1.5em;
        margin-top: 0.75em;
        margin-left: 1em;
      }

      .tp-home-updated .tp-home-updated-list {
        display: block;
      }

      .tp-home-updated .tp-home-updated-item {
        width: auto;
      }

      .tp-home-updated .tp-home-updated-item+.tp-home-updated-item {
        margin-top: 2em;
      }

      .tp-home-updated .tp-home-updated-item img:hover {
        transform: none;
      }

      .tp-home-updated .tp-home-updated-item .detail,
      .tp-home-updated .tp-home-updated-item-more {
        font-size: 1.5em;
        padding: 0.5em 1em;
      }

      .tp-home-updated .tp-home-updated-item h3 {
        height: auto;
      }

      .tp-home-updated .tp-home-updated-item .info {
        margin-top: 1em;
        font-size: 0.75em;
      }

      .tp-home-updated .tp-home-updated-item.tp-home-updated-item-more {
        margin-top: 1.33333333em;
      }

      .tp-home-updated .tp-home-updated-item-more-item:hover {
        color: inherit;
      }
    }

    @media (max-width: 414px) {
      .tp-home-updated {
        font-size: 2.5vw;
      }
    }