.overview-content .tapo-banner {
  font-size: 16px;
  position: relative;
  background: url(./img/a.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 62.625em;
  max-width: 120em;
  margin: 0 auto;
  position: relative
}
.overview-content .tapo-banner .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}
.overview-content .tapo-banner .w-container .text {
  padding: 19em 11em 0 35em;
  text-align: left
}
.overview-content .tapo-banner h2 {
  font-size: 3.4375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 16px
}
.overview-content .tapo-banner h3 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.75em;
}
.overview-content .tapo-banner .icon {
  border-radius: 8px;
  margin-right: 1em;
  vertical-align: top
}
.overview-content .tapo-banner .img-icon {
  height: 2em;
  font-size: 1.5em;
}
.overview-content .tapo-banner .model {
  font-size: 1.875em;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  padding: 0 1.25em;
  border-radius: 1em;
  background-color: #005eac;
  margin-bottom: 1.25em;
}
@media(max-width:1680px) {
  .overview-content .tapo-banner {
    font-size: 14px
  }
}
@media(max-width:1440px) {
  .overview-content .tapo-banner {
    font-size: 12px
  }
}
@media(max-width:736px) {
  .overview-content .tapo-banner {
    font-size: 10.35px;
    background: url(./m/a.jpg) 50% 0 no-repeat;
    background-size: 100%;
    height: 137vw;
    position: relative
  }
  .overview-content .tapo-banner .w-container {
    width: auto
  }
  .overview-content .tapo-banner .w-container .text {
    padding: 7vw 0;
  }
  .overview-content .tapo-banner .w-container .model {
    border-radius: 1em;
    border: 0
  }
  .overview-content .tapo-banner h2 {
    font-size: 7.8vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 20px 0.5em;
  }
  .overview-content .tapo-banner h3 {
    font-size: 5vw;
    font-weight: 300;
    line-height: 1.2;
    padding: 0 20px 1em;
  }
  .overview-content .tapo-banner .line {
    margin: 4px 0;
    height: 22px
  }
  .overview-content .tapo-banner .model {
    font-size: 3.75vw;
    font-weight: 400;
    padding: 0.25em 1.5em;
    border-radius: 1em;
  }
  .overview-content .tapo-banner .work-with-amazon,
  .overview-content .tapo-banner .tag-hey_google {
    margin-right: 1em;
    border-radius: 6px
  }
  .overview-content .tapo-banner .icons {
    margin: 0 20px;
  }
  .overview-content .tapo-banner .icon {
    border-radius: 5px;
    margin-bottom: 5vw;
    margin-right: 0.25em;
    box-sizing: border-box;
  }
  .overview-content .tapo-banner .feature-wrap {
    padding: 0 20px;
    margin-bottom: 5em
  }
  .overview-content .tapo-banner .feature-wrap .feature {
    font-size: 1.25em
  }
}
@media(max-width:414px) {
  .overview-content .tapo-banner {
    font-size: 2.5vw
  }
}



.overview-content .tapo-selling-points {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
}
.overview-content .tapo-selling-points .w-container {
  width: 85.375em;
  margin: 0 auto;
}
.overview-content .tapo-selling-points .text {
  padding: 6em 0 4em;
}
.overview-content .tapo-selling-points .box {
  height: 0;
  padding-top: 41%;
  margin: 0 auto;
  background: url(./img/b.png) 50% 0 / 100% no-repeat;
  position: relative;
}
.overview-content .tapo-selling-points .desc {
  position: absolute;
  line-height: normal;
  text-align: left;
}
.overview-content .tapo-selling-points .font-large {
  font-size: 2.1em;
  font-weight: 500;
  line-height: 1.2;
  display: block;
}
.overview-content .tapo-selling-points .font-big {
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.2em;
  display: block;
}
.overview-content .tapo-selling-points .font-medium {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.4;
  display: block;
}
.overview-content .tapo-selling-points .font-small {
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.4;
  color: #005eac;
  display: block;
}
.overview-content .tapo-selling-points .gradient-color {
  background: linear-gradient(to right, #ff0600 0%, #3eae00 40%, #012bcf 70%, #9a03d0 100%);
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.overview-content .tapo-selling-points .desc-1 {
  top: 3%;
  left: 2%;
  width: 21%;
}
.overview-content .tapo-selling-points .desc-2 {
  top: 3%;
  left: 27.5%;
  width: 20%;
}
.overview-content .tapo-selling-points .desc-31 {
  top: 3%;
  left: 52.75%;
  width: 45%;
}
.overview-content .tapo-selling-points .desc-32 {
  top: 20.8%;
  left: 56.5%;
  width: 10%;
}
.overview-content .tapo-selling-points .desc-33 {
  top: 20.5%;
  left: 87%;
  width: 11%;
}
.overview-content .tapo-selling-points .desc-34 {
  top: 36.5%;
  left: 56.5%;
  width: 10%;
}
.overview-content .tapo-selling-points .desc-35 {
  top: 36.5%;
  left: 87%;
  width: 11%;
}
.overview-content .tapo-selling-points .desc-4 {
  top: 61.5%;
  left: 57.8%;
  width: 8%;
}
.overview-content .tapo-selling-points .desc-5 {
  top: 83.5%;
  left: 57.8%;
  width: 8%;
}
.overview-content .tapo-selling-points .desc-6 {
  top: 80.5%;
  left: 68.2%;
  width: 8.5%;
  text-align: center;
}
.overview-content .tapo-selling-points .desc-7 {
  top: 80.5%;
  left: 79.2%;
  width: 8.5%;
  text-align: center;
}
.overview-content .tapo-selling-points .desc-8 {
  top: 80.5%;
  left: 90.5%;
  width: 8.5%;
  text-align: center;
}
.overview-content .tapo-selling-points .no-wrap {
  white-space: nowrap
}
@media(max-width: 1680px) {
  .overview-content .tapo-selling-points {
    font-size: 14px;
  }
}
@media(max-width: 1440px) {
  .overview-content .tapo-selling-points {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .tapo-selling-points {
    font-size: 10.35px;
  }
  .overview-content .tapo-selling-points .w-container {
    width: auto;
  }
  .overview-content .tapo-selling-points .text {
    padding: 5em 0 1em;
  }
  .overview-content .tapo-selling-points .box {
    width: 88vw;
    padding-top: 147vw;
    background: url(./m/b.png) top / 100% no-repeat;
  }
  .overview-content .tapo-selling-points .font-large {
    font-size: 4.25vw;
    font-weight: 500;
  }
  .overview-content .tapo-selling-points .font-big {
    font-size: 3vw;
    font-weight: 500;
  }
  .overview-content .tapo-selling-points .font-medium {
    font-size: 2.75vw;
  }
  .overview-content .tapo-selling-points .font-small {
    font-size: 2.5vw;
  }
  .overview-content .tapo-selling-points .desc-1 {
    top: 3vw;
    left: 4vw;
    width: 36vw;
  }
  .overview-content .tapo-selling-points .desc-2 {
    top: 3vw;
    left: 49vw;
    width: 36vw;
  }
  .overview-content .tapo-selling-points .desc-31 {
    top: 75vw;
    left: 4vw;
    width: 80vw;
  }
  .overview-content .tapo-selling-points .desc-32 {
    top: 83.5vw;
    left: 10vw;
    width: 18vw;
  }
  .overview-content .tapo-selling-points .desc-33 {
    top: 83.5vw;
    left: 67vw;
    width: 18vw;
  }
  .overview-content .tapo-selling-points .desc-34 {
    top: 97vw;
    left: 10vw;
    width: 18vw;
  }
  .overview-content .tapo-selling-points .desc-35 {
    top: 97vw;
    left: 67vw;
    width: 18vw;
  }
  .overview-content .tapo-selling-points .desc-4 {
    top: 117.5vw;
    left: 13vw;
    width: 14vw;
  }
  .overview-content .tapo-selling-points .desc-5 {
    top: 134vw;
    left: 13vw;
    width: 14vw;
  }
  .overview-content .tapo-selling-points .desc-6 {
    top: 132vw;
    left: 32vw;
    width: 14vw;
  }
  .overview-content .tapo-selling-points .desc-7 {
    top: 132vw;
    left: 51vw;
    width: 15vw;
  }
  .overview-content .tapo-selling-points .desc-8 {
    top: 132vw;
    left: 71vw;
    width: 15vw;
  }
}
@media(max-width:414px) {
  .overview-content .tapo-selling-points {
    font-size: 2.5vw
  }
}



.overview-content .remote-control-local-control-1 {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
}
.overview-content .remote-control-local-control-1 .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}
.overview-content .remote-control-local-control-1 h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}
.overview-content .remote-control-local-control-1 .text p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5
}
.overview-content .remote-control-local-control-1 .menu {
  padding: 2em 0;
  text-align: center;
}
.overview-content .remote-control-local-control-1 .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%;
}
.overview-content .remote-control-local-control-1 .menu li span {
  font-size: 1.75em;
  font-weight: 500;
  color: #9c9c9c;
  cursor: pointer
}
.overview-content .remote-control-local-control-1 .menu li.active span {
  color: #005eac;
  border-bottom: 2px solid currentColor
}
.overview-content .remote-control-local-control-1 .c0 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  height: 44.8125em;
  display: none;
  color: #fff
}
.overview-content .remote-control-local-control-1 .c0.active {
  display: block
}
.overview-content .remote-control-local-control-1 .c1 {
  background-image: url(./img/c-1.jpg)
}
.overview-content .remote-control-local-control-1 .c2 {
  background-image: url(./img/c-2.jpg)
}
.overview-content .remote-control-local-control-1 .c3 {
  background-image: url(./img/c-3.jpg)
}
.overview-content .remote-control-local-control-1 .c4 {
  background-image: url(./img/c-4.jpg)
}
.overview-content .remote-control-local-control-1 .box {
  background: rgba(0, 0, 0, 0.6);
  padding: 2em 3em;
  position: absolute;
}
.overview-content .remote-control-local-control-1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.overview-content .remote-control-local-control-1 .c1 .box {
  top: 12.5em;
  right: -1em;
  width: 37.5%;
  min-height: 17em;
}
.overview-content .remote-control-local-control-1 .c1 .desc {
  font-size: 1.25em;
  position: absolute;
  padding: 0.25em 0.75em;
  border-radius: 1em;
  background-color: #005eb0;
  color: #fff;
  font-weight: 500;
}
.overview-content .remote-control-local-control-1 .c1 .desc1 {
  right: 35em;
  top: 9em;
}
.overview-content .remote-control-local-control-1 .c1 .desc2 {
  right: 10em;
  top: 31em;
}
.overview-content .remote-control-local-control-1 .c2 .box {
  top: 13.75em;
  right: -2em;
  width: 37.5%;
}
.overview-content .remote-control-local-control-1 .c2 .desc {
  position: absolute;
  left: 50.8em;
  top: 6.25em;
  display: flex;
  align-items: center;
  padding: 0.5em 1em 1em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}
.overview-content .remote-control-local-control-1 .c2 .desc .c-icon {
  width: 3.5em;
  height: 1.75em;
  margin-top: 0.5em;
}
.overview-content .remote-control-local-control-1 .c2 .desc .content {
  width: 8em;
  margin-left: 1em;
}
.overview-content .remote-control-local-control-1 .c2 .desc .content .title {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
  color: #fff;
  padding: 0;
}
.overview-content .remote-control-local-control-1 .c2 .desc .content .time {
  font-size: 1.25em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  padding: 0;
}
.overview-content .remote-control-local-control-1 .c3 .box {
  top: 10.75em;
  right: -3.5em;
  width: 40%;
}
.overview-content .remote-control-local-control-1 .c3 .desc {
  position: absolute;
  left: 50.5em;
  top: 29.25em;
  display: flex;
  align-items: center;
  padding: 0.5em 1em 1em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}
.overview-content .remote-control-local-control-1 .c3 .desc .c-icon {
  width: 3.5em;
  height: 1.875em;
  margin-top: 0.5em;
}
.overview-content .remote-control-local-control-1 .c3 .desc .content {
  width: 20em;
  margin-left: 1em;
}
.overview-content .remote-control-local-control-1 .c3 .desc .content .title {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
  color: #fff;
  padding: 0;
}
.overview-content .remote-control-local-control-1 .c3 .desc .content .title .highlight {
  font-weight: 700;
}
.overview-content .remote-control-local-control-1 .c4 .box {
  top: 10.75em;
  left: 12.5em;
  width: 40%;
}
.overview-content .remote-control-local-control-1 .c4 .desc {
  position: absolute;
  display: flex;
  align-items: center;
  padding: 0.5em 1em 1em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}
.overview-content .remote-control-local-control-1 .c4 .desc .content {
  width: 5em;
  margin-left: 1em;
}
.overview-content .remote-control-local-control-1 .c4 .desc .content .title {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
  color: #fff;
  padding: 0;
}
.overview-content .remote-control-local-control-1 .c4 .desc2 .content {
  width: 4em;
  margin-left: 1em;
}
.overview-content .remote-control-local-control-1 .c4 .desc1 .c-icon {
  width: 3.5em;
  height: 1.75em;
  margin-top: 0.5em;
}
.overview-content .remote-control-local-control-1 .c4 .desc2 .c-icon {
  width: 3em;
  height: 1.5em;
  margin-top: 0.25em;
}
.overview-content .remote-control-local-control-1 .c4 .desc1 {
  right: 6em;
  top: 4.625em;
}
.overview-content .remote-control-local-control-1 .c4 .desc2 {
  right: -8.25em;
  top: 23.875em;
}
@media (max-width:1680px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 14px
  }
}
@media (max-width:1440px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 12px
  }
}
@media (max-width:736px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 10.35px
  }
  .overview-content .remote-control-local-control-1 .w-container {
    width: auto
  }
  .overview-content .remote-control-local-control-1 .text {
    padding: 0 0 1.5em;
    text-align: left
  }
  .overview-content .remote-control-local-control-1 h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }
  .overview-content .remote-control-local-control-1 .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }
  .overview-content .remote-control-local-control-1 .menu {
    display: none
  }
  .overview-content .remote-control-local-control-1 .box {
    position: relative;
    background: none;
    padding: 0
  }
  .overview-content .remote-control-local-control-1 .c0 {
    background: none;
    color: inherit;
    height: auto;
    display: block
  }
  .overview-content .remote-control-local-control-1 .c0 .bg {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
    position: relative;
    left: 0;
    top: 0;
  }
  .overview-content .remote-control-local-control-1 .c1 .box .desc {
    right: 33vw;
    bottom: 42vw;
    font-size: 3vw;
  }
  .overview-content .remote-control-local-control-1 .c {
    background: none;
  }
  .overview-content .remote-control-local-control-1 .c1 .bg {
    background-image: url(./m/c-1.jpg);
    padding-bottom: 64.75%;
  }
  .overview-content .remote-control-local-control-1 .c2 .bg {
    background-image: url(./m/c-2.jpg);
    padding-bottom: 66.09375%
  }
  .overview-content .remote-control-local-control-1 .c3 .bg {
    background-image: url(./m/c-3.jpg);
    padding-bottom: 65.125%;
    height: 0;
  }
  .overview-content .remote-control-local-control-1 .c4 .bg {
    background-image: url(./m/c-4.jpg);
    padding-bottom: 65.125%;
    height: 0;
  }
  .overview-content .remote-control-local-control-1 .c1 .box,
  .overview-content .remote-control-local-control-1 .c2 .box,
  .overview-content .remote-control-local-control-1 .c3 .box,
  .overview-content .remote-control-local-control-1 .c4 .box {
    width: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative
  }
  .overview-content .remote-control-local-control-1 .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }
  .overview-content .remote-control-local-control-1 .c1 .desc {
    font-size: 2.75vw;
    padding: 1vw 2vw;
  }
  .overview-content .remote-control-local-control-1 .c1 .desc1 {
    right: 35vw;
    top: 15vw;
  }
  .overview-content .remote-control-local-control-1 .c1 .desc2 {
    right: 13vw;
    top: 55vw;
  }
  .overview-content .remote-control-local-control-1 .c2 .desc {
    left: 48vw;
    top: 17vw;
  }
  .overview-content .remote-control-local-control-1 .c2 .desc .c-icon {
    width: 7vw;
    height: 4vw;
    margin-top: 1vw;
  }
  .overview-content .remote-control-local-control-1 .c2 .desc .content {
    width: 18vw;
    margin-left: 2vw;
  }
  .overview-content .remote-control-local-control-1 .c2 .desc .content .title {
    font-size: 2.75vw;
  }
  .overview-content .remote-control-local-control-1 .c2 .desc .content .time {
    font-size: 2.75vw;
  }
  .overview-content .remote-control-local-control-1 .c3 .desc {
    left: 48vw;
    top: 50vw;
    padding: 0.5em;
  }
  .overview-content .remote-control-local-control-1 .c3 .desc .c-icon {
    margin-top: 0vw;
    width: 7vw;
    height: 4vw;
  }
  .overview-content .remote-control-local-control-1 .c3 .desc .content {
    width: 38vw;
  }
  .overview-content .remote-control-local-control-1 .c3 .desc .content .title {
    font-size: 2.5vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc {
    padding: 0.5em 1em 1em;
    background: rgb(0, 0, 0, 0.5);
    border-radius: 10px;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc .content {
    width: 10vw;
    margin-left: 2vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc .content .title {
    font-size: 2.75vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc2 .content {
    width: 8vw;
    margin-left: 2vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc1 .c-icon {
    width: 7vw;
    height: 4vw;
    margin-top: 0vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc2 .c-icon {
    width: 6vw;
    height: 3vw;
    margin-top: 0vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc1 {
    right: 30vw;
    top: 3.2vw;
    padding: 2vw 2vw;
  }
  .overview-content .remote-control-local-control-1 .c4 .desc2 {
    right: 12.8vw;
    top: 30vw;
    padding: 2vw 2vw;
  }
}
@media (max-width:414px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 2.5vw
  }
}



.overview-content .auto-off {
  font-size: 16px;
  max-width: 120em;
  margin: 6.25em auto 0;
  background: url(./img/d.jpg) 50% 0% no-repeat;
  background-size: 120em;
  padding-bottom: 23em
}
.overview-content .auto-off .nowrap {
  white-space: nowrap;
}
.overview-content .auto-off .w-container {
  width: 85.375em;
  margin: 0 auto;
}
.overview-content .auto-off .text {
  text-align: left;
  padding: 17em 52em 0 0em;
}
.overview-content .auto-off h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}
.overview-content .auto-off p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: .5em
}
@media(max-width:1680px) {
  .overview-content .auto-off {
    font-size: 14px
  }
}
@media(max-width:1440px) {
  .overview-content .auto-off {
    font-size: 12px
  }
}
@media(max-width:736px) {
  .overview-content .auto-off {
    font-size: 10.35px;
    background: url(./m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 109%;
    position: relative;
    margin: 0 auto;
  }
  .overview-content .auto-off .w-container {
    width: auto
  }
  .overview-content .auto-off .text {
    padding: 0 0 1.5em;
    text-align: left
  }
  .overview-content .auto-off h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }
  .overview-content .auto-off p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }
}
@media(max-width:414px) {
  .overview-content .auto-off {
    font-size: 2.5vw
  }
}



.overview-content .smart-voice-control {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(./img/e.jpg) 50% 0% no-repeat;
  background-size: 120em;
  padding-bottom: 18em;
  position: relative;
}
.overview-content .smart-voice-control .nowrap {
  white-space: nowrap
}
.overview-content .smart-voice-control .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}
.overview-content .smart-voice-control .text {
  text-align: left;
  padding: 16em 7em 0 55.5em;
}
.overview-content .smart-voice-control h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}
.overview-content .smart-voice-control .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: .5em
}
.overview-content .smart-voice-control .desc {
  position: absolute;
  left: 22.5em;
  top: 37em;
  display: flex;
  padding: 1em 2em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}
.overview-content .smart-voice-control .desc img {
  width: 2.75em;
  height: 2.75em;
  margin-top: 0.5em;
}
.overview-content .smart-voice-control .desc .content {
  width: 15em;
  margin-left: 1em;
}
.overview-content .smart-voice-control .desc .content .title {
  font-size: 1.3125em;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  padding: 0;
}
.overview-content .smart-voice-control .desc .content .time {
  font-size: 1.5625em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  padding: 0;
}
@media(max-width:1680px) {
  .overview-content .smart-voice-control {
    font-size: 14px
  }
}
@media(max-width:1440px) {
  .overview-content .smart-voice-control {
    font-size: 12px
  }
}
@media(max-width:736px) {
  .overview-content .smart-voice-control {
    font-size: 10.35px;
    background: url(./m/e.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 108.90625%;
    position: relative
  }
  .overview-content .smart-voice-control .w-container {
    width: auto
  }
  .overview-content .smart-voice-control .text {
    padding: 0 0 1.5em;
    text-align: left
  }
  .overview-content .smart-voice-control h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }
  .overview-content .smart-voice-control .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }
  .overview-content .smart-voice-control .bg {
    position: relative;
    top: 0;
    left: 0;
  }
  .overview-content .smart-voice-control .desc img {
    width: 7.8vw;
    height: 7.8vw;
    margin-top: 1vw;
  }
  .overview-content .smart-voice-control .desc {
    left: 6vw;
    top: auto;
    bottom: -105vw;
    padding: 2vw 4vw 3vw;
  }
  .overview-content .smart-voice-control .desc .content .title {
    font-size: 2.75vw;
    padding: 0;
  }
  .overview-content .smart-voice-control .desc .content {
    width: 31vw;
  }
  .overview-content .smart-voice-control .desc .content .time {
    font-size: 4vw;
    padding: 0;
  }
}
@media(max-width:414px) {
  .overview-content .smart-voice-control {
    font-size: 2.5vw
  }
}



.overview-content .remote-control-local-control {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto
}
.overview-content .remote-control-local-control .menu {
  padding: 2em 0;
  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: 2em;
  font-weight: 500;
  color: #9c9c9c;
  cursor: pointer
}
.overview-content .remote-control-local-control .menu li.active span {
  color: #005eac;
  border-bottom: 2px solid currentColor
}
.overview-content .remote-control-local-control .c0 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  height: 51.875em;
  color: #fff
}
.overview-content .remote-control-local-control .c1 {
  background-image: url(./img/f-1.jpg)
}
.overview-content .remote-control-local-control .c2 {
  background-image: url(./img/f-2.jpg)
}
.overview-content .remote-control-local-control .c3 {
  background-image: url(./img/f-3.jpg)
}
.overview-content .remote-control-local-control h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .remote-control-local-control .text p {
  font-size: 1.25em;
  line-height: 1.5;
}
.overview-content .remote-control-local-control .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.overview-content .remote-control-local-control .box {
  border-radius: 0.5em;
  padding: 2em 3em;
  position: absolute
}
.overview-content .remote-control-local-control .c1 .box {
  top: 11.75em;
  right: 55em;
  width: 24%;
}
.overview-content .remote-control-local-control .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.overview-content .remote-control-local-control .c1 .desc {
  font-size: 1.125em;
  font-weight: 300;
  position: absolute;
  right: 19em;
  top: 7em;
  padding: 0.5em 1em;
  border-radius: 10px;
  background-color: rgb(93, 88, 87, 0.86);
  color: #fff;
}
.overview-content .remote-control-local-control .c1 .desc::after {
  content: '';
  position: absolute;
  right: 1em;
  border: 6px solid transparent;
  border-right: 6px solid rgb(93, 88, 87, 0.86);
  border-top: 6px solid rgb(93, 88, 87, 0.86);
  opacity: 1;
  bottom: -11px;
}
.overview-content .remote-control-local-control .c1 .text {
  color: #000;
}
.overview-content .remote-control-local-control .c2 .text {
  color: #fff;
}
.overview-content .remote-control-local-control .c2 .box {
  top: 12.25em;
  right: 3em;
  width: 43%;
}
.overview-content .remote-control-local-control .c2 ul {
  margin-top: 5em;
  margin-left: -2em;
}
.overview-content .remote-control-local-control .c2 li {
  display: inline-block;
  width: 7em
}
.overview-content .remote-control-local-control .c2 li>b {
  display: block;
  margin: 0 auto;
  width: 4.375em;
  height: 4.375em;
  background: url(./img/f-icons.png) 0 0 no-repeat;
  background-size: 17.5em
}
.overview-content .remote-control-local-control .c2 .c11>b {
  background-position: 0 0
}
.overview-content .remote-control-local-control .c2 .c12>b {
  background-position: 33.333% 0
}
.overview-content .remote-control-local-control .c2 .c13>b {
  background-position: 66.6667% 0
}
.overview-content .remote-control-local-control .c2 .c14>b {
  background-position: 100% 0
}
.overview-content .remote-control-local-control .c2 li>p {
  font-size: 1em;
  text-align: center
}
.overview-content .remote-control-local-control .c3 .box {
  top: 11.75em;
  right: 4em;
  width: 44%;
}
.overview-content .remote-control-local-control .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 120em;
  margin: 0 auto;
  position: relative;
}
.overview-content .remote-control-local-control .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.overview-content .remote-control-local-control .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
}
.overview-content .remote-control-local-control .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px
}
@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
  }
  .overview-content .remote-control-local-control .w-container {
    width: auto;
    position: relative;
  }
  .overview-content .remote-control-local-control .text {
    padding: 0 0 1.5em;
    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;
  }
  .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 .menu {
    display: none
  }
  .overview-content .remote-control-local-control .box {
    position: relative;
    padding: 0
  }
  .overview-content .remote-control-local-control .c0 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: auto;
    color: #000;
  }
  .overview-content .remote-control-local-control .c1 .box .desc {
    right: 33vw;
    bottom: 42vw;
    font-size: 3vw;
  }
  .overview-content .remote-control-local-control .c1 .desc {
    right: 20vw;
    top: 5vw;
  }
  .overview-content .remote-control-local-control .c1 {
    background-image: url(./m/f-1.jpg);
    padding-bottom: 73.34375%;
  }
  .overview-content .remote-control-local-control .c2 .text {
    color: #000;
  }
  .overview-content .remote-control-local-control .c2 {
    background-image: url(./m/f-2.jpg?v2);
    padding-bottom: 66.25%;
    position: relative;
  }
  .overview-content .remote-control-local-control .c3 {
    background-image: url(./m/f-3.jpg);
    padding-bottom: 64%;
  }
  .overview-content .remote-control-local-control .c1 .box,
  .overview-content .remote-control-local-control .c2 .box,
  .overview-content .remote-control-local-control .c3 .box {
    width: auto;
    top: auto;
    left: auto;
    right: auto;
  }
  .overview-content .remote-control-local-control .c2 ul {
    text-align: center;
    margin: 1em 0 0;
  }
  .overview-content .remote-control-local-control .c2 li {
    width: 24%;
  }
  .overview-content .remote-control-local-control .c2 ul p {
    padding: 0;
    font-size: 3.5vw;
    color: white;
    text-align: center;
    transform-origin: center;
  }
  .overview-content .remote-control-local-control .c2 li b {
    display: none;
  }
  .overview-content .remote-control-local-control .c2 .c11 {
    position: absolute;
    transform-origin: center;
    bottom: -90%;
    right: 30.7%;
  }
  .overview-content .remote-control-local-control .c2 .c12 {
    position: absolute;
    bottom: -90%;
    right: 12%;
  }
  .overview-content .remote-control-local-control .c2 .c13 {
    position: absolute;
    transform-origin: left;
    bottom: -125%;
    right: 30.7%;
  }
  .overview-content .remote-control-local-control .c2 .c14 {
    position: absolute;
    bottom: -125%;
    right: 12%;
  }
  
@media (max-width:414px) {
  .overview-content .remote-control-local-control {
    font-size: 2.5vw
  }
}



.overview-content .safety-first {
  font-size: 16px;
  max-width: 85em;
  margin: 6.25em auto 0;
  background: url(./img/g.jpg) 50% 0% no-repeat;
  background-size: 85em;
  height: 36.75em;
  position: relative;
}
.overview-content .safety-first .nowrap {
  white-space: nowrap;
}
.overview-content .safety-first .w-container {
  width: 85em;
  margin: 0 auto;
}
.overview-content .safety-first .text {
  text-align: left;
  padding: 6.875em 6em 0em 54em;
}
.overview-content .safety-first h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}
.overview-content .safety-first p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: .5em
}
.overview-content .safety-first .ul-icons {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
.overview-content .safety-first .ul-icons li {
  width: 100%;
}
.overview-content .safety-first .ul-icons li .icon {
  display: block;
  width: 3em;
  height: 3em;
  margin: 0 auto;
}
.overview-content .safety-first .ul-icons li .icon-txt {
  font-size: .75em;
  padding: 0.75em 0 0;
  text-align: center;
}
.overview-content .safety-first .desc {
  position: absolute;
  line-height: normal;
  text-align: left;
}
.overview-content .safety-first .desc p.title {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  color: #005eac;
  padding: 0 0 0.25em;
}
.overview-content .safety-first .desc p.info {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  padding: 0;
}
.overview-content .safety-first .desc::before {
  content: '';
  position: absolute;
  top: 0%;
  left: -2.75em;
  width: 1.875em;
  height: 2.5em;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
}
.overview-content .safety-first .desc-1 {
  bottom: 68%;
  left: 5.875%;
  width: 14.5%;
}
.overview-content .safety-first .desc-1::before {
  background-image: url(./img/g-icon-1.png);
}
.overview-content .safety-first .desc-2 {
  bottom: 68%;
  left: 45.2%;
  width: 12%;
}
.overview-content .safety-first .desc-2::before {
  background-image: url(./img/g-icon-2.png);
}
.overview-content .safety-first .desc-3 {
  bottom: 26%;
  left: 5.875%;
  width: 13.5%;
}
.overview-content .safety-first .desc-3::before {
  background-image: url(./img/g-icon-3.png);
}
.overview-content .safety-first .desc-4 {
  bottom: 26%;
  left: 45.2%;
  width: 12%;
}
.overview-content .safety-first .desc-4::before {
  background-image: url(./img/g-icon-4.png);
}
@media(max-width:1680px) {
  .overview-content .safety-first {
    font-size: 14px
  }
}
@media(max-width:1440px) {
  .overview-content .safety-first {
    font-size: 12px
  }
}
@media(max-width:736px) {
  .overview-content .safety-first {
    font-size: 10.35px;
    background: url(./m/g.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
    padding-bottom: 83.5625%;
    position: relative;
    margin: 0 auto;
  }
  .overview-content .safety-first .w-container {
    width: auto
  }
  .overview-content .safety-first .text {
    padding: 0 0 1.5em;
    text-align: left
  }
  .overview-content .safety-first h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }
  .overview-content .safety-first p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }
  .overview-content .safety-first .bg-text {
    position: relative;
  }
  .overview-content .safety-first .ul-icons {
    width: 80vw;
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    position: absolute;
    left: 10vw;
    bottom: 5vw;
  }
  .overview-content .safety-first .ul-icons li {
    width: 47%;
  }
  .overview-content .safety-first .ul-icons li .icon {
    width: 8vw;
    height: 8vw;
  }
  .overview-content .safety-first .ul-icons li .icon-txt {
    padding: 1vw 0 0;
    text-align: center;
  }
  .overview-content .safety-first .ul-icons li p.icon-info {
    font-size: 3.25vw;
    padding: 0;
  }
  .overview-content .safety-first .desc p.title {
    font-size: 2.5vw;
    padding: 0 0 0.25em;
  }
  .overview-content .safety-first .desc p.info {
    font-size: 2.5vw;
    padding: 0;
    display: none;
  }
  .overview-content .safety-first .desc::before {
    content: '';
    position: absolute;
    top: 0%;
    left: -6vw;
    width: 4vw;
    height: 5.25vw;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .overview-content .safety-first .desc-1 {
    bottom: -17vw;
    left: 14vw;
    width: 14vw;
  }
  .overview-content .safety-first .desc-2 {
    bottom: -17vw;
    left: 79vw;
    width: 13vw;
  }
  .overview-content .safety-first .desc-3 {
    bottom: -46vw;
    left: 14vw;
    width: 13vw;
  }
  .overview-content .safety-first .desc-4 {
    bottom: -47vw;
    left: 79vw;
    width: 13vw;
  }
}
@media(max-width:414px) {
  .overview-content .safety-first {
    font-size: 2.5vw
  }
}



.overview-content .group-scenes {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding: 7em 0 0;
}
.overview-content .group-scenes .w-container {
  width: 101.7em;
  margin: 0 auto;
  max-width: 95%;
}
.overview-content .group-scenes .text {
  text-align: center;
}
.overview-content .group-scenes .feature ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.overview-content .group-scenes .feature li {
  width: 24%;
  text-align: center;
  border-radius: 0.5em;
  box-sizing: border-box;
  margin: 0 0 6em;
}
.overview-content .group-scenes .feature li img {
  width: 100%;
}
.overview-content .group-scenes .feature .li-2 {
  position: relative;
}
.overview-content .group-scenes .feature ul h2 {
  font-size: 1.875em;
  line-height: 1.2;
  font-weight: 400;
  padding: 1em 0 0.7em;
}
.overview-content .group-scenes .feature ul p {
  padding: 0;
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}
.overview-content .group-scenes .feature ul .img-container {
  position: relative;
}
.overview-content .group-scenes .feature ul .desc {
  position: absolute;
}
.overview-content .group-scenes .feature ul .li-1 .desc {
  top: 88.5%;
  width: 20%;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
}
.overview-content .group-scenes .feature ul .li-1 .desc1 {
  left: 10%;
}
.overview-content .group-scenes .feature ul .li-1 .desc2 {
  left: 41.5%;
}
.overview-content .group-scenes .feature ul .li-1 .desc3 {
  left: 69%;
}
.overview-content .group-scenes .feature ul .li-4 .desc {
  width: 20%;
  font-size: 1em;
  font-weight: 300;
  line-height: 1;
  color: #767676;
}
.overview-content .group-scenes .feature ul .li-4 .desc1 {
  left: 68%;
  top: 77%;
  transform: rotateZ(-5deg);
}
.overview-content .group-scenes .feature ul .li-4 .desc2 {
  left: 82.5%;
  top: 47%;
  transform: rotateZ(89deg);
}
@media (max-width: 1680px) {
  .overview-content .group-scenes {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .group-scenes {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .group-scenes {
    font-size: 10.35px;
    background-size: 100%;
    padding: 0 0 4em;
  }
  .overview-content .group-scenes .w-container {
    width: auto;
    max-width: 100%;
  }
  .overview-content .group-scenes .text {
    text-align: left;
  }
  .overview-content .group-scenes .feature ul {
    padding: 0;
    flex-wrap: wrap;
    margin: 0 20px;
  }
  .overview-content .group-scenes .feature li {
    width: 100%;
    display: flex;
    margin: 0;
    flex-direction: column-reverse;
  }
  .overview-content .group-scenes .feature .li-2 .desc {
    top: 69%;
    left: 3%;
    font-size: 2.5vw;
  }
  .overview-content .group-scenes .feature .text-container{
    padding: 0 0 1.5em;
  }
  .overview-content .group-scenes .feature ul h2 {
    text-align: left;
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 0 0.5em;
    font-weight: 400;
  }
  .overview-content .group-scenes .feature ul p {
    font-size: 1.75em;
    padding: 0;
    text-align: left;
    width: auto;
  }
  .overview-content .group-scenes .feature ul .li-1 .desc {
    font-size: 3vw;
  }
  .overview-content .group-scenes .feature ul .li-2 .desc {
    font-size: 3vw;
  }
  .overview-content .group-scenes .feature ul .li-4 .desc {
    font-size: 2.5vw;
  }
}
@media (max-width: 414px) {
  .overview-content .group-scenes {
    font-size: 2.5vw;
  }
}



.overview-content .dedicated-tapo-app {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  height: auto;
  background-color: #efefef;
  padding: 4em 0 8em
}
.overview-content .dedicated-tapo-app .w-container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 85.375em;
}
.overview-content .dedicated-tapo-app .text {
  padding: 0;
  text-align: center;
}
.overview-content .dedicated-tapo-app .text .desc {
  padding: 0 13em;
}
.overview-content .dedicated-tapo-app .text .box {
  background: url(./img/i.png) 50% 100% no-repeat;
  background-size: 62.6875em;
  width: 62.6875em;
  margin: 2em auto 0;
  position: relative;
  height: 0;
  padding-bottom: 21.75em;
}
.overview-content .dedicated-tapo-app .text .box p {
  position: absolute;
  color: #313d3e;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
  width: 37%;
  bottom: -12%;
  text-align: center;
}
.overview-content .dedicated-tapo-app .text .box .p1 {
  left: -11%;
}
.overview-content .dedicated-tapo-app .text .box .p2 {
  left: 34%;
}
.overview-content .dedicated-tapo-app .text .box .p3 {
  left: 76%;
}
.overview-content .dedicated-tapo-app h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}
.overview-content .dedicated-tapo-app .text p {
  font-size: 1.375em;
  line-height: 1.5;
}
@media (max-width:1680px) {
  .overview-content .dedicated-tapo-app {
    font-size: 14px;
  }
}
@media (max-width:1440px) {
  .overview-content .dedicated-tapo-app {
    font-size: 12px;
  }
}
@media (max-width:1024px) {
  .overview-content .dedicated-tapo-app {
    font-size: 10px;
  }
}
@media (max-width:736px) {
  .overview-content .dedicated-tapo-app {
    font-size: 10.35px;
    padding: 0 0 8em
  }
  .overview-content .dedicated-tapo-app .text .desc {
    padding: 0 20px;
  }
  .overview-content .dedicated-tapo-app .w-container {
    width: auto;
    max-width: 100%;
  }
  .overview-content .dedicated-tapo-app .text {
    padding: 0;
    text-align: left;
  }
  .overview-content .dedicated-tapo-app h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .dedicated-tapo-app .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }
  .overview-content .dedicated-tapo-app .text .box {
    background: url(./m/i.png) center/40% no-repeat;
    padding-bottom: 240vw;
    width: 100%;
    margin: 0
  }
  .overview-content .dedicated-tapo-app .text .box p {
    width: 100%;
    font-size: 2em;
    padding: 0
  }
  .overview-content .dedicated-tapo-app .text .box .p1 {
    left: 0;
    bottom: 157vw
  }
  .overview-content .dedicated-tapo-app .text .box .p1:before {
    content: '1';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 0.5em;
    padding: 0.5vw 2vw;
  }
  .overview-content .dedicated-tapo-app .text .box .p2:before {
    content: '2';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 0.5em;
    padding: 0.5vw 2vw;
  }
  .overview-content .dedicated-tapo-app .text .box .p3:before {
    content: '3';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 0.5em;
    padding: 0.5vw 2vw;
  }
  .overview-content .dedicated-tapo-app .text .box .p2 {
    left: 0;
    bottom: 87vw
  }
  .overview-content .dedicated-tapo-app .text .box .p3 {
    left: 0%;
    bottom: -4vw;
  }
}
@media (max-width:414px) {
  .overview-content .dedicated-tapo-app {
    font-size: 2.5vw;
  }
}