.overview-content .tapo-ces-4k {
  background-color: #000;
  overflow: hidden;
}

.overview-content .ces-banner {
  font-size: 16px;
  height: 59em;
  max-width: 120em;
  margin: 0 auto;
  background: url(img/a.jpg) 50% 0 no-repeat #0c0f16;
  background-size: 120em;
}

.overview-content .ces-banner .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}

.overview-content .ces-banner .w-container .text {
  padding-top: 4em;
}

.overview-content .ces-banner .w-container h2 {
  font-size: 4.6875em;
  font-weight: 500;
  line-height: 1.2;
  background: linear-gradient(to right, #8345f4, #676ff6, #35b5cf, #38e151, #cded23, #fd734f, #fb2750), -webkit-gradient(linear, left top, right top, from(#8345f4), to(#fb2750));
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-align: center;

}

@media(min-width:1920px) {
  .overview-content .ces-banner {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .ces-banner {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .ces-banner {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .mobile-br {
    display: block;
  }

  .overview-content .ces-banner {
    font-size: 10.35px;
    background: url(m/a.jpg?2) 50% 0 no-repeat #000;
    background-size: 100%;
    height: 130.8125vw;
  }

  .overview-content .ces-banner .w-container h2 {
    font-size: 7.8vw;
    padding: 10vw 20px;
  }

  .overview-content .ces-banner .w-container {
    width: auto;

  }
}

.overview-content .archer-selling-point {
  font-size: 16px;
  height: auto;
  max-width: 120em;
  margin: 0 auto;
  background: #000 50% 0 no-repeat;
  background-size: 120em
}

.overview-content .archer-selling-point .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}

.overview-content .archer-selling-point .w-container .text {
  text-align: center;
  color: #fff;
  padding: 11em 0 7em;
}

.overview-content .archer-selling-point .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .archer-selling-point .w-container .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 2em;
  font-weight: 300;
}

.overview-content .archer-selling-point .w-container table {
  /* width: 56.25em;
    height: 18.125em; */
  color: #fff;
  margin: 0 auto;
  width: 100%;
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .archer-selling-point .w-container table td {
  padding: 1.75em;
  height: 3em;
  min-width: 5em;
}

.overview-content .archer-selling-point .w-container table tr:nth-child(2),
.overview-content .archer-selling-point .w-container table tr:nth-child(4) {
  background-color: #242424;
}

.overview-content .archer-selling-point .w-container table.m-hide tr td:first-child {
  border: 2px solid #000;
}

.overview-content .archer-selling-point .w-container table.m-hide tr td:nth-child(2) {
  font-size: 1.5em;
  font-weight: 400;
  padding: 0 1em;
}

.overview-content .archer-selling-point .w-container table tr:first-child td:nth-child(2) {
  color: #fff;
}

.overview-content .archer-selling-point .w-container table.m-hide tr:nth-child(2) td:nth-child(2) {
  background: linear-gradient(to right, #3be462, #00c998), -webkit-gradient(linear, left top, right top, from(#3be462), to(#00c998));
  color: #3be462;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .archer-selling-point .w-container table.m-hide tr:nth-child(3) td:nth-child(2) {
  background: linear-gradient(to right, #1ceaf5, #2c8efb), -webkit-gradient(linear, left top, right top, from(#1ceaf5), to(#2c8efb));
  color: #1ceaf5;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .archer-selling-point .w-container table.m-hide tr:nth-child(4) td:nth-child(2) {
  background: linear-gradient(to right, #5375ff, #c83aff), -webkit-gradient(linear, left top, right top, from(#5375ff), to(#c83aff));
  color: #5375ff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .archer-selling-point .m-show {
  display: none;
}

@media(min-width:1920px) {
  .overview-content .archer-selling-point {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .archer-selling-point {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .archer-selling-point {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .mobile-br {
    display: block;
  }

  .overview-content .archer-selling-point .m-hide {
    display: none;
  }

  .overview-content .archer-selling-point {
    font-size: 10.35px;
    /* background: url(m/b.jpg?2) 50% 0 no-repeat; */
    background-size: 100%;
  }

  .overview-content .archer-selling-point .w-container table td {
    padding: 2vw;
    height: 3em;
    min-width: 20vw;
  }

  .overview-content .archer-selling-point .w-container {
    width: auto;

  }

  .overview-content .archer-selling-point .m-show {
    display: block;
  }

  .overview-content .archer-selling-point .m-hide {
    display: none;
  }

  .overview-content .archer-selling-point .w-container .text {
    text-align: left;
    padding: 0;
  }

  .overview-content .archer-selling-point .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    ;
  }

  .overview-content .archer-selling-point .w-container .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 2em;
    text-align: left;
  }

  .overview-content .archer-selling-point .w-container table {
    margin: 0 20px;
    width: unset;
  }

  .overview-content .archer-selling-point .w-container table tr:nth-child(2),
  .overview-content .archer-selling-point .w-container table tr:nth-child(4) {
    background-color: unset;
  }

  .overview-content .archer-selling-point .w-container table tr:nth-child(1) {
    background-color: #242424;
  }

  .overview-content .archer-selling-point .w-container table tr td:first-child {
    border: unset;
  }

  .overview-content .archer-selling-point .w-container table tr td {
    border: #242424;
  }

  .overview-content .archer-selling-point .w-container table tr td:nth-child(2) {
    font-size: unset;
    font-weight: 400;
    padding: unset;
  }

  .overview-content .archer-selling-point .w-container table tr:first-child td:nth-child(2) {
    color: #fff;
  }

  .overview-content .archer-selling-point .w-container table tr:nth-child(2) td:nth-child(1) {
    font-size: 1.25em;
    line-height: 1.5;
  }

  .overview-content .archer-selling-point .w-container table tr:nth-child(2) td:nth-child(2) {
    background: linear-gradient(to right, #3be462, #00c998), -webkit-gradient(linear, left top, right top, from(#3be462), to(#00c998));
    color: #3be462;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 1.25em;
    line-height: 1.5;
  }

  .overview-content .archer-selling-point .w-container table tr:nth-child(2) td:nth-child(3) {
    background: linear-gradient(to right, #1ceaf5, #2c8efb), -webkit-gradient(linear, left top, right top, from(#1ceaf5), to(#2c8efb));
    color: #1ceaf5;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 1.25em;
    line-height: 1.5;
  }

  .overview-content .archer-selling-point .w-container table tr:nth-child(2) td:nth-child(4) {
    background: linear-gradient(to right, #5375ff, #c83aff), -webkit-gradient(linear, left top, right top, from(#5375ff), to(#c83aff));
    color: #5375ff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 1.25em;
    line-height: 1.5;
  }

}


.overview-content .remote-control-local-control {
  font-size: 16px;
  margin: 0 auto;
  max-width: 120em;
  padding: 15.4em 0 0em;
  background-color: #000000;
  color: #fff;
  overflow: hidden;
}

.overview-content .remote-control-local-control .swiper,
.overview-content .remote-control-local-control .swiper-wrapper {
  width: 94em;
}

.overview-content .remote-control-local-control .menu {
  padding: 2em 0 3em;
  text-align: center
}

.overview-content .remote-control-local-control .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%
}

.overview-content .remote-control-local-control .menu li span {
  font-size: 1.9em;
  font-weight: 400;
  color: #a5a5a5;
  cursor: pointer
}

.overview-content .remote-control-local-control .menu li.active span {
  color: #fff;
  font-weight: 400;
  border-bottom: 2px solid currentColor
}




.overview-content .remote-control-local-control h2 {
  font-size: 2.578125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .remote-control-local-control .text p {
  font-size: 1.21875em;
  line-height: 1.5;
}

.overview-content .remote-control-local-control .w-container {
  width: 70em;
  margin: 0 auto;

}

.overview-content .remote-control-local-control .text {
  text-align: center;
  padding: 2em 5em 0em;
}


.overview-content .remote-control-local-control .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}



.overview-content .remote-control-local-control .swiper-pagination {
  display: none;
}




.overview-content .remote-control-local-control .swiper {

  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.overview-content .remote-control-local-control .swiper-slide {
  width: 100%;
  text-align: center;
}

.overview-content .remote-control-local-control .swiper video {
  width: 70em;
  border-radius: 1.5em;
}



.overview-content .remote-control-local-control .tp-banner-prev {
  position: absolute;
  top: 16em;
  left: 0em;
  z-index: 3;
  cursor: pointer;
}

.overview-content .remote-control-local-control .tp-banner-prev .tp-banner-icon {
  background: none;
  background-size: 100%;
  display: block;
  width: 2.3em;
  height: 2.3em;
}

.overview-content .remote-control-local-control .tp-banner-next .tp-banner-icon {
  background: none;
  background-size: 100%;
  display: block;
  width: 2.3em;
  height: 2.3em;
}

.overview-content .remote-control-local-control .tp-banner-next {
  position: absolute;
  top: 16em;
  right: 1em;
  z-index: 3;
  cursor: pointer;
}

.overview-content .remote-control-local-control .mobile-img {
  display: none;
}

@media(min-width:1920px) {
  .overview-content .remote-control-local-control {
    font-size: 0.83vw
  }
}

@media (max-width:1680px) {
  .overview-content .remote-control-local-control {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .remote-control-local-control {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .remote-control-local-control {
    font-size: 10.35px;
    padding: 0;
  }

  .overview-content .remote-control-local-control .menu {
    padding-top: 14.6vw;
  }

  .overview-content .remote-control-local-control .swiper-pagination {
    /* display: block; */
    bottom: 6em;
  }


  .overview-content .remote-control-local-control .swiper-pagination-bullet {
    background: #dbd4ce;
    opacity: 1;
  }

  .overview-content .remote-control-local-control .swiper-pagination-bullet-active {
    background: #fff;
  }

  .overview-content .remote-control-local-control .w-container {
    width: auto;
    position: relative;

  }

  .overview-content .remote-control-local-control .text {
    padding: 0 0 0.5em;
    display: none;
    text-align: left;
  }

  .overview-content .remote-control-local-control h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }


  .overview-content .remote-control-local-control .c0 .bg {
    position: relative;
  }

  .overview-content .remote-control-local-control .swiper {
    width: auto;
    height: auto;
    overflow: visible;
    display: block;
    padding-bottom: 0;
  }

  .overview-content .remote-control-local-control h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em
  }

  .overview-content .remote-control-local-control .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .remote-control-local-control .text p br {
    display: none;
  }

  .overview-content .remote-control-local-control .archer-selling-point-box {
    position: relative;
    padding: 0
  }

  .overview-content .remote-control-local-control .menu li {
    min-width: 25%;
  }

  .overview-content .remote-control-local-control .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control .mobile-img {
    display: block;
  }

  .overview-content .remote-control-local-control .swiper-slide {
    width: 100%;
  }

  .overview-content .remote-control-local-control .swiper video {
    width: 90%;
    margin: 0 auto;
  }

  .overview-content .remote-control-local-control .web-img {
    display: none;
  }

  .overview-content .remote-control-local-control .tp-banner-prev,
  .overview-content .remote-control-local-control .tp-banner-next {
    display: none;
  }
}

@media (max-width:414px) {
  .overview-content .remote-control-local-control {
    font-size: 2.5vw
  }
}

.overview-content .enhance-security {
  font-size: 16px;

  max-width: 120em;
  margin: 0 auto;
  background: #000;
  background-size: 120em;
}

.overview-content .enhance-security .w-container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}

.overview-content .enhance-security .w-container .text {
  text-align: center;
  color: #fff;
  padding: 15.4em 0 2.5em;
}

.overview-content .enhance-security .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .enhance-security .w-container .text p {
  padding: 2em 7em 2em;
}

.overview-content .enhance-security .w-container .text p span {
  font-size: 1.25em;
  line-height: 1.5;

  font-weight: 300;
}

.overview-content .enhance-security .w-container .video-container,
.overview-content .enhance-security .w-container .video-container video {
  width: 100%;
}

@media(min-width:1920px) {
  .overview-content .enhance-security {
    font-size: 0.83vw
  }
}

@media (max-width:1680px) {
  .overview-content .enhance-security {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .enhance-security {
    font-size: 12px
  }
}

@media(max-width:736px) {

  .overview-content .enhance-security {
    font-size: 10.35px;
    background: #000;
    background-size: 100%;

  }

  .overview-content .enhance-security .w-container {
    width: auto;
  }

  .overview-content .enhance-security .w-container .text {
    text-align: left;
    padding: 0
  }

  .overview-content .enhance-security .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    ;
  }

  .overview-content .enhance-security .w-container .text p {
    padding: 0 20px 2em;
  }

  .overview-content .enhance-security .w-container .text p span {
    font-size: 1.75em;
    line-height: 1.42857;
    text-align: left
  }

}

.overview-content .e {
  font-size: 16px;
  height: 75em;
  max-width: 120em;
  margin: 0 auto;
  background: url(img/e.jpg) 50% 100% no-repeat #000;
  background-size: 120em;
  padding-top: 0;

}

.overview-content .e .w-container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}

.overview-content .e .w-container .text {
  text-align: left;
  color: #fff;
  padding: 15em 0 0em;
}

.overview-content .e .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .e .w-container .text p {
  padding: 2em 0em 1em;
}

.overview-content .e .w-container .text p span {
  font-size: 1.25em;
  line-height: 1.5;

  font-weight: 300;
}

.overview-content .e .w-container .bar-containers .bar-container span {
  min-width: 5em;
  display: inline-block;
}

.overview-content .e .w-container .bar-containers .bar-container1 span:nth-child(1) {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;

  background: linear-gradient(to right, #1ceaf5, #2c8efb), -webkit-gradient(linear, left top, right top, from(#1ceaf5), to(#2c8efb));
  color: #1ceaf5;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .e .w-container .bar-containers .bar-container2 span:nth-child(1) {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  color: #808080;
}

.overview-content .e .w-container .bar-containers .bar-container1 span:nth-child(3) {
  font-size: 3em;
  background: linear-gradient(to right, #1ceaf5, #2c8efb), -webkit-gradient(linear, left top, right top, from(#1ceaf5), to(#2c8efb));
  color: #1ceaf5;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  padding-left: 0.5em;
}

.overview-content .e .w-container .bar-containers .bar-container2 span:nth-child(3) {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  color: #808080;
  padding-left: 1em;
}

.overview-content .e .w-container .descs {
  position: absolute;
  left: 0;
  top: 0;
}

.overview-content .e .w-container .descs .desc {
  position: absolute;
  color: #fff;
  background-color: #005eac;
  padding: 0.1em;
  font-size: 1.25em;
}

.overview-content .e .w-container .descs .desc1 {
  left: 28.2em;
  top: 34.5em;
}

.overview-content .e .w-container .descs .desc2 {
  left: 33.5em;
  top: 27.25em;
}

.overview-content .e .w-container .descs .desc3 {
  left: 46.35em;
  top: 38.75em;
}

.overview-content .e .w-container .note {
  position: absolute;
  /* font-size: 1.25em; */
  line-height: 1.5;

  font-weight: 300;
  color: #808080;
  top: 68em;
}

@media(min-width:1920px) {
  .overview-content .e {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .e {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .e {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .mobile-br {
    display: block;
  }

  .overview-content .e {
    font-size: 10.35px;
    background: url(m/e.jpg?2) 50% 100% no-repeat #000;
    background-size: 100%;
    height: 168vw;
  }

  .overview-content .e .w-container {
    width: auto;

  }

  .overview-content .e .w-container .text {
    text-align: left;
    padding: 0;
  }

  .overview-content .e .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
  }

  .overview-content .e .w-container .text p {
    padding: 0 20px 2em;
  }

  .overview-content .e .w-container .text p span {
    font-size: 1.75em;
    line-height: 1.42857;
    text-align: left;
  }

  .overview-content .e .w-container .note {
    margin: 0 20px;
    top: 142vw;
  }

  .overview-content .e .w-container .note span {
    font-size: 3vw;
  }

  .overview-content .e .bar-containers {
    padding: 0 20px;
  }

  .overview-content .e .w-container .bar-containers .bar-container span {
    min-width: 19vw;
  }

  .overview-content .e .w-container .bar-containers .bar-container1 span:nth-child(1) {
    font-weight: 300;
    font-size: 1.75em;
    line-height: 1.42857;
  }

  .overview-content .e .w-container .bar-containers .bar-container2 span:nth-child(3) {
    font-weight: 300;
    font-size: 1.75em;
    line-height: 1.42857;
  }

  .overview-content .e .w-container .bar-containers .bar-container1 span:nth-child(3) {
    font-size: 7.8vw;
  }

  .overview-content .e .bar-containers img {
    width: 26vw;
  }

  .overview-content .e .bar-containers .bar-container1 {
    display: flex;
    align-items: center;
  }

  .overview-content .e .m-hide {
    display: none;
  }

  .overview-content .e .w-container .descs .desc1 {
    left: 44vw;
    top: 102vw;
  }

  .overview-content .e .w-container .descs .desc2 {
    left: 58vw;
    top: 90vw;
  }

  .overview-content .e .w-container .descs .desc3 {
    left: 78.5vw;
    top: 108.5vw;
  }
}

.overview-content .record-with-quality {
  font-size: 16px;

  max-width: 120em;
  margin: 0 auto;
  background: #000;
  background-size: 120em;
}

.overview-content .record-with-quality .w-container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}

.overview-content .record-with-quality .w-container .text {
  text-align: center;
  color: #fff;
  padding: 6em 0 0em;
}

.overview-content .record-with-quality .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .record-with-quality .w-container .text p {
  padding: 2em 4em 2em;
}

.overview-content .record-with-quality .w-container .text p span {
  font-size: 1.25em;
  line-height: 1.5;

  font-weight: 300;
}

.overview-content .record-with-quality .w-container .video-container,
.overview-content .record-with-quality .w-container .video-container video {
  width: 100%;
}

@media(min-width:1920px) {
  .overview-content .record-with-quality {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .record-with-quality {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .record-with-quality {
    font-size: 12px
  }
}

@media(max-width:736px) {

  .overview-content .record-with-quality {
    font-size: 10.35px;
    background-size: 100%;
    /* height: 156.8125vw; */
  }

  .overview-content .record-with-quality .w-container {
    width: auto;
  }

  .overview-content .record-with-quality .w-container .text {
    text-align: left;
    padding: 0;
  }

  .overview-content .record-with-quality .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
  }

  .overview-content .record-with-quality .w-container .text p {
    padding: 0 20px 2em
  }

  .overview-content .record-with-quality .w-container .text p span {
    font-size: 1.75em;
    line-height: 1.42857;
    text-align: left;
  }
}

.overview-content .h {
  font-size: 16px;
  height: 56.5em;
  max-width: 120em;
  margin: 0 auto;
  background: url(img/g.jpg) 50% 100% no-repeat #000;
  background-size: 120em
}

.overview-content .h .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .h .w-container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}

.overview-content .h .w-container .text {
  text-align: center;
  color: #fff;
  padding: 12em 0 0em;
}

.overview-content .h .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .h .w-container .text p {
  padding: 2em 7em 2em;
}

.overview-content .h .w-container .text p span {
  font-size: 1.25em;
  line-height: 1.5;

  font-weight: 300;
}

.overview-content .h .w-container ul {
  position: absolute;
  display: flex;
  color: #fff;
  width: 100%;
  justify-content: center;
  top: 49em;
}

.overview-content .h .w-container ul li {
  display: flex;
  flex-direction: column;
  width: 25%;
  text-align: center;
  align-items: center;
  margin: 0 2em;
}

.overview-content .h .w-container ul li img {
  width: 2em;
  padding-bottom: 1em;
}

.overview-content .h .w-container ul li span {
  font-size: 1.25em;
  line-height: 1.5;

  font-weight: 300;
}

@media(min-width:1920px) {
  .overview-content .h {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .h {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .h {
    font-size: 12px
  }
}

@media(max-width:736px) {

  .overview-content .h {
    font-size: 10.35px;
    background: url(m/g.jpg?2) 50% 0 no-repeat #000;
    background-size: 100%;
    height: 140.8125vw;
  }

  .overview-content .h .w-container {
    width: auto;

  }

  .overview-content .h .w-container .text {
    text-align: left;
    padding: 0;
  }

  .overview-content .h .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
  }

  .overview-content .h .w-container .text p {
    padding: 0 20px 2em;
  }

  .overview-content .h .w-container .text p span {
    font-size: 1.75em;
    line-height: 1.42857;
    text-align: left;
  }

  .overview-content .h .w-container ul {
    justify-content: space-around;
    top: 105vw;
    justify-content: space-between;
    margin: 0 20px;
    width: auto;
  }

  .overview-content .h .w-container ul li {
    display: flex;
    flex-direction: column;
    width: 30%;
    text-align: left;
    align-items: baseline;
    margin: 0;
  }
}


.overview-content .i {
  font-size: 16px;
  margin: 0 auto;
  max-width: 120em;
  padding: 8.36em 0 10em;
  background-color: #000000;
  color: #fff;
  overflow: hidden;
}

.overview-content .i .swiper,
.overview-content .i .swiper-wrapper {
  width: 94em;
}

.overview-content .i .menu {
  padding: 0em 0 3em;
  text-align: center
}

.overview-content .i .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%
}

.overview-content .i .menu li span {
  font-size: 1.9em;
  font-weight: 400;
  color: #a5a5a5;
  cursor: pointer
}

.overview-content .i .menu li.active span {
  color: #fff;
  font-weight: 400;
  border-bottom: 2px solid currentColor
}




.overview-content .i h2 {
  font-size: 2.578125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .i .text p {
  font-size: 1.21875em;
  line-height: 1.5;
}

.overview-content .i .w-container {
  width: 70em;
  margin: 0 auto;

}

.overview-content .i .text {
  text-align: center;
  padding: 2em 5em 0em;
}


.overview-content .i .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}



.overview-content .i .swiper-pagination {
  display: none;
}




.overview-content .i .swiper {

  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.overview-content .i .swiper-slide {
  width: 100%;
  text-align: center;
}

.overview-content .i .swiper-slide span {
  position: absolute;
  color: #a5a5a5;

  line-height: 1.5;

  left: 34em;
  top: 1em;
  font-size: 1.5em;
  font-weight: 400;
}

.overview-content .i .swiper video {
  width: 85.75em;
  border-radius: 1.5em;
}



.overview-content .i .tp-banner-prev {
  position: absolute;
  top: 16em;
  left: 0em;
  z-index: 3;
  cursor: pointer;
}

.overview-content .i .tp-banner-prev .tp-banner-icon {
  background: url(./img/left-nav.png) 50% 100% no-repeat;
  background-size: 100%;
  display: block;
  width: 2.3em;
  height: 2.3em;
}

.overview-content .i .tp-banner-next .tp-banner-icon {
  background: url(./img/right-nav.png) 50% 100% no-repeat;
  background-size: 100%;
  display: block;
  width: 2.3em;
  height: 2.3em;
}

.overview-content .i .tp-banner-next {
  position: absolute;
  top: 16em;
  right: 1em;
  z-index: 3;
  cursor: pointer;
}

.overview-content .i .mobile-img {
  display: none;
}

@media(min-width:1920px) {
  .overview-content .i {
    font-size: 0.83vw
  }
}

@media (max-width:1680px) {
  .overview-content .i {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .i {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .i {
    font-size: 10.35px;
    padding: 0;
  }

  .overview-content .i .swiper-slide span {
    top: 56vw;
    left: 7vw;
  }

  .overview-content .i .swiper-pagination {
    /* display: block; */
    bottom: 6em;
  }


  .overview-content .i .swiper-pagination-bullet {
    background: #dbd4ce;
    opacity: 1;
  }

  .overview-content .i .swiper-pagination-bullet-active {
    background: #fff;
  }

  .overview-content .i .w-container {
    width: auto;
    position: relative;

  }

  .overview-content .i .text {
    padding: 0 0 0.5em;
    text-align: left;
  }

  .overview-content .i h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }


  .overview-content .i .c0 .bg {
    position: relative;
  }

  .overview-content .i .swiper {
    width: auto;
    height: auto;
    overflow: visible;
    display: block;
    padding-bottom: 5em;
  }

  .overview-content .i h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em
  }

  .overview-content .i .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .i .text p br {
    display: none;
  }

  .overview-content .i .archer-selling-point-box {
    position: relative;
    padding: 0
  }

  .overview-content .i .menu li {
    min-width: 25%;
  }

  .overview-content .i .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .i .mobile-img {
    display: block;
    width: 100vw;
  }

  .overview-content .i .swiper-slide {
    width: 100%;
  }

  .overview-content .i .swiper video {
    width: 90%;
    margin: 0 auto;
  }

  .overview-content .i .web-img {
    display: none;
  }

  .overview-content .i .tp-banner-prev,
  .overview-content .i .tp-banner-next {
    display: none;
  }
}

@media (max-width:414px) {
  .overview-content .i {
    font-size: 2.5vw
  }
}

.overview-content .effortlessly-cleaning {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  height: 59em;
  max-width: 120em;
  background: url(img/j.jpg) 50% 0% no-repeat #000;

  transition: background 0.5s linear;
  background-size: 100%;
}

.overview-content .effortlessly-cleaning.active1,
.overview-content .effortlessly-cleaning.active2,
.overview-content .effortlessly-cleaning.active3,
.overview-content .effortlessly-cleaning.active4,
.overview-content .effortlessly-cleaning.active5,
.overview-content .effortlessly-cleaning.active6 {


  transition: background 0.5s linear;
  background-size: 100%;
}


.overview-content .effortlessly-cleaning .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1em;
}

.overview-content .effortlessly-cleaning .text p .heaver {
  font-weight: 500;
}

.overview-content .effortlessly-cleaning .w-container {
  width: 88.5em;
  margin: 0 auto;
  position: relative;
}

.overview-content .effortlessly-cleaning .text {
  text-align: center;
  padding: 2em 14em 1em;
  color: #fff;
}

.overview-content .effortlessly-cleaning h2 {
  font-size: 3.15em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .effortlessly-cleaning img {
  width: 100%;
}

.overview-content .effortlessly-cleaning .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 54vw;
  height: 100vw;
}

.overview-content .effortlessly-cleaning .bg.m-hide {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
}

.overview-content .effortlessly-cleaning .bg.m-show {
  display: none;
}

.overview-content .effortlessly-cleaning .desc {
  position: absolute;
  opacity: 0;
  transition: opacity 1s linear;
  width: 18em;
  background: #00000080;
  padding: 20px;
  display: flex;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  border-radius: 1em;

}

.overview-content .effortlessly-cleaning .desc1 {
  left: 12em;
  top: 30em;
}

.overview-content .effortlessly-cleaning .desc2 {
  left: 37em;
  top: 43em;
}

.overview-content .effortlessly-cleaning .desc3 {
  left: 70em;
  top: 18em;
}

.overview-content .effortlessly-cleaning .desc4 {
  left: 66em;
  top: 35em;
}

.overview-content .effortlessly-cleaning .desc5 {
  left: 57em;
  top: 35em;
}

.overview-content .effortlessly-cleaning .desc.active {

  opacity: 1;
}

.overview-content .effortlessly-cleaning .desc span.title {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5;
  display: block;

}

.overview-content .effortlessly-cleaning .desc span.desc-content {
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1.5;
  padding-top: 1em;

}

@-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
  }
}

.overview-content .effortlessly-cleaning .circle {
  position: absolute;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 0.25em solid #fff;
  opacity: 0.5;
  background: #fff;

  z-index: 2;
}

.overview-content .effortlessly-cleaning .circle:nth-child(1) {
  transform: scale(0);
  -ms-transform: scale(0);
  opacity: 1;
  animation: 1.7s ease-out infinite circle-active;
}

.overview-content .effortlessly-cleaning .circle:nth-child(2) {
  transform: scale(0);
  -ms-transform: scale(0);
  animation: 1.7s ease-out .566666666666667s infinite circle-active;
}

.overview-content .effortlessly-cleaning .circle-group {
  width: 3em;
  height: 3em;
}

.overview-content .effortlessly-cleaning .g1 {
  position: absolute;
  left: 32em;
  top: 40em;
  cursor: pointer;
}

.overview-content .effortlessly-cleaning .g2 {
  position: absolute;
  left: 52.5em;
  top: 39.5em;
  cursor: pointer;
}

.overview-content .effortlessly-cleaning .g3 {
  position: absolute;
  left: 64.5em;
  top: 20.5em;
  cursor: pointer;
}

.overview-content .effortlessly-cleaning .g4 {
  position: absolute;
  left: 73em;
  top: 31em;
  cursor: pointer;
}

.overview-content .effortlessly-cleaning .g5 {
  position: absolute;
  left: 65em;
  top: 30.5em;
  cursor: pointer;
}

.overview-content .effortlessly-cleaning .g6 {
  position: absolute;
  left: 79em;
  top: 34em;
  cursor: pointer;
}

.overview-content .effortlessly-cleaning.active .mobile-content {
  display: none;
}

.overview-content .effortlessly-cleaning .m-img {
  display: none;
}

@media (min-width:1900px) {
  .overview-content .effortlessly-cleaning {
    font-size: 0.83vw
  }
}

@media (max-width:1900px) {
  .overview-content .effortlessly-cleaning {
    font-size: 14px
  }
}

@media (max-width:1680px) {
  .overview-content .effortlessly-cleaning {
    font-size: 12px
  }
}

@media (max-width:1440px) {
  .overview-content .effortlessly-cleaning {
    font-size: 10px
  }
}

@media (max-width:736px) {
  .overview-content .effortlessly-cleaning {
    font-size: 10.35px;
    background: url(m/j.jpg) 50% 0% no-repeat #000;
    height: 159vw;
    background-size: 100%;
  }

  .overview-content .effortlessly-cleaning .bg {
    height: auto;
    top: 128vw;
  }

  .overview-content .effortlessly-cleaning .bg .swiper-slide p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .effortlessly-cleaning .bg.m-hide {
    display: none;
  }

  .overview-content .effortlessly-cleaning .bg.m-show {
    display: block;
  }

  .overview-content .effortlessly-cleaning .w-container {
    width: auto;
    position: relative;

  }

  .overview-content .effortlessly-cleaning .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .effortlessly-cleaning h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 2.5em 20px 0.5em;
  }

  .overview-content .effortlessly-cleaning .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .effortlessly-cleaning.active .mobile-content {
    display: block;
  }

  .overview-content .effortlessly-cleaning.active .bg {
    /* display: none; */
  }

  .overview-content .effortlessly-cleaning .menu {
    padding: 2em 0;
    text-align: center
  }

  .overview-content .effortlessly-cleaning .menu li {
    display: inline-block;
    margin: 0 2%
  }

  .overview-content .effortlessly-cleaning .menu li span {
    font-size: 3.125vw;
    font-weight: 300;
    color: #fff;
    cursor: pointer
  }

  .overview-content .effortlessly-cleaning .menu li.active span {
    color: #fff;
    font-weight: 500;
    border-bottom: 2px solid currentColor
  }

  .overview-content .effortlessly-cleaning .swiper .swiper-slide {
    color: #fff;
  }

  .overview-content .effortlessly-cleaning .m-img {
    display: block;

  }

  .overview-content .effortlessly-cleaning .web-img {
    display: none
  }



  .overview-content .effortlessly-cleaning .desc span.desc-content {
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 1.5;
  }

  .overview-content .effortlessly-cleaning .desc span.title {
    font-size: 2.8125vw;
    padding-bottom: .25em;
    font-weight: 500;
  }


}

@media (max-width:414px) {
  .overview-content .effortlessly-cleaning {
    font-size: 2.5vw
  }
}


.overview-content .full-color-view {
  font-size: 16px;

  margin: 0 auto;
  position: relative;
  max-width: 120em;
  background-color: #000;

}


.overview-content .full-color-view .w-container {
  width: 70em;
  margin: 0 auto;
  padding-top: 11.6em;
  position: relative;

}

.overview-content .full-color-view .w-container img {
  width: 100%;
}

.overview-content .full-color-view .w-container .m-show {
  display: none;
}

.overview-content .full-color-view .w-container .m-hide {
  display: block;
}

.overview-content .full-color-view .w-container .desc {
  position: absolute;
  left: 29.5em;
  color: #a5a5a5;
  font-size: 1.25em;
  line-height: 1.5;
  top: 10.25em;
  font-weight: 400;
}

.overview-content .full-color-view .text {
  text-align: center;
  padding: 5em 12em 2em;
}

.overview-content .full-color-view h2 {
  font-size: 2.578125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .full-color-view .text p {
  font-size: 1.21875em;
  line-height: 1.5;
}

@media(min-width:1920px) {
  .overview-content .full-color-view {
    font-size: 0.83vw
  }
}

@media (max-width:1680px) {
  .overview-content .full-color-view {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .full-color-view {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .full-color-view {
    font-size: 10.35px;

  }

  .overview-content .full-color-view .w-container .m-hide {
    display: none;
  }

  .overview-content .full-color-view .w-container .m-show {
    display: block;
  }

  .overview-content .full-color-view .w-container {
    width: auto;
    position: relative;

  }

  .overview-content .full-color-view .w-container .desc {
    font-size: 1.25em;
    line-height: 1.5;
    left: 8vw;
    top: 85vw;
  }

  .overview-content .full-color-view .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .full-color-view h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }

  .overview-content .full-color-view .text p {
    font-size: 1.75em;
    padding: 0 20px;
  }


}

@media (max-width:414px) {
  .overview-content .full-color-view {
    font-size: 2.5vw
  }
}

.overview-content .l {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000;
  background-size: 120em;

}

.overview-content .l .w-container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}

.overview-content .l .w-container .text {
  text-align: center;
  color: #fff;
  padding: 12.5em 0 0em;
}

.overview-content .l .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .l .w-container .text p {
  padding: 2em 6em 5em;
}

.overview-content .l .w-container .text p span {
  font-size: 1.25em;
  line-height: 1.5;

  font-weight: 300;
}

.overview-content .l .ul-1 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.overview-content .l .ul-1 ul {
  display: flex;
  width: 100%;
  justify-content: center
}

.overview-content .l .ul-1 li {
  width: 30%;
  display: flex;
  color: #fff;
  flex-direction: column;
  padding: 1%;
}

.overview-content .l .ul-1 li img {
  width: 100%;
}

.overview-content .l .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1em;
}

.overview-content .l .ul-1 li p {
  font-size: 1.25em;
  line-height: 1.5;
  padding: 1em 0em 1em 0;
  min-height: 3em;
}

.overview-content .l .ul-1 .li1 h3 {
  font-size: 2em;
  font-weight: 400;
  background: linear-gradient(to right, #2ede6e, #06cc92), -webkit-gradient(linear, left top, right top, from(#2ede6e), to(#06cc92));
  color: #2ede6e;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .l .ul-1 .li2 h3 {
  font-size: 2em;
  font-weight: 400;
  background: linear-gradient(to right, #1ceaf5, #2c8ffb), -webkit-gradient(linear, left top, right top, from(#1ceaf5), to(#2c8ffb));
  color: #1ceaf5;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .l .ul-1 .li3 h3 {
  font-size: 2em;
  font-weight: 400;
  background: linear-gradient(to right, #5375ff, #c73aff), -webkit-gradient(linear, left top, right top, from(#5375ff), to(#c73aff));
  color: #5375ff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.overview-content .l .ul-2 li {
  width: 36%;
  display: flex;
  color: #fff;
  flex-direction: column;
  padding: 1%;
  justify-content: end;
  position: relative;
}

.overview-content .l .ul-2 li span {
  position: absolute;
  font-size: 1.25em;
  line-height: 1.5;
  top: 0.65em;
  font-weight: 400;
  color: #a5a5a5;
}

.overview-content .l .ul-2 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10.5em 0 8.25em;
}

.overview-content .l .m-show {
  display: none;
}

@media(min-width:1920px) {
  .overview-content .l {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .l {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .l {
    font-size: 12px
  }
}

@media(max-width:736px) {

  .overview-content .l {
    font-size: 10.35px;
    background: #000;
    background-size: 100%;

  }

  .overview-content .l .m-show {
    display: block;
  }

  .overview-content .l .m-hide {
    display: none;
  }

  .overview-content .l .w-container {
    width: auto;

  }

  .overview-content .l .ul-1 .li1 h3,
  .overview-content .l .ul-1 .li2 h3,
  .overview-content .l .ul-1 .li3 h3 {
    padding: 0 20px;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
  }

  .overview-content .l .ul-1 li p {
    padding: 0 20px;
    font-size: 1.75em;
    line-height: 1.5;
  }

  .overview-content .l .ul-1 li img {
    width: auto;
    margin: 0 20px;
  }

  .overview-content .l .w-container .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .l .ul-1 li {
    padding: 0;
  }

  .overview-content .l .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 2.5em 20px 0.5em;
  }

  .overview-content .l .w-container .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .l .mobile-img {
    display: block;
    padding-top: 102vw;
  }

  .overview-content .l .swiper img {
    width: 100vw;
  }

  .overview-content .l .ul-2 li span {
    top: 0;
  }

  .overview-content .l .ul-2 {
    width: auto;
    margin: 0 20px;
  }

  .overview-content .l .ul-2 li {
    width: 49%;
  }
}

/* m old */
/* .overview-content .m {
  font-size: 16px;
  height: 99em;
  max-width: 120em;
  margin: 0 auto;
  background: url(img/m.jpg) 50% 0 no-repeat #f1f5f8;
  background-size: 120em;
}

.overview-content .m .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}

.overview-content .m .w-container .text {
  text-align: center;
  padding: 5em 0 0em;
}

.overview-content .m .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .m .w-container .text p {
  padding: 1em 10em 2em;
}

.overview-content .m .w-container .text p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}

.overview-content .m .w-container ul {
  position: absolute;
  top: 19em;
  left: 2.5em;
  width: 82.5em;
  height: 77em;
  display: flex;
  flex-wrap: wrap;
}

.overview-content .m .w-container ul li {
  width: 25%;
  height: 24em;
}

.overview-content .m .w-container ul li h3 {
  font-weight: 500;
  font-size: 1.4em;
}

.overview-content .m .w-container ul li p {
  font-weight: 300;
  font-size: 1.2em;
}

.overview-content .m .w-container ul li div {
  display: block;
  padding: 16em 2em 0;
}

.overview-content .m .w-container ul li:nth-child(5),
.overview-content .m .w-container ul li:nth-child(6),
.overview-content .m .w-container ul li:nth-child(7),
.overview-content .m .w-container ul li:nth-child(8) {
  margin-top: 3em;
}

.overview-content .m .w-container ul li:nth-child(9) {
  margin-top: 2em;
}

.overview-content .m .m-hide {
  display: block;
}

.overview-content .m .mobile-img {
  display: none;
}

@media(min-width:1920px) {
  .overview-content .m {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .m {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .m {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .m {
    font-size: 10.35px;
    background: #f2f5f8;
    background-size: 100%;
    height: 268vw;
  }

  .overview-content .m .w-container ul.m-hide {
    display: none;
  }

  .overview-content .m .w-container .text {
    padding: 0 0 2em;
    text-align: left;
  }

  .overview-content .m .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 2.5em 20px 0.5em;
  }

  .overview-content .m .w-container .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .m .w-container {
    width: auto;
  }

  .overview-content .m .w-container ul li div {
    padding: 37vw 4vw 0;
  }

  .overview-content .m .mobile-img {
    display: block;
  }

  .overview-content .m .swiper img {
    width: 90vw;
    margin-left: 5vw;
  }

  .overview-content .m .w-container .swiper-slide {
    height: 172vw;
    background-size: 100%;
  }

  .overview-content .m .w-container .slide1 {
    background: url(m/m-1.jpg) 50% 0% no-repeat #f2f5f8;
    background-size: 100%;
  }

  .overview-content .m .w-container .slide2 {
    background: url(m/m-2.jpg) 50% 0% no-repeat #f2f5f8;
    background-size: 100%;
  }

  .overview-content .m .w-container .slide1 ul {
    top: 0;
    left: 20px;
    width: 95vw;
    height: auto;
  }

  .overview-content .m .w-container ul li:nth-child(5),
  .overview-content .m .w-container ul li:nth-child(6),
  .overview-content .m .w-container ul li:nth-child(7),
  .overview-content .m .w-container ul li:nth-child(8) {
    margin-top: 0em;
  }

  .overview-content .m .w-container ul li {
    width: 50%;
    height: 56vw;
  }

  .overview-content .m .w-container .slide2 ul {
    top: 0;
    left: 0px;
    width: 95vw;
    height: auto;
  }

  .swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 50vw !important;
    height: 4px !important;
    left: 25vw !important;
    bottom: -8vw !important;
    top: unset !important;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #0557a9 !important;
  }
} */


/* netherland */
/* .overview-content .m-nl {
  font-size: 16px;
  height: 99em;
  max-width: 120em;
  margin: 0 auto;
  background: 50% 0 no-repeat #f1f5f8;
  background-size: 120em;
}

.overview-content .m-nl .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}

.overview-content .m-nl .w-container .text {
  text-align: center;
  padding: 5em 0 0em;
}

.overview-content .m-nl .w-container .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .m-nl .w-container .text p {
  padding: 1em 10em 2em;
}

.overview-content .m-nl .w-container .text p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}

.overview-content .m-nl .w-container ul {
  position: absolute;
  top: 19em;
  left: 2.5em;
  width: 82.5em;
  height: 77em;
  display: flex;
  flex-wrap: wrap;
}

.overview-content .m-nl .w-container ul li {
  width: 24.5%;
  height: 24em;
  border-radius: 1em;
  margin-left: 0.5%;
}

.overview-content .m-nl .w-container ul li img {
  position: absolute;
  width: 3em;
}

.overview-content .m-nl .w-container ul li h3 {
  font-weight: 500;
  font-size: 1.4em;
}

.overview-content .m-nl .w-container ul li p {
  font-weight: 300;
  font-size: 1.2em;
}

.overview-content .m-nl .w-container ul li div {
  display: block;
  padding: 16em 2em 0;
}

.overview-content .m-nl .w-container ul li:nth-child(5),
.overview-content .m-nl .w-container ul li:nth-child(6),
.overview-content .m-nl .w-container ul li:nth-child(7),
.overview-content .m-nl .w-container ul li:nth-child(8) {
  margin-top: 3em;
}

.overview-content .m-nl .w-container ul li:nth-child(9),
.overview-content .m-nl .w-container ul li:nth-child(10) {
  margin-top: 2em;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(1) {
  background: #fff url(./img/Tapo_C260.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(2) {
  background: #fff url(./img/Tapo_C460.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(3) {
  background: #fff url(./img/Tapo_C460_KIT.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(4) {
  background: #fff url(./img/Tapo_C660_KIT.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(5) {
  background: #fff url(./img/Tapo_C665G_KIT.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(6) {
  background: #fff url(./img/Tapo_C668B_KIT.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(7) {
  background: #fff url(./img/Tapo_C675D_KIT.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(8) {
  background: #fff url(./img/Tapo_C465.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(9) {
  background: #fff url(./img/Tapo_C860.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .w-container ul.m-hide li:nth-child(10) {
  background: #fff url(./img/Tapo_C560WS.png) 50% -20%/17em no-repeat;
}

.overview-content .m-nl .m-hide {
  display: block;
}

.overview-content .m-nl .mobile-img {
  display: none;
}

@media(min-width:1920px) {
  .overview-content .m-nl {
    font-size: 0.83vw
  }
}

@media(max-width:1680px) {
  .overview-content .m-nl {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .m-nl {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .m-nl {
    font-size: 10.35px;
    background: #f2f5f8;
    background-size: 100%;
    height: 268vw;
  }

  .overview-content .m-nl .w-container ul.m-hide {
    display: none;
  }

  .overview-content .m-nl .w-container .text {
    padding: 0 0 2em;
    text-align: left;
  }

  .overview-content .m-nl .w-container .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 2.5em 20px 0.5em;
  }

  .overview-content .m-nl .w-container .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .m-nl .w-container {
    width: auto;
  }

  .overview-content .m-nl .w-container ul li div {
    padding: 37vw 4vw 0;
  }

  .overview-content .m-nl .mobile-img {
    display: block;
  }

  .overview-content .m-nl .swiper img {
    width: 90vw;
    margin-left: 5vw;
  }

  .overview-content .m-nl .w-container .swiper-slide {
    height: 172vw;
    background-size: 100%;
  }

  .overview-content .m-nl .w-container .slide1 {
    background: #f2f5f8;
    background-size: 100%;
  }

  .overview-content .m-nl .w-container .slide2 {
    background: #f2f5f8;
    background-size: 100%;
  }

  .overview-content .m-nl .w-container .slide1 ul {
    top: 0;
    left: 20px;
    width: 95vw;
    height: auto;
  }

  .overview-content .m-nl .w-container ul li:nth-child(5),
  .overview-content .m-nl .w-container ul li:nth-child(6),
  .overview-content .m-nl .w-container ul li:nth-child(7),
  .overview-content .m-nl .w-container ul li:nth-child(8) {
    margin-top: 0em;
  }

  .overview-content .m-nl .w-container ul li {
    width: 48%;
    height: 56vw;
    margin-left: 1vw;
    margin-bottom: 2vw;
  }

  .overview-content .m-nl .w-container .slide2 ul {
    top: 0;
    left: 0px;
    width: 95vw;
    height: auto;
  }

  .swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 50vw !important;
    height: 4px !important;
    left: 25vw !important;
    bottom: -8vw !important;
    top: unset !important;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #0557a9 !important;
  }

  .overview-content .m-nl .w-container .mobile-img .slide1 li:nth-child(1) {
    background: #fff url(./img/Tapo_C260.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide1 li:nth-child(2) {
    background: #fff url(./img/Tapo_C460.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide1 li:nth-child(3) {
    background: #fff url(./img/Tapo_C460_KIT.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide1 li:nth-child(4) {
    background: #fff url(./img/Tapo_C660_KIT.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide2 li:nth-child(1) {
    background: #fff url(./img/Tapo_C665G_KIT.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide2 li:nth-child(2) {
    background: #fff url(./img/Tapo_C668B_KIT.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide2 li:nth-child(3) {
    background: #fff url(./img/Tapo_C675D_KIT.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide2 li:nth-child(4) {
    background: #fff url(./img/Tapo_C465.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide2 li:nth-child(5) {
    background: #fff url(./img/Tapo_C860.png) 50% -3vw/40vw no-repeat;
  }

  .overview-content .m-nl .w-container .mobile-img .slide2 li:nth-child(6) {
    background: #fff url(./img/Tapo_C560WS.png) 50% -3vw/40vw no-repeat;
  }
} */

/* m new */
.overview-content .m{background: #f1f5f8;font-size: 16px;max-width: 120em;margin: 0 auto;color: #000;overflow: hidden;}
.overview-content .m .w-container{width: 85.375em;margin: 0 auto;}
.overview-content .m .text{padding: 6em 0 3em;text-align: center;}
.overview-content .m .text h2{font-size: 3.125em;font-weight: 400;line-height: 1.2;padding-bottom: 0.5em;}
.overview-content .m p.product-category{font-size: 1.875em;font-weight: 400;line-height: 1.2;padding-bottom: 0.5em;}
.overview-content .m .text p{font-size: 1.25em;font-weight: 300;line-height: 1.5;}
.overview-content .m .product-block+.product-block{margin-top: 4em;}
.overview-content .m #compatibility{font-size: inherit;}
.overview-content .m #compatibility .compatibility-wrapper{padding: 0 0 7em;}
.overview-content .m #compatibility .compatibility-container{max-width: 100%;min-width: unset;}
.overview-content .m #compatibility .compatibility-lists .items {margin: 1.5em -2% 0 0;}
.overview-content .m #compatibility .compatibility-lists .items .item {background-color: #fff;border: none;border-radius: 1em;margin: 0 2% 2% 0;width: 23%;}
.overview-content .m #compatibility .compatibility-cat dt,
.overview-content .m #compatibility .compatibility-cat dd,
.overview-content .m #compatibility .compatibility-lists .cat-name,
.overview-content .m #compatibility .compatibility-lists .items .item .item-model,
.overview-content .m #compatibility .compatibility-lists .items .item .item-name{color: inherit;}
.overview-content .m #compatibility .compatibility-lists .cat-name {display: none;}
.overview-content .m #compatibility .compatibility-lists .show-all:before{filter: brightness(100);}
@media (min-width:1920px){ .overview-content .m{font-size:0.8333vw;} }
@media (max-width:1680px){ .overview-content .m{font-size: 14px;} }
@media (max-width:1440px){ .overview-content .m{font-size:12px;} }
@media (max-width:768px){
  .overview-content .m{font-size: 10.35px;padding: 0 20px;}
  .overview-content .m .w-container{width: auto;}
  .overview-content .m .text{padding: 0 0 1em;text-align: left;}
  .overview-content .m .text h2{font-size: 2.5em;font-weight: 400;line-height: 1.2;padding: 1.5em 0 0.5em;}
  .overview-content .m p.product-category{font-size: 2em;font-weight: 400;line-height: 1.2;padding: 0em 0 0.5em;}
  .overview-content .m .text p{font-size: 1.75em;font-weight: 300;line-height: 1.5;padding: 0 20px;}
  .overview-content .m .product-block+.product-block{margin-top: 3em;}
  .overview-content .m #compatibility .compatibility-wrapper{padding: 0 0 2em;}
  .overview-content .m #compatibility .compatibility-lists .items {margin: 1.5em -2% 0 0;}
  .overview-content .m #compatibility .compatibility-lists .items .item {margin: 0 2% 2% 0;width: 48%;}
}
@media (max-width:414px){ .overview-content .m{font-size:2.5vw;} }



.overview-content .questions {
  font-size: 16px;
  /* max-width: 120em; */
  margin: 0 auto;
  background-color: #fff;
}

.overview-content .questions .w-container {
  width: 70em;
  margin: 0 auto;
  position: relative;
}

.overview-content .questions .m-show {
  display: none;
}

.overview-content .questions .text {
  padding: 6em 0 4.5em;
  text-align: center;
}

.overview-content .questions h2 {
  font-weight: 600;
  font-size: 3.125em;
  line-height: 3em;
  padding-bottom: 0.25em;
}

.overview-content .questions .text ul {
  text-align: left;
  padding-bottom: 2em;
}

.overview-content .questions .text ul li {
  padding: 2em 2em 0.5em;
  /* margin-bottom: 2em; */
  background-color: white;
  border-radius: 1em;

}

.overview-content .questions .text ul li label {
  font-weight: 500;
  font-size: 1.6875em;
  line-height: 1.333333;
  padding-bottom: 0.25em;
  color: #1d2529;
  cursor: pointer;
  display: block;
  background: url("img/h-icon.png") 100% 50% no-repeat;
  position: relative;

  /* background-size: 1em; */
}

.overview-content .questions .text ul li label::before {

  background-color: #005eac;
  border-radius: 50%;
  width: 0.5em;
  height: 0.5em;
  top: 0.375em;
  left: -1em;
  position: absolute;
  content: '';
}

.overview-content .questions .text ul li.active label {
  background: url("img/h-icon-hide.png") 100% 50% no-repeat;
  /* background-size: 1em; */
}

.overview-content .questions .text ul li p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
  padding: 0.5em 0 0 0em;
  color: #1d2529
}

.overview-content .questions .btn1 {
  padding: 1em 3em;
  display: inline-block;
  position: relative;
  border-radius: 2em;
  cursor: pointer;
  background-color: #005eac;
  color: white;
  font-size: 18px;
}

.overview-content .questions .circle {
  display: inline-block;
  background-color: #005eac;
  border-radius: 50%;
  width: 0.5em;
  height: 0.5em;
  margin-bottom: 0.125em;
  margin-right: 0.5em;
}

@media(min-width:1920px) {
  .overview-content .questions {
    font-size: 0.83vw
  }
}

@media (max-width: 1680px) {
  .overview-content .questions {
    font-size: 14px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .questions * {
    text-align: left;
  }

  .overview-content .questions {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .questions .w-container {
    width: auto;
  }

  .overview-content .questions .text {
    padding: unset;
    text-align: left;
  }

  .overview-content .questions .text ul li.active label {
    background-size: 4.5vw;
  }

  .overview-content .questions .text ul li label::before {

    left: -0.75em;

  }

  .overview-content .questions .text ul li p {}

  .overview-content .questions h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }

  .overview-content .questions .m-show {
    display: block;
  }

  .overview-content .questions .text ul {
    padding: 0 20px 2em;
  }

  .overview-content .questions .text ul li {
    padding: 0 0 2em;
  }

  .overview-content .questions .text ul li label {
    font-size: 1.5em;
    padding: 0 8vw 0 0;
    background-size: 2.5vw;
    display: flex;
  }

  .overview-content .questions .btn1 {
    left: 0;
    font-size: 3vw;
    transform: translate(50%, 0);
    font-weight: 500;
  }
}

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

/* netherland */
.overview-content .l .ul-1 ul {
  display: flex;
  width: 100%;
  justify-content: center
}

.overview-content .m-nl .w-container ul li div {
  position: relative;
}

.overview-content .ces-banner .w-container h2 {

  background: none !important;
  color: #fff !important;
  -webkit-text-fill-color: unset !important;
  -webkit-background-clip: unset !important;
  text-align: center;
}

.holland-coming-soon-tag {
  background:
    #fff4e5;
  padding:
    0.1em 0.5em;
  border-radius:
    0.5em;
  color: #aa5800;
  font-weight: 500;
  margin:
    0 auto;
  position: absolute;
  top: 0.75em;
  right: 0.5em;
}

@media (max-width: 736px) {
  .overview-content .m-nl .w-container ul li p {
    font-weight: 300;
    font-size: 2.5vw;
  }

  .overview-content .m-nl .w-container ul li div {
    position: relative;
  }

  .holland-coming-soon-tag {
    top: 1vw;
    right: 1vw;
  }
}