.overview-content{margin:0 auto;max-width:1920px;font-weight:400;font-size:16px}
.overview-content .w1366{width:85.375em;position:relative;margin:0 auto}
.overview-content .w1440{width:90em;position:relative;margin:0 auto}
.overview-content .w1570{position:relative;margin:0 auto;width:98.125em}
.overview-content .w1200{position:relative;margin:0 auto;width:75em}
.overview-content .medium{font-weight:500}
.overview-content .text{padding: 4em 0 3.5em;text-align: center;}
.overview-content .text>h2{font-size:3.125em;line-height:1.2;font-weight: 500;}
.overview-content .text>h3{padding-top:.35em;font-size:1.875em;line-height:1.2;font-weight: 500;}
.overview-content .text>p{padding-top:1em;font-size:1.25em;line-height:1.5}
.overview-content .m-show{display: none;}
.overview-content .text-center{text-align: center;}
.overview-content .flex-wrap{display: flex;flex-wrap: wrap;}
.overview-content .flex-justify{justify-content: space-between;}
.overview-content .flex-nowrap{flex-wrap: nowrap;align-items: center;}
@media (max-width:1600px){.overview-content{font-size:1vw}
.overview-content .w1570{width:92em}
}
@media (max-width:1024px){.overview-content{font-size:1.1111vw}
}
@media (max-width:736px){html{font-size:10.35px}
.overview-content{font-size:1rem}
.overview-content .w1366,.overview-content .w1440,.overview-content .w1570,.overview-content .w1200{margin:0;width:auto}
.overview-content .text{text-align:left;padding: 0;}
.overview-content .text>h2{padding:4rem 6% 0;font-size:2.5rem}
.overview-content .text>h2+h2,.overview-content .text>h3{padding:1.125rem 6% 1.25rem}
.overview-content .text>h3{font-size:2rem}
.overview-content .text>p{padding:0 6% 3rem;font-size:1.75rem;line-height:1.5}
.overview-content .m-show{display: block;}
}
.overview-content .a{background: url(a.jpg) center/120em auto no-repeat;height: 53em;}
.overview-content .a .text{color: #005564;padding: 13em 0 0;text-align: left;}
.overview-content .a .text h2{font-size: 3.75em;font-weight: 500;}
.overview-content .a .text h3{font-size: 2.5em;padding-top: .5em;}
.overview-content .a .text .model{font-size: 1.75em;display: inline-block;padding: .1em .5em;margin-top:.95em;border-radius: .1em;background: rgba(255, 255, 255, .7);}
.overview-content .vigi-features .flex-wrap{padding: 3.75em 0 2.5em;}
.overview-content .vigi-features li{width: 16%;text-align:center;}
.overview-content .vigi-features li p{font-size: 1.25em;color: #005564;padding-top:.5em;}
.overview-content .vigi-features li .icon{display: block;margin: 0 auto;width: 5em;height: 5em;background-image: url(a-icons.png);background-repeat: no-repeat;background-size: auto 100%;}
.overview-content .vigi-features li .icon2{background-position: 24%;}
.overview-content .vigi-features li .icon3{background-position: 43%;width: 3em;}
.overview-content .vigi-features li .icon4{background-position: 60%;}
.overview-content .vigi-features li .icon5{background-position: 80%;}
.overview-content .vigi-features li .icon6{background-position: 100%;}
.overview-content .b{background: url(b.jpg) 50% 85%/90% auto no-repeat;padding-bottom: 39%;}
.overview-content .c{background: #efefef;padding-bottom: 5em;}
.overview-content .c .flex{width: 46%;}
.overview-content .c .flex h4{font-size: 1.5em;font-weight: 500;font-style: italic;}
.overview-content .c .flex1 h4{padding-left: 10%;}
.overview-content .c .flex .img{position: relative;height:0;padding-top: 50%;background-size: 100% auto;background-position:top;background-repeat: no-repeat;}
.overview-content .c .flex1 .img{background-image: url(b1.png);background-size: 80% auto;}
.overview-content .c .flex2 .img{background-image: url(b2.png);}
.overview-content .c .flex .img-desc{margin-top: -8%;}
.overview-content .c .flex .img-desc>p{width: 42%;line-height: 1.2;color: #7d7d7d;}
.overview-content .c .flex .icon{display: block;width: 4em;height: 4em;margin-right:.25em;background-repeat: no-repeat;background-size: contain;background-position: center;}
.overview-content .c .flex .icon1{background-image: url(c-icon1.png);}
.overview-content .c .flex .icon2{background-image: url(c-icon2.png);}

.overview-content .d{background: url(d.jpg) bottom/120em auto no-repeat;height: 63em;position: relative;}
.overview-content .d li{width: 18%;color: #005361;}
.overview-content .d li .icon{display: block;width: 8.5em;height: 6em;background-image: url(d-icons.png);background-repeat: no-repeat;background-size: auto 100%;}
.overview-content .d li .icon2{background-position: 35%;width: 9em;}
.overview-content .d li .icon3{background-position: 74%;}
.overview-content .d li .icon4{background-position: 106%;}
.overview-content .d li h4{font-size: 1.45em;font-weight: 500;padding: .25em 0 .1em;}
.overview-content .d li p{font-size: 1.125em;}
.overview-content .d .bg-text{position: absolute;bottom:0;left:0;right:0;margin:auto;width:90em;height:0;padding-top:20em;}
.overview-content .d .bg-text .desc{position: absolute;color:#40d2ff;width: 15%;left:11.5%;top:32%}
.overview-content .e {padding-bottom: 3em;}
.overview-content .e .e-wrap{width: 92.5%;margin: 0 auto;}
.overview-content .e .e-wrap .text{width: 50%;display: flex;align-items: center;justify-content: center;}
.overview-content .e .flex-reverse{flex-direction: row-reverse;}
.overview-content .e .e-wrap .sub-text{width: 64%;text-align: left;box-sizing: border-box;padding: 0 15% 0 5%;}
.overview-content .e .e-wrap .img{position:relative;width: 50%;height:0;padding-bottom: 20.125%;background-size: 100% auto;background-repeat: no-repeat;}
.overview-content .e .e1 .img{background-image: url(e1.jpg);}
.overview-content .e .e2 .img{background-image: url(e2.jpg);}
.overview-content .e .e3 .img{background-image: url(e3.jpg);}
.overview-content .e .img .img-text{position: absolute;width: 100%;bottom: .5em;color:#fff;font-weight: 500;}
.overview-content .e .img .img-text p{font-size:1.25em;width: 48%;text-align: center;}
.overview-content .e .img .img-text .border{display: inline-block;background: rgba(0,0,0,.6);padding: .2em .5em;border-radius: .2em;}
.overview-content .e .e2 .img .img-text p{color:#000}
.overview-content .e .e-wrap .sub-text h4{font-size: 1.75em;font-weight: 700;}
.overview-content .e .e-wrap .sub-text p{font-size: 1.25em;padding-top: .5em;line-height: 1.3;}
.overview-content .f .comparison{width: 92%;margin: 0 auto;padding-bottom: 4em;}
.overview-content .f .comparison .box1{width: 50%;}
.overview-content .f .comparison .box2{width: 48.75%;}
.overview-content .f .comparison .img{color:#fff;height:0;padding-bottom: 56%;position: relative;background-size: contain;background-repeat:no-repeat;background-position: center;}
.overview-content .f .comparison .img1{background-image: url(f1.jpg);padding-bottom: 56.5%;}
.overview-content .f .comparison .img2{background-image: url(f2.jpg);padding-bottom: 58%;}
.overview-content .f .comparison .date{position: absolute;padding: .25em 1em;background:rgba(0,0,0,.8);border-radius:.1em;font-size: 1.275em;right:0;bottom:0;}
.overview-content .f .comparison .box>p{font-size: 1.5em;color: #7e7e7e;padding-top: 1em;text-align: center;font-weight: 400;}
.overview-content .f .comparison .box2>p{color:#005361}
.overview-content .g{background:#005564;color: #fff;padding-bottom: 4.5em;}
.overview-content .g .wrap{width: 66em;margin: 0 auto;box-sizing: border-box;}
.overview-content .g .chart{padding-top: 3.5%;background: url(g-chart.png) 100% 0 no-repeat;background-size: 92% auto;}
.overview-content .g .chart p{font-size: 1.35em;line-height: 1.2;margin-bottom: 1.825em;color: #aebdbf;margin-left: -.75em;}
.overview-content .g .chart p span{display: inline-block;vertical-align: middle;}
.overview-content .g .chart .h264plus{font-size: 1.87em;margin-bottom: .9em;font-weight: bold;line-height: 1;color: #6dedff;white-space: nowrap;}
.overview-content .g .chart .time{display: inline-block;margin-left: 65%;}
.overview-content .g .chart .h264plus .time{font-size: 1.35em;margin-left: 78%;}
.overview-content .g .chart .h264plus .time:after{content: '';display: inline-block;vertical-align: bottom;width: 1em;height:1em;background: url(arrow-in-green.png) center/contain no-repeat;}
.overview-content .g .chart .h265{color:#00bffd;}
.overview-content .g .chart .h265 .time{font-size: 1.65em;margin-top:-.15em;margin-left: 92%;}
.overview-content .g .chart .h265 .time:after{content: '';display: inline-block;vertical-align: bottom;width: 1em;height:1em;background: url(arrow-in-blue.png) center/contain no-repeat;}
.overview-content .g .chart .in-h265 .time:after{content: '';display: inline-block;vertical-align: bottom;width: 1em;height:1em;background: url(arrow-in-grey.png) center/contain no-repeat;}
.overview-content .g .chart .h264 .time{margin-left: 47%;}
.overview-content .g .feature{padding: .75em 0 1.5em;}
.overview-content .g .feature p{font-size:1.125em;}
.overview-content .g .feature .icon{display: block;width: 3em;height: 3em;margin-right:.25em;background: url(g-icon.png) center/contain no-repeat;}
.overview-content .g .note{opacity: .7;}
.overview-content .h{background: url(h.jpg) center/120em auto no-repeat;height: 52em;}
.overview-content .h .text{color: #fff;text-align: left;padding: 16em 0 0;width:50%}
.overview-content .i{background: hsl(191, 55%, 92%);}
.overview-content .i .module-wrap{width: 92%;margin: 0 auto;}
.overview-content .i .module{width: 50%;color:#005361;box-sizing: border-box;}
.overview-content .i .module .sub-title{font-size: 1.5em;font-style:italic;font-weight:500;display: inline-block;border-bottom: .1em solid currentColor;}
.overview-content .i .module .img{height: 0;position: relative;padding-bottom: 30%;}
.overview-content .i .module1 .img{background: url(i1.png) 0 66% no-repeat;background-size: 90% auto;border-right: 1px solid #b8b8b8;}
.overview-content .i .module2 .img{background: url(i2.png) 100% 0 no-repeat;background-size: 90% auto;}
.overview-content .i .module .img .desc{position: absolute;font-size: 1.125em;top: 88%;width:14%;}
.overview-content .i .module1 .img .desc1{left: 7%}
.overview-content .i .module1 .img .desc2{left: 44%}
.overview-content .i .module2 .img .desc1{left: 17%}
.overview-content .i .module2 .img .desc2{left: 53.5%}
.overview-content .i .line{justify-content: center;padding: 5em 0 7em;}
.overview-content .i .line p{font-size: 1.5em;margin: 0 1em;}
.overview-content .i .line .icon{display: block;margin-right:.45em;}
.overview-content .i .line .icon2{background: #00c7d0;width:1.5em;height:.75em;}
.overview-content .i .line .icon1{background: url(i-icon1.png) center/contain no-repeat;width:2em;height:1.25em;}

.overview-content .j {background: url(j.jpg) top/120em auto no-repeat;min-height: 45em;position: relative;}
.overview-content .j .text{text-align: left;color: #fff;padding: 15em 0 5em;width: 40%;}
.overview-content .j:after{content: '';display: block;background: url(j-bg.jpg) center/120em 100% no-repeat;position: absolute;top:0;height:100%;width: 100%;z-index: -1;}
.overview-content .k .text{width: 50%;margin: 0 auto;}
.overview-content .k .img{padding-top: 29.5%;background: url(k.jpg) 100% 0 no-repeat;background-size:83% auto;position: relative;}
.overview-content .k .img .desc{position: absolute;color: #005361;font-size: 1.5em;font-weight: 500;top:0;}
.overview-content .k .img .desc1{padding-top: 10%;right: 34.5%;}
.overview-content .k .img .desc2{padding-top: 10%;right: 76%;}
.overview-content .k .img .desc3{padding-top: 22%;right: 41%;}
.overview-content .k .img .img-text{position: relative;width: 27%;padding-left:8%;padding-bottom:6.5%;}
.overview-content .k .img .img-text h4{font-size: 2.25em;font-weight: 500;}
.overview-content .k .img .img-text p{font-size: 1.125em;padding-top:.75em;}
.overview-content .l{background: #ececec url(l.jpg) 0 bottom no-repeat;background-size: 53% auto;min-height:50em}
.overview-content .l .text{text-align: left;padding: 12em 7% 7em 65%;}
.overview-content .l .text h2{font-size: 2.5em;}
.overview-content .l li{padding-left: 1.5em;position: relative;font-size:1.125em;}
.overview-content .l li:before{display: block;position: absolute;top:0;left:0;}
.overview-content .l li:nth-of-type(1):before{content: '①';}
.overview-content .l li:nth-of-type(2):before{content: '②';}
.overview-content .l li:nth-of-type(3):before{content: '③';}
.overview-content .l .apps-img { display: table; margin-top: 2em; line-height: 0;padding: .625em 0 .625em .625em;background: rgba(255,255,255,.5);border-radius: .35em; }
.overview-content .l .apps-img .item { display: table-cell; padding-right: 1em; height: 5em; vertical-align: top; }
.overview-content .l .apps-img .icon { width: auto; height: 100%; } .apps-img .store { height: 2.25em;margin-bottom:.375em; }
.overview-content .l .apps-img .store-group>a { display: table-row; }
@media (max-width:736px) {.overview-content .l .apps-img { font-size: 1rem;margin-left:6%; } }
.overview-content .m{background: url(m.jpg) center/120em auto no-repeat;height: 53em;}
.overview-content .m .text{text-align: left;padding: 13em 0 5em 70%;}
.overview-content .m .text h2{font-size: 2.5em;}
.overview-content .n{color:#fff;background: #005968 url(n.jpg) bottom/120em auto no-repeat;padding-bottom: 39em}
@media screen and (max-width: 736px){
    .overview-content .a{background: url(m/a.jpg) bottom/100% auto no-repeat;height: 0;padding-bottom: 133%;}
    .overview-content .a .text{padding: 0 2% 0;}
    .overview-content .a .text h2{font-size: 8vw;}
    .overview-content .a .text h3{font-size: 4.5vw;}
    .overview-content .a .text .model{font-size: 4vw;margin:0 6%;}
    .overview-content .vigi-features{padding: 0 6% ;background: #e6f5f8;}
    .overview-content .vigi-features li{width: 30%;padding-bottom: 1.5rem;}
    .overview-content .b{background: url(b.jpg) 50% 90%/100% auto no-repeat;padding-bottom: 47%;}
    .overview-content .c .fearure-wrap{width: 88%;margin: 0 auto;}
    .overview-content .c .flex{width: 95%;padding-bottom: 2.25rem;}
    .overview-content .c .flex2{padding-bottom: 4.5rem;}
    .overview-content .c .flex h4{padding: 0 0 1rem;}
    .overview-content .c .flex .img-desc>p{width: 75%;}
    .overview-content .d{background: url(m/d.jpg) bottom/100% auto no-repeat;height: auto;padding-bottom: 80%;}
    .overview-content .d ul{width: 88%;margin: 0 auto;}
    .overview-content .d li{width: 100%;padding-left:7.5rem;position:relative;padding-bottom: .5rem;}
    .overview-content .d li .icon{position: absolute;left:0;top:.75rem;font-size:.75rem}
    .overview-content .d .bg-text{width: 100%;padding-top: 50%;}
    .overview-content .d .bg-text .desc{width: 36%;font-size: 2.5vw;left: 14.5%;top: 42%;}
    .overview-content .e .flex-wrap{width: 88%;}
    .overview-content .e .flex-wrap .text,.overview-content .e .flex-wrap .sub-text,.overview-content .e .flex-wrap .img{width: 100%;}
    .overview-content .e .flex-wrap .sub-text{padding: 2rem 0 1.5rem}
    .overview-content .e .flex-wrap .img{padding-bottom: 41%;}
    .overview-content .f{background: #f8f8f8;}
    .overview-content .f .comparison{width: 88%;padding-bottom: 1.5rem;}
    .overview-content .f .comparison .box{width: 100%;padding-bottom: 2.5rem;}
    .overview-content .g .wrap{width: 88%;padding: 0;}
    .overview-content .g .chart{padding-top: 3.25%;background-size:86.5% auto;background-position: 100% 0;}
    .overview-content .g .chart p{font-size: 3vw; margin-bottom: .5em;margin-left: 0;}
    .overview-content .g .chart .h264plus{font-size: 3.25vw; margin-bottom: .35em;}
    .overview-content .g .chart .h264plus .time{margin-left: 75%;}
    .overview-content .g .chart .h265 .time{margin-left:65%;position: absolute;margin-top: -1em;}
    .overview-content .h{background: url(m/h.jpg) bottom/100% auto no-repeat;height: 0;padding-bottom: 141%;}
    .overview-content .h .text{width: auto;padding: 0;}
    .overview-content .i .module-wrap{width: 88%;}
    .overview-content .i .module{width: 100%;text-align: left;}
    .overview-content .i .module .img{background-size: 100% auto;}
    .overview-content .i .module .img{border-right: 0;}
    .overview-content .i .module .img .desc{width:22%;text-align: center;}
    .overview-content .i .module1{border-bottom: 1px solid #b8b8b8;padding-bottom: 2rem;}
    .overview-content .i .module1 .img .desc1{left:5%;}
    .overview-content .i .module1 .img .desc2{left:46%;}
    .overview-content .i .module2 .sub-title{padding-top: 1.5rem;}
    .overview-content .i .module2 .img .desc1{left:5%;}
    .overview-content .i .module2 .img .desc2{left:46%;}
    .overview-content .j{background: url(m/j.jpg) top/100% auto no-repeat;min-height: auto;padding-top: 60%;}
    .overview-content .j .text{width: auto;padding: 0 0 3rem;}
    .overview-content .k .text{width: auto;padding:0;text-align:center;padding-bottom: 2rem;}
    .overview-content .k .img{background: url(m/k.jpg) top/100% auto no-repeat;padding-bottom: 0;padding-top: 72%;height:auto;}
    .overview-content .k .img .img-text{padding: 0 6% 2rem;width: auto;}
    .overview-content .k .img .desc{padding-top:0;}
    .overview-content .k .img .desc1{right:30.5%}
    .overview-content .k .img .desc2{top:5.5vw;right: 85%;}
    .overview-content .k .img .desc3{top:38vw;bottom: auto;}
    .overview-content .l{background: #d9d9d9 url(m/l.jpg) top/100% auto no-repeat;min-height: auto;padding-top: 85%;}
    .overview-content .l .text{width: auto;padding: 0 0 3rem;}
    .overview-content .l ul{padding: 0 6%;}
    .overview-content .m {background:#ebebeb url(m/m.jpg) bottom /100% auto no-repeat;height: auto;padding-bottom: 85%;}
    .overview-content .m .text{width:auto;padding: 0;}
    .overview-content .n{background-color:#005564;background-image: url(m/n.jpg);background-size: 100% auto;padding-bottom: 60%;}

}