.overview-content {color: #fff;background-color: #000000;overflow: hidden;}
.overview-content button{color: inherit;background: unset;border: unset;outline: unset;cursor: pointer;}
.overview-content sup {font-size: 0.5667em;line-height: normal;vertical-align: super;}
.overview-content sup a,
.overview-content .sup a{font-size: 1em!important;margin: 0!important;padding: 0!important;color:inherit;text-decoration: none!important;border: none!important;outline: none!important;background: unset!important;}
.overview-content video{background-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-focus-ring-color: transparent;}
.overview-content .mercusys-red {color:#e60012;}
.overview-content .mercusys-blue {color: #4b90f7;}
.overview-content .mercusys-yellow {color: #ffe6a0;}
.overview-content .mercusys-grey {color: #c8c8c8;}
.overview-content .m-show{display: none;}
@media (max-width: 736px) {
  .overview-content .m-hide{display: none;}
  .overview-content .m-show{display: block;}
}



.ma-banner {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000000 url(./img/a.jpg) top / 120em no-repeat;
  height: 60em;
}
.ma-banner .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative;
}
.ma-banner .text {
  color: #fff;
  padding: 21em 50% 0 0;
  text-align: left;
}
.ma-banner h2 {
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-banner h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 1em;
}
.ma-banner p .model {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  padding: 0.375em 0.875em;
  margin-left: -0.25em;
  border-radius: 10em;
  background-color: #e60012;
  display: inline-block;
}
.ma-banner .logo-wifi7 {
  position: absolute;
  right: -8em;
  top: 6em;
  width: 10em;
  height: auto;
  display: inline-block;
}
@media (min-width: 1921px) {
  .ma-banner {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-banner {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-banner {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-banner {
    font-size: 10.35px;
    background: #000000 url(./m/a.jpg) top / 100% no-repeat;
    height: 133vw;
  }
  .ma-banner .w-container {
    width: auto;
  }
  .ma-banner .text {
    padding: 12.5vw 30vw 0 5vw;
    text-align: left;
  }
  .ma-banner h2 {
    font-size: 6.5vw;
    padding-bottom: 0.375em;
  }
  .ma-banner h3 {
    font-size: 4.875vw;
    font-weight: 300;
    padding-bottom: 0.75em;
  }
  .ma-banner p .model {
    font-size: 4.75vw;
    font-weight: 300;
    margin-left: 0;
  }
  .ma-banner .logo-wifi7 {
    position: absolute;
    right: 5vw;
    top: 13vw;
    width: 22vw;
  }
}
@media (max-width: 414px) {
  .ma-banner {
    font-size: 2.5vw;
  }
}



.ma-selling-points {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
}
.ma-selling-points .w-container {
  width: auto;
  margin: 0 auto;
}
.ma-selling-points .text {
  color: #fff;
  padding: 0em 0 0em;
  text-align: left;
}
.ma-selling-points .box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 52%;
  margin: 0 auto;
  background: #000000 url(./img/b.jpg) top / 100% no-repeat;
}
.ma-selling-points .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.ma-selling-points .font-large {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3333;
}
.ma-selling-points .font-big {
  font-size: 1.22em;
  font-weight: 400;
  line-height: 1.3333;
}
.ma-selling-points .font-medium {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
.ma-selling-points .font-small {
  font-size: 1.22em;
  font-weight: 400;
  line-height: 1.5;
}
.ma-selling-points .font-smaller {
  font-size: 0.75em;
  font-weight: 400;
  line-height: 1.5;
}
.ma-selling-points .desc-1-1 {
  left: 22.25%;
  top: 44%;
  width: 12%;
  text-align: left;
}
.ma-selling-points .desc-1-2 {
  left: 35%;
  top: 44%;
  width: 12%;
  text-align: right;
}
.ma-selling-points .desc-1-3 {
  left: 22.25%;
  top: 51%;
  width: 12%;
  text-align: left;
}
.ma-selling-points .desc-1-4 {
  left: 35%;
  top: 51%;
  width: 12%;
  text-align: right;
}
.ma-selling-points .desc-1-5 {
  left: 22.25%;
  top: 57.75%;
  width: 12%;
  text-align: left;
}
.ma-selling-points .desc-1-6 {
  left: 35%;
  top: 57.75%;
  width: 12%;
  text-align: right;
}
.ma-selling-points .desc-2-1 {
  left: 51.75%;
  top: 12.5%;
  width: 12%;
}
.ma-selling-points .desc-2-2 {
  left: 54.75%;
  top: 26.5%;
  width: 3%;
}
.ma-selling-points .desc-2-3 {
  left: 56.25%;
  top: 31.25%;
  width: 2%;
}
.ma-selling-points .desc-2-4 {
  left: 54%;
  top: 32.75%;
  width: 6%;
  text-align: left;
}
.ma-selling-points .desc-2-5 {
  left: 51.25%;
  top: 36.5%;
  width: 9%;
  text-align: right;
}
.ma-selling-points .desc-3 {
  left: 67.1%;
  top: 12.5%;
  width: 12%;
}
.ma-selling-points .desc-4 {
  left: 51.75%;
  top: 58.5%;
  width: 12%;
}
.ma-selling-points .desc-5 {
  left: 67.1%;
  top: 58.5%;
  width: 12%;
}
.ma-selling-points .desc-6 {
  left: 20.1%;
  top: 80.25%;
  width: 8.5%;
}
.ma-selling-points .desc-7 {
  left: 30.3%;
  top: 80.25%;
  width: 8.5%;
}
.ma-selling-points .desc-8 {
  left: 40.6%;
  top: 80.25%;
  width: 8.5%;
}
.ma-selling-points .desc-9 {
  left: 51.15%;
  top: 80.25%;
  width: 5.5%;
}
.ma-selling-points .desc-10 {
  left: 59%;
  top: 80.25%;
  width: 5%;
}
.ma-selling-points .desc-11 {
  left: 65.75%;
  top: 80.25%;
  width: 7%;
}
.ma-selling-points .desc-12 {
  left: 73.375%;
  top: 80.25%;
  width: 7%;
}
@media (min-width: 1921px) {
  .ma-selling-points {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-selling-points {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-selling-points {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-selling-points {
    font-size: 10.35px;
  }
  .ma-selling-points .w-container {
    width: auto;
  }
  .ma-selling-points .text {
    padding: 0em 0 0em;
    text-align: left;
  }
  .ma-selling-points .box {
    width: 100%;
    padding-top: 272%;
    background: #000000 url(./m/b.jpg) top / 100% no-repeat;
  }
  .ma-selling-points .font-large {
    font-size: 4vw;
  }
  .ma-selling-points .font-big {
    font-size: 4vw;
  }
  .ma-selling-points .font-medium {
    font-size: 3.5vw;
  }
  .ma-selling-points .font-small {
    font-size: 3.5vw;
  }
  .ma-selling-points .font-smaller {
    font-size: 2vw;
  }
  .ma-selling-points .desc-1-1 {
    left: 13%;
    top: 25%;
    width: 32%;
    text-align: left;
  }
  .ma-selling-points .desc-1-2 {
    left: 55%;
    top: 25%;
    width: 32%;
    text-align: right;
  }
  .ma-selling-points .desc-1-3 {
    left: 13%;
    top: 29%;
    width: 32%;
    text-align: left;
  }
  .ma-selling-points .desc-1-4 {
    left: 55%;
    top: 29%;
    width: 32%;
    text-align: right;
  }
  .ma-selling-points .desc-1-5 {
    left: 13%;
    top: 33%;
    width: 32%;
    text-align: left;
  }
  .ma-selling-points .desc-1-6 {
    left: 55%;
    top: 33%;
    width: 32%;
    text-align: right;
  }
  .ma-selling-points .desc-2-1 {
    left: 7.5%;
    top: 41%;
    width: 40%;
  }
  .ma-selling-points .desc-2-2 {
    left: 19.5%;
    top: 49%;
    width: 8%;
  }
  .ma-selling-points .desc-2-3 {
    left: 22.5%;
    top: 52%;
    width: 8%;
  }
  .ma-selling-points .desc-2-4 {
    left: 16.5%;
    top: 53%;
    width: 12%;
  }
  .ma-selling-points .desc-2-5 {
    left: 7%;
    top: 55.5%;
    width: 29%;
  }
  .ma-selling-points .desc-3 {
    left: 53.5%;
    top: 41%;
    width: 40%;
  }
  .ma-selling-points .desc-4 {
    left: 7.5%;
    top: 67.5%;
    width: 40%;
  }
  .ma-selling-points .desc-5 {
    left: 53.5%;
    top: 67.5%;
    width: 40%;
  }
  .ma-selling-points .desc-6 {
    left: 8%;
    top: 79.25%;
    width: 23%;
  }
  .ma-selling-points .desc-7 {
    left: 38.5%;
    top: 79.25%;
    width: 23%;
  }
  .ma-selling-points .desc-8 {
    left: 70.5%;
    top: 79.25%;
    width: 21%;
  }
  .ma-selling-points .desc-9 {
    left: 6%;
    top: 90.5%;
    width: 20%;
  }
  .ma-selling-points .desc-10 {
    left: 29%;
    top: 90.5%;
    width: 20%;
  }
  .ma-selling-points .desc-11 {
    left: 52%;
    top: 90.5%;
    width: 20%;
  }
  .ma-selling-points .desc-12 {
    left: 74.375%;
    top: 90.5%;
    width: 20%;
  }
}
@media (max-width: 414px) {
  .ma-selling-points {
    font-size: 2.5vw;
  }
}



.ma-speed {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #0c0707 url(./img/c.jpg) top / 120em no-repeat;
  height: auto;
}
.ma-speed .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative;
}
.ma-speed .text {
  color: #fff;
  padding: 5em 0 2em;
  text-align: center;
}
.ma-speed h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-speed h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-speed p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
}
.ma-speed a {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #af1932;
  padding-bottom: 0.125em;
  text-decoration: none;
  border-bottom: 0.1em solid #af1932;
}
.ma-speed .link {
  margin-top: 2em;
}
.ma-speed .bg {
  position: relative;
  margin: 31em auto 0;
}
.ma-speed .ul-compare {
  width: auto;
  padding-bottom: 5em;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.ma-speed .ul-compare li {
  width: 32.875%;
}
.ma-speed .ul-compare li .img-txt {
  padding: 1em 0 0;
  text-align: center;
}
.ma-speed .ul-compare li p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
  padding: 0 0;
}
.ma-speed .ul-compare li .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66.5%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ma-speed .ul-compare .li-1 .img {
  background-image: url(./img/c-1.png);
}
.ma-speed .ul-compare .li-2 .img {
  background-image: url(./img/c-2.png);
}
.ma-speed .ul-compare .li-3 .img {
  background-image: url(./img/c-3.png);
}
.ma-speed .ul-compare li .desc {
  position: absolute;
  color: #fff;
  line-height: normal;
  text-align: left;
  display: none;
}
.ma-speed .ul-compare li .desc-wifi {
  font-size: 1.3125em;
  font-weight: 700;
  line-height: 1.2;
  color: #b8b7b8;
}
.ma-speed .ul-compare li .desc-wifi.mercusys-red {
  color: #af1932;
}
.ma-speed .ul-compare li .desc-frequency {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2;
}
.ma-speed .ul-compare li .desc-frequency.mercusys-red {
  color: #af1932;
}
.ma-speed .ul-compare li .desc-number {
  font-size: 1.5em;
  font-weight: 500;
}
.ma-speed .ul-compare li .desc-symbol {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
}
.ma-speed .ul-compare li .desc-QAM {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.2;
}
.ma-speed .ul-compare li .desc-RU {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.2;
}
.ma-speed .ul-compare .li-1 .desc-1 {
  left: 15%;
  bottom: 77%;
  width: 32%;
}
.ma-speed .ul-compare .li-1 .desc-2 {
  left: 54%;
  bottom: 77%;
  width: 32%;
}
.ma-speed .ul-compare .li-1 .desc-3 {
  left: 27%;
  bottom: 24.5%;
  width: 20%;
}
.ma-speed .ul-compare .li-1 .desc-4 {
  left: 65%;
  bottom: 24.5%;
  width: 20%;
}
.ma-speed .ul-compare .li-2 .desc-1 {
  left: 15%;
  top: 77%;
  width: 32%;
  text-align: center;
}
.ma-speed .ul-compare .li-2 .desc-2 {
  left: 54%;
  top: 77%;
  width: 32%;
  text-align: center;
}
.ma-speed .ul-compare .li-2 .desc-3 {
  left: 27%;
  bottom: 24.5%;
  width: 20%;
  text-align: right;
}
.ma-speed .ul-compare .li-2 .desc-4 {
  left: 65%;
  bottom: 24.5%;
  width: 20%;
  text-align: right;
}
.ma-speed .ul-compare .li-2 .desc-5 {
  left: 20%;
  bottom: 81%;
  width: 27%;
}
.ma-speed .ul-compare .li-2 .desc-6 {
  left: 58.75%;
  bottom: 81%;
  width: 27%;
}
.ma-speed .ul-compare .li-3 .desc-1 {
  left: 20%;
  bottom: 81%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-2 {
  left: 20%;
  bottom: 39%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-3 {
  left: 20%;
  bottom: 81%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-4 {
  left: 20%;
  bottom: 39%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-5 {
  left: 20%;
  bottom: 81%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-6 {
  left: 20%;
  bottom: 39%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-7 {
  left: 20%;
  bottom: 81%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-8 {
  left: 20%;
  bottom: 39%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-9 {
  left: 20%;
  bottom: 81%;
  width: 60%;
}
.ma-speed .ul-compare .li-3 .desc-10 {
  left: 20%;
  bottom: 39%;
  width: 60%;
}
@media (min-width: 1921px) {
  .ma-speed {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-speed {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-speed {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-speed {
    font-size: 10.35px;
    background: #0c0707;
    height: auto;
  }
  .ma-speed .w-container {
    width: auto;
  }
  .ma-speed .text {
    padding: 0 0 0em;
    text-align: left;
  }
  .ma-speed h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-speed h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-speed p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-speed a {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    color: #e60012;
    padding-bottom: 0.125em;
    position: relative;
    z-index: 1;
  }
  .ma-speed .link {
    margin: 1em 5vw 0;
  }
  .ma-speed .bg {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 75vw;
    margin: 0 auto;
    background: #000000 url(./m/c.jpg) top / 100% no-repeat;
  }
  .ma-speed .ul-compare {
    width: auto;
    padding: 0 0 3em;
    margin: 0 5vw;
    display: block;
  }
  .ma-speed .ul-compare li {
    width: 100%;
  }
  .ma-speed .ul-compare li+li {
    margin-top: 3em;
  }
  .ma-speed .ul-compare li p {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0;
  }
  .ma-speed .ul-compare li .img-txt {
    padding: 1em 0 0;
    text-align: center;
  }
  .ma-speed .ul-compare li .img {
    height: 0;
    padding-top: 66.5%;
  }
  .ma-speed .ul-compare .li-1 .img {
    background-image: url(./img/c-1.png);
  }
  .ma-speed .ul-compare .li-2 .img {
    background-image: url(./img/c-2.png);
  }
  .ma-speed .ul-compare .li-3 .img {
    background-image: url(./img/c-3.png);
  }
  .ma-speed .ul-compare li .desc-wifi {
    font-size: 3.75vw;
  }
  .ma-speed .ul-compare li .desc-frequency {
    font-size: 3vw;
  }
  .ma-speed .ul-compare li .desc-number {
    font-size: 1.5em;
  }
  .ma-speed .ul-compare li .desc-symbol {
    font-size: 3.25vw;
  }
  .ma-speed .ul-compare li .desc-QAM {
    font-size: 2.75vw;
  }
  .ma-speed .ul-compare li .desc-RU {
    font-size: 2.75vw;
  }
  .ma-speed .ul-compare .li-1 .desc-1 {
    left: 15%;
    bottom: 77%;
    width: 32%;
  }
  .ma-speed .ul-compare .li-1 .desc-2 {
    left: 54%;
    bottom: 77%;
    width: 32%;
  }
  .ma-speed .ul-compare .li-1 .desc-3 {
    left: 27%;
    bottom: 24.5%;
    width: 20%;
  }
  .ma-speed .ul-compare .li-1 .desc-4 {
    left: 65%;
    bottom: 24.5%;
    width: 20%;
  }
  .ma-speed .ul-compare .li-2 .desc-1 {
    left: 15%;
    top: 77%;
    width: 32%;
    text-align: center;
  }
  .ma-speed .ul-compare .li-2 .desc-2 {
    left: 54%;
    top: 77%;
    width: 32%;
    text-align: center;
  }
  .ma-speed .ul-compare .li-2 .desc-3 {
    left: 27%;
    bottom: 24.5%;
    width: 20%;
    text-align: right;
  }
  .ma-speed .ul-compare .li-2 .desc-4 {
    left: 65%;
    bottom: 24.5%;
    width: 20%;
    text-align: right;
  }
  .ma-speed .ul-compare .li-2 .desc-5 {
    left: 20%;
    bottom: 81%;
    width: 27%;
  }
  .ma-speed .ul-compare .li-2 .desc-6 {
    left: 58.75%;
    bottom: 81%;
    width: 27%;
  }
  .ma-speed .ul-compare .li-3 .desc-1 {
    left: 20%;
    bottom: 81%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-2 {
    left: 20%;
    bottom: 39%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-3 {
    left: 20%;
    bottom: 81%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-4 {
    left: 20%;
    bottom: 39%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-5 {
    left: 20%;
    bottom: 81%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-6 {
    left: 20%;
    bottom: 39%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-7 {
    left: 20%;
    bottom: 81%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-8 {
    left: 20%;
    bottom: 39%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-9 {
    left: 20%;
    bottom: 81%;
    width: 60%;
  }
  .ma-speed .ul-compare .li-3 .desc-10 {
    left: 20%;
    bottom: 39%;
    width: 60%;
  }
}
@media (max-width: 414px) {
  .ma-speed {
    font-size: 2.5vw;
  }
}



.ma-application {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding-bottom: 5em;
  background: #090808;
}
.ma-application .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.ma-application .text {
  color: #fff;
  padding: 5em 0 2em;
  text-align: center;
}
.ma-application h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-application h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-application p {
  font-size: 1.22em;
  font-weight: 400;
  line-height: 1.5;
  color: #c8c8c8;
}
.ma-application .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 55.5%;
  margin: 0 auto;
  background: url(./img/d.png) top / 100% no-repeat;
}
.ma-application .img .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: center;
  display: none;
}
.ma-application .img .desc-frequency {
  font-size: 1.22em;
  font-weight: 400;
  line-height: 1.5;
}
.ma-application .img .desc-speed {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
}
.ma-application .img .desc-b {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
.ma-application .img .desc-m {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}
.ma-application .img .desc-1 {
  left: 5%;
  bottom: 52%;
  width: 30%;
}
.ma-application .img .desc-2 {
  left: 35%;
  bottom: 52%;
  width: 30%;
}
.ma-application .img .desc-3 {
  left: 68%;
  bottom: 52%;
  width: 30%;
}
.ma-application .img .desc-4 {
  left: 5%;
  top: 80%;
  width: 10%;
}
.ma-application .img .desc-5 {
  left: 5%;
  top: 76%;
  width: 6%;
}
.ma-application .img .desc-6 {
  left: 5%;
  top: 80%;
  width: 6%;
}
.ma-application .img .desc-7 {
  left: 5%;
  top: 88%;
  width: 6%;
}
.ma-application .img .desc-8 {
  left: 5%;
  top: 72%;
  width: 10%;
}
.ma-application .img .desc-9 {
  left: 72%;
  top: 70%;
  width: 8%;
}
.ma-application .img .desc-10 {
  left: 72%;
  top: 75%;
  width: 8%;
}
.ma-application .img .desc-11 {
  left: 72%;
  top: 80%;
  width: 8%;
}
.ma-application .img .desc-12 {
  left: 64%;
  top: 86%;
  width: 30%;
}
@media (min-width: 1921px) {
  .ma-application {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-application {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-application {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-application {
    font-size: 10.35px;
    padding-bottom: 3em;
    background: #090808;
  }
  .ma-application .w-container {
    width: auto;
  }
  .ma-application .text {
    padding: 0 0 2em;
    text-align: left;
  }
  .ma-application h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-application h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-application p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-application .img {
    width: 90%;
    height: 0;
    padding-top: 369%;
    background: url(./m/d.png) top / 100% no-repeat;
  }
  .ma-application .img .desc-frequency {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1.5;
  }
  .ma-application .img .desc-speed {
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.2;
  }
  .ma-application .img .desc-b {
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1.5;
  }
  .ma-application .img .desc-m {
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1.5;
  }
  .ma-application .img .desc-1 {
    left: 5%;
    bottom: 52%;
    width: 30%;
  }
  .ma-application .img .desc-2 {
    left: 35%;
    bottom: 52%;
    width: 30%;
  }
  .ma-application .img .desc-3 {
    left: 68%;
    bottom: 52%;
    width: 30%;
  }
  .ma-application .img .desc-4 {
    left: 5%;
    top: 80%;
    width: 10%;
  }
  .ma-application .img .desc-5 {
    left: 5%;
    top: 76%;
    width: 6%;
  }
  .ma-application .img .desc-6 {
    left: 5%;
    top: 80%;
    width: 6%;
  }
  .ma-application .img .desc-7 {
    left: 5%;
    top: 90%;
    width: 6%;
  }
  .ma-application .img .desc-8 {
    left: 5%;
    top: 72%;
    width: 10%;
  }
  .ma-application .img .desc-9 {
    left: 72%;
    top: 70%;
    width: 8%;
  }
  .ma-application .img .desc-10 {
    left: 72%;
    top: 75%;
    width: 8%;
  }
  .ma-application .img .desc-11 {
    left: 72%;
    top: 80%;
    width: 8%;
  }
  .ma-application .img .desc-12 {
    left: 64%;
    top: 86%;
    width: 30%;
  }
}
@media (max-width: 414px) {
  .ma-application {
    font-size: 2.5vw;
  }
}



.ma-coverage {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000 url(./img/e.jpg) top / 120em no-repeat;
  height: 55em;
}
.ma-coverage .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative;
}
.ma-coverage .text {
  color: #fff;
  padding: 18em 0 2em 60%;
  text-align: left;
}
.ma-coverage h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-coverage h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-coverage p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
}
.ma-coverage .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.ma-coverage .desc-b {
  font-size: 3.375em;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}
.ma-coverage .desc-m {
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1.3333;
  display: block;
}
.ma-coverage .desc-1 {
  left: 12.5em;
  top: 26em;
}
.ma-coverage .desc-2 {
  left: 14em;
  top: 34em;
}
.ma-coverage .desc-3 {
  left: 4.75em;
  top: 36.25em;
  width: 12em;
  text-align: left;
}
.ma-coverage .desc-4 {
  left: 3em;
  top: 43.5em;
  width: 23em;
  text-align: right;
}
@media (min-width: 1921px) {
  .ma-coverage {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-coverage {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-coverage {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-coverage {
    font-size: 10.35px;
    background: none;
    height: auto;
    display: block;
  }
  .ma-coverage .w-container {
    width: auto;
  }
  .ma-coverage .text {
    padding: 0 0 3em;
    text-align: left;
  }
  .ma-coverage h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-coverage h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-coverage p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-coverage .desc-b {
    font-size: 7.5vw;
  }
  .ma-coverage .desc-m {
    font-size: 3.75vw;
  }
  .ma-coverage .desc-1 {
    left: 36%;
    top: 44%;
  }
  .ma-coverage .desc-2 {
    left: 42%;
    top: 56%;
  }
  .ma-coverage .desc-3 {
    left: 24%;
    top: 61%;
    width: 24%;
  }
  .ma-coverage .desc-4 {
    left: 6%;
    top: 75%;
    width: 59%;
  }
  .ma-coverage .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 103%;
    margin: 0 auto;
    background: #000000 url(./m/e.jpg) bottom / 100% no-repeat;
  }
}
@media (max-width: 414px) {
  .ma-coverage {
    font-size: 2.5vw;
  }
}



.ma-installation {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000 url(./img/f.jpg) top / 120em no-repeat;
  height: 57.5em;
  display: flex;
  align-items: center;
}
.ma-installation .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.ma-installation .text {
  color: #fff;
  padding: 0 64% 2em 0;
  text-align: left;
}
.ma-installation h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-installation h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-installation p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
}
.ma-installation .prod-box {
  position: relative;
  width: 50%;
  height: 0;
  padding-top: 15%;
  margin-top: 3em;
  background: url(./img/f-prod.png) top / 100% no-repeat;
}
.ma-installation .prod-box .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.ma-installation .prod-box .desc-b {
  font-size: 3.375em;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}
.ma-installation .prod-box .desc-m {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3333;
  display: block;
}
.ma-installation .prod-box .desc-1 {
  left: 8%;
  top: 85%;
}
.ma-installation .prod-box .desc-2 {
  left: 72%;
  top: 85%;
}
@media (min-width: 1921px) {
  .ma-installation {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-installation {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-installation {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-installation {
    font-size: 10.35px;
    background: none;
    height: auto;
    padding: 0 0 0;
  }
  .ma-installation .w-container {
    width: auto;
  }
  .ma-installation .text {
    padding: 0 0 2em;
    text-align: left;
  }
  .ma-installation h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-installation h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-installation p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-installation .prod-box {
    width: 40%;
    padding-top: 12%;
    margin: 3em 5vw 0;
  }
  .ma-installation .prod-box .desc-b {
    font-size: 7.5vw;
  }
  .ma-installation .prod-box .desc-m {
    font-size: 3.75vw;
  }
  .ma-installation .prod-box .desc-1 {
    left: 11%;
    top: 84%;
  }
  .ma-installation .prod-box .desc-2 {
    left: 74%;
    top: 84%;
  }
  .ma-installation .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 88%;
    margin: 0 auto;
    background: #000000 url(./m/f.jpg) bottom / 100% no-repeat;
  }
}
@media (max-width: 414px) {
  .ma-installation {
    font-size: 2.5vw;
  }
}



.ma-bluetooth {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000000 url(./img/g.jpg) top / 120em no-repeat;
  height: 53.5em;
  display: flex;
  align-items: center;
}
.ma-bluetooth .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.ma-bluetooth .text {
  color: #fff;
  padding: 0em 0 2em 65%;
  text-align: left;
}
.ma-bluetooth h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-bluetooth h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-bluetooth p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
}
@media (min-width: 1921px) {
  .ma-bluetooth {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-bluetooth {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-bluetooth {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-bluetooth {
    font-size: 10.35px;
    background: unset;
    height: auto;
    display: block;
  }
  .ma-bluetooth .w-container {
    width: auto;
  }
  .ma-bluetooth .text {
    padding: 0 0 2em;
    text-align: left;
  }
  .ma-bluetooth h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-bluetooth h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-bluetooth p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-bluetooth .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 77%;
    margin: 0 auto;
    background: #000000 url(./m/g.jpg) bottom / 100% no-repeat;
  }
}
@media (max-width: 414px) {
  .ma-bluetooth {
    font-size: 2.5vw;
  }
}



.ma-protection {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000 url(./img/h.jpg) top / 120em no-repeat;
  height: 56em;
}
.ma-protection .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative;
}
.ma-protection .text {
  color: #fff;
  padding: 5em 3% 2em;
  text-align: center;
}
.ma-protection h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-protection h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-protection p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
}
.ma-protection .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: center;
}
.ma-protection .desc-b {
  font-size: 3.375em;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}
.ma-protection .desc-m {
  font-size: 1.6875em;
  font-weight: 400;
  line-height: 1.3333;
  display: block;
}
.ma-protection .desc-1 {
  left: 32em;
  top: 23em;
}
@media (min-width: 1921px) {
  .ma-protection {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-protection {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-protection {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .ma-protection {
    font-size: 10.35px;
    background: none;
    height: auto;
  }
  .ma-protection .w-container {
    width: auto;
  }
  .ma-protection .text {
    padding: 0 0 2em;
    text-align: left;
  }
  .ma-protection h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-protection h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-protection p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-protection .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 71%;
    margin: 0 auto;
    background: #000000 url(./m/h.jpg) bottom / 100% no-repeat;
  }
  .ma-protection .desc-b {
    font-size: 7.5vw;
  }
  .ma-protection .desc-m {
    font-size: 4.5vw;
  }
  .ma-protection .desc-1 {
    left: 39.5%;
    top: 33%;
  }
}
@media (max-width: 414px) {
  .ma-protection {
    font-size: 2.5vw;
  }
}



.ma-operating-system {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #000000 url(./img/i.jpg) top / 120em no-repeat;
  height: 54em;
  display: flex;
  align-items: center;
}
.ma-operating-system .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.ma-operating-system .text {
  color: #fff;
  padding: 0 64% 2em 0;
  text-align: left;
}
.ma-operating-system h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.ma-operating-system h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.375em;
}
.ma-operating-system p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
  color: #c8c8c8;
}
.ma-operating-system .system-box {
  margin-top: 2em;
}
.ma-operating-system .system-box img {
  width: 60%;
  height: auto;
  display: block;
}
@media (min-width: 1921px) {
  .ma-operating-system {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .ma-operating-system {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .ma-operating-system {
    font-size:12px;
  }
}
@media (max-width: 736px) {
  .ma-operating-system {
    font-size: 10.35px;
    background: #000000;
    height: auto;
    display: block;
  }
  .ma-operating-system .w-container {
    width: auto;
  }
  .ma-operating-system .text {
    padding: 0 0 3em;
    text-align: left;
  }
  .ma-operating-system h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 2em 5vw 0.5em;
  }
  .ma-operating-system h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 5vw 0.5em;
  }
  .ma-operating-system p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 5vw;
  }
  .ma-operating-system .system-box {
    margin: 2.5em 5vw 0;
  }
  .ma-operating-system .system-box img {
    width: 60%;
  }
  .ma-operating-system .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 68%;
    margin: 0 auto;
    background: #000000 url(./m/i.jpg) bottom / 100% no-repeat;
  }
}
@media (max-width: 414px) {
  .ma-operating-system {
    font-size: 2.5vw;
  }
}