.overview-content{margin:0 auto;max-width:1920px;font-size:16px;}
.overview-content .w1440{position:relative;margin:0 auto;width:90em;}
.overview-content .w1366{position:relative;margin:0 auto;width:85.375em;}
.overview-content .w1200{position:relative;margin:0 auto;width:75em;}
.overview-content .regular{font-weight:400;}
.overview-content .medium{font-weight:500;}
.overview-content .bold{font-weight:700;}
.overview-content .m-show{display:none;}
.overview-content .nowrap{white-space:nowrap;}
.overview-content .text>h2{font-size:3.125em;line-height:1.2;font-weight:500;}
.overview-content .text h3{font-size:1.875em;line-height:1.2;}
.overview-content .text>p{letter-spacing:.01em;font-size:1.25em;line-height:1.5;padding-top:1.5em;}
.overview-content .bg{position:relative;background-position:center;background-size:120em auto;background-repeat:no-repeat;}
.overview-content .section{position:relative;overflow:hidden;box-sizing:border-box;background-position:bottom;background-size:100% auto;background-repeat:no-repeat;}
.overview-content .section .desc-text{position:absolute;bottom:0;left:0;width:100%;height:100%;}
.overview-content .section .desc-text>.desc{position:absolute;}
@media screen and (max-width:1440px){
  .overview-content{font-size:1.11111vw;}
}
@media screen and (max-width:736px){
  html{font-size:10.35px;}
.overview-content .m-show{display:block;}
.overview-content .m-hide{display:none;}
.overview-content .w1200,.overview-content .w1366,.overview-content .w1440{width:auto;}
.overview-content .text>h2{padding:4rem 6% 2rem;font-size:2.25rem;}
.overview-content .text h3 {font-size: 2rem;padding: 0 0 2rem}
.overview-content .text>p{padding:0 6% 0;font-size:1.5rem;line-height:1.5;}
.overview-content .text h2+p{padding-top:0;}
.overview-content .section{padding:0;background-position:bottom;background-size:100% auto;background-repeat: no-repeat;}
.overview-content .section .text{padding: 0;text-align: left;}
}
.overview-content .a {background-image: url(a.jpg);height: 0;padding-bottom: 44%;}
.overview-content .a .a-width{width:92%;margin: 0 auto;}
.overview-content .a .text{padding-top: 16.5em ;width:37em;float: right; }
.overview-content .a .text h2{font-size: 4em}
.overview-content .a .text p{font-size: 1.875em;padding-top: .45em;}
.overview-content .a .text .model{color: #fff;background: #71b0f5;border-radius: .35em;display: inline-block;padding: .1em .35em;margin-top: .5em;}

.overview-content .a1{padding: 3em 0;}
.overview-content .a1 ul{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;}
.overview-content .a1 li{width: 12%;text-align: center;}
.overview-content .a1 ul p {font-size: 1.25em;text-align: center;padding-top: .5em;line-height: 1.1;}
.overview-content .a1 .icon{display: block;margin: 0 auto;width: 3em;height: 3em;background-image: url(icons.png);background-size: auto 100%;background-repeat: no-repeat;}
.overview-content .a1 .icon1{background-position: 0 0;}
.overview-content .a1 .icon2{background-position: 16% 0;}
.overview-content .a1 .icon3{background-position: 33% 0;}
.overview-content .a1 .icon4{background-position: 49% 0;}
.overview-content .a1 .icon5{background-position: 67% 0;}
.overview-content .a1 .icon6{background-position: 83% 0;}
.overview-content .a1 .icon7{background-position: 100.5% 0;}

.overview-content .b{background-image: url(b.jpg);background-size:120em auto;background-position: bottom;min-height: 60em;}
.overview-content .b .text{padding:10em 0 0;width: 60%;}
.overview-content .b .text p{padding-right: 5%;}
.overview-content .b .comparison{padding-top: 3em;}
.overview-content .b .type{color:#6d6d6e;padding-bottom: 1.5em;}
.overview-content .b .type-vdsl{color: #0060ff;font-weight: 500;}
.overview-content .b .type p{font-size: 1.35em;line-height: 1.1;}
.overview-content .b .type .bar{display:inline-block;margin-right:.75em;background-color: currentColor;vertical-align: middle;height: .5em;}
.overview-content .b .type-vdsl .bar{width: 24.5em;}
.overview-content .b .type-vdsl2 .bar{width: 10em;}
.overview-content .b .type-adsl .bar{width: 6em;}
.overview-content .b .type .num{font-size: 3em;line-height: 1;}
.overview-content .b .type-vdsl .num{font-size: 3.5em;}

.overview-content .c {background-color:#fafafa;background-image: url(c.jpg);padding-bottom: 32%;background-position: bottom;}
.overview-content .c .text{text-align: center;padding: 5.25em 0 4em;}
.overview-content .c .desc-text{height: 0;padding-top: 35%;}
.overview-content .c .desc-text .desc{font-size: 1.5em;line-height: 1.2;}
.overview-content .c .desc-text .desc1{width: 9%;bottom: 52%;right:84%;text-align: right;}
.overview-content .c .desc-text .desc2{bottom: 19.5%;left:31%;}
.overview-content .c .desc-text .desc3{bottom: 39.5%;left:45%;}

.overview-content .d{background-color:#e8f4ff;background-image: url(d.jpg);background-position: bottom;padding-bottom: 30%;}
.overview-content .d .text{text-align: center;padding: 5.25em 0 4em;}
.overview-content .d .desc-text{height:0;padding-top: 34%;}
.overview-content .d .desc-text .desc{font-size: 3.35em;color:#fff;font-weight: 400;top:30%;line-height: 1.1;}
.overview-content .d .desc-text .num{font-size: 3.5em;line-height:1;}
.overview-content .d .desc-text .desc1{text-align: right;right: 50%;}
.overview-content .d .desc-text .desc2{left: 56%;}

.overview-content .e{background-image: url(e.jpg);background-color: #f4f5f6;background-position:bottom;padding-bottom: 28%;}
.overview-content .e .text{text-align: center;padding: 5.5em 0 2em;width: 50em;margin: 0 auto;}
.overview-content .e ul{display: flex;justify-content: space-between;padding-top: 3em;}
.overview-content .e li{width: 30%;text-align: center;}
.overview-content .e .icon{display: block;margin: 0 auto;width: 3em;height: 3em;background-image: url(e-icons.png);background-repeat: no-repeat;background-size: auto 100%;}
.overview-content .e .icon1{background-position: 0 0 ;}
.overview-content .e .icon2{background-position: 50% 0 ;}
.overview-content .e .icon3{background-position: 100% 0 ;}

.overview-content .f .text{padding: 5.5em 0 3em;text-align: center;width: 85%;margin: 0 auto;}
.overview-content .f .text .link a{color: #4ac5d1;border-bottom: 1px solid currentColor;text-decoration: none;}
.overview-content .f ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.overview-content .f li{width: 20%;position: relative;}
.overview-content .f li h3{font-weight: 500;font-size: 1.25em;line-height: 1.5;min-height: 3.5em;padding-left: 4.25em;}
.overview-content .f .icon{position:absolute;top:0;left:0;display: block;width: 4em;height: 4em;background-image: url(f-icons.png);background-size: auto 100%;background-repeat: no-repeat;}
.overview-content .f .icon1{background-position: 0 0;}
.overview-content .f .icon2{background-position: 33% 0;}
.overview-content .f .icon3{background-position: 66% 0;}
.overview-content .f .icon4{background-position: 100% 0;}
.overview-content .f .imgs {margin: 2em auto 4em;max-width: 1480px;width: 91.5555%}
.overview-content .f .imgs:after {clear: both;content: "";display: block}
.overview-content .f .imgs .img {border: .09375em solid #a7a8ab;border-radius: .5em;overflow: hidden;width: 48.5%}
.overview-content .f .imgs .img1 {float: left}
.overview-content .f .imgs .img2 {float: right}
.overview-content .f .imgs video {width: 100%}

.overview-content .g{background-image: url(g.jpg);background-color:#21324e;padding-bottom: 35%;}
.overview-content .g .text{padding: 5.5em 0 0 35em;color:#fff;}
.overview-content .g .text p{padding-left: 10em;}
.overview-content .g .desc-text{height:0;padding-top: 16%;}
.overview-content .g .desc-text .desc{font-size: 1.25em;color:#fff;}
.overview-content .g .desc-text .desc1{top:6%;left:18%}
.overview-content .g .desc-text .desc2{top:30%;left: 60%}
.overview-content .g .desc-text .plus{font-size: 1.5em;color:#52a1fe;font-weight:500;}
.overview-content .g .desc-text .bar{height: .75em;background: url(g-line.jpg) center/cover no-repeat;}
.overview-content .g .desc-text .bar1{width: 20em}
.overview-content .g .desc-text .bar2{width: 8em}
.overview-content .g .desc ul{margin-top:2em;font-size:.785em;}
.overview-content .g .desc li{display:inline-block;vertical-align:top;text-align:center;margin-right:1em;}
.overview-content .g .desc li b{display:inline-block;height:3.125em;background-size:auto 100%;background-repeat:no-repeat;}
.overview-content .g .desc li p{font-size:1em;}
.overview-content .g .desc1 b{background-image:url(g1.png);width:3.125em;}
.overview-content .g .desc1 .left2 b{background-position:-3.125em 0;}
.overview-content .g .desc1 .left3 b{background-position:-6.25em 0;}
.overview-content .g .desc1 .left4 b{background-position:-9.375em 0;}
.overview-content .g .desc2 b{background-image:url(g2.png);width:3.75em;}
.overview-content .g .desc2 .right2 b{background-position:-3.75em 0;}
.overview-content .g .desc2 .right3 b{background-position:-7.5em 0;}
.overview-content .g .desc2 .right4 b{background-position:-11.25em 0;}


.overview-content .h{background: #f1f1f1;min-height: 60em;}
.overview-content .h .radio{position: fixed;top:-9999px;}
.overview-content .h .text{width: 50%;padding-top: 12em;}
.overview-content .h .bg{position: absolute;right: 0;width:50%;height:100%;top:0;}
.overview-content .h .text .link{padding-top: 0;}
.overview-content .h .text .link a{color:#2b79c4;text-decoration: none;border-bottom: 1px solid currentColor;}
.overview-content .h .phone{position: absolute;top:0;left:0;width:100%;height:100%;z-index:5;background: url(h.png) bottom/contain no-repeat;}
.overview-content .h .screens{width: 30.5%;height:0;padding-bottom: 54.5%;position: absolute;left:24.25%;bottom:0;margin-bottom: 22%;}
.overview-content .h .screen{position: absolute;top:0;right:0;bottom:0;left:0;background-size: cover;background-position: center;background-repeat:no-repeat;}
.overview-content .h .screen1{background-image: url(h-screen1.jpg);}
.overview-content .h .screen2{background-image: url(h-screen2.jpg);}
.overview-content .h .screen3{background-image: url(h-screen3.jpg);}
.overview-content .h .screen4{background-image: url(h-screen4.jpg);}
.overview-content .h .screen5{background-image: url(h-screen5.jpg);}
.overview-content .h .contents{margin-top: 6em;position: relative;width: 40%;color:#3970ee;min-height: 6em;}
.overview-content .h .content{position: absolute;opacity:0;z-index:1;bottom:0;font-size: 1.35em;line-height:1.4;font-weight:400;}
.overview-content .h .dots label{display: inline-block;margin-top:1em;width: 1em;height: 1em;border-radius: 50%;background: #bebebe;margin-right:1em;}
.overview-content .h #h-radio-1:checked ~ .bg .screen1,
.overview-content .h #h-radio-2:checked ~ .bg .screen2,
.overview-content .h #h-radio-3:checked ~ .bg .screen3,
.overview-content .h #h-radio-4:checked ~ .bg .screen4,
.overview-content .h #h-radio-5:checked ~ .bg .screen5{opacity: 1;z-index: 3;}
.overview-content .h #h-radio-1:checked ~ .w1366 .content1,
.overview-content .h #h-radio-2:checked ~ .w1366 .content2,
.overview-content .h #h-radio-3:checked ~ .w1366 .content3,
.overview-content .h #h-radio-4:checked ~ .w1366 .content4,
.overview-content .h #h-radio-5:checked ~ .w1366 .content5{opacity: 1;z-index: 3;}
.overview-content .h #h-radio-1:checked ~ .w1366 .dot1,
.overview-content .h #h-radio-2:checked ~ .w1366 .dot2,
.overview-content .h #h-radio-3:checked ~ .w1366 .dot3,
.overview-content .h #h-radio-4:checked ~ .w1366 .dot4,
.overview-content .h #h-radio-5:checked ~ .w1366 .dot5{background: #3672ec;}

.overview-content .i{background:#7d7d7d;padding: 4.5em 0 5em;}
.overview-content .i ul{width: 80%;margin: 0 auto;max-width: 1600px;display: flex;justify-content: space-between;flex-wrap:wrap;}
.overview-content .i li{width:30%;text-align: center;color:#fff;}
.overview-content .i li h3{font-size: 1.875em;padding:.5em 0 .25em;}
.overview-content .i .icon{display: block;margin: 0 auto;width: 5em;height: 4em;background-image: url(i-icons.png);background-size: auto 100%;background-repeat: no-repeat;}
.overview-content .i .icon1{background-position: -12% 0;}
.overview-content .i .icon2{background-position: 47% 0;}
.overview-content .i .icon3{background-position: 104% 0;}
@media screen and (max-width:736px){
  .overview-content .section .text{padding: 0;text-align: left;width: auto;}
  .overview-content .a{background-image: url(m/a.jpg);padding-bottom: 132%;}
  .overview-content .a .a-width{width: auto;}
  .overview-content .a .text{padding: 0;float:none;}
  .overview-content .a .text h2{padding: 18vw 4% 0 36%;font-size: 6.5vw;}
  .overview-content .a .text p{font-size: 3.5vw;padding: 2vw 6% 0 36%;}
  .overview-content .a .text .model{margin: 2vw 6% 0 36%;}
  .overview-content .a1{padding: 4rem 0 3.5rem;}
  .overview-content .a1 ul{width:88%;flex-wrap: wrap;justify-content: space-around;}
  .overview-content .a1 li{width: 26%;font-size:1rem;padding-bottom: 1rem;}
  .overview-content .b{background:#f6fbff url(m/b.jpg) bottom/100% auto no-repeat;min-height: auto;padding-bottom: 10%;}
  .overview-content .b .text{padding: 0;width: auto;}
  .overview-content .b .comparison{padding: 2rem 6%;font-size: 2vw;}
  .overview-content .c{background-image: url(m/c.jpg);background-color:#f9fbff;padding-bottom: 70%;}
  .overview-content .c .text{padding: 0;text-align: left;}
  .overview-content .c .desc-text{padding-top: 70%;}
  .overview-content .c .desc-text .desc{font-size: 2.65vw;}
  .overview-content .c .desc-text .desc1{width:16%;bottom:74%;}
  .overview-content .c .desc-text .desc2{width:27%;bottom:44%;left:32%}
  .overview-content .c .desc-text .desc3{bottom: 57.5%;}
  .overview-content .d{background-image: url(m/d.jpg);background-color: #dcedff;padding-bottom: 68%;}
  .overview-content .d .desc-text{padding-top:67%;font-size:1.5vw;}
  .overview-content .d .desc-text .desc{top:16%;}
  .overview-content .e ul{width: 88%;margin: 0 auto;font-size: 1rem;}
  .overview-content .e{background-color:#fff;background-image: url(m/e.jpg);padding-bottom: 100%;}
  .overview-content .f ul{width: 88%;margin: 0 auto;}
  .overview-content .f li{width: 48%;font-size:1rem;margin-top:2rem}
  .overview-content .f .imgs .img{width: auto;margin-bottom: 1rem;}
  .overview-content .g{background-image: url(m/g.jpg);padding-bottom: 100%;}
  .overview-content .g .text p{padding-left: 6%;}
  .overview-content .g .desc-text{padding-top:50%;}
  .overview-content .g .desc-text .desc{font-size: 2.125vw;}
  .overview-content .g .desc-text .desc-ul{width: 40%;top:60%;}
  .overview-content .g .desc-text .desc-ul p{padding-top: 3.5em;}
  .overview-content .g .desc-text .desc2{top:49%;}
  .overview-content .g .desc-text .desc1{left:5%;top:10vw;}
  .overview-content .h .contents,.overview-content .h .dots{padding: 0 6%;font-size:1.15rem;width:auto;}
  .overview-content .h{background: none;padding-bottom: 105%;}
  .overview-content .h .bg{top:auto;bottom: 0;width: 100%;height:0;padding-bottom: 102%;}
  .overview-content .i ul{width: 70%;padding: 4rem 0 3rem;}
  .overview-content .i li{width: 100%;font-size: 3vw;padding-bottom:1.5rem;}
  
}