body,
body>.page-content-wrapper,
html {overflow: visible !important;}

.vigi-img-box {width:100%;background-color:#f2f2f0;}
.vigi-img-box sup {font-size: 0.5556em;}
.vigi-img-box .white {color:#fff;}
.vigi-img-box .tp-color {color:#4acbd6;}
.vigi-img-box .smb-color {color:#005564;}
.vigi-img-box .no-wrap {white-space:nowrap;}
.vigi-img-box .m-show {display:none;}
@media (max-width: 736px) {
  .vigi-img-box .m-show {display:block;}
  .vigi-img-box .m-hide {display:none;}
}

/* old */
.vigi-img-box{font-size:16px;max-width:1200px;width:75em;margin:0 auto;}
.vigi-img-box img{display:block;width:100%;height:auto;margin:0 auto;}
.vigi-img-box img.m-show{display:none;}
@media(max-width: 1024px){.vigi-img-box{font-size:10px;}}
@media(max-width: 736px){
  .vigi-img-box{font-size:10.35px;max-width:100vw;width:100vw;}
  .vigi-img-box img.m-show{display:block;}
  .vigi-img-box img.m-hide{display:none;}
}
@media(max-width: 414px){.vigi-img-box{font-size:2.5vw;}}


/* new */
.overview-content {width:100%;}
.overview-content sup {font-size: 0.5556em;}
.overview-content .white {color:#fff;}
.overview-content .tp-color {color:#4acbd6;}
.overview-content .smb-color {color:#005564;}
.overview-content .no-wrap {white-space:nowrap;}
.overview-content .m-show {display:none;}
@media (max-width: 736px) {
  .overview-content .m-show {display:block;}
  .overview-content .m-hide {display:none;}
}

.overview-content .vigi-banner {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
  background: url(./img/a.jpg?2) top / 75em no-repeat;
  height: 35.5em;
}
.overview-content .vigi-banner .w-container {
  margin: 0 auto;
  width: 60em;
}
.overview-content .vigi-banner .text {
  padding: 24em 0 0 0;
  text-align: center;
}
.overview-content .vigi-banner h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.25;
  padding-bottom: 0.5em;
}
.overview-content .vigi-banner h3 {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0;
}
.overview-content .vigi-banner p>span {
  background: linear-gradient(to right, #ff001b, #ff00f0, #5864ff, #00beff), -webkit-gradient(linear, left top, right top, from(#ff001b), to(#00beff));
  color: #00beff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: 300;
}
.overview-content .vigi-banner p {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.3333;
}
.overview-content .vigi-banner p.model {
  margin-top: 1.187em;
  text-align: center;
  display: inline-block;
  padding: 0.5em 1em;
  border: 0.1em solid;
  border-radius: 0.25em;
}
@media (max-width: 1680px) {
  .overview-content .vigi-banner {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .vigi-banner {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .overview-content .vigi-banner {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  .overview-content .vigi-banner {
    font-size: 10.35px;
    max-width: 85.18vw;
    height: auto;
    padding-bottom: 6vw;
    background: #f9f9f9 url(./m/a.jpg?2) top / 100% no-repeat;
  }
  .overview-content .vigi-banner .w-container {
    width: 77.5vw;
  }
  .overview-content .vigi-banner .text {
    padding: 74vw 0 0;
    text-align: center;
  }
  .overview-content .vigi-banner h2 {
    font-size: 6.67vw;
    padding: 0 0 4.5vw;
    line-height: 1.33;
  }
  .overview-content .vigi-banner h3 {
    font-size: 3.7vw;
    padding: 0;
  }
  .overview-content .vigi-banner p {
    font-size: 3vw;
  }
  .overview-content .vigi-banner p.model {
    margin-top: 4vw;
    padding: 1.5vw 2.5vw;
    font-size: 3.5vw;
  }
}
@media (max-width: 414px) {
  .overview-content .vigi-banner {
    font-size: 2.5vw;
  }
}


.overview-content .vigi-selling-points {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}
.overview-content .vigi-selling-points .w-container {
  width: 64em;
  margin: 0 auto;
}
.overview-content .vigi-selling-points h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.5em;
}
.overview-content .vigi-selling-points p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}
.overview-content .vigi-selling-points ul {
  text-align: center;
  padding: 5em 0 0;
  width: 100%;
  margin: 0 auto
}
.overview-content .vigi-selling-points ul li {
  display: inline-block;
  width: 23%;
  margin: 2em 0;
}
.overview-content .vigi-selling-points ul .li-1,
.overview-content .vigi-selling-points ul .li-5 {
  width: 28%;
}
.overview-content .vigi-selling-points ul .li-2,
.overview-content .vigi-selling-points ul .li-6 {
  width: 26%;
}
.overview-content .vigi-selling-points ul .li-3,
.overview-content .vigi-selling-points ul .li-7 {
  width: 21%;
}
.overview-content .vigi-selling-points ul li .icon {
  display: inline-block;
  vertical-align: middle;
  width: 3.125em;
  height: 3.125em;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}
.overview-content .vigi-selling-points ul .li-1 .icon {
  background-image: url(./img/b1.png?2);
}
.overview-content .vigi-selling-points ul .li-2 .icon {
  background-image: url(./img/b2.png?2);
}
.overview-content .vigi-selling-points ul .li-3 .icon {
  background-image: url(./img/b3.png?2);
}
.overview-content .vigi-selling-points ul .li-4 .icon {
  background-image: url(./img/b4.png?2);
}
.overview-content .vigi-selling-points ul .li-5 .icon {
  background-image: url(./img/b5.png?2);
}
.overview-content .vigi-selling-points ul .li-6 .icon {
  background-image: url(./img/b6.png?2);
}
.overview-content .vigi-selling-points ul .li-7 .icon {
  background-image: url(./img/b7.png?2);
}
.overview-content .vigi-selling-points ul .li-8 .icon {
  background-image: url(./img/b8.png?2);
}
.overview-content .vigi-selling-points ul li .desc {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.5em);
  text-align: left;
}
@media (max-width: 1680px) {
  .overview-content .vigi-selling-points {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .vigi-selling-points {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .overview-content .vigi-selling-points {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  .overview-content .vigi-selling-points {
    font-size: 10.35px;
    max-width: 85.18vw;
  }
  .overview-content .vigi-selling-points .w-container {
    width: auto;
    max-width: 100%;
  }
  .overview-content .vigi-selling-points h2 {
    font-size: 5.625vw;
    padding-bottom: 3.125vw;
  }
  .overview-content .vigi-selling-points p {
    font-size: 3.22vw;
  }
  .overview-content .vigi-selling-points ul {
    text-align: left;
    padding: 13.5vw 0 0;
    width: auto;
    margin: 0 auto
  }
  .overview-content .vigi-selling-points ul li {
    width: 49%;
    margin: 4vw 0;
    text-align: left;
    vertical-align: middle;
  }
  .overview-content .vigi-selling-points ul .li-1,
  .overview-content .vigi-selling-points ul .li-3,
  .overview-content .vigi-selling-points ul .li-5,
  .overview-content .vigi-selling-points ul .li-7 {
    width: 50.5%;
  }
  .overview-content .vigi-selling-points ul .li-2,
  .overview-content .vigi-selling-points ul .li-4,
  .overview-content .vigi-selling-points ul .li-6,
  .overview-content .vigi-selling-points ul .li-8 {
    width: 48.5%;
  }
  .overview-content .vigi-selling-points ul li .icon {
    width: 8.75vw;
    height: 8.75vw;
    margin-right: 2vw;
  }
  .overview-content .vigi-selling-points ul li .desc {
    width: calc(100% - 12.5vw);
  }
}
@media (max-width: 414px) {
  .overview-content .vigi-selling-points {
    font-size: 2.5vw;
  }
}


.overview-content .total-control-one-app {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  /* background: #fafafa; */
  /* max-width: 120em; */
  max-width: 1200px;
  width: 75em;
}

.overview-content .total-control-one-app .vigi-box.fixed {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 75em;
  max-width: 1200px;
}

.overview-content .total-control-one-app .vigi-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.overview-content .total-control-one-app .text p {
  font-size: 1.125em;
  line-height: 1.5;
  padding-bottom: 2em;
}
.overview-content .total-control-one-app .text .content p.desc{
  padding-bottom: 0;
  line-height: 1;
  position: absolute;
  font-weight: 400;
}
.overview-content .total-control-one-app .text .content p.desc.vigi-gray{
  color: #aaaaaa;
}
.overview-content .total-control-one-app .text .content p.desc1{

top: 1em;

width: 10em;

left: -2em;
}
.overview-content .total-control-one-app .text .content p.desc2{
  
top: 4.5em;
  
width: 10em;
  
left: 1.5em;
}
.overview-content .total-control-one-app .w-container {
}

.overview-content .total-control-one-app .text {
  padding: 9.5em 49.5em 0 0em;
}

.overview-content .total-control-one-app .text .text-container {
  display: flex;
}

.overview-content .total-control-one-app h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
  padding-left: 0;
}

.overview-content .total-control-one-app h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .total-control-one-app .img {
  height: 58em;
  position: relative;
  margin: 0 auto;
}

.overview-content .total-control-one-app .bg {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity linear 500ms;
  -webkit-transition: opacity linear 500ms;
  -moz-transition: opacity linear 500ms;
}

.overview-content .total-control-one-app .bg.active {
  opacity: 1;
}

.overview-content .total-control-one-app img.icon {
  width: 11.4em;
  height: 6.4em;
  display: block;
  margin-top: 0.3em;
}

.overview-content .total-control-one-app .content {
  width: auto;
  margin-left: 0;
  position: relative;
}

.overview-content .total-control-one-app img.phone {
  width: 45.3em;
  position: absolute;
  top: 9.5em;
  right: 0em;
}
.overview-content .total-control-one-app img.phone-out {
  width: 19.5em;
  position: absolute;
  top: 10.5em;
  right: 15em;
}
.overview-content .total-control-one-app .bg1 img.phone {
  top: 9.5em;
  right: 0;
}
.overview-content .total-control-one-app .bg2 img.phone,
.overview-content .total-control-one-app .bg3 img.phone {
  width: 45.3em;
}

@media (max-width: 1680px) {
  .overview-content .total-control-one-app {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .total-control-one-app {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .overview-content .total-control-one-app {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .total-control-one-app {
    font-size: 10.35px;
    width: 100%;
    background: none;
  }
  .overview-content .total-control-one-app .bg1 img.phone {
    top: unset;
    right: unset;
  }
  .overview-content .total-control-one-app .w-container {
    width: 85.18vw;
    position: relative;
    text-align: center;
    margin: 0 auto;
  }

  .overview-content .total-control-one-app .text {
    padding: 0 0 7vw;
    text-align: left;
  }

  .overview-content .total-control-one-app .text .text-container {
    display: block;
    position: relative;
    margin-top: 7vw;
  }

  .overview-content .total-control-one-app .img {
    width: auto;
    height: 140vw;
  }

  .overview-content .total-control-one-app h2 {
    /* font-size: 2.5em; */
    line-height: 1.33;
    /* padding: 13.5vw 0 0.5em; */
    position: relative;
    top: auto;
    left: auto;
    text-align: left;
    font-size: 6.67vw;
    padding: 13.5vw 0 5.5vw;
  }

  .overview-content .total-control-one-app h3 {
    font-size: 2em;
    padding: 0 20px 0.5em;
  }

  .overview-content .total-control-one-app .text p {
    font-size: 3.33vw;
    padding: 0;
  }

  .overview-content .total-control-one-app img.icon {
    /* display: none; */
    width: 35.4vw;
    height: auto;
    display: block;
    margin-top: 0;
  }

 .overview-content .total-control-one-app .text .content p.desc1{

top: 0vw;

width: 33vw;

left: 0vw;

height: 8vw;

line-height: 8vw;

padding-left: 27vw;
}
.overview-content .total-control-one-app .text .content p.desc2{
  
/* top: 4.5em; */
  
/* width: 10em; */
  
/* left: 1.5em; */
  
/* top: 15.5vw; */
  
/* width: 33vw; */
  
/* left: 39vw; */
  
top: 13vw;
  
width: 33vw;
  
left: 0vw;
  
height: 8vw;
  
line-height: 8vw;
  
padding-left: 39vw;
}

  .overview-content .total-control-one-app .content {
    width: auto;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
  }

  .overview-content .total-control-one-app .bg {
    /* position: absolute; */
    /* left: auto; */
    /* top: auto; */
    /* bottom: auto; */
    /* right: auto; */
    /* opacity: 1; */
    width: 100vw;
  }

  .overview-content .total-control-one-app img.phone {
    width: 100%;
    position: relative;
    margin: 0 auto;
    top: auto;
    right: auto;
  }
  .overview-content .total-control-one-app .bg2 img.phone,
  .overview-content .total-control-one-app .bg3 img.phone {
    width: 100%;
  }
  .overview-content .total-control-one-app img.phone-out {
    width: 51vw;
    position: absolute;
    margin: 0 auto;
    top: 36vw;
    right: auto;
    left: 24.5vw;
  }
  .overview-content .total-control-one-app .tp-banner-prev {
    position: absolute;

    bottom: 50vw;
    left: 7vw;
    z-index: 3;
    cursor: pointer;
  }

  .overview-content .total-control-one-app .tp-banner-prev .tp-banner-icon {
    background: url(./m/left.png) 50% 100% no-repeat;
    background-size: 100%;
    display: block;
    width: 8vw;
    height: 8vw;
  }

  .overview-content .total-control-one-app .tp-banner-next .tp-banner-icon {
    background: url(./m/right.png) 50% 100% no-repeat;
    background-size: 100%;
    display: block;
    width: 8vw;
    height: 8vw;
  }

  .overview-content .total-control-one-app .content br {
    display: none;
  }

  .overview-content .total-control-one-app .tp-banner-next {
    position: absolute;
    bottom: 50vw;
    right: 7vw;
    z-index: 3;
    cursor: pointer;
  }
}

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