.overview-content .no-wrap {
  white-space: nowrap
}

.overview-content .me47be_banner {
  font-size: 16px;
  position: relative;
  background: url(./img/a.jpg?20231114) 50% 0 no-repeat;
  background-size: 120em;
  height: 56.25em;
  max-width: 120em;
  margin: 0 auto
}

.overview-content .me47be_banner .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .me47be_banner .w-container .text {
  color: #fff;
  text-align: left;
  padding: 4em 26em 0 0;
}

.overview-content .me47be_banner h2 {
  font-size: 3.4375em;
  font-weight: 500;
  line-height: 1.2;
  color: #4f5560;
  padding-bottom: 0.25em;
}

.overview-content .me47be_banner h3 {
  font-size: 1.875em;
  color: #4f5560;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 0.75em;
  display: inline-block;
}

.overview-content .me47be_banner h3 .heaver {
  font-weight: 500;
}

.overview-content .me47be_banner .model-type {
  padding: .5em 0;
  font-size: 1.75em;
  line-height: 1.5
}

.overview-content .me47be_banner .text .model {
  font-size: 1.875em;
  display: inline-block;
  border-radius: 0.25em;
  line-height: 1.2;
  padding: 0.25em 0.5em;
  background: #c40000;
}

.overview-content .me47be_banner .feature-wrap {
  margin-top: 1.5em;
}

.overview-content .me47be_banner .feature-wrap img {
  width: 23em;
}

.overview-content .me47be_banner .text-container {
  display: inline-block;
}

.overview-content .me47be_banner .wifi7 {
  width: 15.875em;
  position: absolute;
  right: -7em;
  top: 3em;
}

@media(max-width:1680px) {
  .overview-content .me47be_banner {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .me47be_banner {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .me47be_banner {
    font-size: 10.35px;
    background: url(./m/a.jpg?20231114) 50% 0 no-repeat;
    background-size: 100%;
    height: 139.25vw;
  }

  .overview-content .me47be_banner .w-container {
    width: auto
  }

  .overview-content .me47be_banner .w-container .text {
    padding: 5em 3em;
  }

  .overview-content .me47be_banner h2 {
    font-size: 6.25vw;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
  }

  .overview-content .me47be_banner h3 {
    font-size: 3.75vw;
    line-height: 1.2;
    padding: 0 20px 16px;
    text-align: center;
  }

  .overview-content .me47be_banner .model-type {
    font-weight: 400;
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px .5em
  }

  .overview-content .me47be_banner .text .model {
    font-size: 1.25em;
    line-height: 1.42857;
    font-weight: 400;
    margin: 0 20px;
    padding: 0.25em 0.75em;
    border-radius: 0.75em;
    line-height: 2em;
  }

  .overview-content .me47be_banner .box {
    text-align: center;
  }

  .overview-content .me47be_banner .text-container {
    vertical-align: middle;
  }

  .overview-content .me47be_banner .wifi7 {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    height: 3em;
    vertical-align: middle;
    margin-top: -1em;
  }

  .overview-content .me47be_banner .feature-wrap {
    text-align: center;
    /* padding: 0 20px; */
    margin-top: 3em;
  }

  .overview-content .me47be_banner .feature-wrap img {
    width: 51vw;
  }
}

@media(max-width:414px) {
  .overview-content .me47be_banner {
    font-size: 2.5vw
  }
}


.overview-content .archer-selling-point {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}

.overview-content .archer-selling-point .w-container {
  width: 86.25em;
  margin: 0 auto
}

.overview-content .archer-selling-point .text {
  padding: 5em 0;
}

.overview-content .archer-selling-point .box {
  height: 0;
  padding-top: 48%;
  background: url(./img/b.png?20231114) 50% 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.overview-content .archer-selling-point .box a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: inherit;
  text-decoration: none;
}

.overview-content .archer-selling-point .desc {
  position: absolute;
  line-height: 1.3;
  text-align: left
}

.overview-content .archer-selling-point .desc1 {
  top: 0;
  left: 0;
  width: 49.5%;
  height: 48%;
}

.overview-content .archer-selling-point .desc2 {
  top: 0;
  left: 50.2%;
  width: 24.5%;
  height: 33.8%;
}

.overview-content .archer-selling-point .desc3 {
  top: 0%;
  left: 75.7%;
  width: 24.5%;
  height: 34%;
}

.overview-content .archer-selling-point .desc4 {
  top: 48%;
  left: 0.2%;
  width: 49.5%;
  height: 52%;
}

.overview-content .archer-selling-point .desc5 {
  top: 36%;
  left: 50.4%;
  width: 49.5%;
  height: 32.2%;
}

.overview-content .archer-selling-point .desc6 {
  top: 69%;
  left: 50.2%;
  width: 12%;
  height: 30.6%;
}

.overview-content .archer-selling-point .desc7 {
  top: 69%;
  left: 63.2%;
  width: 12%;
  height: 30.6%;
}

.overview-content .archer-selling-point .desc8 {
  top: 69%;
  left: 75.2%;
  width: 12%;
  height: 30.6%;
}

.overview-content .archer-selling-point .desc9 {
  top: 69%;
  left: 88.2%;
  width: 12%;
  height: 30.6%;
}




.overview-content .archer-selling-point .b {
  padding: 1em 2em;
  display: block;
}



.overview-content .archer-selling-point .b10 {
  font-size: 1.625em;
  line-height: 1.2;
  font-weight: 700;
  color: #000;
  display: block;
}



.overview-content .archer-selling-point .b20 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
  display: block;
}

.overview-content .archer-selling-point .b21 {
  font-size: 2.375em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
  color: #1790ff;
}

.overview-content .archer-selling-point .b30 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
  display: block;
}

.overview-content .archer-selling-point .b40 {
  font-size: 1.625em;
  line-height: 1.2;
  font-weight: 700;
  color: #000;
  display: block;
}



.overview-content .archer-selling-point .b50 {
  font-size: 1.625em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}

.overview-content .archer-selling-point .b60 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
  color: #000;
  display: block;
  padding-bottom: 0.25em;
}



.overview-content .archer-selling-point .b70 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
  display: block;
  padding-bottom: 0.5em;
}



.overview-content .archer-selling-point .b80 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
  display: block;
}

.overview-content .archer-selling-point .b90 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
  display: block;
  padding-bottom: 0.5em;
}


.overview-content .archer-selling-point .desc2 .b {

  padding: 5.5em 2em 2em 2em;

  text-align: center;
}

.overview-content .archer-selling-point .desc3 .b {

  padding: 2em 5em 2em 2em;
}

.overview-content .archer-selling-point .desc5 .b {

  padding: 4em 2em 2em 23em;
}


.overview-content .archer-selling-point .desc6 .b {
  padding: 2em 1em 0em 1em;
  text-align: center;
}

.overview-content .archer-selling-point .desc7 .b {
  padding: 2em 1em 0em 1em;
  text-align: center;
}

.overview-content .archer-selling-point .desc8 .b {
  padding: 2em 1em 0em 1em;
  text-align: center;
}


.overview-content .archer-selling-point .desc9 .b {
  padding: 2em 1em 0em 1em;
  text-align: center;
}


.overview-content .archer-selling-point .no-wrap {
  white-space: nowrap
}


@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) {
  .overview-content .archer-selling-point {
    font-size: 10.35px;
    padding: 0;

  }

  .overview-content .archer-selling-point .w-container {
    width: auto;
  }

  .overview-content .archer-selling-point .text {
    padding: 5em 0 2em;
  }

  .overview-content .archer-selling-point .box {
    background: url(./m/b.jpg?20231114) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 169.9375%;
  }

  .overview-content .archer-selling-point .desc1 {
    top: 0vw;
    left: 7vw;
    width: 85.4%;
    height: 22.5%;
  }

  .overview-content .archer-selling-point .desc2 {
    top: 85vw;
    left: 7vw;
    width: 41.4%;
    height: 17%;
  }

  .overview-content .archer-selling-point .desc3 {
    top: 85vw;
    left: 51vw;
    width: 41.4%;
    height: 17%;
  }

  .overview-content .archer-selling-point .desc4 {
    top: 40vw;
    left: 7vw;
    width: 85.4%;
    height: 26%;
  }

  .overview-content .archer-selling-point .desc5 {
    top: 115vw;
    left: 6vw;
    width: 86.9%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc6 {
    top: 144vw;
    left: 7vw;
    width: 20.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc7 {
    top: 144vw;
    left: 28vw;
    width: 21.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc8 {
    top: 144vw;
    left: 50.5vw;
    width: 20.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc9 {
    top: 144vw;
    left: 72vw;
    width: 20.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc10 {
    top: 130vw;
    left: 64vw;
    width: 30.4%;
    height: 11%;
  }

  .overview-content .archer-selling-point .b {
    padding: 1em 0 0 1.5em;
  }

  .overview-content .archer-selling-point .desc7 .b {
    padding: 4vw 2vw 0;
  }

  .overview-content .archer-selling-point .desc2 .b {
    padding: 10vw 1em 0;
  }

  .overview-content .archer-selling-point .desc3 .b {
    padding: 1em 6em 0 1em;
  }

  .overview-content .archer-selling-point .desc5 .b {
    padding: 7vw 3vw 0 44vw;
  }

  .overview-content .archer-selling-point .desc6 .b {
    padding: 4vw 1vw 0;
  }

  .overview-content .archer-selling-point .desc4 .b {
    padding: 1em 2em 0 1em;
  }

  .overview-content .archer-selling-point .desc8 .b {
    padding: 4vw 1vw 0;
  }

  .overview-content .archer-selling-point .desc9 .b {
    padding: 4vw 1vw 0;
  }

  .overview-content .archer-selling-point .b51 {
    font-size: 7vw;
  }

  .overview-content .archer-selling-point .b21 {
    font-size: 5vw;
  }

  .overview-content .archer-selling-point .b10 {
    font-size: 4vw;
  }

  .overview-content .archer-selling-point .b11 {
    font-size: 5.5vw;
  }

  .overview-content .archer-selling-point .b20 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b30 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b40 {
    font-size: 4vw;
  }

  .overview-content .archer-selling-point .b40 br {
    display: none;
  }

  .overview-content .archer-selling-point .b40 sup {
    font-size: 2vw;
  }

  .overview-content .archer-selling-point .b50 {
    font-size: 4vw;
  }

  .overview-content .archer-selling-point .b60 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b61 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b70 {
    font-size: 2.5vw;
  }

  .overview-content .archer-selling-point .b71 {
    font-size: 6vw;
  }

  .overview-content .archer-selling-point .b80,
  .overview-content .archer-selling-point .b90,
  .overview-content .archer-selling-point .b100 {
    font-size: 3vw;
  }


}

@media (max-width:414px) {
  .overview-content .archer-selling-point {
    font-size: 2.5vw
  }
}


.overview-content .level-up-speed {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 58.75em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/c.jpg?20231114);
  color: #fff;
}

.overview-content .level-up-speed .w-container {
  width: 87.25em;
  margin: 0 auto;
  position: relative;
}

.overview-content .level-up-speed .text {
  padding: 5em 1em 0;
  text-align: center;
  color: #000;
}

.overview-content .level-up-speed h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 5em 0.5em;
}

.overview-content .level-up-speed p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .level-up-speed .desc-text {
  position: absolute;
  left: 4em;
  right: 0;
  top: 26em;
  text-align: left;
}

.overview-content .level-up-speed .desc-text .bar3 {
  width: 57.6875em;
}

.overview-content .level-up-speed .desc-text .bar2 {
  width: 33.25em;
}

.overview-content .level-up-speed .desc-text .bar1 {
  width: 11.3125em;
}

.overview-content .level-up-speed .desc-text .title {
  width: 4em;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
}

.overview-content .level-up-speed .desc-text .desc {
  margin-bottom: 2em;
}

.overview-content .level-up-speed .desc-text .desc1 .speed {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-left: 2em;
}

.overview-content .level-up-speed .desc-text .desc1 .speed .number {
  font-size: 2em;
  font-weight: 700;
}

.overview-content .level-up-speed .desc-text .desc2 .speed {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-left: 2em;
}

.overview-content .level-up-speed .desc-text .desc2 .speed .number {
  font-size: 1.4em;
  font-weight: 700;
}

.overview-content .level-up-speed .desc-text .desc3 .speed {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  margin-left: 2em;
}

.overview-content .level-up-speed .desc-text .desc3 .speed .number {
  font-size: 1.4em;
  font-weight: 700;
}

@media (max-width:1680px) {
  .overview-content .level-up-speed {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .level-up-speed {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .overview-content .level-up-speed {
    font-size: 10.35px;
    background-size: 100%;
    background-image: url(./m/c.jpg?20231114);
    background-position: 50% 100%;
    height: auto;
    padding-bottom: 61.5625%;
  }

  .overview-content .level-up-speed .m-hide {
    display: none;
  }

  .overview-content .level-up-speed .w-container {
    width: auto;
  }

  .overview-content .level-up-speed .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .level-up-speed h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .level-up-speed p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .level-up-speed .desc-text {
    bottom: -18em;
    /* bottom: 0; */
    top: auto;
    left: 0;
    right: 0;
    margin: 0 20px;
    font-size: 1.5vw;
  }

  .overview-content .level-up-speed .desc-text .bar3 {
    width: 62.2vw;
  }

  .overview-content .level-up-speed .desc-text .bar2 {
    width: 32vw;
  }

  .overview-content .level-up-speed .desc-text .bar1 {
    width: 16vw;
  }

  .overview-content .level-up-speed .desc-text .desc1 .speed {
    margin-left: 1vw;
    font-size: 2.5vw;
  }

  .overview-content .level-up-speed .desc-text .desc2 .speed {
    margin-left: 1vw;
    font-size: 2.5vw;
  }

  .overview-content .level-up-speed .desc-text .desc3 .speed {
    margin-left: 1vw;
    font-size: 2.5vw;
  }

  .overview-content .level-up-speed .desc-text .desc1 .speed .number {
    font-size: 3.5vw;
  }

  .overview-content .level-up-speed .desc-text .title {
    font-size: 2.5vw;
  }
}

@media (max-width:414px) {
  .overview-content .level-up-speed {
    font-size: 2.5vw;
  }
}


.overview-content .archer-wifi7-network {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  background: #f9fafd url(./img/d.jpg?20231114) bottom/120em auto no-repeat;
  padding-bottom: 44.5em;
  position: relative;
}

.overview-content .archer-wifi7-network .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .archer-wifi7-network .text {
  padding: 5em 5em 0;
  text-align: center
}

.overview-content .archer-wifi7-network .text h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .archer-wifi7-network .text h3 {
  font-size: 1.75em;
  padding-bottom: .5em;
}

.overview-content .archer-wifi7-network .text p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .archer-wifi7-network .text p.link {
  margin-top: 1em;
}

.overview-content .archer-wifi7-network .text p.link a {
  color: #3568a2;
}

.overview-content .archer-wifi7-network ul {
  position: absolute;
  bottom: 5em;
  left: 50%;
  transform: translateX(-50%);
  width: 64em;
  text-align: center;
}

.overview-content .archer-wifi7-network ul li {
  display: inline-block;
  width: 33%;
  text-align: left;
  margin-top: 2em;
}

.overview-content .archer-wifi7-network ul li .img {
  width: 5em;
  height: 5em;
  background-image: url(./img/d-icons.png?20231114);
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}

.overview-content .archer-wifi7-network ul li .info {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25em;
  font-weight: 400;
  width: 60%;
  padding-left: 1em;
  color: #5d738f;
}

.overview-content .archer-wifi7-network ul .li-1 .img {
  background-position: 0 0;
}

.overview-content .archer-wifi7-network ul .li-2 .img {
  background-position: 20% 0;
}

.overview-content .archer-wifi7-network ul .li-3 .img {
  background-position: 40% 0;
}

.overview-content .archer-wifi7-network ul .li-4 .img {
  background-position: 60% 0;
}

.overview-content .archer-wifi7-network ul .li-5 .img {
  background-position: 80% 0;
}

.overview-content .archer-wifi7-network ul .li-6 .img {
  background-position: 100% 0;
}

@media (max-width: 1680px) {
  .overview-content .archer-wifi7-network {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .archer-wifi7-network {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .archer-wifi7-network {
    font-size: 10.35px;
    height: auto;
    background: #fcfdfe url(./m/d.jpg?20231114) bottom/100% auto no-repeat;
    padding-bottom: 105vw;
  }

  .overview-content .archer-wifi7-network .w-container {
    width: auto;
  }

  .overview-content .archer-wifi7-network .text {
    text-align: left;
    padding: 0 0 1.5em;
  }

  .overview-content .archer-wifi7-network h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .archer-wifi7-network .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .archer-wifi7-network ul {
    transform: none;
    width: auto;
    text-align: left;
    left: 20px;
    right: 20px;
    bottom: 25vw;
  }

  .overview-content .archer-wifi7-network ul li {
    width: 49%;
    color: #667b96;
  }

  .overview-content .archer-wifi7-network ul li .info {
    width: 68%;
  }

  .overview-content .archer-wifi7-network ul li .img {
    width: 10vw;
    height: 10vw;
  }
}

@media (max-width: 414px) {
  .overview-content .archer-wifi7-network {
    font-size: 2.5vw;
  }
}



.overview-content .build-mesh-network {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 45.25em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(./img/e.jpg?20231114);
  color: #fff;
}

.overview-content .build-mesh-network .w-container {
  width: 87.25em;
  margin: 0 auto;
  position: relative;
}

.overview-content .build-mesh-network .text {
  padding: 5em 3em 0;
  text-align: center;
  color: #000;
}

.overview-content .build-mesh-network h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 4em 0.5em;
}

.overview-content .build-mesh-network p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .build-mesh-network .bg {
  position: absolute;
  left: 0;
  right: 0;
  color: #000;
}

.overview-content .build-mesh-network .bg .desc {
  right: 2em;
  position: absolute;
  top: 3em;
  text-align: center;
}

.overview-content .build-mesh-network .bg .desc .desc1 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .build-mesh-network .bg .desc .desc2 {
  font-size: 3.75em;
  font-weight: 700;
  line-height: 1.2;
  color: #4daeff;
}

@media (max-width:1680px) {
  .overview-content .build-mesh-network {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .build-mesh-network {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .build-mesh-network {
    font-size: 10.35px;
    height: auto;
    background: url(./m/e.jpg?20231114) bottom/100% auto no-repeat;
    padding-bottom: 64vw;
  }

  .overview-content .build-mesh-network .w-container {
    width: auto;
  }

  .overview-content .build-mesh-network .text {
    text-align: left;
    padding: 0 0 1.5em;
  }

  .overview-content .build-mesh-network h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .build-mesh-network p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .build-mesh-network .bg {
    position: relative;
  }

  .overview-content .build-mesh-network .bg .desc {
    right: 2vw;
    top: 5vw;
    opacity: 0.5;
  }

  .overview-content .build-mesh-network .bg .desc .desc1 {
    font-size: 3vw;
  }

  .overview-content .build-mesh-network .bg .desc .desc2 {
    font-size: 5vw;
  }
}

@media (max-width: 414px) {
  .overview-content .build-mesh-network {
    font-size: 2.5vw;
  }
}

.overview-content .true-seamless-romaing {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}

.overview-content .true-seamless-romaing .w-container {
  width: 87.25em;
  margin: 0 auto;
  position: relative;
}

.overview-content .true-seamless-romaing .text {
  padding: 5em 3em 0;
  text-align: center;
  color: #000;
}

.overview-content .true-seamless-romaing h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .true-seamless-romaing p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .true-seamless-romaing ul {
  display: flex;
  align-items: center;
  width: 88%;
  justify-content: space-between;
  margin: 0 auto;
}

.overview-content .true-seamless-romaing ul li video {
  width: 100%;
  vertical-align: middle;
  display: block;
}

.overview-content .true-seamless-romaing li {
  display: inline-block;
}

.overview-content .true-seamless-romaing .li-1 {
  width: 33%;
}

.overview-content .true-seamless-romaing .li-2 {
  width: 53%;
  vertical-align: middle;
}

.overview-content .true-seamless-romaing .video-2 {
  margin-top: -2em;
}

@media (max-width:1680px) {
  .overview-content .true-seamless-romaing {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .true-seamless-romaing {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .true-seamless-romaing {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .true-seamless-romaing .w-container {
    width: auto;
  }

  .overview-content .true-seamless-romaing .text {
    text-align: left;
    padding: 0 0 1.5em;
  }

  .overview-content .true-seamless-romaing h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .true-seamless-romaing p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .true-seamless-romaing ul {
    display: block;
    width: 90%;

  }

  .overview-content .true-seamless-romaing .li-1 {
    width: 100%;
  }

  .overview-content .true-seamless-romaing .li-2 {
    width: 100%;
  }
}

@media (max-width: 414px) {
  .overview-content .true-seamless-romaing {
    font-size: 2.5vw;
  }
}

.overview-content .turn-lights-on-automatically {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(./img/f.jpg?20231114) 50% 100% no-repeat;
  background-size: 120em;
  height: 55.375em;
}

.overview-content .turn-lights-on-automatically .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .turn-lights-on-automatically .text {
  text-align: left;
  padding: 9em 0 0 52em;
}

.overview-content .turn-lights-on-automatically h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .turn-lights-on-automatically p {
  font-size: 1.25em;
  line-height: 1.5;

}

.overview-content .turn-lights-on-automatically p.title {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  padding-bottom: 0.5em;
}

.overview-content .turn-lights-on-automatically .f-icon-1 {

  height: 2.5em;
}

.overview-content .turn-lights-on-automatically .f-icon-2 {
  height: 2.5em;
}

.overview-content .turn-lights-on-automatically ul {
  padding: 1em;
  display: flex;
  background: #fafaf9;
  margin-top: 2em;
  border-radius: 1em;
  width: 34em;
}

.overview-content .turn-lights-on-automatically ul .img-container {
  position: relative;
}

.overview-content .turn-lights-on-automatically ul .desc {
  font-size: 0.75em;
  width: 4.5em;
  line-height: 1.2;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.overview-content .turn-lights-on-automatically ul .desc1 {
  margin-left: 9.5em;
}



.overview-content .turn-lights-on-automatically ul .li-2 {
  margin-left: 2em;
}

@media(max-width:1680px) {
  .overview-content .turn-lights-on-automatically {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .turn-lights-on-automatically {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .turn-lights-on-automatically {
    font-size: 10.35px;
    background: url(./m/f.jpg?20231114) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
    padding-bottom: 133%;
    position: relative
  }

  .overview-content .turn-lights-on-automatically .w-container {
    width: auto
  }

  .overview-content .turn-lights-on-automatically .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .turn-lights-on-automatically h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .turn-lights-on-automatically p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px
  }

  .overview-content .smart-action-wrap {
    position: relative;
    /* text-align: center; */
  }

  .overview-content .turn-lights-on-automatically ul {
    position: absolute;
    top: 6vw;
    width: 83%;
    /* text-align: center; */
    margin: 0 2em;
  }

  .overview-content .turn-lights-on-automatically p.title {
    padding: 0 0 1em;
  }

}

@media(max-width:414px) {
  .overview-content .turn-lights-on-automatically {
    font-size: 2.5vw
  }
}


.overview-content .setup_in_few_steps {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding: 5em 0;
  background: #f7f7f7;
}

.overview-content .setup_in_few_steps .no-wrap {
  white-space: nowrap
}

.overview-content .setup_in_few_steps .w-container {
  width: 94em;
  margin: 0 auto
}

.overview-content .setup_in_few_steps .w-container .ul-step {
  border-radius: 1.5em;
  padding: 4em 2em;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

.overview-content .setup_in_few_steps .ul-step li {
  padding: 0 2%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.overview-content .setup_in_few_steps h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
  text-align: center
}

.overview-content .setup_in_few_steps ul .step-num {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 700;
  display: inline-block;
  background-color: #fceeee;
  padding: 0.2em 0.5em;
  border-radius: 7px;
  color: #d32424
}

.overview-content .setup_in_few_steps ul .step-desc {
  padding: .75em 0
}

.overview-content .setup_in_few_steps p {
  font-size: 1.25em;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  padding: 0 10em
}

.overview-content .setup_in_few_steps .ul-step p {
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  font-weight: 400
}

.overview-content .setup_in_few_steps .icon-wrap p {
  font-size: 1.25em;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  padding: 0
}

.overview-content .setup_in_few_steps .img {
  position: relative;
  height: 16.125em;
  margin: 0 auto
}

.overview-content .setup_in_few_steps img {
  height: 100%
}

.overview-content .setup_in_few_steps .img span {
  position: absolute;
  text-align: center;
  font-weight: 500
}

.overview-content .setup_in_few_steps .i1 span {
  font-size: 1.0625em
}

.overview-content .setup_in_few_steps .i11 {
  top: 11.5em;
  left: 2.75em;
  width: 4em
}

.overview-content .setup_in_few_steps .i12 {
  top: 6.5em;
  left: 8.5em;
  width: 9em
}

.overview-content .setup_in_few_steps .i13 {
  top: 15em;
  left: 8.5em;
  width: 9em;
}

.overview-content .setup_in_few_steps .step {
  text-align: center;
  height: 7.5em;
}

.overview-content .setup_in_few_steps .icon-wrap {
  display: flex;
  margin-top: 3em
}

.overview-content .setup_in_few_steps .icon-wrap li {
  text-align: center;
  margin: 0 auto;
  width: 18%;
}

.overview-content .setup_in_few_steps .icon-wrap li b {
  background: url(./img/g-icons.png?20231114) 50% 0 no-repeat;
  background-size: 30em;
  width: 5em;
  height: 5em;
  display: inline-block;
  margin: 0 auto 1em
}

.overview-content .setup_in_few_steps .icon-wrap .li-1 b {
  background-position: 0 0
}

.overview-content .setup_in_few_steps .icon-wrap .li-2 b {
  background-position: 20% 0
}

.overview-content .setup_in_few_steps .icon-wrap .li-3 b {
  background-position: 40% 0
}

.overview-content .setup_in_few_steps .icon-wrap .li-4 b {
  background-position: 60% 0
}

.overview-content .setup_in_few_steps .icon-wrap .li-5 b {
  background-position: 80% 0
}

.overview-content .setup_in_few_steps .icon-wrap .li-6 b {
  background-position: 100% 0
}

.overview-content .setup_in_few_steps .icons {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 3em
}

.overview-content .setup_in_few_steps .icons div {
  display: inline-block
}

.overview-content .setup_in_few_steps .icons .mr-logo {
  width: 5.625em;
  height: 5.625em;
  padding-right: 1.5em
}

.overview-content .setup_in_few_steps .icons .store {
  padding-right: 1.5em
}

.overview-content .setup_in_few_steps .icons .qrcode {
  width: 5.75em;
  height: 5.75em
}

.overview-content .setup_in_few_steps .icons .store a {
  display: inline-block;
  width: 8.75em;
  height: 2.5625em
}

.overview-content .setup_in_few_steps .icons img {
  height: 100%
}

@media(max-width: 1680px) {
  .overview-content .setup_in_few_steps {
    font-size: 14px
  }
}

@media(max-width: 1440px) {
  .overview-content .setup_in_few_steps {
    font-size: 12px
  }
}

@media(max-width: 736px) {
  .overview-content .setup_in_few_steps {
    font-size: 10.35px;
    padding: 0 0 4em;
    background: linear-gradient(to right, #fff, #f4f4f4)
  }

  .overview-content .setup_in_few_steps .w-container {
    width: auto
  }

  .overview-content .setup_in_few_steps .text {
    padding: 0;
    text-align: left
  }

  .overview-content .setup_in_few_steps h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left;
    font-weight: 400
  }

  .overview-content .setup_in_few_steps p {
    font-size: 1.75em;
    font-weight: 400;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left
  }

  .overview-content .setup_in_few_steps .i1 span {
    font-size: 1.25em
  }

  .overview-content .setup_in_few_steps .w-container .ul-step {
    margin-top: 1em;
    margin: 3em 0;
    padding: 0;
    flex-direction: column
  }

  .overview-content .setup_in_few_steps .ul-step li {
    width: 100%;
    padding: 0 20px
  }

  .overview-content .setup_in_few_steps .ul-step li+li {
    margin-top: 2em
  }

  .overview-content .setup_in_few_steps .ul-step .i11 {
    left: 14%;
    top: 9em
  }

  .overview-content .setup_in_few_steps .ul-step .i12 {
    left: 47%;
    top: 5em;
  }

  .overview-content .setup_in_few_steps .ul-step .i13 {
    left: 49%;
    top: 12em;
  }

  .overview-content .setup_in_few_steps .ul-step p {
    font-size: 1.75em;
    font-weight: 400;
    line-height: 1.42857
  }

  .overview-content .setup_in_few_steps h3 {
    font-size: 1.75em;
    padding: 0 20px;
    font-weight: 700
  }

  .overview-content .setup_in_few_steps .ul-step .step-num {
    font-size: 1.75em
  }

  .overview-content .setup_in_few_steps .ul-step .step {
    padding: 0;
    height: auto;
  }

  .overview-content .setup_in_few_steps .w-container .icon-wrap {
    margin: 0;
    padding: 2em 3em;
    flex-wrap: wrap
  }

  .overview-content .setup_in_few_steps .icon-wrap li {
    width: 50%;
    text-align: center;
    margin: 0 0 2.5em
  }

  .overview-content .setup_in_few_steps .icon-wrap p {
    text-align: center;
    padding: 0 0 0 0;
    font-size: 1.5em;
  }
}

@media(max-width: 414px) {
  .overview-content .setup_in_few_steps {
    font-size: 2.5vw
  }
}


.overview-content .easily-extend-your-coverage {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(./img/h.jpg?20231114) 50% 100% no-repeat;
  background-size: 120em;
  height: 55.375em;
}

.overview-content .easily-extend-your-coverage .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .easily-extend-your-coverage .text {
  text-align: center;
  padding: 4em 19em 0;
}

.overview-content .easily-extend-your-coverage h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .easily-extend-your-coverage p {
  font-size: 1.25em;
  line-height: 1.5;

}

.overview-content .easily-extend-your-coverage p.note {
  font-size: 1em;
  line-height: 1.5;
  color: #868686;
  margin-top: 2em;
}

@media(max-width: 1680px) {
  .overview-content .easily-extend-your-coverage {
    font-size: 14px
  }
}

@media(max-width: 1440px) {
  .overview-content .easily-extend-your-coverage {
    font-size: 12px
  }
}

@media(max-width: 736px) {
  .overview-content .easily-extend-your-coverage {
    font-size: 10.35px;
    background: url(./m/g.jpg?20231114) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
    padding-bottom: 63vw;
  }

  .overview-content .easily-extend-your-coverage .w-container {
    width: auto
  }

  .overview-content .easily-extend-your-coverage .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .easily-extend-your-coverage h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left;
    font-weight: 400
  }

  .overview-content .easily-extend-your-coverage p {
    font-size: 1.75em;
    font-weight: 400;
    line-height: 1.42857;
    padding: 0 20px 1em;
    text-align: left
  }

  .overview-content .easily-extend-your-coverage p.note {
    font-size: 1.5em;
    padding: 0 20px;
  }
}

@media(max-width: 414px) {
  .overview-content .easily-extend-your-coverage {
    font-size: 2.5vw
  }
}

.overview-content .powerful-beautiful {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 4em 0
}

.overview-content .powerful-beautiful .w-container {
  position: relative;
  width: 95em;
  margin: 0 auto
}

.overview-content .powerful-beautiful h2 {
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.5em;
  text-align: center
}

.overview-content .powerful-beautiful .swiper-container {
  width: 92.5em;
  height: 33.25em;
  margin: 0 auto
}

.overview-content .powerful-beautiful .swiper-container .swiper-slide1 {
  background: url(./img/i-1.jpg?20231114) 50% 0 no-repeat;
  background-size: 92.5em
}

.overview-content .powerful-beautiful .swiper-container .swiper-slide2 {
  background: url(./img/i-2.jpg?20231114) 50% 0 no-repeat;
  background-size: 92.5em
}

.overview-content .powerful-beautiful .swiper-container .swiper-slide3 {
  background: url(./img/i-3.jpg?20231114) 50% 0 no-repeat;
  background-size: 92.5em
}

.overview-content .powerful-beautiful .swiper-pagination {
  margin: 0 auto;
  left: 0;
  right: 0
}

.overview-content .powerful-beautiful .swiper-pagination-clickable .swiper-pagination-bullet {
  margin-right: 0.5em;
  width: 0.5em;
  height: 0.5em
}

.overview-content .powerful-beautiful .swiper-pagination-bullet-active {
  background-color: #939393
}

@media (max-width:1680px) {
  .overview-content .powerful-beautiful {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .powerful-beautiful {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .powerful-beautiful {
    font-size: 10.35px;
    padding: 0 0 4em
  }

  .overview-content .powerful-beautiful .w-container {
    width: auto
  }

  .overview-content .powerful-beautiful h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }

  .overview-content .powerful-beautiful .swiper-container {
    width: 90vw;
    height: 70.236vw;
    margin: 0 20px
  }

  .overview-content .powerful-beautiful .swiper-container .swiper-slide1 {
    background: url(./m/h-1.jpg?20231114) 50% 0 no-repeat;
    background-size: 100%
  }

  .overview-content .powerful-beautiful .swiper-container .swiper-slide2 {
    background: url(./m/h-2.jpg?20231114) 50% 0 no-repeat;
    background-size: 100%
  }

  .overview-content .powerful-beautiful .swiper-container .swiper-slide3 {
    background: url(./m/h-3.jpg?20231114) 50% 0 no-repeat;
    background-size: 100%
  }
}