.overview-content{margin:0 auto;max-width:1920px;font-weight:400;font-size:16px;color: #005564;overflow-x:hidden;}
.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.4375em;line-height:1.2;font-weight: 400;}
.overview-content .text>h3{padding-top:.35em;font-size:1.875em;line-height:1.2;font-weight: 400;}
.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;}
.overview-content .icons-wrap .icon{display: block;background-size:auto 100%;background-repeat:no-repeat;margin: 0 auto;}
@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) top/120em auto no-repeat;padding-top: 34em;}
.overview-content .a .text{padding-bottom: 5em;}
.overview-content .a .text h2{font-size: 3.75em;font-weight: bold;}
.overview-content .a .text p{font-size: 2.25em;padding-top: .25em;}
.overview-content .a .text .model{display: inline-block;background: #005564;color: #fff;padding: 0 .35em;margin-right: .35em;border-radius: .25em;}
.overview-content .a-features{background: #005564;color: #fff;padding: 5em 0 3em;}
.overview-content .a-features .feature-ul li{width: 24%;padding-bottom:3.5em;text-align: center;}
.overview-content .a-features .feature-ul .icon{width: 5em;height: 5em;background-image: url(a-icons.png);}
.overview-content .a-features .feature-ul .icon1{width: 6.5em;}
.overview-content .a-features .feature-ul .icon2{background-position: 15.5%;}
.overview-content .a-features .feature-ul .icon3{background-position: 27%;}
.overview-content .a-features .feature-ul .icon4{background-position: 37.65%;}
.overview-content .a-features .feature-ul .icon5{background-position: 49.5%;}
.overview-content .a-features .feature-ul .icon6{background-position: 72.5%;width: 11em;}
.overview-content .a-features .feature-ul .icon7{background-position: 88%}
.overview-content .a-features .feature-ul .icon8{background-position: 100%}
.overview-content .a-features .feature-ul p{font-size: 1.35em;padding-top: .75em;}
.overview-content .b{background: #f4f4f4 url(b.jpg) bottom/100% auto no-repeat;padding-bottom: 35%;position: relative;}
.overview-content .b .text{padding: 10em 0 0 0;width: 50%;text-align: left;}
.overview-content .b .bg-text{position: absolute;bottom: 0;width: 100%;padding-top: 30%;}
.overview-content .b .desc{position: absolute;top: 20%;width: 20%;}
.overview-content .b .desc1{top: 75%;left:30%;width: 11%;}
.overview-content .b .desc2{top: 75%;left:41%;width: 13%;}
.overview-content .b .desc3{top: 75%;left:54%;width: 15%;}
.overview-content .b .desc4{top: 50%;left:70%;width: 18%;}
.overview-content .b .desc p{font-size: 1.5em;line-height: 1.2;font-weight: 400;}
.overview-content .c{background: #005564;color: #fff;padding-bottom: 8.5em;}
.overview-content .c .img{position:relative;background: url(c.png) bottom/contain no-repeat;height: 12em;margin-top:3em;}
.overview-content .c .img .desc{position: absolute;}
.overview-content .c .img .desc1{font-size: 1.875em;left: 15%;top: 10%;}
.overview-content .c .img .desc2{font-size: 3.75em;left: 80%;bottom: 62%;white-space: nowrap;font-weight: bold;color:#6edbf2;background:linear-gradient(90deg, #b3fefa, #43e2f7),-webkit-gradient(linear,left top,right top,from(#b3fefa),to(#43e2f7),color-stop(.5,#43e2f7)) no-repeat;background-clip:text;-webkit-background-clip: text;-webkit-text-fill-color:transparent;}
.overview-content .c .img .desc3{color: #005564;font-size: 1.875em;font-weight:700;left: 10%;top:65%;}
.overview-content .d{background: url(d.jpg) bottom/100% auto no-repeat;padding-bottom: 42%;}
.overview-content .e{position:relative;background: #eeeeee url(e.jpg) bottom/100% auto no-repeat;padding-bottom: 30%;}
.overview-content .e .bg-text{position: absolute;bottom: 0;width: 100%;padding-top: 32%;}
.overview-content .e .bg-text .desc{position: absolute;left: 70%;font-weight: 500;color: #000;}
.overview-content .e .bg-text .desc1{top:1%}
.overview-content .e .bg-text .desc2{top:23%}
.overview-content .e .bg-text .desc3{top:76%}
.overview-content .e .bg-text .desc p{font-size: 1.125em;color: #005564;line-height: 1.2;}
.overview-content .e .bg-text .desc p.board{font-size:1.25em;line-height:1.6;color: #fff;background: #005564;padding: .1em .25em;border-radius: 10px;display: inline-block;}
.overview-content .f{background: url(f.jpg) 25% 100%/42% auto no-repeat;min-height: 46em;}
.overview-content .f .text{text-align: left;padding: 9em 0 0 65%;}
.overview-content .f .apps-img { display: table; margin-top: 2em; line-height: 0;padding: .625em 0 .625em .625em;background: rgba(0,0,0,.1);border-radius: .35em; }
.overview-content .f .apps-img .item { display: table-cell; padding-right: 1em; height: 5em; vertical-align: top; }
.overview-content .f .apps-img .icon { width: auto; height: 100%; } .apps-img .store { height: 2.25em;margin-bottom:.375em; }
.overview-content .f .apps-img .store-group>a { display: table-row; }
@media (max-width:736px) {   .overview-content .f .apps-img { font-size: 1rem;margin-left:6%; } }
.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 .h{background: #f4f4f4 url(h.jpg) 100% 50%/55% auto no-repeat;min-height: 42em;}
.overview-content .h .text{text-align: left;padding-top: 11em;width: 42%;}
.overview-content .h .icon{display: block;width: 15em;margin-top: 1.75em;}
.overview-content .i{background:#005564 url(i.jpg) 50% 90%/64% auto no-repeat;padding-bottom: 24%;color:#fff;position: relative;}
.overview-content .i .bg-text{position: absolute;bottom: 0;width: 100%;padding-top: 25%;}
.overview-content .i .bg-text .desc{position: absolute;font-size: 1.875em;bottom: 86.5%;left:74.75%;}
.overview-content .j{background: url(j.jpg) bottom/100% auto no-repeat;padding-bottom: 35%;}
.overview-content .k{background: url(k.jpg) 50% 100%/100% auto no-repeat;padding-bottom: 26%;position: relative;}
.overview-content .k .bg-text{position: absolute;bottom: 0;width:100%;padding-top: 26%;}
.overview-content .k .bg-text .desc{position: absolute;width:10%;line-height: 1.2;text-align: center;}
.overview-content .k .bg-text .desc1{font-size: 4.25em;top:0.4em;left:30%;width:40%}
.overview-content .k .bg-text .desc1 small{font-size: 0.5em;}
.overview-content .k .bg-text .desc2{left:40%;width:20%;font-size: 2.3em;top: 76%;font-weight: 700;}
.overview-content .n{color:#fff;background: #005564 url(n.jpg) bottom/120em auto no-repeat;padding-bottom: 39em}
@media screen and (max-width:736px){
    .overview-content .a{background:#f0f0f0 url(m/a.jpg) top/100% auto no-repeat;padding-top: 75%;}
    .overview-content .a .text{padding: 0 0 3rem;text-align: center;}
    .overview-content .a .text h2{font-size: 6.65vw;}
    .overview-content .a .text p{font-size: 4vw;}
    .overview-content .a .text .model{position: absolute;bottom: 3rem;left:50%;transform: translateX(-50%);}
    .overview-content .a-features .feature-ul{width: 88%;margin: 0 auto;}
    .overview-content .a-features .feature-ul li{width: 48%;}
    .overview-content .b {background:#fff url(m/b.jpg) 50% 95%/100% auto no-repeat;padding-bottom: 110%;}
    .overview-content .b .text{width: auto;padding: 0;}
    .overview-content .b .bg-text{padding-top: 60%;}
    .overview-content .b .desc{font-size: 2.25vw;}
    .overview-content .b .desc1{width: 30%;left: 20%;}
    .overview-content .b .desc2{width: 30%;left: 50%;}
    .overview-content .b .desc3{width: 25%;left: 76%;}
    .overview-content .b .desc4{width: 30%;top:12%;left: 63%;}
    .overview-content .c .img{font-size:2vw;height: 18vw;background-position: left bottom;background-size: 90% auto;width:88%;margin: 0 auto;}
    .overview-content .c .img .desc1{left:8%;top:20%;}
    .overview-content .c .img .desc2{font-size: 2.25em;right:0;bottom:60%;left:auto;}
    .overview-content .d{background-image: url(m/d.jpg);padding-bottom: 70%;}
    .overview-content .e{background-image: url(m/e.jpg);padding-bottom: 80%;background-color: #f4f4f4;}
    .overview-content .e .bg-text{padding-top: 70%;}
    .overview-content .e .bg-text .desc{font-size: 2.25vw;left: 56%;}
    .overview-content .e .bg-text .desc2{top:20%}
    .overview-content .e .bg-text .desc3{top:62%;}
    .overview-content .f{background: url(m/f.jpg) bottom/100% auto no-repeat;padding-bottom: 93%;min-height: auto;}
    .overview-content .f .text{width: auto;padding: 0;}
    .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-image: url(m/h.jpg);background-size:100% auto;background-position:50% 90%;;padding-bottom: 55%;}
    .overview-content .h .text{width: auto;padding: 0;}
    .overview-content .h .icon{width: 50vw;margin: 0 6%;}
    .overview-content .i{background-image: url(m/i.jpg);background-position: 50% 90%;background-size: 100% auto;padding-bottom: 75%;}
    .overview-content .i .bg-text{padding-top: 75%;}
    .overview-content .i .bg-text .desc{font-size: 4.25vw;left:70%;bottom: 85%;}
    .overview-content .j{background-image: url(m/j.jpg);padding-bottom: 49%;}
    .overview-content .k{background-image: url(m/k.jpg);padding-bottom: 77%;background-position: bottom;}
    .overview-content .k .bg-text{width:100%;padding-top: 88%;font-size: 2.5vw;}
    .overview-content .k .bg-text .desc{font-size:2em;width: 100%;left:0;}
    .overview-content .k .bg-text .desc1{width: 100%;left:0;font-size: 8vw;top: 18vw;}
    .overview-content .n{background-color:#005564;background-image: url(m/n.jpg);background-size: 100% auto;padding-bottom: 65%;}    
}