.overview-content {
    font-size: 16px;
    font-weight: 300;
    margin: 0 auto;
    max-width: 1920px;
    max-width: 120em;
    width: 100%
}

.overview-content .regular {
    font-weight: 400 !important
}

.overview-content .medium {
    font-weight: 500 !important
}

.overview-content .bold {
    font-weight: 700 !important
}

.overview-content .text h2 {
    font-size: 3.125em;
    line-height: 1.2;
    font-weight: 400
}

.overview-content .text h3 {
    font-size: 1.875em;
    line-height: 1.2
}

.overview-content .text p {
    font-size: 1.25em;
    line-height: 1.5;
    padding-top: 1em
}

@media (max-width:1440px) {
    .overview-content {
        font-size: 1.1111vw
    }
}

.overview-content .section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.overview-content .section-right {
    text-align: right
}

.overview-content .section-right .text {
    display: inline-block;
    text-align: left
}

@media (max-width:736px) {
    html {
        font-size: 10.35px
    }

    .overview-content {
        min-width: 320px
    }

    .overview-content .w1366 {
        width: auto
    }

    .overview-content .text h2 {
        font-size: 2.5rem;
        padding: 3rem 6% 2rem
    }

    .overview-content .text h3 {
        font-size: 2rem;
        padding: 0 6% 2rem
    }

    .overview-content .text p {
        font-size: 1.75rem;
        padding: 0 6%
    }

    .overview-content h2 {
        box-sizing: border-box
    }

    .overview-content .section {
        padding-top: 0;
        background-size: 100% auto;
        background-position: bottom
    }
}

.overview-content .regular,
.overview-content .regular * {
    font-weight: 400
}

.overview-content .medium,
.overview-content .medium * {
    font-weight: 500
}

.overview-content .bold,
.overview-content .bold * {
    font-weight: 700
}

.overview-content .clearfix:after {
    content: '';
    display: block;
    clear: both
}

.overview-content .t-left {
    text-align: left
}

.overview-content .t-right {
    text-align: right
}

.overview-content .t-center {
    text-align: center
}

.overview-content .pa {
    font-size: 1.25em;
    line-height: 1.5;
    padding-top: 1em
}

@media (max-width:736px) {
    .overview-content .pa {
        font-size: 1.75rem;
        padding: 0 6%
    }
}

.overview-content .hidden {
    display: none
}

.overview-content .nowrap {
    white-space: nowrap
}

.overview-content .table {
    display: table;
    width: 100%
}

.overview-content .table .tr {
    display: table-row
}

.overview-content .table .td {
    display: table-cell
}

.overview-content .note,
.overview-content .note p,
.overview-content .note span,
.overview-content .text .note,
.overview-content .text .note p,
.overview-content .text .note span {
    font-size: .875em
}

.overview-content .section .bg-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.overview-content .section .bg-text .center-block {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.overview-content .section .bg-text .center-block div {
    display: inline-block;
    position: relative
}

.overview-content .section .bg-text>div {
    position: absolute
}

.overview-content .w1220 {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    width: 76.25em
}

@media (max-width:1080px) and (min-width:737px) {
    .overview-content .w1220 {
        width: 84.71375vw
    }
}

@media (max-width:736px) {

    .overview-content .note,
    .overview-content .text .note {
        padding: 0 6%;
        font-size: 1.2rem
    }

    .overview-content .note p,
    .overview-content .note span,
    .overview-content .text .note p,
    .overview-content .text .note span {
        font-size: 1.2rem
    }

    .overview-content ul {
        padding: 0 6%
    }

    .overview-content .w1220 {
        width: auto;
        max-width: 100%
    }
}

.overview-content .w1366 {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    width: 85.375em
}

@media (max-width:1080px) and (min-width:737px) {
    .overview-content .w1366 {
        width: 94.851625vw
    }
}

@media (max-width:736px) {
    .overview-content .w1366 {
        width: auto;
        max-width: 100%
    }
}

.overview-content .w1450 {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    width: 90.625em
}

@media (max-width:1080px) and (min-width:737px) {
    .overview-content .w1450 {
        width: 100.684375vw
    }
}

@media (max-width:736px) {
    .overview-content .w1450 {
        width: auto;
        max-width: 100%
    }
}

.overview-content .w1680 {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    width: 105em
}

@media (max-width:1080px) and (min-width:737px) {
    .overview-content .w1680 {
        width: 116.655vw
    }
}

.overview-content .apps-img {
    display: table;
    margin-top: 2em;
    line-height: 0
}

.overview-content .apps-img img {
    max-width: none;
    max-height: none
}

.overview-content .apps-img .item {
    display: table-cell;
    padding-right: .625em;
    height: 6.875em;
    vertical-align: top
}

.overview-content .apps-img .icon {
    width: auto;
    height: 100%
}

.overview-content .apps-img .store {
    height: 3.4375em
}

.overview-content .apps-img .store-group>a {
    display: table-row
}

.overview-content img {
    max-width: 100%;
    max-height: 100%
}

.overview-content .section .text {
    text-align: center
}

.overview-content .a {
    background: url(img/01-bg.jpg) center/cover no-repeat;
    padding: 20.3125em 0 14.6875em
}

.overview-content .a .text {
    text-align: left;
    padding-left: 50%
}

.overview-content .a h2 {
    font-size: 3.75em;
    line-height: 1.4;
    font-weight: 500
}

.overview-content .a p {
    padding-top: .5em;
    font-size: 2.375em;
    font-weight: 400;
    line-height: 1.333333333333333
}

.overview-content .a .p-model {
    padding-top: .8em
}

.overview-content .a .model {
    display: inline-block;
    background: #fff;
    border-radius: .466666666666667em;
    padding: .2em .5em;
    line-height: 1
}

.overview-content .b {
    background: #7d7f83;
    padding: 5em 0 3.75em
}

.overview-content .b .list {
    text-align: center;
    color: #fff
}

.overview-content .b .list .li {
    display: inline-block;
    box-sizing: border-box;
    width: 19%;
    padding: 1em;
    vertical-align: top;
    font-size: 1.125em
}

.overview-content .b .list .li h3 {
    padding-top: .5em;
    font-size: 1.25em;
    font-weight: 400
}

.overview-content .b .list .li .icon {
    user-select: none;
    width: 6em;
    height: 5em;
    margin: auto;
    background: url(img/02-icons.png) left/auto 100% no-repeat
}

.overview-content .b .list .li-1 .icon {
    background-position: 0 0
}

.overview-content .b .list .li-2 .icon {
    background-position: 24.75% 0
}

.overview-content .b .list .li-3 .icon {
    background-position: 49.5% 0
}

.overview-content .b .list .li-4 .icon {
    background-position: 74.25% 0
}

.overview-content .b .list .li-5 .icon {
    background-position: 99% 0
}

.overview-content .c {
    background: url(img/03-bg.jpg) bottom/100% auto no-repeat;
    padding-top: 6.875em
}

.overview-content .c:after {
    content: '';
    display: block;
    height: 0;
    padding-top: 37.239583333333336%
}

@media (max-width:736px) {
    .overview-content .w1680 {
        width: auto;
        max-width: 100%
    }

    .overview-content .apps-img {
        font-size: 1rem
    }

    .overview-content .c:after {
        display: none
    }
}

.overview-content .c .bg-text {
    height: 0;
    padding-top: 32.91666666666667%
}

.overview-content .c .desc-table {
    position: absolute;
    display: table;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(49, 55, 56, .5);
    color: #fff
}

.overview-content .c .desc-table td {
    vertical-align: middle
}

.overview-content .c .desc-row {
    display: table-row;
    width: 100%
}

.overview-content .c .block {
    display: table-cell;
    vertical-align: top;
    padding: 2.1875em 0 1.875em
}

.overview-content .c .block-1 {
    width: 50.364583333333336%
}

.overview-content .c .block-2 {
    width: 49.63541666666667%
}

.overview-content .c .block table {
    width: 65%;
    margin: auto
}

.overview-content .c .block .line {
    width: 0;
    border-left: 1px solid #fff;
    color: transparent;
    font-size: 0
}

.overview-content .c .block .info {
    padding-top: .625em
}

.overview-content .c .block .info p {
    padding-top: .5em;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.25
}

.overview-content .c .block .info .speed {
    padding-top: 0;
    font-weight: 400;
    font-size: 1.3125em;
    line-height: 1;
    white-space: nowrap
}

.overview-content .c .block .info .speed span {
    display: inline-block
}

.overview-content .c .block .info .num {
    font-size: 2.857142857142857em
}

.overview-content .c .block .info .hz {
    font-weight: 500
}

.overview-content .c .block .info-1 {
    padding-right: 5.675954592363261%
}

.overview-content .c .block .info-2 {
    padding-left: 5.675954592363261%
}

.overview-content .d {
    background: url(img/04-bg.jpg) bottom/cover no-repeat;
    padding: 11.5625em 0 8.25em
}

.overview-content .d .text {
    padding-left: 68%;
    text-align: left
}

.overview-content .d .text .link {
    color: #4acbd6;
    text-decoration: none;
    border-bottom: 1px solid currentColor
}

.overview-content .e {
    background: url(img/05-bg.jpg) bottom/100% auto no-repeat #eff1f3
}

.overview-content .e:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 6.145833333333334%
}

@media (max-width:736px) {
    .overview-content .e:before {
        display: none
    }
}

.overview-content .e:after {
    content: '';
    display: block;
    height: 0;
    padding-top: 10.833333333333334%
}

@media (max-width:736px) {
    .overview-content .e:after {
        display: none
    }
}

.overview-content .e .text {
    width: 36%;
    text-align: left
}

.overview-content .e .extra-img {
    width: 90%;
    position: relative;
    height: 0;
    padding-bottom: 46%;
    margin-top: 2em;
    background: url(img/05-img.png) bottom/100% auto no-repeat
}

.overview-content .e .extra-img .des {
    position: absolute;
    width: 45%;
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
    top: 102%
}

.overview-content .e .extra-img .des .bolder {
    font-size: 1.5em
}

.overview-content .e .extra-img .des-1 {
    left: 4%
}

.overview-content .e .extra-img .des-2 {
    left: 57%
}

.overview-content .f {
    padding: 5.3125em 0 33.85416666666667%;
    background: url(img/06-bg.jpg) bottom/100% auto no-repeat
}

.overview-content .f .text {
    padding: 0 5%
}

.overview-content .f .bg-text {
    padding-top: 33.85416666666667%;
    height: 0
}

.overview-content .f .bg-text .desc {
    top: 80%;
    line-height: 1.3;
    text-align: center
}

.overview-content .f .bg-text .desc-1 {
    left: 28%;
    right: 48%
}

.overview-content .f .bg-text .desc-2 {
    left: 67%;
    right: 15%
}

.overview-content .f .bg-text .t {
    font-size: 1.5em
}

.overview-content .g {
    background: url(img/section_7.jpg) top/100% auto no-repeat #eff1f3;
    padding: 28.645833333333336% 0 5.625em
}

.overview-content .g .bg-text {
    height: 0;
    top: 0;
    bottom: auto;
    padding-bottom: 28.645833333333336%
}

.overview-content .g .bg-text p.desc-text {
    line-height: 1.2;
    font-size: 0.75em;
}

.overview-content .g .bg-text .desc {
    font-size: 1.25em;
    text-align: center;
    font-weight: 400;
    line-height: 1.2;
}

.overview-content .g .bg-text .desc-1 {
    left: 29.166666666666668%;
    right: 65.10416666666667%;
    bottom: 75%
}

.overview-content .g .bg-text .desc-2 {
    bottom: 76%;
    left: 62.5%;
    right: 27.34375%
}

.overview-content .g .bg-text .desc-3 {
    top: 80%;
    left: 32.8125%;
    right: 56.770833333333336%
}

.overview-content .g .bg-text .desc-4 {
    top: 80%;
    left: 10.416666666666668%;
    right: 4.261363636363637%
}

.overview-content .g .bg-text .desc-5 {
    top: 80%;
    left: 64.5%;
    right: 30.261364%;
}

.overview-content .h {
    background: url(img/08-bg.jpg) bottom no-repeat #eaeaea;
    height: 62.1875em
}

.overview-content .h .text {
    padding-top: 9.375em;
    width: 48%;
    text-align: left
}

.overview-content .h .extra-img {
    height: 0;
    width: 80%;
    margin-top: 2em;
    padding-top: 33.85416666666667%;
    position: relative;
    background: url(img/08-img.png) 0/100% auto no-repeat
}

.overview-content .h .des {
    position: absolute;
    top: 85.07462686567163%;
    font-size: 1em;
    font-weight: 500;
    text-align: center
}

.overview-content .h .des-1 {
    left: 0;
    right: 85%
}

.overview-content .h .des-2 {
    left: 23%;
    right: 50%
}

.overview-content .i {
    background: #eceef3;
    padding: 6.5625em 0
}

.overview-content .i .text-main {
    width: 60%;
    margin: auto
}

.overview-content .i .extra-table {
    margin-top: 4.375em;
    color: #040404;
    text-align: center
}

.overview-content .i .extra-table .td-blank {
    font-size: 1.5625em;
    line-height: 1
}

.overview-content .i .extra-table .info {
    border: 1px solid #040404;
    width: 32.5%;
    padding: 1.5625em 0 .9375em
}

.overview-content .i .extra-table .info-title {
    font-size: 2.125em;
    font-weight: 500
}

.overview-content .i .extra-table .info-value {
    font-size: 3.5em;
    line-height: 1.2
}

.overview-content .i .extra-table .info-desc {
    width: 90%;
    margin: auto;
    padding-top: .5em;
    font-size: 1.5em
}

.overview-content .j {
    background: url(img/09-bg.jpg) bottom/100% auto no-repeat;
    padding-top: 5.9375em
}

.overview-content .j:after {
    content: '';
    display: block;
    height: 0;
    padding-top: 42.44791666666667%
}

@media (max-width:736px) {
    .overview-content .j:after {
        display: none
    }
}

.overview-content .k {
    background: url(img/10-bg.jpg) center/cover no-repeat
}

.overview-content .k:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 13.541666666666668%
}

@media (max-width:736px) {
    .overview-content .k:before {
        display: none
    }
}

.overview-content .k:after {
    content: '';
    display: block;
    height: 0;
    padding-top: 18.229166666666668%
}

.overview-content .k .text {
    padding-left: 60%;
    text-align: left
}

.overview-content .k .apps-img {
    font-size: .7em
}

.overview-content .l {
    background: #c8cfd7;
    padding: 5.3125em 0 8.4375em
}

.overview-content .l .extra-table {
    width: 100%;
    margin-top: 7.1875em
}

.overview-content .l .extra-table td {
    padding: 0 10em;
    width: 50%;
    vertical-align: middle
}

.overview-content .l .extra-table .img {
    display: inline-block;
    position: relative;
    margin: auto
}

.overview-content .l .extra-table .desc {
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.2
}

.overview-content .l .extra-table .td-1 .desc-1,
.overview-content .l .extra-table .td-1 .desc-2 {
    left: -10em;
    right: 102%;
    text-align: right
}

.overview-content .l .extra-table .td-1 .desc-1 {
    top: 35.05154639175258%
}

.overview-content .l .extra-table .td-1 .desc-2 {
    top: 77.31958762886599%
}

.overview-content .l .extra-table .td-1 .desc-3 {
    top: 98%;
    left: 7.760532150776053%;
    right: 12.195121951219512%;
    text-align: center
}

.overview-content .l .extra-table .td-1 .desc-4 {
    top: 88.659793814433%;
    left: 93.12638580931264%;
    right: -10em
}

.overview-content .l .extra-table .td-2 .desc {
    text-align: center
}

.overview-content .l .extra-table .td-2 .desc-1,
.overview-content .l .extra-table .td-2 .desc-2 {
    bottom: 34.04669260700389%
}

.overview-content .l .extra-table .td-2 .desc-3,
.overview-content .l .extra-table .td-2 .desc-4 {
    top: 101%
}

.overview-content .l .extra-table .td-2 .desc-1 {
    left: 7.865168539325842%;
    right: 68.53932584269663%
}

.overview-content .l .extra-table .td-2 .desc-2 {
    left: 44.9438202247191%;
    right: 10.112359550561797%;
    text-align: right
}

.overview-content .l .extra-table .td-2 .desc-3 {
    left: 13.48314606741573%;
    right: 57.30337078651685%
}

.overview-content .l .extra-table .td-2 .desc-4 {
    left: 43.82022471910112%;
    right: 26.96629213483146%
}

.overview-content .m {
    background: #5e7288;
    padding: 5em 0 4.6875em;
    color: #fff
}

.overview-content .m a {
    color: currentColor
}

.overview-content .m table {
    width: 100%;
    margin-top: 4.0625em;
    text-align: left
}

.overview-content .m table td {
    border: 1px solid #fff;
    vertical-align: middle;
    font-size: 1.125em
}

.overview-content .m .td-label {
    font-size: 1.75em;
    font-weight: 400;
    text-align: center
}

.overview-content .m .td-label-2 {
    width: 32.38095238095238%;
    padding-left: 8.333333333333332%
}

.overview-content .m .td-value {
    padding: .5em 0 .5em 5.654761904761904%
}

.overview-content .m .td-value dt {
    font-weight: 500
}

@media (max-width:736px) {
    .overview-content .section {
        padding: 0
    }

    .overview-content .section .text {
        width: auto;
        padding: 0
    }

    .overview-content .a {
        background-image: url(m/01-bg.jpg);
        padding-bottom: 85.15625vw
    }

    .overview-content .a h2 {
        padding-bottom: 0;
        font-size: 7.03125vw
    }

    .overview-content .a p {
        font-size: 5vw
    }

    .overview-content .a .p-model {
        font-size: 4.6875vw
    }

    .overview-content .b {
        padding: 5vw 0;
        font-size: 3.125vw
    }

    .overview-content .b .list .li {
        width: 100%
    }

    .overview-content .c {
        background-image: url(m/03-bg.jpg);
        padding-bottom: 156.25vw
    }

    .overview-content .c .desc-table {
        display: block;
        width: 88%;
        margin: 0 auto;
        background: 0 0
    }

    .overview-content .c .desc-row {
        display: block
    }

    .overview-content .c .block {
        font-size: 1.5625vw;
        display: block;
        width: 100%;
        padding-top: 55.46875vw;
        background: center/cover no-repeat;
        margin: 2rem 0
    }

    .overview-content .c .block-1 {
        background-image: url(m/03-img-1.jpg)
    }

    .overview-content .c .block-2 {
        background-image: url(m/03-img-2.jpg)
    }

    .overview-content .c .block table {
        width: 88%
    }

    .overview-content .c .block table tr {
        padding: 2rem 5%
    }

    .overview-content .c .block .img {
        width: 80%
    }

    .overview-content .d {
        background: url(m/04-bg.jpg) bottom/100% auto no-repeat #f5f9fa;
        padding-bottom: 71.875%
    }

    .overview-content .e {
        background: url(m/05-bg.jpg) bottom no-repeat #eceef3;
        background-size: 100%;
        padding-bottom: 100vw
    }

    .overview-content .e .extra-img {
        width: 88%;
        margin: 0 auto
    }

    .overview-content .e .extra-img .des {
        font-size: 2.125vw
    }

    .overview-content .f {
        background: url(m/06-bg.jpg) bottom no-repeat;
        background-size: 100%;
        padding-bottom: 101.5625vw
    }

    .overview-content .f .text {
        text-align: left
    }

    .overview-content .f .bg-text {
        padding-top: 100vw
    }

    .overview-content .f .bg-text .desc {
        font-size: 2.5vw;
        left: 21.25vw;
        right: 21.25vw
    }

    .overview-content .f .bg-text .desc-1 {
        top: 46%
    }

    .overview-content .g {
        background: url(m/06v3.jpg) bottom no-repeat #eff1f3;
        background-size: 100%;
        padding-bottom: 72vw;
    }

    .overview-content .g .text {
        text-align: left
    }

    .overview-content .g .bg-text {
        bottom: 0;
        top: auto;
        padding-top: 48.0625vw
    }

    .overview-content .g .bg-text .desc {
        font-size: 2.5vw;
        bottom: 38.0625vw;
        line-height: 1.2;
    }

    .overview-content .g .bg-text p.desc-text {
        font-size: 1rem;
    }

    .overview-content .g .bg-text .desc-1 {
        left: 18.75vw;
        right: 66.40625vw;
    }

    .overview-content .g .bg-text .desc-2 {
        left: 60.15625vw;
        right: 13.28125vw;
    }

    .overview-content .g .bg-text .desc-3 {
        top: 61vw;
        left: 13.28125vw;
        right: 59.375vw;
    }

    .overview-content .g .bg-text .desc-4 {
        top: 61vw;
        left: 40.625vw;
        right: 33.59375vw
    }

    .overview-content .g .bg-text .desc-5 {
        top: 61vw;
        left: 71vw;
    }

    .overview-content .h {
        background: url(m/08-bg.jpg) bottom/100% auto no-repeat #5e7288;
        padding-bottom: 178.90625vw
    }

    .overview-content .h .extra-img {
        width: 88%;
        margin: 0 auto
    }

    .overview-content .h .des {
        font-size: 2.5vw
    }

    .overview-content .k {
        background: url(m/10-bg.jpg) center/cover no-repeat
    }

    .overview-content .k:after {
        content: '';
        display: block;
        height: 0;
        padding-bottom: 148.4375vw;
        background: url(m/10-bg-1.png) bottom left/100% auto no-repeat;
        background-size: 86.25% auto
    }

    .overview-content .k .text {
        text-align: center
    }

    .overview-content .k .apps-img {
        margin: auto;
        padding-top: 2rem;
        font-size: 2.5vw
    }
}