.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:1rem 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: #fff;padding: 10em 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: #005564;}
.overview-content .vigi-features{padding: 4em 0 3em;background: #e6f5f8;}
.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: 37%;}
.overview-content .c{background: #e6f5f8;padding-bottom: 5em;}
.overview-content .c .flex{width: 49%;}
.overview-content .c .flex h4{font-size: 1.5em;font-weight: 500;font-style: italic;}
.overview-content .c .flex1 h4{padding-left: 18%;}
.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: 60% auto;}
.overview-content .c .flex2 .img{background-image: url(b2.png);}
.overview-content .c .flex .img-desc{margin-top: -6%;}
.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) 10% 50%/48% auto no-repeat;height: 58em;position: relative;}
.overview-content .d .text{padding:7em 0 5em 60%;text-align:left;}
.overview-content .d ul{padding-top: 1em;}
.overview-content .d li{color: #005361;padding-left:6em;position:relative;padding-bottom: 1em;}
.overview-content .d li .icon{position:absolute;top:.5em;left:0;display: block;width: 5em;height: 4em;background-image: url(d-icons.png);background-repeat: no-repeat;background-size: auto 100%;}
.overview-content .d li .icon1{background-position: 0;width: 5.5em;}
.overview-content .d li .icon2{background-position: 38%;}
.overview-content .d li .icon3{background-position: 72%;}
.overview-content .d li .icon4{background-position: 105%;}
.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 .e{background: #f1f1f1;}
.overview-content .e .e-wrap{width: 85.5%;margin: 0 auto;padding: .5em 0 6.5em;}
.overview-content .e .e-wrap .text{width: 30%;display:flex;align-items: center;}
.overview-content .e .flex-reverse{flex-direction: row-reverse;}
.overview-content .e .e-wrap .sub-text{width: 84%;text-align: left;box-sizing: border-box;}
.overview-content .e .e2 .sub-text{padding: 0 0 0 10%;}
.overview-content .e .e-wrap .img{position:relative;width: 70%;height:0;padding-bottom: 33.5%;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%;top: 101%;}
.overview-content .e .img .img-text p{font-size:1.25em;width: 48%;text-align: center;}
.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{background: #005564;color: #fff;}
.overview-content .f .comparison .box{width: 50%;}
.overview-content .f .comparison .img{color:#fff;height:0;padding-bottom: 70%;position: relative;background-size: contain;background-repeat:no-repeat;background-position: center;}
.overview-content .f .comparison .img1{background-image: url(f1.jpg);}
.overview-content .f .comparison .img2{background-image: url(f2.jpg);}
.overview-content .f .comparison .box p{position: absolute;width:100%;bottom:1em;font-size: 1.5em;text-align: center;font-weight: 400;}
.overview-content .g{padding-bottom: 4.5em;}
.overview-content .g .wrap{width: 72em;margin: 0 auto;box-sizing: border-box;padding-right: 7em;}
.overview-content .g .chart{padding-top: 4.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.25em;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: 1em;font-weight: bold;line-height: 1;color: #000;white-space: nowrap;}
.overview-content .g .chart .time{display: inline-block;margin-left: 44%;}
.overview-content .g .chart .h264plus .time{color:#ffc800;font-size: 1.35em;}
.overview-content .g .chart .h265 .time{color:#00d0fd;font-size: 1.65em;margin-top:-.15em;margin-left: 91%;}
.overview-content .g .chart .h264 .time{margin-left: 31%;}
.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 .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: 88%;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: 25%;}
.overview-content .i .module1 .img{background: url(i1.png) 0 83% 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: 46%;}
.overview-content .i .module2 .img .desc1{left: 17%}
.overview-content .i .module2 .img .desc2{left: 55.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 {color:#fff;background:#005564;}
.overview-content .j .product-wrap{padding: 2em 0 6em;}
.overview-content .j .product-wrap li{width: 48%;}
.overview-content .j .product-wrap .product{height:0;padding-bottom: 40%;background-size: contain;background-position: center;background-repeat:no-repeat;}
.overview-content .j .product-wrap .product1{background-image: url(j1.png);}
.overview-content .j .product-wrap .product2{background-image: url(j2.png);}
.overview-content .j .product-wrap p{text-align: center;padding-top: 1.5em;font-size:1.4em;}
.overview-content .k{background: #f1f1f1;}
.overview-content .k .text{width: 50%;margin: 0 auto;}
.overview-content .k .img{padding-top: 29.5%;background:#fff url(k.jpg) 100% 0 no-repeat;background-size:83% auto;position: relative;}
.overview-content .k .img .desc{position: absolute;top:0;color: #005361;font-size: 1.5em;font-weight: 500;}
.overview-content .k .img .desc1{padding-top: 10%;right: 34.5%;}
.overview-content .k .img .desc2{padding-top: 7%;left: 47%;}
.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: url(l.jpg) 0 bottom no-repeat;background-size: 120em auto;min-height:50em}
.overview-content .l .text{text-align: left;padding: 12em 7% 7em 65%;color:#fff}
.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: 51em;}
.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: 2rem 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: 46%;}
    .overview-content .c .fearure-wrap{width: 88%;margin: 0 auto;}
    .overview-content .c .flex{width: 95%;padding-bottom: 4.25rem;}
    .overview-content .c .flex1 h4{padding: 0;}
    .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 .text{padding:0;width: auto;}
    .overview-content .d ul{width: 88%;margin: 0 auto;padding-bottom: 2rem;}
    .overview-content .d li{padding-left:6.5rem;position:relative;padding-bottom: .75rem;}
    .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 .e-wrap{width: 88%;padding-bottom: 4rem;}
    .overview-content .e .e-wrap .text,.overview-content .e .e-wrap .sub-text,.overview-content .e .e-wrap .img{width: 100%;}
    .overview-content .e .e-wrap .sub-text{padding: 0 0 1.5rem}
    .overview-content .e .e-wrap .img{padding-bottom: 41%;}
    .overview-content .f{background: #005564;color:#fff;}
    .overview-content .f .comparison .box{width: 100%;}
    .overview-content .g .wrap{width: 88%;padding: 0;}
    .overview-content .g .chart{padding-top: 3.5%;background-size:93% auto;background-position: 200% 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: .5em;white-space: initial;}
    .overview-content .g .chart .h265 .time{margin-left:72%;}
    .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;padding-bottom: 30%;}
    .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{background-position:50% 70%;}
    .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 .product-wrap{width: 88%;margin: 0 auto;}
    .overview-content .j .product-wrap li{width: 100%;margin-bottom: 2rem;}
    .overview-content .j .product-wrap .product{padding-bottom:51%;}
    .overview-content .k .text{width: auto;padding:0;text-align:center;padding-bottom: 2rem;}
    .overview-content .k .img{background:#fff 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:13.5vw;left: 37%;}
    .overview-content .k .img .desc3{top:38vw;bottom: auto;}
    .overview-content .l{background: #4a5758 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:#c7e8ed url(m/m.jpg) bottom /100% auto no-repeat;height: auto;padding-bottom: 70%;}
    .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%;}

}