.overview-content .fasterBroaderHigher {
  font-size: 16px;
  position: relative;
  background: url(./img/a.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 53.1875em;
  max-width: 120em;
  margin: 0 auto
}

.overview-content .fasterBroaderHigher .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .fasterBroaderHigher .w-container .text {
  color: #fff;
  text-align: center;
  padding-top: 7.5em
}

.overview-content .fasterBroaderHigher h2 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .fasterBroaderHigher h3 {
  font-size: 3.125em;
  font-weight: 700;
  color: #fff;
  line-height: 1.2
}

.overview-content .fasterBroaderHigher .model-type {
  padding: .5em 0;
  font-size: 1.75em;
  line-height: 1.5
}

.overview-content .fasterBroaderHigher .text .model {
  font-size: 1.75em;
  line-height: 1.5;
  font-weight: 700;
  display: inline-block;
  padding: 0 1.25em;
  color: #080000;
  background: linear-gradient(115deg,#bba77e,#f4e2c1);
  -webkit-clip-path: polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%);
  clip-path: polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%)
}

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

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

@media(max-width: 736px) {
  .overview-content .fasterBroaderHigher {
      font-size:10.35px;
      background: url(./m/a.jpg) 50% 0 no-repeat;
      background-size: 100%;
      height: 133.4375vw
  }

  .overview-content .fasterBroaderHigher .w-container {
      width: auto
  }

  .overview-content .fasterBroaderHigher .w-container .text {
      padding: 1.5em 0 0
  }

  .overview-content .fasterBroaderHigher h2 {
      font-size: 2em;
      font-weight: 400;
      line-height: 1.2;
      padding: 1.5em 20px .5em
  }

  .overview-content .fasterBroaderHigher h3 {
      font-size: 2.5em;
      line-height: 1.2;
      padding: 0 20px .5em
  }

  .overview-content .fasterBroaderHigher .model-type {
      font-weight: 400;
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px .5em
  }

  .overview-content .fasterBroaderHigher .model {
      font-size: 1.75em;
      line-height: 1.42857;
      bottom: .5em;
      right: 3em;
      font-weight: 400
  }
}

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

.overview-content .b {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 55.3125em;
  background-image: url(./img/b.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em
}

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

.overview-content .b h3 {
  font-size: 1.875em;
  line-height: 1.2;
  background: linear-gradient(90deg,#bca87f,#f3e2c1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text
}

.overview-content .b p {
  line-height: 1.5;
  color: #c0c1c2;
  padding-top: .5em
}

.overview-content .b .b1 {
  position: absolute;
  left: 0em;
  top: 4em;
  width: 27.8em;
  height: 14.5625em;
  cursor: pointer
}

.overview-content .b .b1 .text-area {
  position: absolute;
  left: 1.875em;
  top: 4em
}

.overview-content .b .desc-1-1 {
  width: 9em;
  font-weight: 500
}

.overview-content .b .desc-1-2 {
  width: 9em;
  font-size: 1.25em
}

.overview-content .b .b2 {
  position: absolute;
  left: 29em;
  top: 4em;
  width: 27.8em;
  height: 14.5625em;
  cursor: pointer
}

.overview-content .b .b2 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5em
}

.overview-content .b .desc-2-1 {
  width: 12em;
  margin: 0 auto;
  text-align: center;
  font-weight: 500
}

.overview-content .b .desc-2-2 {
  font-size: 1.25em;
  margin: 0 auto;
  text-align: center
}

.overview-content .b .b3 {
  position: absolute;
  left: 57.75em;
  top: 4em;
  width: 27.8em;
  height: 14.5625em;
  cursor: pointer
}

.overview-content .b .b3 .text-area {
  position: absolute;
  left: 2.625em;
  top: 3.75em
}

.overview-content .b .desc-3-1 {
  width: 9em;
  font-weight: 500
}

.overview-content .b .desc-3-2 {
  width: 9em
}

.overview-content .b .b4 {
  position: absolute;
  left: 0em;
  top: 20em;
  width: 42em;
  height: 14.3125em;
  cursor: pointer
}

.overview-content .b .b4 .text-area {
  position: absolute;
  top: 4.125em;
  left: 0;
  right: 0;
  margin: auto
}

.overview-content .b .desc-4-1 {
  width: 9em;
  margin: 0 auto;
  font-size: 2.5em;
  text-align: center;
  font-weight: 500
}

.overview-content .b .desc-4-2 {
  width: 9em;
  font-size: 1.25em;
  margin: 0 auto;
  text-align: center
}

.overview-content .b .b5 {
  position: absolute;
  width: 42em;
  height: 14.3125em;
  left: 43.4em;
  top: 20em;
  cursor: pointer
}

.overview-content .b .b5 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 2.75em
}

.overview-content .b .desc-5-1 {
  font-size: 2.5em;
  width: 12em;
  margin: 0 auto;
  text-align: center;
  font-weight: 500
}

.overview-content .b .desc-5-2 {
  font-size: 1.25em;
  width: 12em;
  margin: 0 auto;
  text-align: center
}

.overview-content .b .b6 {
  position: absolute;
  left: 0em;
  top: 35.5em;
  height: 14.5em;
  width: 28.125em;
  cursor: pointer
}

.overview-content .b .b6 .text-area {
  position: absolute;
  left: 2.5em;
  top: 2.375em
}

.overview-content .b .desc-6-1 {
  font-size: 1.5em;
  width: 9em;
  font-weight: 500
}

.overview-content .b .b7 {
  position: absolute;
  left: 29.5em;
  top: 35.5em;
  width: 12.5em;
  height: 14.68em;
  cursor: pointer
}

.overview-content .b .b7 .text-area {
  position: absolute;
  top: 8em;
  left: 0;
  right: 0;
  margin: 0 auto
}

.overview-content .b .desc-7-1 {
  width: 7em;
  font-size: 1.5em;
  margin: 0 auto;
  text-align: center;
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-weight: 700
}

.overview-content .b .b8 {
  position: absolute;
  left: 43.5em;
  top: 35.5em;
  width: 28.3em;
  height: 14.68em;
  cursor: pointer
}

.overview-content .b .b8 .text-area {
  position: absolute;
  left: 2em;
  top: 2.625em
}

.overview-content .b .desc-8-1 {
  width: 7em;
  font-size: 1.5em;
  margin: 0 auto;
  text-align: center;
  font-weight: 500
}

.overview-content .b .b9 {
  position: absolute;
  left: 72.75em;
  top: 35.5em;
  width: 12.625em;
  height: 14.68em;
  cursor: pointer
}

.overview-content .b .b9 .text-area {
  position: absolute;
  top: 8.125em;
  left: 0;
  right: 0;
  margin: 0 auto
}

.overview-content .b .desc-9-1 {
  width: 6em;
  font-size: 1.5em;
  margin: 0 auto;
  text-align: center;
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-weight: 700
}

.overview-content .b h3:hover {
  -webkit-text-fill-color: #fff
}

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

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

@media (max-width: 736px) {
  .overview-content .b {
      font-size:10.35em;
      height: 134.375vw;
      background-size: 100%;
      background-image: url(./m/b.jpg)
  }

  .overview-content .b .w-container {
      width: auto
  }

  .overview-content .b .b1 {
      left: 20.5em;
      top: 3.5em;
      width: 42.65625vw;
      height: 22.65625vw
  }

  .overview-content .b .desc-1-1 {
      font-size: 1.25em;
      line-height: 1.42857;
      width: 8em;
      top: 12.5vw
  }

  .overview-content .b .b1 .text-area {
      left: 2.3438vw;
      margin: 0 auto;
      top: 3.2vw
  }

  .overview-content .b .desc-1-2 {
      font-size: 1em;
      line-height: 1.42857;
      width: 8em;
      padding: 0
  }

  .overview-content .b .b2 {
      left: 20.5em;
      top: 13.2em;
      width: 42.65625vw;
      height: 22.5vw
  }

  .overview-content .b .b2 .text-area {
      top: 1.5em
  }

  .overview-content .b .desc-2-1 {
      font-size: 1.25em;
      line-height: 1.42857;
      width: 11em
  }

  .overview-content .b .desc-2-2 {
      font-size: 1em;
      line-height: 1.42857;
      width: 11em;
      padding: 0
  }

  .overview-content .b .b3 {
      left: 2.35em;
      top: 23em;
      width: 43.4375vw;
      height: 22.5vw
  }

  .overview-content .b .b3 .text-area {
      top: 1.875em;
      left: 1.625em
  }

  .overview-content .b .desc-3-1 {
      font-size: 1.25em;
      line-height: 1.42857;
      width: 8em
  }

  .overview-content .b .desc-3-2 {
      font-size: 1em;
      line-height: 1.42857;
      width: 8em;
      padding: 0
  }

  .overview-content .b .b4 {
      left: 2.35em;
      top: 3.5em;
      width: 43.4375vw;
      height: 46.875vw
  }

  .overview-content .b .desc-4-1 {
      font-size: 2em;
      line-height: 1.42857;
      width: 8em
  }

  .overview-content .b .desc-4-2 {
      font-size: 1.25em;
      line-height: 1.42857;
      font-weight: 400;
      width: 9em
  }

  .overview-content .b .b5 {
      left: 20.5em;
      top: 23em;
      width: 42.65625vw;
      height: 46.875vw
  }

  .overview-content .b .b5 .text-area {
      top: 4.75em
  }

  .overview-content .b .desc-5-1 {
      font-size: 2em;
      line-height: 1.42857;
      width: 8em
  }

  .overview-content .b .desc-5-2 {
      font-size: 1.25em;
      line-height: 1.42857;
      width: auto
  }

  .overview-content .b .b6 {
      top: 42.5em;
      left: 2.5em;
      width: 43.4375vw;
      height: 22.34375vw
  }

  .overview-content .b .b6 .text-area {
      position: absolute;
      left: 1em;
      top: 2em
  }

  .overview-content .b .b6 .text-area {
      position: absolute
  }

  .overview-content .b .desc-6-1 {
      font-size: 1em;
      line-height: 1.2;
      width: 5.5em
  }

  .overview-content .b .b7 {
      left: 2.5em;
      top: 33em;
      width: 20.3125vw;
      height: 22.3438vw
  }

  .overview-content .b .b7 .text-area {
      top: 5em
  }

  .overview-content .b .desc-7-1 {
      font-size: 1em;
      line-height: 1.42857;
      width: 5.5em
  }

  .overview-content .b .b8 {
      left: 20.5em;
      top: 42.5em;
      width: 42.65625vw;
      height: 22.34375vw
  }

  .overview-content .b .b8 .text-area {
      left: 1em;
      top: 1.625em
  }

  .overview-content .b .desc-8-1 {
      font-size: 1em;
      line-height: 1.42857;
      width: 6.5em
  }

  .overview-content .b .b9 {
      left: 11.5em;
      top: 33em;
      width: 20.3125vw;
      height: 22.3438vw
  }

  .overview-content .b .b9 .text-area {
      top: 5em
  }

  .overview-content .b .desc-9-1 {
      font-size: 1em;
      line-height: 1.42857;
      width: 5.5em
  }
}

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

.overview-content .c {
  position: relative;
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background-color: #1d1d20;
  padding-bottom: 36em
}

.overview-content .c .hidden {
  display: none
}

.overview-content .c sup {
  font-size: x-small;
  vertical-align: top
}

.overview-content .c .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .c .text {
  padding: 4.5em 0 0 0;
  text-align: center;
  color: #fff
}

.overview-content .c ul li {
  position: relative;
  display: inline-block;
  width: 20%;
  cursor: pointer
}

.overview-content .c li p {
  padding-bottom: .5em;
  color: #8e8e8e;
  font-weight: 500;
  font-size: 1.5em
}

.overview-content .c li.active p {
  color: #fff;
  font-weight: 700
}

.overview-content .c li.active p::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  height: 4px;
  background-color: #bfa470;
  margin: 0 auto;
  border-radius: 2px
}

.overview-content .c h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .c .details h3 {
  font-size: 1.875em;
  line-height: 1.2;
  font-weight: 500;
  padding-top: 2em;
  padding-bottom: .5em;
  color: #fff
}

.overview-content .c .details p {
  color: #fff
}

.overview-content .c p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300
}

.overview-content .c .text-area {
  width: 85.375em;
  margin: 0 auto;
  text-align: center
}

.overview-content .c .desc {
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  height: 32.6875em;
  background-size: auto 100%
}

.overview-content .c .detail-1 .desc {
  width: 81em;
  background: url(./img/c.jpg) 50% bottom no-repeat;
  background-size: auto 100%
}

.overview-content .c .detail-2 .desc {
  width: 86.6875em;
  background: url(./img/c2.jpg) 50% bottom no-repeat;
  background-size: auto 100%
}

.overview-content .c .detail-3 .desc {
  width: 98em;
  background: url(./img/c3.jpg) 50% bottom no-repeat;
  background-size: auto 100%
}

.overview-content .c .detail-4 .desc {
  width: 74.75em;
  background: url(./img/c4.jpg) 50% bottom no-repeat;
  background-size: auto 100%
}

.overview-content .c .feature {
  color: #d6d6d6
}

.overview-content .c .detail-1 .desc-1 {
  position: absolute;
  font-size: 2em;
  top: 1.5em;
  left: 25%;
  color: #626262;
  font-weight: 400
}

.overview-content .c .detail-1 .desc-2 {
  font-size: 1em;
  position: absolute;
  top: 25.5em;
  left: 25.75em;
  color: #777777;
  text-align: left
}

.overview-content .c .detail-1 .desc-2-1 {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400
}

.overview-content .c .detail-1 .desc-2-2 {
  font-size: .875em;
  font-weight: 300
}

.overview-content .c .detail-1 .desc-3 {
  position: absolute;
  font-size: 2em;
  font-weight: 500;
  top: 1.5em;
  left: 57.5%;
  background: linear-gradient(90deg,#bca87f,#f3e2c1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text
}

.overview-content .c .detail-1 .desc-4 {
  font-size: 1em;
  position: absolute;
  top: 25.5em;
  left: 51.5em;
  color: #fff;
  text-align: left
}

.overview-content .c .detail-1 .desc-4-1 {
  font-size: 1.25em;
  font-weight: 500
}

.overview-content .c .detail-1 .desc-4-2 {
  font-size: .875em;
  color: #c3c3c4
}

.overview-content .c .detail-1 .desc-5 {
  position: absolute;
  text-align: left;
  font-size: 1em;
  top: 6em;
  font-weight: 500;
  transform: translateX(-50%);
  left: 83%;
  background: linear-gradient(90deg,#bca87f,#f3e2c1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text
}

.overview-content .c .detail-1 .desc-5 .desc-5-1 {
  font-size: 3.75em
}

.overview-content .c .detail-1 .desc-5 .desc-5-2 {
  font-size: 1.125em
}

.overview-content .c .detail-2 .desc-1 {
  font-size: 1.25em;
  font-weight: 400;
  position: absolute;
  top: 12.5em;
  left: 0;
  width: 7em;
  text-align: center;
  color: #fff
}

.overview-content .c .detail-2 .desc-2,.overview-content .c .detail-2 .desc-4 {
  position: absolute;
  text-align: center;
  color: #fff
}

.overview-content .c .detail-2 .desc-2 {
  top: 16.5em;
  left: 9em;
  width: 15.625em
}

.overview-content .c .detail-2 .desc-4 {
  top: 16.5em;
  left: 45em;
  width: 15.625em
}

.overview-content .c .detail-2 .desc-2 .desc-2-1,.overview-content .c .detail-2 .desc-4 .desc-4-1 {
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .c .detail-2 .desc-2 .desc-2-2,.overview-content .c .detail-2 .desc-4 .desc-4-2 {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .c .detail-2 .desc-3 {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  position: absolute;
  top: 12.5em;
  left: 33em;
  width: 15.625em;
  text-align: center;
  color: #fff
}

.overview-content .c .detail-3 .desc-1,.overview-content .c .detail-3 .desc-2 {
  font-size: 1.125em;
  line-height: 1.11395;
  position: absolute;
  top: 21.5em;
  left: 12em;
  width: 15em;
  text-align: center;
  color: #fff
}

.overview-content .c .detail-3 .desc-1 .desc-1-1,.overview-content .c .detail-3 .desc-2 .desc-2-1 {
  font-weight: 500
}

.overview-content .c .detail-3 .desc-1 .desc-1-2,.overview-content .c .detail-3 .desc-2 .desc-2-2 {
  font-weight: 400
}

.overview-content .c .detail-3 .desc-1 {
  left: 13.5em
}

.overview-content .c .detail-3 .desc-2 {
  left: 58em
}

.overview-content .c .detail-4 .desc-1,.overview-content .c .detail-4 .desc-2,.overview-content .c .detail-4 .desc-3,.overview-content .c .detail-4 .desc-4,.overview-content .c .detail-4 .desc-5,.overview-content .c .detail-4 .desc-6 {
  font-size: 1.0875em;
  font-weight: 300;
  line-height: 2;
  position: absolute;
  width: 6em;
  text-align: center;
  color: #fff
}

.overview-content .c .detail-4 .desc-1 {
  left: 31em;
  top: 11em
}

.overview-content .c .detail-4 .desc-2 {
  left: 40em;
  top: 11em
}

.overview-content .c .detail-4 .desc-3 {
  left: 49.5em;
  top: 11em
}

.overview-content .c .detail-4 .desc-4 {
  left: 31em;
  top: 25.8em
}

.overview-content .c .detail-4 .desc-5 {
  left: 40em;
  top: 25.8em
}

.overview-content .c .detail-4 .desc-6 {
  left: 49.5em;
  top: 25.8em
}

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

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

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

  .overview-content .c .w-container,.overview-content .c .text-area,.overview-content .c .detail-1 .desc {
      width: auto
  }

  .overview-content .c .text,.overview-content .c .text-area {
      padding: 0;
      text-align: left
  }

  .overview-content .c .text-area {
      margin-bottom: 2em
  }

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

  .overview-content .c .details h3 {
      padding: 1em 20px;
      font-size: 1.75em;
      line-height: 1.42857;
      font-weight: 500
  }

  .overview-content .c p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px;
      font-weight: 300
  }

  .overview-content .c ul li {
      width: 48%;
      margin-top: 1.5em;
      color: #8e8e8e
  }

  .overview-content .c ul .li-1 {
      color: #fff
  }

  .overview-content .c li.active p::before {
      left: 23%;
      right: auto;
      width: 40%
  }

  .overview-content .c .detail-1 {
      padding-bottom: 136.25vw
  }

  .overview-content .c .detail-2 {
      padding-bottom: 107.65625vw
  }

  .overview-content .c .detail-3 {
      padding-bottom: 110.625vw
  }

  .overview-content .c .detail-4 {
      padding-bottom: 153.90625vw
  }

  .overview-content .c .detail-1 .desc {
      height: 136.25vw;
      background: url(./m/c2.jpg) 50% top no-repeat
  }

  .overview-content .c .detail-2 .desc {
      height: 107.65625vw;
      background: url(./m/c-tag2.jpg) 50% top no-repeat
  }

  .overview-content .c .detail-3 .desc {
      height: 110.625vw;
      background: url(./m/c-tag3.jpg) 50% top no-repeat
  }

  .overview-content .c .detail-4 .desc {
      height: 153.90625vw;
      background: url(./m/c-tag4.jpg) 50% top no-repeat
  }

  .overview-content .c .detail .desc {
      width: 100%;
      margin: 0 auto;
      background-size: auto 100%
  }

  .overview-content .c .desc p {
      padding: 0;
      line-height: 1.2
  }

  .overview-content .c .detail-1 .desc-1 {
      top: 50%;
      left: 0;
      right: 0;
      font-size: 1.75em;
      transform: none;
      margin: 0 auto;
      text-align: center
  }

  .overview-content .c .detail-1 .desc-2 {
      left: 46%;
      top: 86%;
      transform: none
  }

  .overview-content .c .detail-1 .desc-2 .desc-2-1 {
      font-size: 1.125em
  }

  .overview-content .c .detail-1 .desc-2 .desc-2-2 {
      font-size: .75em
  }

  .overview-content .c .detail-1 .desc-3 {
      font-size: 1.75em;
      top: 0;
      left: 0;
      right: 0;
      transform: none;
      margin: 0 auto;
      text-align: center
  }

  .overview-content .c .detail-1 .desc-4 {
      left: 46%;
      top: 38%
  }

  .overview-content .c .detail-1 .desc-4-1 {
      font-size: 1.125em
  }

  .overview-content .c .detail-1 .desc-4-2 {
      font-size: 0.75em
  }

  .overview-content .c .detail-1 .desc-5 {
      top: 7%;
      left: 73%;
      top: 8%;
      transform: none
  }

  .overview-content .c .detail-1 .desc-5 .desc-5-1 {
      font-size: 2em;
      line-height: 1.2
  }

  .overview-content .c .detail-1 .desc-5 .desc-5-2 {
      font-size: 1em;
      line-height: 1.2
  }

  .overview-content .c .detail-2 .desc-3 {
      font-size: 1.125em;
      line-height: 1;
      font-weight: 400;
      left: 3.2em;
      top: 10.5em;
      width: 7em
  }

  .overview-content .c .detail-2 .desc-1 {
      font-weight: 400;
      font-size: 1.125em;
      line-height: 1;
      top: 27.5em;
      width: 7em;
      left: 3.2em
  }

  .overview-content .c .detail-2 .desc-2 {
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 36em;
      font-size: 1em;
      width: auto
  }

  .overview-content .c .detail-2 .desc-4 {
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 16em;
      font-size: 1em;
      width: auto
  }

  .overview-content .c .detail-2 .desc-2 .desc-2-1,.overview-content .c .detail-2 .desc-4 .desc-4-1 {
      font-weight: 400;
      font-size: 1.125em;
      line-height: 1
  }

  .overview-content .c .detail-2 .desc-2 .desc-2-2,.overview-content .c .detail-2 .desc-4 .desc-4-2 {
      font-size: 1.125em;
      line-height: 1;
      font-weight: 300
  }

  .overview-content .c .detail-3 .desc-1 {
      left: 0;
      right: 0;
      top: 13.5em;
      margin: 0 auto;
      font-size: 1.125em
  }

  .overview-content .c .detail-3 .desc-2 {
      left: 0;
      right: 0;
      top: 31.5em;
      margin: 0 auto;
      font-size: 1.125em
  }

  .overview-content .c .detail-4 .desc-1,.overview-content .c .detail-4 .desc-2,.overview-content .c .detail-4 .desc-3,.overview-content .c .detail-4 .desc-4,.overview-content .c .detail-4 .desc-5,.overview-content .c .detail-4 .desc-6 {
      font-size: 1.125em
  }

  .overview-content .c .detail-4 .desc-1 {
      left: 7.5em;
      top: 24em
  }

  .overview-content .c .detail-4 .desc-2 {
      left: 14em;
      top: 24em
  }

  .overview-content .c .detail-4 .desc-3 {
      left: 20.75em;
      top: 24em
  }

  .overview-content .c .detail-4 .desc-4 {
      left: 7.5em;
      top: 48.5em
  }

  .overview-content .c .detail-4 .desc-5 {
      left: 14em;
      top: 48.5em
  }

  .overview-content .c .detail-4 .desc-6 {
      left: 20.75em;
      top: 48.5em
  }
}

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

.overview-content .d {
  font-size: 16px;
  position: relative;
  background: #0a0a0a url(./img/d.jpg) 50% bottom no-repeat;
  padding-bottom: 56em;
  background-size: 120em;
  max-width: 120em;
  margin: 0 auto
}

.overview-content .d .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .d .text {
  padding-top: 7em;
  color: #fff;
  text-align: center
}

.overview-content .d h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .d p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300
}

.overview-content .d .desc-text {
  position: absolute;
  bottom: 25em;
  left: 0;
  right: 0;
  width: 85.375em;
  height: 20.625em;
  margin: 0 auto;
  text-align: center;
  background: url(./img/beamforming.png) 50% bottom no-repeat;
  background-size: auto 100%
}

.overview-content .d .desc1 {
  position: absolute;
  bottom: 0;
  left: 24em;
  color: #aeaeae;
  font-size: 1em
}

.overview-content .d .desc2 {
  position: absolute;
  font-size: 1.5em;
  font-weight: 700;
  bottom: 0;
  left: 32em;
  color: #d0b98c
}

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

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

@media(max-width: 736px) {
  .overview-content .d {
      font-size:10.35px;
      background: #0a0a0a url(./m/d.jpg) 50% 100% no-repeat;
      background-size: 100%;
      padding-bottom: 88%
  }

  .overview-content .d .w-container {
      width: auto
  }

  .overview-content .d .text {
      padding: 0;
      width: auto;
      text-align: left
  }

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

  .overview-content .d p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px
  }

  .overview-content .d .desc-text {
  }

  .overview-content .d .desc {
      font-size: 3vw;
      width: 30%
  }

  .overview-content .d .desc1 {
      left: 0;
      bottom: 0;
      font-size: 1em;
      padding: 0
  }

  .overview-content .d .desc2 {
      left: 60%;
      font-size: 1.5em;
      padding: 0
  }

  .overview-content .d .desc-text {
      width: 70.91212121vw;
      height: 36vw;
      bottom: 13em
  }
}

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

.overview-content .e {
  font-size: 16px;
  position: relative;
  max-width: 120em;
  margin: 0 auto;
  background: url(./img/e.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 55.75em
}

.overview-content .e sup {
  font-size: x-small;
  vertical-align: top
}

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

.overview-content .e .text {
  text-align: center;
  padding: 8em 0 0 49em;
  text-align: left
}

.overview-content .e h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .e p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300
}

.overview-content .e li p {
  font-size: 1em;
  font-weight: 300
}

.overview-content .e li {
  position: relative;
  margin-top: 3em;
  padding-left: 4.5em
}

.overview-content .e li:before {
  content: '';
  display: block;
  width: 3.625em;
  height: 4.375em;
  position: absolute;
  left: 0;
  top: 0
}

.overview-content .e li h3 {
  font-size: 1.5em;
  font-weight: 400
}

.overview-content .e .li-1:before {
  background: url(./img/e-icon1.png) center/contain no-repeat
}

.overview-content .e .li-2:before {
  background: url(./img/e-icon2.png) center/contain no-repeat
}

.overview-content .e .li-3:before {
  background: url(./img/e-icon3.png) center/contain no-repeat
}

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

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

@media(max-width: 736px) {
  .overview-content .e {
      font-size:10.35px;
      background: url(./m/e.jpg) 50% 100% no-repeat;
      background-size: 100%;
      height: 225vw
  }

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

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

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

  .overview-content .e li h3 {
      font-size: 1.5em;
      line-height: 1.2;
      padding: 0 0 .25em;
      font-weight: 400
  }

  .overview-content .e p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px
  }

  .overview-content .e ul {
      margin-top: 4em
  }

  .overview-content .e li {
      padding-left: 17.65625vw;
      margin-top: 2em
  }

  .overview-content .e li:before {
      width: 9.375vw;
      height: 11.4063vw;
      left: 20px
  }

  .overview-content .e li p {
      padding: 0;
      font-size: 1.25em
  }
}

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

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

.overview-content .f .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .f .w-container .text {
  color: #fff;
  padding: 12em 42.375em 0 2em
}

.overview-content .f h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .f p {
  font-size: 1.25em;
  line-height: 1.5;
  max-width: 26em;
  font-weight: 300
}

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

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

@media (max-width: 736px) {
  .overview-content .f {
      font-size:10.35px;
      background: url(./m/f.jpg) bottom no-repeat;
      background-size: 100%;
      height: 189.2188vw;
      padding-bottom: 0
  }

  .overview-content .f .w-container {
      width: auto
  }

  .overview-content .f .w-container .text {
      padding: 0
  }

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

  .overview-content .f p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px;
      text-align: left
  }
}

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

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

.overview-content .g .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .g .w-container .text {
  color: #fff;
  padding: 12em 0 0 45em
}

.overview-content .g h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .g p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300
}

.overview-content .g .desc {
  padding-top: 1em
}

.overview-content .g .desc span {
  font-size: 3em;
  color: #d3bb89;
  padding-right: 5px;
  font-weight: 500
}

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

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

@media (max-width: 736px) {
  .overview-content .g {
      font-size:10.35px;
      background: url(./m/g.jpg) bottom no-repeat;
      background-size: 100%;
      padding-bottom: 0;
      height: 173.5vw
  }

  .overview-content .g .w-container {
      width: auto
  }

  .overview-content .g .w-container .text {
      padding: 0
  }

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

  .overview-content .g p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px;
      text-align: left
  }

  .overview-content .g .desc span {
      font-size: 3em
  }

  .overview-content .g .desc {
      font-size: 1.25em
  }
}

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

.overview-content .powerful-parental-controls {
  font-size: 1.1111vw;
  max-width: 120em;
  height: 53em;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  background: url(./img/06-1.jpg) 50% 0 no-repeat;
  background-size: 120em
}

.overview-content .powerful-parental-controls .w-container {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative
}

.overview-content .powerful-parental-controls .img {
  position: absolute;
  width: 22.5em;
  height: 40.625em;
  bottom: 0;
  left: 16.7%;
  transform: translateX(-50%)
}

.overview-content .powerful-parental-controls .img li {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%
}

.overview-content .powerful-parental-controls .img li.on {
  opacity: 1
}

.overview-content .powerful-parental-controls .img .li1 {
  background: url(./img/06-a.png) 50% 0 no-repeat;
  background-size: contain
}

.overview-content .powerful-parental-controls .img .li2 {
  background: url(./img/06-b.png) 50% 0 no-repeat;
  background-size: contain
}

.overview-content .powerful-parental-controls .img .li3 {
  background: url(./img/06-c.png) 50% 0 no-repeat;
  background-size: contain
}

.overview-content .powerful-parental-controls .img .li4 {
  background: url(./img/06-d.png) 50% 0 no-repeat;
  background-size: contain
}

.overview-content .powerful-parental-controls .text {
  width: 100%;
  padding: 10em 25% 0 38.5%;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
}

.overview-content .powerful-parental-controls .text h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .powerful-parental-controls .text p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .powerful-parental-controls .text li {
  padding: 2em 0 0
}

.overview-content .powerful-parental-controls .text li h4 {
  cursor: pointer;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  display: inline-block;
  margin-left: .5em;
  vertical-align: middle
}

.overview-content .powerful-parental-controls .text li::before {
  content: '';
  width: 1.875em;
  height: 1.875em;
  display: inline-block;
  vertical-align: middle;
  background: url(./img/right-arrow.png) 50% 50% no-repeat;
  background-size: contain
}

.overview-content .powerful-parental-controls .text li p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
  margin-left: 1.75em
}

.overview-content .powerful-parental-controls .text li.on h4 {
  color: #c4b085;
  padding-bottom: 5px;
  border-bottom: 2px solid #c4b085;
  box-sizing: content-box;
  font-weight: 700
}

.overview-content .powerful-parental-controls .text li p {
  display: none;
  padding-top: .25em
}

.overview-content .powerful-parental-controls .text li.on p {
  display: block
}

.overview-content .powerful-parental-controls .w-container:after {
  clear: both;
  content: "";
  display: block
}

@media (min-width: 1921px) {
  .overview-content .powerful-parental-controls {
      font-size:16px
  }

  .overview-content .powerful-parental-controls .img {
      left: 25%
  }
}

@media (max-width: 1680px) {
  .overview-content .powerful-parental-controls .text {
      font-size:14px
  }
}

@media (max-width: 1440px) {
  .overview-content .powerful-parental-controls .text {
      font-size:12px
  }
}

@media screen and (max-width: 736px) {
  .overview-content .powerful-parental-controls {
      background:url(./m/powerful-parental-controls-bg.jpg) 50% 0 no-repeat;
      background-size: 100%;
      font-size: 10.35px;
      height: 217.1875vw
  }

  .overview-content .powerful-parental-controls .w-container {
      padding: 0
  }

  .overview-content .powerful-parental-controls .text li {
      padding: 2em 20px 0
  }

  .overview-content .powerful-parental-controls .img {
      width: 56.25vw;
      height: 101.5625vw;
      left: 21.5vw;
      transform: none
  }

  .overview-content .powerful-parental-controls .img .li1 {
      background: url(./m/create-user-profiles.png) 50% 100% no-repeat;
      background-size: 100%
  }

  .overview-content .powerful-parental-controls .img .li2 {
      background: url(./m/time-control.png) 50% 100% no-repeat;
      background-size: 100%
  }

  .overview-content .powerful-parental-controls .img .li3 {
      background: url(./m/blocked-website.png) 50% 100% no-repeat;
      background-size: 100%
  }

  .overview-content .powerful-parental-controls .img .li4 {
      background: url(./m/profiles.png) 50% 100% no-repeat;
      background-size: 100%
  }

  .overview-content .powerful-parental-controls .text {
      padding: 0;
      width: 100%
  }

  .overview-content .powerful-parental-controls .text h2 {
      font-size: 2.5em;
      line-height: 1.2;
      padding: 1.5em 20px .5em;
      text-align: left
  }

  .overview-content .powerful-parental-controls .text {
      font-size: 1em
  }

  .overview-content .powerful-parental-controls .text p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px;
      text-align: left
  }

  .overview-content .powerful-parental-controls .text li h4 {
      font-size: 1.25em
  }

  .overview-content .powerful-parental-controls .text li p {
      padding: 1em 0 0;
      font-size: 1.25em
  }
}

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

.overview-content .easy-setup-and-use {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background-color: #fff;
  padding: 4em 0;
  background: url(./img/easy-setup-and-use.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 52.75em;
  box-sizing: border-box
}

.overview-content .easy-setup-and-use .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .easy-setup-and-use .text {
  padding: 5em 45% 0 9%
}

.overview-content .easy-setup-and-use .img {
  display: table-cell;
  width: 55%;
  height: 41.5em;
  background: url(./img/i.jpg) no-repeat;
  background-size: 41.9375em
}

.overview-content .easy-setup-and-use h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .easy-setup-and-use p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 4em;
  padding-bottom: 2em
}

.overview-content .easy-setup-and-use .compare {
  font-size: 1.25em;
  font-weight: 700;
  border: 1.87px solid #000;
  border-radius: 6px;
  padding: 0 .5em;
  display: inline-block;
  margin-top: 2.75em
}

.overview-content .easy-setup-and-use .icons {
  text-align: center;
  display: inline-block
}

.overview-content .easy-setup-and-use .icons div {
  display: inline-block
}

.overview-content .easy-setup-and-use .icons .agient-logo {
  width: 5.625em;
  height: 5.625em;
  padding-right: .5em;
  vertical-align: top
}

.overview-content .easy-setup-and-use .icons .store {
  padding-right: .5em;
  vertical-align: top
}

.overview-content .easy-setup-and-use .icons .qrcode {
  width: 5.625em;
  height: 5.625em;
  padding-right: .5em;
  vertical-align: top
}

.overview-content .easy-setup-and-use .icons .store a {
  display: inline-block;
  width: 8.75em;
  height: 2.5625em;
  margin-bottom: 3px
}

.overview-content .easy-setup-and-use .icons img {
  height: 100%
}

@media (max-width: 1680px) {
  .overview-content .easy-setup-and-use {
      font-size:14px
  }
}

@media (max-width: 1440px) {
  .overview-content .easy-setup-and-use {
      font-size:12px
  }
}

@media (max-width: 736px) {
  .overview-content .easy-setup-and-use {
      font-size:10.35px;
      background: #dcdcdf url(./m/i.jpg) bottom no-repeat;
      background-size: 100%;
      height: 192.34375vw
  }

  .overview-content .easy-setup-and-use .w-container {
      width: auto
  }

  .overview-content .easy-setup-and-use h2 {
      font-size: 2.5em;
      line-height: 1.2;
      padding: 1.5em 20px 0.5em;
      text-align: left
  }

  .overview-content .easy-setup-and-use p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px;
      text-align: left
  }

  .overview-content .easy-setup-and-use .text {
      padding: 0;
      display: block;
      width: auto;
      text-align: left
  }

  .overview-content .easy-setup-and-use .compare {
      margin: 2em 20px;
      font-size: 1.5625em;
      font-weight: 400;
      padding: 0 .5em
  }

  .overview-content .easy-setup-and-use .img {
      display: none
  }

  .overview-content .easy-setup-and-use .icons {
      display: block;
      width: auto;
      text-align: left;
      padding: 2em 20px 0
  }
}

@media (max-width: 414px) {
  .overview-content .easy-setup-and-use {
      font-size:2.5vw
  }
}

.overview-content .i {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background-color: #1d1d20;
  padding: 5em 0
}

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

.overview-content .i .w-container ul {
  background-color: #444447;
  border-radius: 1.5em;
  padding: 4em 2em;
  margin-top: 4em;
  box-sizing: border-box
}

.overview-content .i li {
  display: inline-block;
  vertical-align: top;
  padding: 0 3%;
  width: 49%;
  box-sizing: border-box
}

.overview-content .i .w-container .text {
  color: #fff
}

.overview-content .i h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
  text-align: center
}

.overview-content .i p {
  font-size: 1.25em;
  line-height: 1.5;
  text-align: center;
  font-weight: 300
}

.overview-content .i .p1 {
  font-weight: 700
}

.overview-content .i .img {
  position: relative;
  margin-bottom: 2em
}

.overview-content .i img {
  width: 100%
}

.overview-content .i .img span {
  position: absolute;
  text-align: center;
  font-weight: 500
}

.overview-content .i .i11 {
  top: 1em;
  left: 4.5em;
  font-size: 1.0625em
}

.overview-content .i .i12 {
  top: 7.5em;
  left: 28.5em;
  font-size: 0.9375em
}

.overview-content .i .i21 {
  top: 1.25em;
  left: 1em;
  font-size: 1.0625em
}

.overview-content .i .i22 {
  top: 6em;
  left: 7.5em;
  font-size: 0.9375em
}

.overview-content .i .i23 {
  top: 6.25em;
  left: 30em;
  font-size: 0.9375em
}

.overview-content .i .i1 {
  border-right: 1px dotted #646464
}

@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 0 4em
  }

  .overview-content .i .w-container {
      width: auto
  }

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

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

  .overview-content .i p {
      font-size: 1.25em;
      line-height: 1.42857;
      padding: 0 20px
  }

  .overview-content .i .w-container ul {
      margin-top: 1em;
      margin: 1em 20px 0
  }

  .overview-content .i li {
      width: 100%;
      padding: 0
  }

  .overview-content .i .i1 {
      border-right: 0;
      border-bottom: 1px dotted #646464;
      padding-bottom: 3em;
      margin-bottom: 3em
  }

  .overview-content .i .i11 {
      left: 13%;
      top: .7em
  }

  .overview-content .i .i12 {
      left: 76.5%;
      top: 7em
  }

  .overview-content .i h3 {
      font-size: 1.75em;
      padding: 0 20px;
      font-weight: 700
  }

  .overview-content .i .i21 {
      left: 2%;
      top: 1em
  }

  .overview-content .i .i22 {
      left: 19%;
      top: 5em
  }

  .overview-content .i .i23 {
      left: 79%;
      top: 5.5em
  }
}

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

.overview-content .cover-home-with-easymesh {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(./img/cover-home-with-easymesh.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 57.25em
}

.overview-content .cover-home-with-easymesh sup {
  font-size: x-small;
  vertical-align: top
}

.overview-content .cover-home-with-easymesh .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .cover-home-with-easymesh .text {
  padding: 3.75em 0;
  color: #fff
}

.overview-content .cover-home-with-easymesh h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  padding-bottom: .5em
}

.overview-content .cover-home-with-easymesh p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .cover-home-with-easymesh .p1 {
  font-size: 1.5em
}

.overview-content .cover-home-with-easymesh .j-desc {
  color: #ffd78b;
  font-size: 2.25em;
  font-weight: 500
}

.overview-content .cover-home-with-easymesh .p3 {
  font-weight: 300
}

.overview-content .cover-home-with-easymesh ul {
  text-align: center;
  margin: 0 auto;
  margin-top: 3em;
  padding: 0 2em
}

.overview-content .cover-home-with-easymesh li {
  display: inline-block;
  width: 24%;
  vertical-align: top;
  padding: 0 1%;
  text-align: left;
  margin-bottom: 3.75em;
  margin-right: 1em
}

.overview-content .cover-home-with-easymesh .li b {
  width: 3.125em;
  height: 3.125em;
  display: inline-block;
  vertical-align: top;
  margin-right: 1em
}

.overview-content .cover-home-with-easymesh .li-1 b {
  background: url(./img/j-icon1.png) 50% 50% no-repeat;
  background-size: 3.125em
}

.overview-content .cover-home-with-easymesh .li-2 b {
  background: url(./img/j-icon2.png) 50% 50% no-repeat;
  background-size: 3.125em
}

.overview-content .cover-home-with-easymesh .li-3 b {
  background: url(./img/j-icon3.png) 50% 50% no-repeat;
  background-size: 3.125em
}

.overview-content .cover-home-with-easymesh li p {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 4.125em)
}

.overview-content .cover-home-with-easymesh .tips {
  color: #767677;
  padding-left: 2%;
  font-size: .875em
}

@media(max-width: 1680px) {
  .overview-content .cover-home-with-easymesh {
      font-size:14px
  }
}

@media(max-width: 1440px) {
  .overview-content .cover-home-with-easymesh {
      font-size:12px
  }
}

@media(max-width: 736px) {
  .overview-content .cover-home-with-easymesh {
      font-size:10.35px;
      background: url(./m/cover-home-with-easymesh.jpg) 50% 100% no-repeat;
      background-size: 100%;
      height: 164.0625vw
  }

  .overview-content .cover-home-with-easymesh .w-container {
      width: auto
  }

  .overview-content .cover-home-with-easymesh .text {
      padding: 0
  }

  .overview-content .cover-home-with-easymesh ul {
      margin-top: 0;
      text-align: left
  }

  .overview-content .cover-home-with-easymesh li {
      width: 49%;
      box-sizing: border-box;
      padding: 0;
      margin: 2em 0 0
  }

  .overview-content .cover-home-with-easymesh h2 {
      font-size: 2.5em;
      line-height: 1.2;
      padding: 1.5em 20px .5em;
      text-align: left
  }

  .overview-content .cover-home-with-easymesh p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px
  }

  .overview-content .cover-home-with-easymesh li p {
      padding: 0;
      font-size: 1.25em;
      font-weight: 500
  }

  .overview-content .cover-home-with-easymesh .p3 {
      font-size: 1.25em
  }

  .overview-content .cover-home-with-easymesh .tips {
      padding: 0 20px;
      font-size: 1em;
      margin-top: 3.75em
  }
}

@media(max-width: 414px) {
  .overview-content .cover-home-with-easymesh {
      font-size:2.5vw
  }
}

.overview-content .j {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background-color: #f6faff;
  background: url(./img/j.jpg) 50% 0 no-repeat;
  height: 55.6875em
}

.overview-content .j sup {
  font-size: x-small;
  vertical-align: top
}

.overview-content .j .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .j .text {
  padding: 3.75em 0;
  color: #fff
}

.overview-content .j h2 {
  font-size: 3.125em;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  padding-bottom: .5em
}

.overview-content .j p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .j .p1 {
  font-size: 1.5em
}

.overview-content .j .j-desc {
  color: #ffd78b;
  font-size: 2.25em;
  font-weight: 500
}

.overview-content .j .p3 {
  font-weight: 300
}

.overview-content .j ul {
  text-align: center;
  margin: 0 auto;
  margin-top: 5em
}

.overview-content .j li {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  padding: 0 1%;
  text-align: left;
  margin-bottom: 3.75em
}

.overview-content .j .tips {
  color: #767677;
  padding-left: 2%;
  font-size: .875em
}

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

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

@media(max-width: 736px) {
  .overview-content .j {
      font-size:10.35px;
      background: #000 url(./m/j.jpg) 50% 100% no-repeat;
      background-size: 100%;
      height: auto;
      padding-bottom: 80%
  }

  .overview-content .j .w-container {
      width: auto
  }

  .overview-content .j .text {
      padding: 0
  }

  .overview-content .j ul {
      margin-top: 0
  }

  .overview-content .j li {
      width: 49%;
      box-sizing: border-box;
      padding: 0;
      margin: 3em 0 0
  }

  .overview-content .j h2 {
      font-size: 2.5em;
      line-height: 1.2;
      padding: 1.5em 20px .5em;
      text-align: left
  }

  .overview-content .j p {
      font-size: 1.75em;
      line-height: 1.42857;
      padding: 0 20px
  }

  .overview-content .j .p3 {
      font-size: 1.25em
  }

  .overview-content .j .tips {
      padding: 0 20px;
      font-size: 1em;
      margin-top: 3.75em
  }
}

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


.archer-easymesh {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  background: #000;
  height: auto;
  color: #fff;
}

.archer-easymesh .w-container {
  width: 96.375em;
  margin: 0 auto;
}

.archer-easymesh .text {
  padding: 5em 9em 0;
  text-align: center;
}

.archer-easymesh .text h2 {
  font-size: 2.8125em;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 0 0.5em;
}

.archer-easymesh .text h3 {
  font-size: 1.75em;
  padding-bottom: 0.5em;
}

.archer-easymesh .text p {
  font-weight: 300;
  font-size: 1.125em;
  line-height: 1.5;
}

.archer-easymesh .text p.link {
  margin-top: 1em;
}

.archer-easymesh .text p.link a {
  color: #cee0ff;
}

.archer-easymesh .feature {
  text-align: center;
  padding: 0 15%;
}

.archer-easymesh .feature li {
  display: inline-block;
  width: 33%;
  text-align: left;
  margin: 2em auto;
}

.archer-easymesh .feature li .img {
  width: 3.125em;
  height: 3.125em;
  background-image: url(./img/g-icon.png);
  background-size: auto 100%;
  display: inline-block;
  vertical-align: middle;
}

.archer-easymesh .feature li .info {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25em;
  font-weight: 400;
  width: 55%;
  padding-left: 1em;
  line-height: 1.2;
}

.archer-easymesh .feature .li-1 .img {
  background-position: 0 0;
}

.archer-easymesh .feature .li-2 .img {
  background-position: 50% 0;
}

.archer-easymesh .feature .li-3 .img {
  background-position: 100% 0;
}

.archer-easymesh .diff {
  margin: 0 auto;
  padding-bottom: 6em;
}
.archer-easymesh .diff li {
  width: 48%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.archer-easymesh .diff li + li {
  margin-left: 2%;
}
.archer-easymesh .diff li video {
  width: 100%;
}
.archer-easymesh .diff p {
  text-align: center;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 1680px) {
  .archer-easymesh {
    font-size: 14px;
  }
}

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

@media (max-width: 736px) {
  .archer-easymesh {
    font-size: 10.35px;
    height: auto;
  }

  .archer-easymesh .w-container {
    width: auto;
  }

  .archer-easymesh .text {
    text-align: left;
    padding: 3.75em 20px 5vw;
  }

  .archer-easymesh .text h2 {
    font-size: 2.5em;
    padding: 0 0 0.5em;
  }

  .archer-easymesh .text p {
    font-size: 1.75em;
  }

  .archer-easymesh .feature {
    position: static;
    transform: none;
    padding: 0 20px;
    width: auto;
    text-align: left;
  }

  .archer-easymesh .feature li {
    width: 48%;
  }

  .archer-easymesh .feature li .info {
    width: 65%;
  }

  .archer-easymesh .diff {
    padding-bottom: 10vw;
  }
  .archer-easymesh .diff li {
    display: block;
    width: auto;
  }
  .archer-easymesh .diff li + li {
    margin-top: 7.5vw;
    margin-left: 0;
  }
}

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

.tp-videoContainer {
  width: auto;
  position: relative;
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
}

.tp-videoContainer video {
  width: 100%;
  display: block;
}

.tp-videoContainer .tp-controllerDiv {
  position: absolute;
  right: 2.5em;
  bottom: 2.5em;
}

.tp-videoContainer .tp-controllerDiv .tp-pauseIcon {
  width: 3em;
  height: 3em;
  color: transparent;
  border-radius: 100%;
  -webkit-user-select: none;
  user-select: none;

  cursor: pointer;
}

@media (max-width: 1680px) {
  .tp-videoContainer {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .tp-videoContainer {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .tp-videoContainer {
    font-size: 10.35px;
  }
  .tp-videoContainer .videoController {
    top: 50%;
    left: 50%;
    right: unset;
    bottom: unset;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 414px) {
  .tp-videoContainer {
    font-size: 2.5vw;
  }
}