.oc-text-inside {
    margin: -0.01rem;
    padding: 0;
    width: 0.01rem;
    height: 0.01rem;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 0.01rem dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 0.4rem
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 0.01rem solid #c0c0c0;
    margin: 0 0.02rem;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    width: 100%
}

html:after {
    display: none;
    content: 'xs: (max-width: 768px) | sm: (max-width: 1024px) | md: (max-width: 1440px) | lg: (max-width: 1920px) | xl: (min-width: 1921px)'
}

body {
    color: #000;
    font-size: 0.14rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.isapp body * {
    font-family: 'Microsoft YaHei' !important
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ol,
p,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal
}

em,
i,
strong {
    font-style: normal
}

input:focus {
    outline: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    outline: none;
    -webkit-user-drag: none
}

ul,
menu,
dir {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

input,
textarea {
    -webkit-appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a0a0a0
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a0a0a0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0a0a0
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0a0a0 !important
}

input::-ms-clear,
textarea::-ms-clear {
    display: none
}

input::-ms-reveal,
textarea::-ms-reveal {
    display: none
}

input:focus,
textarea:focus {
    outline: 0
}

#oc-wrapper {
    box-sizing: border-box;
    height: auto;
    min-height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: auto;
    overflow: hidden
}

@media (max-width: 834px) {
    #oc-wrapper {
        padding-top: 0.52rem
    }
}

#oc-wrapper.main {
    padding-top: 0
}

#oc-container {
    width: 100%;
    position: relative;
    padding-top: 0.8rem
}

.clean-theme #oc-container {
    padding-top: 0
}

@media (min-width: 1024px) and (max-width: 1440px) {
    #oc-container {
        padding-top: 0.64rem
    }
}

@media (max-width: 834px) {
    #oc-container {
        min-height: auto;
        padding-top: 0
    }
    .clean-theme #oc-container {
        margin-top: -0.52rem
    }
}

[data-index='normal'],
.mask-index-normal {
    z-index: 900
}

[data-index='top'],
.mask-index-top {
    z-index: 1010
}

#oc-top-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1000;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s, max-height 0s linear 0.5s;
    transition: opacity 0.3s ease 0s, max-height 0s linear 0.5s
}

@media (max-width: 768px) {
    #oc-top-mask {
        cursor: pointer;
        pointer-events: all
    }
}

.show-mask #oc-top-mask {
    opacity: 1;
    max-height: 100vh;
    -webkit-transition: opacity 0.3s ease 0s, max-height 0s linear 0s;
    transition: opacity 0.3s ease 0s, max-height 0s linear 0s
}

.noscroll {
    width: 100%;
    position: relative;
    overflow: hidden !important;
    height: 100% !important
}

.noscroll body {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

.hide {
    display: none !important
}

.lazyload {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.page-h1 {
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-transform: translateX(-999.99rem) scale(0);
    transform: translateX(-999.99rem) scale(0)
}

@media (min-width: 1440px) {
    .safe-area {
        width: 13.2rem
    }
}

@media (max-width: 767.98px) {
    .safe-area {
        width: 3.17rem
    }
}

.oc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ie.lt-9 .oc-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ie.lt-9 .oc-row * html {
    height: 0.01rem
}

.oc-row .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.ie.lt-9 .oc-row .col-1 {
    width: 8.33333%;
    float: left
}

.oc-row .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.ie.lt-9 .oc-row .col-2 {
    width: 16.66667%;
    float: left
}

.oc-row .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.ie.lt-9 .oc-row .col-3 {
    width: 25%;
    float: left
}

.oc-row .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.ie.lt-9 .oc-row .col-4 {
    width: 33.33333%;
    float: left
}

.oc-row .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.ie.lt-9 .oc-row .col-5 {
    width: 41.66667%;
    float: left
}

.oc-row .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.ie.lt-9 .oc-row .col-6 {
    width: 50%;
    float: left
}

.oc-row .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.ie.lt-9 .oc-row .col-7 {
    width: 58.33333%;
    float: left
}

.oc-row .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.ie.lt-9 .oc-row .col-8 {
    width: 66.66667%;
    float: left
}

.oc-row .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.ie.lt-9 .oc-row .col-9 {
    width: 75%;
    float: left
}

.oc-row .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.ie.lt-9 .oc-row .col-10 {
    width: 83.33333%;
    float: left
}

.oc-row .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.ie.lt-9 .oc-row .col-11 {
    width: 91.66667%;
    float: left
}

.oc-row .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.ie.lt-9 .oc-row .col-12 {
    width: 100%;
    float: left
}

@media (min-width: 1920px) {
    .oc-row .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-xl-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-xl-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-xl-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-xl-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-xl-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-xl-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-xl-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-xl-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-xl-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-xl-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-xl-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-xl-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 1440px) {
    .oc-row .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-md-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-md-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-md-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-md-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-md-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-md-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-md-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-md-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-md-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-md-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-md-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-md-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 1024px) {
    .oc-row .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-sm-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-sm-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-sm-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-sm-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-sm-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-sm-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-sm-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-sm-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-sm-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-sm-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-sm-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-sm-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 768px) {
    .oc-row .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-xs-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-xs-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-xs-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-xs-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-xs-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-xs-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-xs-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-xs-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-xs-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-xs-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-xs-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-xs-12 {
        width: 100%;
        float: left
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

body {
    overflow-x: hidden
}

body .screen-page {
    font-family: "TCLSans-Unity-Book", "sans-serif"
}

@media (max-width: 834px) {
    body #content-container img {
        max-width: 100%
    }
    body #content-container .video_container {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        left: 0;
        top: 0
    }
    body #content-container .video_container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    body #content-container .video_container .player {
        width: 90vw;
        height: 52vw;
        border: #fff solid 0.01rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -45vw;
        margin-top: -26vw;
        background: #000
    }
    body #content-container .video_container .player video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    body #content-container .video_container .player .close {
        position: absolute;
        width: 0.26rem;
        height: 0.26rem;
        right: -0.18rem;
        top: -0.18rem;
        cursor: pointer
    }
    body #content-container .video_container .video_pc {
        display: none
    }
    body #content-container .video_container .video_mob {
        display: block
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #content-container img {
        max-width: 100%
    }
    body #content-container .video_container {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        left: 0;
        top: 0
    }
    body #content-container .video_container .player {
        width: 52.08333vw;
        height: 29.32292vw;
        border: #fff solid 0.01rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -26.04167vw;
        margin-top: -14.66146vw
    }
    body #content-container .video_container .player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    body #content-container .video_container .player video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: auto;
        vertical-align: middle;
        padding: 0
    }
    body #content-container .video_container .player .close {
        position: absolute;
        width: 1.35417vw;
        height: 1.35417vw;
        right: -1.14583vw;
        top: -1.14583vw;
        cursor: pointer
    }
    body #content-container .video_container .video_mob {
        display: none
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #content-container img {
        max-width: 100%
    }
    body #content-container .video_container {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        left: 0;
        top: 0
    }
    body #content-container .video_container .player {
        width: 52.08333vw;
        height: 29.32292vw;
        border: #fff solid 0.01rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -26.04167vw;
        margin-top: -14.66146vw
    }
    body #content-container .video_container .player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    body #content-container .video_container .player video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: auto;
        vertical-align: middle;
        padding: 0
    }
    body #content-container .video_container .player .close {
        position: absolute;
        width: 1.35417vw;
        height: 1.35417vw;
        right: -1.14583vw;
        top: -1.14583vw;
        cursor: pointer
    }
    body #content-container .video_container .video_mob {
        display: none
    }
}


/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\F26E"
}

.fa-accessible-icon:before {
    content: "\F368"
}

.fa-accusoft:before {
    content: "\F369"
}

.fa-acquisitions-incorporated:before {
    content: "\F6AF"
}

.fa-ad:before {
    content: "\F641"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-card:before {
    content: "\F2BB"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-adn:before {
    content: "\F170"
}

.fa-adobe:before {
    content: "\F778"
}

.fa-adversal:before {
    content: "\F36A"
}

.fa-affiliatetheme:before {
    content: "\F36B"
}

.fa-air-freshener:before {
    content: "\F5D0"
}

.fa-airbnb:before {
    content: "\F834"
}

.fa-algolia:before {
    content: "\F36C"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-alipay:before {
    content: "\F642"
}

.fa-allergies:before {
    content: "\F461"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-amazon-pay:before {
    content: "\F42C"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-american-sign-language-interpreting:before {
    content: "\F2A3"
}

.fa-amilia:before {
    content: "\F36D"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-android:before {
    content: "\F17B"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angry:before {
    content: "\F556"
}

.fa-angrycreative:before {
    content: "\F36E"
}

.fa-angular:before {
    content: "\F420"
}

.fa-ankh:before {
    content: "\F644"
}

.fa-app-store:before {
    content: "\F36F"
}

.fa-app-store-ios:before {
    content: "\F370"
}

.fa-apper:before {
    content: "\F371"
}

.fa-apple:before {
    content: "\F179"
}

.fa-apple-alt:before {
    content: "\F5D1"
}

.fa-apple-pay:before {
    content: "\F415"
}

.fa-archive:before {
    content: "\F187"
}

.fa-archway:before {
    content: "\F557"
}

.fa-arrow-alt-circle-down:before {
    content: "\F358"
}

.fa-arrow-alt-circle-left:before {
    content: "\F359"
}

.fa-arrow-alt-circle-right:before {
    content: "\F35A"
}

.fa-arrow-alt-circle-up:before {
    content: "\F35B"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-arrows-alt-h:before {
    content: "\F337"
}

.fa-arrows-alt-v:before {
    content: "\F338"
}

.fa-artstation:before {
    content: "\F77A"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-asymmetrik:before {
    content: "\F372"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-atlas:before {
    content: "\F558"
}

.fa-atlassian:before {
    content: "\F77B"
}

.fa-atom:before {
    content: "\F5D2"
}

.fa-audible:before {
    content: "\F373"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-autoprefixer:before {
    content: "\F41C"
}

.fa-avianex:before {
    content: "\F374"
}

.fa-aviato:before {
    content: "\F421"
}

.fa-award:before {
    content: "\F559"
}

.fa-aws:before {
    content: "\F375"
}

.fa-baby:before {
    content: "\F77C"
}

.fa-baby-carriage:before {
    content: "\F77D"
}

.fa-backspace:before {
    content: "\F55A"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-bacon:before {
    content: "\F7E5"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-balance-scale-left:before {
    content: "\F515"
}

.fa-balance-scale-right:before {
    content: "\F516"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-band-aid:before {
    content: "\F462"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-bars:before {
    content: "\F0C9"
}

.fa-baseball-ball:before {
    content: "\F433"
}

.fa-basketball-ball:before {
    content: "\F434"
}

.fa-bath:before {
    content: "\F2CD"
}

.fa-battery-empty:before {
    content: "\F244"
}

.fa-battery-full:before {
    content: "\F240"
}

.fa-battery-half:before {
    content: "\F242"
}

.fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battle-net:before {
    content: "\F835"
}

.fa-bed:before {
    content: "\F236"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bezier-curve:before {
    content: "\F55B"
}

.fa-bible:before {
    content: "\F647"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-biking:before {
    content: "\F84A"
}

.fa-bimobject:before {
    content: "\F378"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-biohazard:before {
    content: "\F780"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitcoin:before {
    content: "\F379"
}

.fa-bity:before {
    content: "\F37A"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-blackberry:before {
    content: "\F37B"
}

.fa-blender:before {
    content: "\F517"
}

.fa-blender-phone:before {
    content: "\F6B6"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-blog:before {
    content: "\F781"
}

.fa-blogger:before {
    content: "\F37C"
}

.fa-blogger-b:before {
    content: "\F37D"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-bold:before {
    content: "\F032"
}

.fa-bolt:before {
    content: "\F0E7"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-bone:before {
    content: "\F5D7"
}

.fa-bong:before {
    content: "\F55C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-book-dead:before {
    content: "\F6B7"
}

.fa-book-medical:before {
    content: "\F7E6"
}

.fa-book-open:before {
    content: "\F518"
}

.fa-book-reader:before {
    content: "\F5DA"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-bootstrap:before {
    content: "\F836"
}

.fa-border-all:before {
    content: "\F84C"
}

.fa-border-none:before {
    content: "\F850"
}

.fa-border-style:before {
    content: "\F853"
}

.fa-bowling-ball:before {
    content: "\F436"
}

.fa-box:before {
    content: "\F466"
}

.fa-box-open:before {
    content: "\F49E"
}

.fa-boxes:before {
    content: "\F468"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-brain:before {
    content: "\F5DC"
}

.fa-bread-slice:before {
    content: "\F7EC"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-briefcase-medical:before {
    content: "\F469"
}

.fa-broadcast-tower:before {
    content: "\F519"
}

.fa-broom:before {
    content: "\F51A"
}

.fa-brush:before {
    content: "\F55D"
}

.fa-btc:before {
    content: "\F15A"
}

.fa-buffer:before {
    content: "\F837"
}

.fa-bug:before {
    content: "\F188"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-burn:before {
    content: "\F46A"
}

.fa-buromobelexperte:before {
    content: "\F37F"
}

.fa-bus:before {
    content: "\F207"
}

.fa-bus-alt:before {
    content: "\F55E"
}

.fa-business-time:before {
    content: "\F64A"
}

.fa-buy-n-large:before {
    content: "\F8A6"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-calendar:before {
    content: "\F133"
}

.fa-calendar-alt:before {
    content: "\F073"
}

.fa-calendar-check:before {
    content: "\F274"
}

.fa-calendar-day:before {
    content: "\F783"
}

.fa-calendar-minus:before {
    content: "\F272"
}

.fa-calendar-plus:before {
    content: "\F271"
}

.fa-calendar-times:before {
    content: "\F273"
}

.fa-calendar-week:before {
    content: "\F784"
}

.fa-camera:before {
    content: "\F030"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-campground:before {
    content: "\F6BB"
}

.fa-canadian-maple-leaf:before {
    content: "\F785"
}

.fa-candy-cane:before {
    content: "\F786"
}

.fa-cannabis:before {
    content: "\F55F"
}

.fa-capsules:before {
    content: "\F46B"
}

.fa-car:before {
    content: "\F1B9"
}

.fa-car-alt:before {
    content: "\F5DE"
}

.fa-car-battery:before {
    content: "\F5DF"
}

.fa-car-crash:before {
    content: "\F5E1"
}

.fa-car-side:before {
    content: "\F5E4"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-caret-square-down:before {
    content: "\F150"
}

.fa-caret-square-left:before {
    content: "\F191"
}

.fa-caret-square-right:before {
    content: "\F152"
}

.fa-caret-square-up:before {
    content: "\F151"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-carrot:before {
    content: "\F787"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cash-register:before {
    content: "\F788"
}

.fa-cat:before {
    content: "\F6BE"
}

.fa-cc-amazon-pay:before {
    content: "\F42D"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-apple-pay:before {
    content: "\F416"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-centercode:before {
    content: "\F380"
}

.fa-centos:before {
    content: "\F789"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-chair:before {
    content: "\F6C0"
}

.fa-chalkboard:before {
    content: "\F51B"
}

.fa-chalkboard-teacher:before {
    content: "\F51C"
}

.fa-charging-station:before {
    content: "\F5E7"
}

.fa-chart-area:before {
    content: "\F1FE"
}

.fa-chart-bar:before {
    content: "\F080"
}

.fa-chart-line:before {
    content: "\F201"
}

.fa-chart-pie:before {
    content: "\F200"
}

.fa-check:before {
    content: "\F00C"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-check-double:before {
    content: "\F560"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-cheese:before {
    content: "\F7EF"
}

.fa-chess:before {
    content: "\F439"
}

.fa-chess-bishop:before {
    content: "\F43A"
}

.fa-chess-board:before {
    content: "\F43C"
}

.fa-chess-king:before {
    content: "\F43F"
}

.fa-chess-knight:before {
    content: "\F441"
}

.fa-chess-pawn:before {
    content: "\F443"
}

.fa-chess-queen:before {
    content: "\F445"
}

.fa-chess-rook:before {
    content: "\F447"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-chromecast:before {
    content: "\F838"
}

.fa-church:before {
    content: "\F51D"
}

.fa-circle:before {
    content: "\F111"
}

.fa-circle-notch:before {
    content: "\F1CE"
}

.fa-city:before {
    content: "\F64F"
}

.fa-clinic-medical:before {
    content: "\F7F2"
}

.fa-clipboard:before {
    content: "\F328"
}

.fa-clipboard-check:before {
    content: "\F46C"
}

.fa-clipboard-list:before {
    content: "\F46D"
}

.fa-clock:before {
    content: "\F017"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-closed-captioning:before {
    content: "\F20A"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-cloud-download-alt:before {
    content: "\F381"
}

.fa-cloud-meatball:before {
    content: "\F73B"
}

.fa-cloud-moon:before {
    content: "\F6C3"
}

.fa-cloud-moon-rain:before {
    content: "\F73C"
}

.fa-cloud-rain:before {
    content: "\F73D"
}

.fa-cloud-showers-heavy:before {
    content: "\F740"
}

.fa-cloud-sun:before {
    content: "\F6C4"
}

.fa-cloud-sun-rain:before {
    content: "\F743"
}

.fa-cloud-upload-alt:before {
    content: "\F382"
}

.fa-cloudscale:before {
    content: "\F383"
}

.fa-cloudsmith:before {
    content: "\F384"
}

.fa-cloudversify:before {
    content: "\F385"
}

.fa-cocktail:before {
    content: "\F561"
}

.fa-code:before {
    content: "\F121"
}

.fa-code-branch:before {
    content: "\F126"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cog:before {
    content: "\F013"
}

.fa-cogs:before {
    content: "\F085"
}

.fa-coins:before {
    content: "\F51E"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-comment:before {
    content: "\F075"
}

.fa-comment-alt:before {
    content: "\F27A"
}

.fa-comment-dollar:before {
    content: "\F651"
}

.fa-comment-dots:before {
    content: "\F4AD"
}

.fa-comment-medical:before {
    content: "\F7F5"
}

.fa-comment-slash:before {
    content: "\F4B3"
}

.fa-comments:before {
    content: "\F086"
}

.fa-comments-dollar:before {
    content: "\F653"
}

.fa-compact-disc:before {
    content: "\F51F"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-compress:before {
    content: "\F066"
}

.fa-compress-arrows-alt:before {
    content: "\F78C"
}

.fa-concierge-bell:before {
    content: "\F562"
}

.fa-confluence:before {
    content: "\F78D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-cookie:before {
    content: "\F563"
}

.fa-cookie-bite:before {
    content: "\F564"
}

.fa-copy:before {
    content: "\F0C5"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-cotton-bureau:before {
    content: "\F89E"
}

.fa-couch:before {
    content: "\F4B8"
}

.fa-cpanel:before {
    content: "\F388"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-creative-commons-by:before {
    content: "\F4E7"
}

.fa-creative-commons-nc:before {
    content: "\F4E8"
}

.fa-creative-commons-nc-eu:before {
    content: "\F4E9"
}

.fa-creative-commons-nc-jp:before {
    content: "\F4EA"
}

.fa-creative-commons-nd:before {
    content: "\F4EB"
}

.fa-creative-commons-pd:before {
    content: "\F4EC"
}

.fa-creative-commons-pd-alt:before {
    content: "\F4ED"
}

.fa-creative-commons-remix:before {
    content: "\F4EE"
}

.fa-creative-commons-sa:before {
    content: "\F4EF"
}

.fa-creative-commons-sampling:before {
    content: "\F4F0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\F4F1"
}

.fa-creative-commons-share:before {
    content: "\F4F2"
}

.fa-creative-commons-zero:before {
    content: "\F4F3"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-critical-role:before {
    content: "\F6C9"
}

.fa-crop:before {
    content: "\F125"
}

.fa-crop-alt:before {
    content: "\F565"
}

.fa-cross:before {
    content: "\F654"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-crow:before {
    content: "\F520"
}

.fa-crown:before {
    content: "\F521"
}

.fa-crutch:before {
    content: "\F7F7"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-css3-alt:before {
    content: "\F38B"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-cut:before {
    content: "\F0C4"
}

.fa-cuttlefish:before {
    content: "\F38C"
}

.fa-d-and-d:before {
    content: "\F38D"
}

.fa-d-and-d-beyond:before {
    content: "\F6CA"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-deaf:before {
    content: "\F2A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-democrat:before {
    content: "\F747"
}

.fa-deploydog:before {
    content: "\F38E"
}

.fa-deskpro:before {
    content: "\F38F"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-dev:before {
    content: "\F6CC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-dharmachakra:before {
    content: "\F655"
}

.fa-dhl:before {
    content: "\F790"
}

.fa-diagnoses:before {
    content: "\F470"
}

.fa-diaspora:before {
    content: "\F791"
}

.fa-dice:before {
    content: "\F522"
}

.fa-dice-d20:before {
    content: "\F6CF"
}

.fa-dice-d6:before {
    content: "\F6D1"
}

.fa-dice-five:before {
    content: "\F523"
}

.fa-dice-four:before {
    content: "\F524"
}

.fa-dice-one:before {
    content: "\F525"
}

.fa-dice-six:before {
    content: "\F526"
}

.fa-dice-three:before {
    content: "\F527"
}

.fa-dice-two:before {
    content: "\F528"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-digital-ocean:before {
    content: "\F391"
}

.fa-digital-tachograph:before {
    content: "\F566"
}

.fa-directions:before {
    content: "\F5EB"
}

.fa-discord:before {
    content: "\F392"
}

.fa-discourse:before {
    content: "\F393"
}

.fa-divide:before {
    content: "\F529"
}

.fa-dizzy:before {
    content: "\F567"
}

.fa-dna:before {
    content: "\F471"
}

.fa-dochub:before {
    content: "\F394"
}

.fa-docker:before {
    content: "\F395"
}

.fa-dog:before {
    content: "\F6D3"
}

.fa-dollar-sign:before {
    content: "\F155"
}

.fa-dolly:before {
    content: "\F472"
}

.fa-dolly-flatbed:before {
    content: "\F474"
}

.fa-donate:before {
    content: "\F4B9"
}

.fa-door-closed:before {
    content: "\F52A"
}

.fa-door-open:before {
    content: "\F52B"
}

.fa-dot-circle:before {
    content: "\F192"
}

.fa-dove:before {
    content: "\F4BA"
}

.fa-download:before {
    content: "\F019"
}

.fa-draft2digital:before {
    content: "\F396"
}

.fa-drafting-compass:before {
    content: "\F568"
}

.fa-dragon:before {
    content: "\F6D5"
}

.fa-draw-polygon:before {
    content: "\F5EE"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-dribbble-square:before {
    content: "\F397"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-drum:before {
    content: "\F569"
}

.fa-drum-steelpan:before {
    content: "\F56A"
}

.fa-drumstick-bite:before {
    content: "\F6D7"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-dumbbell:before {
    content: "\F44B"
}

.fa-dumpster:before {
    content: "\F793"
}

.fa-dumpster-fire:before {
    content: "\F794"
}

.fa-dungeon:before {
    content: "\F6D9"
}

.fa-dyalog:before {
    content: "\F399"
}

.fa-earlybirds:before {
    content: "\F39A"
}

.fa-ebay:before {
    content: "\F4F4"
}

.fa-edge:before {
    content: "\F282"
}

.fa-edit:before {
    content: "\F044"
}

.fa-egg:before {
    content: "\F7FB"
}

.fa-eject:before {
    content: "\F052"
}

.fa-elementor:before {
    content: "\F430"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-ello:before {
    content: "\F5F1"
}

.fa-ember:before {
    content: "\F423"
}

.fa-empire:before {
    content: "\F1D1"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-text:before {
    content: "\F658"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-envira:before {
    content: "\F299"
}

.fa-equals:before {
    content: "\F52C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-erlang:before {
    content: "\F39D"
}

.fa-ethereum:before {
    content: "\F42E"
}

.fa-ethernet:before {
    content: "\F796"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-euro-sign:before {
    content: "\F153"
}

.fa-evernote:before {
    content: "\F839"
}

.fa-exchange-alt:before {
    content: "\F362"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-exclamation-triangle:before {
    content: "\F071"
}

.fa-expand:before {
    content: "\F065"
}

.fa-expand-arrows-alt:before {
    content: "\F31E"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-external-link-alt:before {
    content: "\F35D"
}

.fa-external-link-square-alt:before {
    content: "\F360"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-dropper:before {
    content: "\F1FB"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-facebook:before {
    content: "\F09A"
}

.fa-facebook-f:before {
    content: "\F39E"
}

.fa-facebook-messenger:before {
    content: "\F39F"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-fan:before {
    content: "\F863"
}

.fa-fantasy-flight-games:before {
    content: "\F6DC"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-feather:before {
    content: "\F52D"
}

.fa-feather-alt:before {
    content: "\F56B"
}

.fa-fedex:before {
    content: "\F797"
}

.fa-fedora:before {
    content: "\F798"
}

.fa-female:before {
    content: "\F182"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-figma:before {
    content: "\F799"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-alt:before {
    content: "\F15C"
}

.fa-file-archive:before {
    content: "\F1C6"
}

.fa-file-audio:before {
    content: "\F1C7"
}

.fa-file-code:before {
    content: "\F1C9"
}

.fa-file-contract:before {
    content: "\F56C"
}

.fa-file-csv:before {
    content: "\F6DD"
}

.fa-file-download:before {
    content: "\F56D"
}

.fa-file-excel:before {
    content: "\F1C3"
}

.fa-file-export:before {
    content: "\F56E"
}

.fa-file-image:before {
    content: "\F1C5"
}

.fa-file-import:before {
    content: "\F56F"
}

.fa-file-invoice:before {
    content: "\F570"
}

.fa-file-invoice-dollar:before {
    content: "\F571"
}

.fa-file-medical:before {
    content: "\F477"
}

.fa-file-medical-alt:before {
    content: "\F478"
}

.fa-file-pdf:before {
    content: "\F1C1"
}

.fa-file-powerpoint:before {
    content: "\F1C4"
}

.fa-file-prescription:before {
    content: "\F572"
}

.fa-file-signature:before {
    content: "\F573"
}

.fa-file-upload:before {
    content: "\F574"
}

.fa-file-video:before {
    content: "\F1C8"
}

.fa-file-word:before {
    content: "\F1C2"
}

.fa-fill:before {
    content: "\F575"
}

.fa-fill-drip:before {
    content: "\F576"
}

.fa-film:before {
    content: "\F008"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-fingerprint:before {
    content: "\F577"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-fire-alt:before {
    content: "\F7E4"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-first-aid:before {
    content: "\F479"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-first-order-alt:before {
    content: "\F50A"
}

.fa-firstdraft:before {
    content: "\F3A1"
}

.fa-fish:before {
    content: "\F578"
}

.fa-fist-raised:before {
    content: "\F6DE"
}

.fa-flag:before {
    content: "\F024"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-flag-usa:before {
    content: "\F74D"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-flipboard:before {
    content: "\F44D"
}

.fa-flushed:before {
    content: "\F579"
}

.fa-fly:before {
    content: "\F417"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-minus:before {
    content: "\F65D"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-folder-plus:before {
    content: "\F65E"
}

.fa-font:before {
    content: "\F031"
}

.fa-font-awesome:before {
    content: "\F2B4"
}

.fa-font-awesome-alt:before {
    content: "\F35C"
}

.fa-font-awesome-flag:before {
    content: "\F425"
}

.fa-font-awesome-logo-full:before {
    content: "\F4E6"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-fonticons-fi:before {
    content: "\F3A2"
}

.fa-football-ball:before {
    content: "\F44E"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-fort-awesome-alt:before {
    content: "\F3A3"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-freebsd:before {
    content: "\F3A4"
}

.fa-frog:before {
    content: "\F52E"
}

.fa-frown:before {
    content: "\F119"
}

.fa-frown-open:before {
    content: "\F57A"
}

.fa-fulcrum:before {
    content: "\F50B"
}

.fa-funnel-dollar:before {
    content: "\F662"
}

.fa-futbol:before {
    content: "\F1E3"
}

.fa-galactic-republic:before {
    content: "\F50C"
}

.fa-galactic-senate:before {
    content: "\F50D"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-gas-pump:before {
    content: "\F52F"
}

.fa-gavel:before {
    content: "\F0E3"
}

.fa-gem:before {
    content: "\F3A5"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-ghost:before {
    content: "\F6E2"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-gifts:before {
    content: "\F79C"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-git-alt:before {
    content: "\F841"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-github:before {
    content: "\F09B"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-gitkraken:before {
    content: "\F3A6"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-gitter:before {
    content: "\F426"
}

.fa-glass-cheers:before {
    content: "\F79F"
}

.fa-glass-martini:before {
    content: "\F000"
}

.fa-glass-martini-alt:before {
    content: "\F57B"
}

.fa-glass-whiskey:before {
    content: "\F7A0"
}

.fa-glasses:before {
    content: "\F530"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-globe-africa:before {
    content: "\F57C"
}

.fa-globe-americas:before {
    content: "\F57D"
}

.fa-globe-asia:before {
    content: "\F57E"
}

.fa-globe-europe:before {
    content: "\F7A2"
}

.fa-gofore:before {
    content: "\F3A7"
}

.fa-golf-ball:before {
    content: "\F450"
}

.fa-goodreads:before {
    content: "\F3A8"
}

.fa-goodreads-g:before {
    content: "\F3A9"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-google-drive:before {
    content: "\F3AA"
}

.fa-google-play:before {
    content: "\F3AB"
}

.fa-google-plus:before {
    content: "\F2B3"
}

.fa-google-plus-g:before {
    content: "\F0D5"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-gopuram:before {
    content: "\F664"
}

.fa-graduation-cap:before {
    content: "\F19D"
}

.fa-gratipay:before {
    content: "\F184"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-greater-than:before {
    content: "\F531"
}

.fa-greater-than-equal:before {
    content: "\F532"
}

.fa-grimace:before {
    content: "\F57F"
}

.fa-grin:before {
    content: "\F580"
}

.fa-grin-alt:before {
    content: "\F581"
}

.fa-grin-beam:before {
    content: "\F582"
}

.fa-grin-beam-sweat:before {
    content: "\F583"
}

.fa-grin-hearts:before {
    content: "\F584"
}

.fa-grin-squint:before {
    content: "\F585"
}

.fa-grin-squint-tears:before {
    content: "\F586"
}

.fa-grin-stars:before {
    content: "\F587"
}

.fa-grin-tears:before {
    content: "\F588"
}

.fa-grin-tongue:before {
    content: "\F589"
}

.fa-grin-tongue-squint:before {
    content: "\F58A"
}

.fa-grin-tongue-wink:before {
    content: "\F58B"
}

.fa-grin-wink:before {
    content: "\F58C"
}

.fa-grip-horizontal:before {
    content: "\F58D"
}

.fa-grip-lines:before {
    content: "\F7A4"
}

.fa-grip-lines-vertical:before {
    content: "\F7A5"
}

.fa-grip-vertical:before {
    content: "\F58E"
}

.fa-gripfire:before {
    content: "\F3AC"
}

.fa-grunt:before {
    content: "\F3AD"
}

.fa-guitar:before {
    content: "\F7A6"
}

.fa-gulp:before {
    content: "\F3AE"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-hacker-news:before {
    content: "\F1D4"
}

.fa-hacker-news-square:before {
    content: "\F3AF"
}

.fa-hackerrank:before {
    content: "\F5F7"
}

.fa-hamburger:before {
    content: "\F805"
}

.fa-hammer:before {
    content: "\F6E3"
}

.fa-hamsa:before {
    content: "\F665"
}

.fa-hand-holding:before {
    content: "\F4BD"
}

.fa-hand-holding-heart:before {
    content: "\F4BE"
}

.fa-hand-holding-usd:before {
    content: "\F4C0"
}

.fa-hand-lizard:before {
    content: "\F258"
}

.fa-hand-middle-finger:before {
    content: "\F806"
}

.fa-hand-paper:before {
    content: "\F256"
}

.fa-hand-peace:before {
    content: "\F25B"
}

.fa-hand-point-down:before {
    content: "\F0A7"
}

.fa-hand-point-left:before {
    content: "\F0A5"
}

.fa-hand-point-right:before {
    content: "\F0A4"
}

.fa-hand-point-up:before {
    content: "\F0A6"
}

.fa-hand-pointer:before {
    content: "\F25A"
}

.fa-hand-rock:before {
    content: "\F255"
}

.fa-hand-scissors:before {
    content: "\F257"
}

.fa-hand-spock:before {
    content: "\F259"
}

.fa-hands:before {
    content: "\F4C2"
}

.fa-hands-helping:before {
    content: "\F4C4"
}

.fa-handshake:before {
    content: "\F2B5"
}

.fa-hanukiah:before {
    content: "\F6E6"
}

.fa-hard-hat:before {
    content: "\F807"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-hat-cowboy:before {
    content: "\F8C0"
}

.fa-hat-cowboy-side:before {
    content: "\F8C1"
}

.fa-hat-wizard:before {
    content: "\F6E8"
}

.fa-haykal:before {
    content: "\F666"
}

.fa-hdd:before {
    content: "\F0A0"
}

.fa-heading:before {
    content: "\F1DC"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-headphones-alt:before {
    content: "\F58F"
}

.fa-headset:before {
    content: "\F590"
}

.fa-heart:before {
    content: "\F004"
}

.fa-heart-broken:before {
    content: "\F7A9"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-helicopter:before {
    content: "\F533"
}

.fa-highlighter:before {
    content: "\F591"
}

.fa-hiking:before {
    content: "\F6EC"
}

.fa-hippo:before {
    content: "\F6ED"
}

.fa-hips:before {
    content: "\F452"
}

.fa-hire-a-helper:before {
    content: "\F3B0"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-hockey-puck:before {
    content: "\F453"
}

.fa-holly-berry:before {
    content: "\F7AA"
}

.fa-home:before {
    content: "\F015"
}

.fa-hooli:before {
    content: "\F427"
}

.fa-hornbill:before {
    content: "\F592"
}

.fa-horse:before {
    content: "\F6F0"
}

.fa-horse-head:before {
    content: "\F7AB"
}

.fa-hospital:before {
    content: "\F0F8"
}

.fa-hospital-alt:before {
    content: "\F47D"
}

.fa-hospital-symbol:before {
    content: "\F47E"
}

.fa-hot-tub:before {
    content: "\F593"
}

.fa-hotdog:before {
    content: "\F80F"
}

.fa-hotel:before {
    content: "\F594"
}

.fa-hotjar:before {
    content: "\F3B1"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-start:before {
    content: "\F251"
}

.fa-house-damage:before {
    content: "\F6F1"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-hryvnia:before {
    content: "\F6F2"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-hubspot:before {
    content: "\F3B2"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-ice-cream:before {
    content: "\F810"
}

.fa-icicles:before {
    content: "\F7AD"
}

.fa-icons:before {
    content: "\F86D"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-id-card:before {
    content: "\F2C2"
}

.fa-id-card-alt:before {
    content: "\F47F"
}

.fa-igloo:before {
    content: "\F7AE"
}

.fa-image:before {
    content: "\F03E"
}

.fa-images:before {
    content: "\F302"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-industry:before {
    content: "\F275"
}

.fa-infinity:before {
    content: "\F534"
}

.fa-info:before {
    content: "\F129"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-intercom:before {
    content: "\F7AF"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-invision:before {
    content: "\F7B0"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-italic:before {
    content: "\F033"
}

.fa-itch-io:before {
    content: "\F83A"
}

.fa-itunes:before {
    content: "\F3B4"
}

.fa-itunes-note:before {
    content: "\F3B5"
}

.fa-java:before {
    content: "\F4E4"
}

.fa-jedi:before {
    content: "\F669"
}

.fa-jedi-order:before {
    content: "\F50E"
}

.fa-jenkins:before {
    content: "\F3B6"
}

.fa-jira:before {
    content: "\F7B1"
}

.fa-joget:before {
    content: "\F3B7"
}

.fa-joint:before {
    content: "\F595"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-journal-whills:before {
    content: "\F66A"
}

.fa-js:before {
    content: "\F3B8"
}

.fa-js-square:before {
    content: "\F3B9"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-kaaba:before {
    content: "\F66B"
}

.fa-kaggle:before {
    content: "\F5FA"
}

.fa-key:before {
    content: "\F084"
}

.fa-keybase:before {
    content: "\F4F5"
}

.fa-keyboard:before {
    content: "\F11C"
}

.fa-keycdn:before {
    content: "\F3BA"
}

.fa-khanda:before {
    content: "\F66D"
}

.fa-kickstarter:before {
    content: "\F3BB"
}

.fa-kickstarter-k:before {
    content: "\F3BC"
}

.fa-kiss:before {
    content: "\F596"
}

.fa-kiss-beam:before {
    content: "\F597"
}

.fa-kiss-wink-heart:before {
    content: "\F598"
}

.fa-kiwi-bird:before {
    content: "\F535"
}

.fa-korvue:before {
    content: "\F42F"
}

.fa-landmark:before {
    content: "\F66F"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-laptop-code:before {
    content: "\F5FC"
}

.fa-laptop-medical:before {
    content: "\F812"
}

.fa-laravel:before {
    content: "\F3BD"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-laugh:before {
    content: "\F599"
}

.fa-laugh-beam:before {
    content: "\F59A"
}

.fa-laugh-squint:before {
    content: "\F59B"
}

.fa-laugh-wink:before {
    content: "\F59C"
}

.fa-layer-group:before {
    content: "\F5FD"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-lemon:before {
    content: "\F094"
}

.fa-less:before {
    content: "\F41D"
}

.fa-less-than:before {
    content: "\F536"
}

.fa-less-than-equal:before {
    content: "\F537"
}

.fa-level-down-alt:before {
    content: "\F3BE"
}

.fa-level-up-alt:before {
    content: "\F3BF"
}

.fa-life-ring:before {
    content: "\F1CD"
}

.fa-lightbulb:before {
    content: "\F0EB"
}

.fa-line:before {
    content: "\F3C0"
}

.fa-link:before {
    content: "\F0C1"
}

.fa-linkedin:before {
    content: "\F08C"
}

.fa-linkedin-in:before {
    content: "\F0E1"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-lira-sign:before {
    content: "\F195"
}

.fa-list:before {
    content: "\F03A"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-lock:before {
    content: "\F023"
}

.fa-lock-open:before {
    content: "\F3C1"
}

.fa-long-arrow-alt-down:before {
    content: "\F309"
}

.fa-long-arrow-alt-left:before {
    content: "\F30A"
}

.fa-long-arrow-alt-right:before {
    content: "\F30B"
}

.fa-long-arrow-alt-up:before {
    content: "\F30C"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-luggage-cart:before {
    content: "\F59D"
}

.fa-lyft:before {
    content: "\F3C3"
}

.fa-magento:before {
    content: "\F3C4"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-mail-bulk:before {
    content: "\F674"
}

.fa-mailchimp:before {
    content: "\F59E"
}

.fa-male:before {
    content: "\F183"
}

.fa-mandalorian:before {
    content: "\F50F"
}

.fa-map:before {
    content: "\F279"
}

.fa-map-marked:before {
    content: "\F59F"
}

.fa-map-marked-alt:before {
    content: "\F5A0"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-map-marker-alt:before {
    content: "\F3C5"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-markdown:before {
    content: "\F60F"
}

.fa-marker:before {
    content: "\F5A1"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mask:before {
    content: "\F6FA"
}

.fa-mastodon:before {
    content: "\F4F6"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-mdb:before {
    content: "\F8CA"
}

.fa-medal:before {
    content: "\F5A2"
}

.fa-medapps:before {
    content: "\F3C6"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-medium-m:before {
    content: "\F3C7"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-medrt:before {
    content: "\F3C8"
}

.fa-meetup:before {
    content: "\F2E0"
}

.fa-megaport:before {
    content: "\F5A3"
}

.fa-meh:before {
    content: "\F11A"
}

.fa-meh-blank:before {
    content: "\F5A4"
}

.fa-meh-rolling-eyes:before {
    content: "\F5A5"
}

.fa-memory:before {
    content: "\F538"
}

.fa-mendeley:before {
    content: "\F7B3"
}

.fa-menorah:before {
    content: "\F676"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-meteor:before {
    content: "\F753"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-alt:before {
    content: "\F3C9"
}

.fa-microphone-alt-slash:before {
    content: "\F539"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-microscope:before {
    content: "\F610"
}

.fa-microsoft:before {
    content: "\F3CA"
}

.fa-minus:before {
    content: "\F068"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-mitten:before {
    content: "\F7B5"
}

.fa-mix:before {
    content: "\F3CB"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-mizuni:before {
    content: "\F3CC"
}

.fa-mobile:before {
    content: "\F10B"
}

.fa-mobile-alt:before {
    content: "\F3CD"
}

.fa-modx:before {
    content: "\F285"
}

.fa-monero:before {
    content: "\F3D0"
}

.fa-money-bill:before {
    content: "\F0D6"
}

.fa-money-bill-alt:before {
    content: "\F3D1"
}

.fa-money-bill-wave:before {
    content: "\F53A"
}

.fa-money-bill-wave-alt:before {
    content: "\F53B"
}

.fa-money-check:before {
    content: "\F53C"
}

.fa-money-check-alt:before {
    content: "\F53D"
}

.fa-monument:before {
    content: "\F5A6"
}

.fa-moon:before {
    content: "\F186"
}

.fa-mortar-pestle:before {
    content: "\F5A7"
}

.fa-mosque:before {
    content: "\F678"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-mountain:before {
    content: "\F6FC"
}

.fa-mouse:before {
    content: "\F8CC"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-mug-hot:before {
    content: "\F7B6"
}

.fa-music:before {
    content: "\F001"
}

.fa-napster:before {
    content: "\F3D2"
}

.fa-neos:before {
    content: "\F612"
}

.fa-network-wired:before {
    content: "\F6FF"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-newspaper:before {
    content: "\F1EA"
}

.fa-nimblr:before {
    content: "\F5A8"
}

.fa-node:before {
    content: "\F419"
}

.fa-node-js:before {
    content: "\F3D3"
}

.fa-not-equal:before {
    content: "\F53E"
}

.fa-notes-medical:before {
    content: "\F481"
}

.fa-npm:before {
    content: "\F3D4"
}

.fa-ns8:before {
    content: "\F3D5"
}

.fa-nutritionix:before {
    content: "\F3D6"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-oil-can:before {
    content: "\F613"
}

.fa-old-republic:before {
    content: "\F510"
}

.fa-om:before {
    content: "\F679"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-orcid:before {
    content: "\F8D2"
}

.fa-osi:before {
    content: "\F41A"
}

.fa-otter:before {
    content: "\F700"
}

.fa-outdent:before {
    content: "\F03B"
}

.fa-page4:before {
    content: "\F3D7"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-pager:before {
    content: "\F815"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-paint-roller:before {
    content: "\F5AA"
}

.fa-palette:before {
    content: "\F53F"
}

.fa-palfed:before {
    content: "\F3D8"
}

.fa-pallet:before {
    content: "\F482"
}

.fa-paper-plane:before {
    content: "\F1D8"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-parachute-box:before {
    content: "\F4CD"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-parking:before {
    content: "\F540"
}

.fa-passport:before {
    content: "\F5AB"
}

.fa-pastafarianism:before {
    content: "\F67B"
}

.fa-paste:before {
    content: "\F0EA"
}

.fa-patreon:before {
    content: "\F3D9"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-peace:before {
    content: "\F67C"
}

.fa-pen:before {
    content: "\F304"
}

.fa-pen-alt:before {
    content: "\F305"
}

.fa-pen-fancy:before {
    content: "\F5AC"
}

.fa-pen-nib:before {
    content: "\F5AD"
}

.fa-pen-square:before {
    content: "\F14B"
}

.fa-pencil-alt:before {
    content: "\F303"
}

.fa-pencil-ruler:before {
    content: "\F5AE"
}

.fa-penny-arcade:before {
    content: "\F704"
}

.fa-people-carry:before {
    content: "\F4CE"
}

.fa-pepper-hot:before {
    content: "\F816"
}

.fa-percent:before {
    content: "\F295"
}

.fa-percentage:before {
    content: "\F541"
}

.fa-periscope:before {
    content: "\F3DA"
}

.fa-person-booth:before {
    content: "\F756"
}

.fa-phabricator:before {
    content: "\F3DB"
}

.fa-phoenix-framework:before {
    content: "\F3DC"
}

.fa-phoenix-squadron:before {
    content: "\F511"
}

.fa-phone:before {
    content: "\F095"
}

.fa-phone-alt:before {
    content: "\F879"
}

.fa-phone-slash:before {
    content: "\F3DD"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-phone-square-alt:before {
    content: "\F87B"
}

.fa-phone-volume:before {
    content: "\F2A0"
}

.fa-photo-video:before {
    content: "\F87C"
}

.fa-php:before {
    content: "\F457"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-pied-piper-hat:before {
    content: "\F4E5"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-piggy-bank:before {
    content: "\F4D3"
}

.fa-pills:before {
    content: "\F484"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-pizza-slice:before {
    content: "\F818"
}

.fa-place-of-worship:before {
    content: "\F67F"
}

.fa-plane:before {
    content: "\F072"
}

.fa-plane-arrival:before {
    content: "\F5AF"
}

.fa-plane-departure:before {
    content: "\F5B0"
}

.fa-play:before {
    content: "\F04B"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-playstation:before {
    content: "\F3DF"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-plus:before {
    content: "\F067"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-poll:before {
    content: "\F681"
}

.fa-poll-h:before {
    content: "\F682"
}

.fa-poo:before {
    content: "\F2FE"
}

.fa-poo-storm:before {
    content: "\F75A"
}

.fa-poop:before {
    content: "\F619"
}

.fa-portrait:before {
    content: "\F3E0"
}

.fa-pound-sign:before {
    content: "\F154"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-pray:before {
    content: "\F683"
}

.fa-praying-hands:before {
    content: "\F684"
}

.fa-prescription:before {
    content: "\F5B1"
}

.fa-prescription-bottle:before {
    content: "\F485"
}

.fa-prescription-bottle-alt:before {
    content: "\F486"
}

.fa-print:before {
    content: "\F02F"
}

.fa-procedures:before {
    content: "\F487"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-project-diagram:before {
    content: "\F542"
}

.fa-pushed:before {
    content: "\F3E1"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-python:before {
    content: "\F3E2"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-question:before {
    content: "\F128"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-quidditch:before {
    content: "\F458"
}

.fa-quinscape:before {
    content: "\F459"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-quran:before {
    content: "\F687"
}

.fa-r-project:before {
    content: "\F4F7"
}

.fa-radiation:before {
    content: "\F7B9"
}

.fa-radiation-alt:before {
    content: "\F7BA"
}

.fa-rainbow:before {
    content: "\F75B"
}

.fa-random:before {
    content: "\F074"
}

.fa-raspberry-pi:before {
    content: "\F7BB"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-react:before {
    content: "\F41B"
}

.fa-reacteurope:before {
    content: "\F75D"
}

.fa-readme:before {
    content: "\F4D5"
}

.fa-rebel:before {
    content: "\F1D0"
}

.fa-receipt:before {
    content: "\F543"
}

.fa-record-vinyl:before {
    content: "\F8D9"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-red-river:before {
    content: "\F3E3"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-redhat:before {
    content: "\F7BC"
}

.fa-redo:before {
    content: "\F01E"
}

.fa-redo-alt:before {
    content: "\F2F9"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-remove-format:before {
    content: "\F87D"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-reply:before {
    content: "\F3E5"
}

.fa-reply-all:before {
    content: "\F122"
}

.fa-replyd:before {
    content: "\F3E6"
}

.fa-republican:before {
    content: "\F75E"
}

.fa-researchgate:before {
    content: "\F4F8"
}

.fa-resolving:before {
    content: "\F3E7"
}

.fa-restroom:before {
    content: "\F7BD"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-rev:before {
    content: "\F5B2"
}

.fa-ribbon:before {
    content: "\F4D6"
}

.fa-ring:before {
    content: "\F70B"
}

.fa-road:before {
    content: "\F018"
}

.fa-robot:before {
    content: "\F544"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-rocketchat:before {
    content: "\F3E8"
}

.fa-rockrms:before {
    content: "\F3E9"
}

.fa-route:before {
    content: "\F4D7"
}

.fa-rss:before {
    content: "\F09E"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-ruble-sign:before {
    content: "\F158"
}

.fa-ruler:before {
    content: "\F545"
}

.fa-ruler-combined:before {
    content: "\F546"
}

.fa-ruler-horizontal:before {
    content: "\F547"
}

.fa-ruler-vertical:before {
    content: "\F548"
}

.fa-running:before {
    content: "\F70C"
}

.fa-rupee-sign:before {
    content: "\F156"
}

.fa-sad-cry:before {
    content: "\F5B3"
}

.fa-sad-tear:before {
    content: "\F5B4"
}

.fa-safari:before {
    content: "\F267"
}

.fa-salesforce:before {
    content: "\F83B"
}

.fa-sass:before {
    content: "\F41E"
}

.fa-satellite:before {
    content: "\F7BF"
}

.fa-satellite-dish:before {
    content: "\F7C0"
}

.fa-save:before {
    content: "\F0C7"
}

.fa-schlix:before {
    content: "\F3EA"
}

.fa-school:before {
    content: "\F549"
}

.fa-screwdriver:before {
    content: "\F54A"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-scroll:before {
    content: "\F70E"
}

.fa-sd-card:before {
    content: "\F7C2"
}

.fa-search:before {
    content: "\F002"
}

.fa-search-dollar:before {
    content: "\F688"
}

.fa-search-location:before {
    content: "\F689"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-searchengin:before {
    content: "\F3EB"
}

.fa-seedling:before {
    content: "\F4D8"
}

.fa-sellcast:before {
    content: "\F2DA"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-server:before {
    content: "\F233"
}

.fa-servicestack:before {
    content: "\F3EC"
}

.fa-shapes:before {
    content: "\F61F"
}

.fa-share:before {
    content: "\F064"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-shekel-sign:before {
    content: "\F20B"
}

.fa-shield-alt:before {
    content: "\F3ED"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-shipping-fast:before {
    content: "\F48B"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-shoe-prints:before {
    content: "\F54B"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-shopware:before {
    content: "\F5B5"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-shuttle-van:before {
    content: "\F5B6"
}

.fa-sign:before {
    content: "\F4D9"
}

.fa-sign-in-alt:before {
    content: "\F2F6"
}

.fa-sign-language:before {
    content: "\F2A7"
}

.fa-sign-out-alt:before {
    content: "\F2F5"
}

.fa-signal:before {
    content: "\F012"
}

.fa-signature:before {
    content: "\F5B7"
}

.fa-sim-card:before {
    content: "\F7C4"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-sistrix:before {
    content: "\F3EE"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-sith:before {
    content: "\F512"
}

.fa-skating:before {
    content: "\F7C5"
}

.fa-sketch:before {
    content: "\F7C6"
}

.fa-skiing:before {
    content: "\F7C9"
}

.fa-skiing-nordic:before {
    content: "\F7CA"
}

.fa-skull:before {
    content: "\F54C"
}

.fa-skull-crossbones:before {
    content: "\F714"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-slack:before {
    content: "\F198"
}

.fa-slack-hash:before {
    content: "\F3EF"
}

.fa-slash:before {
    content: "\F715"
}

.fa-sleigh:before {
    content: "\F7CC"
}

.fa-sliders-h:before {
    content: "\F1DE"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-smile:before {
    content: "\F118"
}

.fa-smile-beam:before {
    content: "\F5B8"
}

.fa-smile-wink:before {
    content: "\F4DA"
}

.fa-smog:before {
    content: "\F75F"
}

.fa-smoking:before {
    content: "\F48D"
}

.fa-smoking-ban:before {
    content: "\F54D"
}

.fa-sms:before {
    content: "\F7CD"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-snowboarding:before {
    content: "\F7CE"
}

.fa-snowflake:before {
    content: "\F2DC"
}

.fa-snowman:before {
    content: "\F7D0"
}

.fa-snowplow:before {
    content: "\F7D2"
}

.fa-socks:before {
    content: "\F696"
}

.fa-solar-panel:before {
    content: "\F5BA"
}

.fa-sort:before {
    content: "\F0DC"
}

.fa-sort-alpha-down:before {
    content: "\F15D"
}

.fa-sort-alpha-down-alt:before {
    content: "\F881"
}

.fa-sort-alpha-up:before {
    content: "\F15E"
}

.fa-sort-alpha-up-alt:before {
    content: "\F882"
}

.fa-sort-amount-down:before {
    content: "\F160"
}

.fa-sort-amount-down-alt:before {
    content: "\F884"
}

.fa-sort-amount-up:before {
    content: "\F161"
}

.fa-sort-amount-up-alt:before {
    content: "\F885"
}

.fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-numeric-down:before {
    content: "\F162"
}

.fa-sort-numeric-down-alt:before {
    content: "\F886"
}

.fa-sort-numeric-up:before {
    content: "\F163"
}

.fa-sort-numeric-up-alt:before {
    content: "\F887"
}

.fa-sort-up:before {
    content: "\F0DE"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-sourcetree:before {
    content: "\F7D3"
}

.fa-spa:before {
    content: "\F5BB"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-speakap:before {
    content: "\F3F3"
}

.fa-speaker-deck:before {
    content: "\F83C"
}

.fa-spell-check:before {
    content: "\F891"
}

.fa-spider:before {
    content: "\F717"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-splotch:before {
    content: "\F5BC"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-spray-can:before {
    content: "\F5BD"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-square-full:before {
    content: "\F45C"
}

.fa-square-root-alt:before {
    content: "\F698"
}

.fa-squarespace:before {
    content: "\F5BE"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-stackpath:before {
    content: "\F842"
}

.fa-stamp:before {
    content: "\F5BF"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-and-crescent:before {
    content: "\F699"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-star-half-alt:before {
    content: "\F5C0"
}

.fa-star-of-david:before {
    content: "\F69A"
}

.fa-star-of-life:before {
    content: "\F621"
}

.fa-staylinked:before {
    content: "\F3F5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-steam-symbol:before {
    content: "\F3F6"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-sticker-mule:before {
    content: "\F3F7"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stopwatch:before {
    content: "\F2F2"
}

.fa-store:before {
    content: "\F54E"
}

.fa-store-alt:before {
    content: "\F54F"
}

.fa-strava:before {
    content: "\F428"
}

.fa-stream:before {
    content: "\F550"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-stripe:before {
    content: "\F429"
}

.fa-stripe-s:before {
    content: "\F42A"
}

.fa-stroopwafel:before {
    content: "\F551"
}

.fa-studiovinari:before {
    content: "\F3F8"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-subway:before {
    content: "\F239"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-suitcase-rolling:before {
    content: "\F5C1"
}

.fa-sun:before {
    content: "\F185"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-supple:before {
    content: "\F3F9"
}

.fa-surprise:before {
    content: "\F5C2"
}

.fa-suse:before {
    content: "\F7D6"
}

.fa-swatchbook:before {
    content: "\F5C3"
}

.fa-swift:before {
    content: "\F8E1"
}

.fa-swimmer:before {
    content: "\F5C4"
}

.fa-swimming-pool:before {
    content: "\F5C5"
}

.fa-symfony:before {
    content: "\F83D"
}

.fa-synagogue:before {
    content: "\F69B"
}

.fa-sync:before {
    content: "\F021"
}

.fa-sync-alt:before {
    content: "\F2F1"
}

.fa-syringe:before {
    content: "\F48E"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-table-tennis:before {
    content: "\F45D"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-tablet-alt:before {
    content: "\F3FA"
}

.fa-tablets:before {
    content: "\F490"
}

.fa-tachometer-alt:before {
    content: "\F3FD"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-tape:before {
    content: "\F4DB"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-taxi:before {
    content: "\F1BA"
}

.fa-teamspeak:before {
    content: "\F4F9"
}

.fa-teeth:before {
    content: "\F62E"
}

.fa-teeth-open:before {
    content: "\F62F"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-telegram-plane:before {
    content: "\F3FE"
}

.fa-temperature-high:before {
    content: "\F769"
}

.fa-temperature-low:before {
    content: "\F76B"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-tenge:before {
    content: "\F7D7"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-the-red-yeti:before {
    content: "\F69D"
}

.fa-theater-masks:before {
    content: "\F630"
}

.fa-themeco:before {
    content: "\F5C6"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-thermometer:before {
    content: "\F491"
}

.fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-thermometer-full:before {
    content: "\F2C7"
}

.fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-think-peaks:before {
    content: "\F731"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbtack:before {
    content: "\F08D"
}

.fa-ticket-alt:before {
    content: "\F3FF"
}

.fa-times:before {
    content: "\F00D"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-tint:before {
    content: "\F043"
}

.fa-tint-slash:before {
    content: "\F5C7"
}

.fa-tired:before {
    content: "\F5C8"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-toilet:before {
    content: "\F7D8"
}

.fa-toilet-paper:before {
    content: "\F71E"
}

.fa-toolbox:before {
    content: "\F552"
}

.fa-tools:before {
    content: "\F7D9"
}

.fa-tooth:before {
    content: "\F5C9"
}

.fa-torah:before {
    content: "\F6A0"
}

.fa-torii-gate:before {
    content: "\F6A1"
}

.fa-tractor:before {
    content: "\F722"
}

.fa-trade-federation:before {
    content: "\F513"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-traffic-light:before {
    content: "\F637"
}

.fa-train:before {
    content: "\F238"
}

.fa-tram:before {
    content: "\F7DA"
}

.fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-trash-alt:before {
    content: "\F2ED"
}

.fa-trash-restore:before {
    content: "\F829"
}

.fa-trash-restore-alt:before {
    content: "\F82A"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-trello:before {
    content: "\F181"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-truck-loading:before {
    content: "\F4DE"
}

.fa-truck-monster:before {
    content: "\F63B"
}

.fa-truck-moving:before {
    content: "\F4DF"
}

.fa-truck-pickup:before {
    content: "\F63C"
}

.fa-tshirt:before {
    content: "\F553"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-tv:before {
    content: "\F26C"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-typo3:before {
    content: "\F42B"
}

.fa-uber:before {
    content: "\F402"
}

.fa-ubuntu:before {
    content: "\F7DF"
}

.fa-uikit:before {
    content: "\F403"
}

.fa-umbraco:before {
    content: "\F8E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-umbrella-beach:before {
    content: "\F5CA"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-undo:before {
    content: "\F0E2"
}

.fa-undo-alt:before {
    content: "\F2EA"
}

.fa-uniregistry:before {
    content: "\F404"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-university:before {
    content: "\F19C"
}

.fa-unlink:before {
    content: "\F127"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-untappd:before {
    content: "\F405"
}

.fa-upload:before {
    content: "\F093"
}

.fa-ups:before {
    content: "\F7E0"
}

.fa-usb:before {
    content: "\F287"
}

.fa-user:before {
    content: "\F007"
}

.fa-user-alt:before {
    content: "\F406"
}

.fa-user-alt-slash:before {
    content: "\F4FA"
}

.fa-user-astronaut:before {
    content: "\F4FB"
}

.fa-user-check:before {
    content: "\F4FC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-clock:before {
    content: "\F4FD"
}

.fa-user-cog:before {
    content: "\F4FE"
}

.fa-user-edit:before {
    content: "\F4FF"
}

.fa-user-friends:before {
    content: "\F500"
}

.fa-user-graduate:before {
    content: "\F501"
}

.fa-user-injured:before {
    content: "\F728"
}

.fa-user-lock:before {
    content: "\F502"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-user-minus:before {
    content: "\F503"
}

.fa-user-ninja:before {
    content: "\F504"
}

.fa-user-nurse:before {
    content: "\F82F"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-user-shield:before {
    content: "\F505"
}

.fa-user-slash:before {
    content: "\F506"
}

.fa-user-tag:before {
    content: "\F507"
}

.fa-user-tie:before {
    content: "\F508"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-users:before {
    content: "\F0C0"
}

.fa-users-cog:before {
    content: "\F509"
}

.fa-usps:before {
    content: "\F7E1"
}

.fa-ussunnah:before {
    content: "\F407"
}

.fa-utensil-spoon:before {
    content: "\F2E5"
}

.fa-utensils:before {
    content: "\F2E7"
}

.fa-vaadin:before {
    content: "\F408"
}

.fa-vector-square:before {
    content: "\F5CB"
}

.fa-venus:before {
    content: "\F221"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-vial:before {
    content: "\F492"
}

.fa-vials:before {
    content: "\F493"
}

.fa-viber:before {
    content: "\F409"
}

.fa-video:before {
    content: "\F03D"
}

.fa-video-slash:before {
    content: "\F4E2"
}

.fa-vihara:before {
    content: "\F6A7"
}

.fa-vimeo:before {
    content: "\F40A"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-vimeo-v:before {
    content: "\F27D"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-vk:before {
    content: "\F189"
}

.fa-vnv:before {
    content: "\F40B"
}

.fa-voicemail:before {
    content: "\F897"
}

.fa-volleyball-ball:before {
    content: "\F45F"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-mute:before {
    content: "\F6A9"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-vote-yea:before {
    content: "\F772"
}

.fa-vr-cardboard:before {
    content: "\F729"
}

.fa-vuejs:before {
    content: "\F41F"
}

.fa-walking:before {
    content: "\F554"
}

.fa-wallet:before {
    content: "\F555"
}

.fa-warehouse:before {
    content: "\F494"
}

.fa-water:before {
    content: "\F773"
}

.fa-wave-square:before {
    content: "\F83E"
}

.fa-waze:before {
    content: "\F83F"
}

.fa-weebly:before {
    content: "\F5CC"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-weight:before {
    content: "\F496"
}

.fa-weight-hanging:before {
    content: "\F5CD"
}

.fa-weixin:before {
    content: "\F1D7"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-whatsapp-square:before {
    content: "\F40C"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-whmcs:before {
    content: "\F40D"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-wind:before {
    content: "\F72E"
}

.fa-window-close:before {
    content: "\F410"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-wine-bottle:before {
    content: "\F72F"
}

.fa-wine-glass:before {
    content: "\F4E3"
}

.fa-wine-glass-alt:before {
    content: "\F5CE"
}

.fa-wix:before {
    content: "\F5CF"
}

.fa-wizards-of-the-coast:before {
    content: "\F730"
}

.fa-wolf-pack-battalion:before {
    content: "\F514"
}

.fa-won-sign:before {
    content: "\F159"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-wordpress-simple:before {
    content: "\F411"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-wpressr:before {
    content: "\F3E4"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-x-ray:before {
    content: "\F497"
}

.fa-xbox:before {
    content: "\F412"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-y-combinator:before {
    content: "\F23B"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-yammer:before {
    content: "\F840"
}

.fa-yandex:before {
    content: "\F413"
}

.fa-yandex-international:before {
    content: "\F414"
}

.fa-yarn:before {
    content: "\F7E3"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-yen-sign:before {
    content: "\F157"
}

.fa-yin-yang:before {
    content: "\F6AD"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-youtube-square:before {
    content: "\F431"
}

.fa-zhihu:before {
    content: "\F63F"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 0.01rem;
    margin: -0.01rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.01rem
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-brands-400.eot);
    src: url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-brands-400.woff2) format("woff2"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-brands-400.woff) format("woff"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-brands-400.ttf) format("truetype"), url(https://static-obg.tcl.com/content/dam/brandsite/global/cnx/q_led/assets/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-regular-400.eot);
    src: url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-regular-400.woff2) format("woff2"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-regular-400.woff) format("woff"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-regular-400.ttf) format("truetype"), url(https://static-obg.tcl.com/content/dam/brandsite/global/cnx/q_led/assets/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-solid-900.eot);
    src: url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-solid-900.woff2) format("woff2"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-solid-900.woff) format("woff"), url(https://static-obg.tcl.com/content/dam/brandsite/region/china/cnx/assets/fonts/fa-solid-900.ttf) format("truetype"), url(https://static-obg.tcl.com/content/dam/brandsite/global/cnx/q_led/assets/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free"
}

.fa,
.fas {
    font-weight: 900
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 0.44rem
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0.1rem;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.08rem
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S01 .s01_container {
        position: relative;
        overflow: hidden
    }
    body #S01 .s01_container .s01_kv {
        display: inline
    }
    body #S01 .s01_container .s01_video {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    body #S01 .s01_container .s01_video video {
        width: 100%
    }
    body #S01 .s01_container .s01_video .kv_mob {
        display: none
    }
    body #S01 .s01_container .s01_describe {
        position: absolute;
        top: 9.0625vw;
        left: 18.75vw;
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    body #S01 .s01_container .s01_describe .title {
        font-size: 5.20833vw;
        line-height: 5.20833vw;
        margin-bottom: 2.08333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S01 .s01_container .s01_describe .subTitle {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S01 .s01_container .s01_describe.s01_describe_show {
        opacity: 1
    }
}

@media screen and (min-width: 835px) and (min-aspect-ratio: 16 / 9) and (min-width: 835px) {
    body #S01 .page_anchor {
        height: 0.6rem;
        position: absolute;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        z-index: 10;
        width: 100%;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        opacity: 1
    }
    body #S01 .page_anchor .page_name {
        font-size: .72917vw;
        line-height: 1.09375vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-right: 14.58333vw
    }
    body #S01 .page_anchor .anchor_md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    body #S01 .page_anchor .anchor_md .anchor_box {
        font-size: .72917vw;
        line-height: 1.09375vw;
        margin-right: 2.5vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        width: -webkit-max-content;
        width: max-content
    }
    body #S01 .page_anchor .anchor_arrow {
        display: none
    }
    body #S01 .page_anchor .nav_mob {
        display: none
    }
    body #S01 .page_anchor.page_anchor_scroll {
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        top: 0
    }
    body #S01 .page_anchor.page_anchor_scroll_top {
        top: 0
    }
    body #S01 .s01_kv {
        margin-top: 0.64rem
    }
    body #S01 .s01_kv.page_anchor_scroll {
        margin-top: 0
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S01 .s01_container {
        position: relative;
        overflow: hidden
    }
    body #S01 .s01_container .s01_kv {
        display: inline
    }
    body #S01 .s01_container .s01_video {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    body #S01 .s01_container .s01_video video {
        width: 100%
    }
    body #S01 .s01_container .s01_video .kv_mob {
        display: none
    }
    body #S01 .s01_container .s01_describe {
        position: absolute;
        top: 9.0625vw;
        left: 18.75vw;
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    body #S01 .s01_container .s01_describe .title {
        font-size: 5.20833vw;
        line-height: 5.20833vw;
        margin-bottom: 2.08333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S01 .s01_container .s01_describe .subTitle {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S01 .s01_container .s01_describe.s01_describe_show {
        opacity: 1
    }
}

@media screen and (min-width: 835px) and (max-aspect-ratio: 16 / 9) and (min-width: 835px) {
    body #S01 .page_anchor {
        height: 0.6rem;
        position: absolute;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        z-index: 10;
        width: 100%;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        opacity: 1
    }
    body #S01 .page_anchor .page_name {
        font-size: .72917vw;
        line-height: 1.09375vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-right: 14.58333vw
    }
    body #S01 .page_anchor .anchor_md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    body #S01 .page_anchor .anchor_md .anchor_box {
        font-size: .72917vw;
        line-height: 1.09375vw;
        margin-right: 2.5vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        width: -webkit-max-content;
        width: max-content
    }
    body #S01 .page_anchor .anchor_arrow {
        display: none
    }
    body #S01 .page_anchor .nav_mob {
        display: none
    }
    body #S01 .page_anchor.page_anchor_scroll {
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        top: 0
    }
    body #S01 .page_anchor.page_anchor_scroll_top {
        top: 0
    }
    body #S01 .s01_kv {
        margin-top: 0.64rem
    }
    body #S01 .s01_kv.page_anchor_scroll {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S01 .s01_container {
        position: relative;
        padding-top: 0.48rem;
    }
    body #S01 .s01_container .s01_video {
        width: 100%
    }
    body #S01 .s01_container .s01_video video {
        width: 100%;
        height: auto
    }
    body #S01 .s01_container .s01_video img {
        width: 100%
    }
    body #S01 .s01_container .s01_video .kv_mob {
        display: block
    }
    body #S01 .s01_container .s01_video .kv_pc {
        display: none
    }
    body #S01 .s01_container .s01_video .kv_mob_poster {
        display: none
    }
    body #S01 .s01_container .s01_video video.kv_mob.video_mob_hide {
        display: none
    }
    body #S01 .s01_container .s01_video .kv_mob_poster.img_mob_show {
        display: block
    }
    body #S01 .s01_container .s01_describe {
        position: absolute;
        top: 20vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 80%;
        text-align: center;
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    body #S01 .s01_container .s01_describe .title {
        font-size: 13.33333vw;
        line-height: 13.33333vw;
        margin-bottom: 6.93333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S01 .s01_container .s01_describe .subTitle {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S01 .s01_container .s01_describe.s01_describe_show {
        opacity: 1
    }
}

@media screen and (max-width: 834px) {
    #S01 .s01_container .page_anchor .page_name,
    #S01 .s01_container .page_anchor .mb_overflow {
        max-height: 0.48rem
    }
    .page_anchor {
        position: absolute;
        top: 0;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 12;
        width: 100%
    }
    .page_anchor .page_name {
        font-size: 0.14rem;
        line-height: 0.4rem;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1);
        height: 0.4rem;
        padding-left: 0.16rem;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    .page_anchor .mb_overflow {
        overflow-x: auto;
        padding-left: 0.16rem;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        opacity: 1;
        height: 0.48rem
    }
    .page_anchor .mb_overflow .anchor_md {
        position: relative;
        width: 100%;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    .page_anchor .mb_overflow .anchor_md .anchor_box {
        font-size: 0.12rem;
        line-height: 0.12rem;
        margin-right: 0.16rem;
        width: -webkit-max-content;
        width: max-content;
        display: inline-block;
        height: 0.12rem;
        padding: 0.2rem 0 0.16rem
    }
    .page_anchor .mb_overflow .anchor_md .swiper-button-next {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 49%;
        width: 0.15rem;
        height: 0.15rem;
        margin-top: auto
    }
    .page_anchor .mb_overflow .anchor_md .swiper-button-next:after {
        content: none
    }
    .page_anchor .mb_overflow.mb_overflow_scroll,
    .page_anchor .page_name.mb_overflow_scroll {
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        height: 0
    }
    .page_anchor .mb_overflow::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        color: transparent
    }
    .page_anchor .anchor_arrow {
        display: block;
        width: 0.15rem;
        height: 0.15rem
    }
    .page_anchor .nav_mob {
        display: block
    }
    .page_anchor .nav_pc {
        display: none
    }
    .s01_kv {
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S02 {
        position: relative
    }
    body #S02 .module {
        width: 100%;
        height: calc(100vh);
        overflow: hidden
    }
    body #S02 .module .s02_container {
        width: 100%;
        height: 100%
    }
    body #S02 .module .s02_container .s02_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        padding: 0 0 1.04167vw;
        width: 62.5vw;
        margin: 0 auto;
        opacity: 1;
        -webkit-transition: 1s all;
        transition: 1s all;
        text-align: center
    }
    body #S02 .module .s02_container .s02_describe .desc_content {
        width: 62.5vw;
        color: #111111;
        margin: 0 auto
    }
    body #S02 .module .s02_container .s02_describe .desc_content .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 1.71875vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S02 .module .s02_container .s02_describe .desc_content .title br {
        display: none
    }
    body #S02 .module .s02_container .s02_describe .desc_content .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S02 .module .s02_container .s02_describe .title.upShow,
    body #S02 .module .s02_container .s02_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S02 .module .s02_container .s02_animation {
        width: 62.5vw;
        height: 35.15625vw;
        margin: 0 auto;
        margin-top: 19.79167vw;
        -webkit-transition: 1s all;
        transition: 1s all;
        position: relative
    }
    body #S02 .module .s02_container .s02_animation video {
        width: 100%
    }
    body #S02 .module .s02_container .s02_animation .video-play {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        color: #fff
    }
    body #S02 .module .s02_container .s02_animation .video-play img {
        width: 1.875vw;
        height: 1.875vw;
        margin-right: .41667vw;
        -webkit-transition: 0.5s all;
        transition: 0.5s all
    }
    body #S02 .module .s02_container .s02_animation .video-play .video-play-btn-txt {
        font-size: .83333vw;
        line-height: 1.04167vw;
        -webkit-transition: 0.5s all;
        transition: 0.5s all
    }
    body #S02 .module .s02_container .s02_animation.s02_scrollMagic {
        width: 100%;
        height: 100%;
        margin-top: 0;
        -webkit-transition: 1s all;
        transition: 1s all
    }
    body #S02 .module .s02_container .s02_animation.s02_scrollMagic .video-play img {
        width: 2.39583vw;
        height: 2.39583vw;
        margin-right: .41667vw
    }
    body #S02 .module .s02_container .s02_animation.s02_scrollMagic .video-play .video-play-btn-txt {
        font-size: 1.14583vw;
        line-height: 1.35417vw
    }
    body #S02 .module .s02_container .s02_describe.s02_scrollMagic {
        opacity: 0;
        -webkit-transition: 1s all;
        transition: 1s all
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S02 {
        position: relative
    }
    body #S02 .module {
        width: 100%;
        height: calc(100vh);
        overflow: hidden
    }
    body #S02 .module .s02_container {
        width: 100%;
        height: 100%
    }
    body #S02 .module .s02_container .s02_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        padding: 0 0 1.04167vw;
        width: 62.5vw;
        margin: 0 auto;
        opacity: 1;
        -webkit-transition: 1s all;
        transition: 1s all;
        text-align: center
    }
    body #S02 .module .s02_container .s02_describe .desc_content {
        width: 62.5vw;
        color: #111111;
        margin: 0 auto
    }
    body #S02 .module .s02_container .s02_describe .desc_content .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 1.71875vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S02 .module .s02_container .s02_describe .desc_content .title br {
        display: none
    }
    body #S02 .module .s02_container .s02_describe .desc_content .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S02 .module .s02_container .s02_describe .title.upShow,
    body #S02 .module .s02_container .s02_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S02 .module .s02_container .s02_animation {
        width: 62.5vw;
        height: 35.15625vw;
        margin: 0 auto;
        margin-top: 19.79167vw;
        -webkit-transition: 1s all;
        transition: 1s all;
        position: relative
    }
    body #S02 .module .s02_container .s02_animation video {
        width: 100%
    }
    body #S02 .module .s02_container .s02_animation .video-play {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        color: #fff
    }
    body #S02 .module .s02_container .s02_animation .video-play img {
        width: 1.875vw;
        height: 1.875vw;
        margin-right: .41667vw;
        -webkit-transition: 0.5s all;
        transition: 0.5s all
    }
    body #S02 .module .s02_container .s02_animation .video-play .video-play-btn-txt {
        font-size: .83333vw;
        line-height: 1.04167vw;
        -webkit-transition: 0.5s all;
        transition: 0.5s all
    }
    body #S02 .module .s02_container .s02_animation.s02_scrollMagic {
        width: 100%;
        height: 100%;
        margin-top: 0;
        -webkit-transition: 1s all;
        transition: 1s all
    }
    body #S02 .module .s02_container .s02_animation.s02_scrollMagic .video-play img {
        width: 2.39583vw;
        height: 2.39583vw;
        margin-right: .41667vw
    }
    body #S02 .module .s02_container .s02_animation.s02_scrollMagic .video-play .video-play-btn-txt {
        font-size: 1.14583vw;
        line-height: 1.35417vw
    }
    body #S02 .module .s02_container .s02_describe.s02_scrollMagic {
        opacity: 0;
        -webkit-transition: 1s all;
        transition: 1s all
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S02 {
        position: relative;
        overflow: hidden
    }
    body #S02 .module {
        width: 100%;
        overflow: hidden
    }
    body #S02 .module .s02_container {
        width: auto;
        height: 100%;
        padding: 10.66667vw 3.2vw 13.33333vw
    }
    body #S02 .module .s02_container .s02_describe {
        padding: 0 0 5.33333vw;
        margin: 0 auto;
        opacity: 1;
        -webkit-transition: 1s all;
        transition: 1s all;
        text-align: center;
        margin-bottom: 14.66667vw
    }
    body #S02 .module .s02_container .s02_describe .desc_content {
        width: 100%;
        color: #111111;
        margin: 0 auto
    }
    body #S02 .module .s02_container .s02_describe .desc_content .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S02 .module .s02_container .s02_describe .desc_content .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S02 .module .s02_container .s02_describe .title.upShow,
    body #S02 .module .s02_container .s02_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S02 .module .s02_container .s02_animation {
        margin: 0 auto;
        -webkit-transition: 1s all;
        transition: 1s all;
        position: relative
    }
    body #S02 .module .s02_container .s02_animation video {
        width: 100%;
        height: auto;
        z-index: 7 !important
    }
    body #S02 .module .s02_container .s02_animation .video-play {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
        z-index: 8 !important
    }
    body #S02 .module .s02_container .s02_animation .video-play img {
        width: 5.33333vw;
        height: 5.33333vw;
        margin-right: 1.06667vw
    }
    body #S02 .module .s02_container .s02_animation .video-play .video-play-btn-txt {
        font-size: 3.73333vw;
        line-height: 4.53333vw
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S03 {
        position: relative
    }
    body #S03 .s03_container {
        padding: 4.16667vw 24.21875vw 0
    }
    body #S03 .s03_container .s03_describe {
        margin-bottom: 3.125vw;
        text-align: center
    }
    body #S03 .s03_container .s03_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 1.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S03 .s03_container .s03_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S03 .s03_container .s03_describe .title.upShow,
    body #S03 .s03_container .s03_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S03 .s03_container .s03_pic img {
        width: 100%
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S03 {
        position: relative
    }
    body #S03 .s03_container {
        padding: 4.16667vw 24.21875vw 0
    }
    body #S03 .s03_container .s03_describe {
        margin-bottom: 3.125vw;
        text-align: center
    }
    body #S03 .s03_container .s03_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 1.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S03 .s03_container .s03_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S03 .s03_container .s03_describe .title.upShow,
    body #S03 .s03_container .s03_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S03 .s03_container .s03_pic img {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S03 {
        position: relative;
        overflow: hidden
    }
    body #S03 .s03_container {
        padding: 10.66667vw 3.2vw 3.46667vw
    }
    body #S03 .s03_container .s03_describe {
        margin-bottom: 8vw;
        text-align: center
    }
    body #S03 .s03_container .s03_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S03 .s03_container .s03_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S03 .s03_container .s03_describe .title.upShow,
    body #S03 .s03_container .s03_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S03 .s03_container .s03_pic img {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S04 {
        position: relative;
        overflow: hidden
    }
    body #S04 .module {
        width: 100%;
        height: calc(100vh);
        overflow: hidden
    }
    body #S04 .module .s04_container {
        width: 100%;
        height: 100%;
        overflow: hidden
    }
    body #S04 .module .s04_container .s04_describe {
        padding: 4.16667vw 0 0 18.75vw;
        margin: 0 auto;
        z-index: 9;
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .title_icon {
        width: 4.79167vw;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .title_icon img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        width: 36.45833vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.7);
        width: 31.25vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc {
        margin-right: .20833vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc .cont_span {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: .83333vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc .cont_large {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        color: #111111;
        background: -webkit-linear-gradient(151deg, #FFB900 50%, #FF7800 80%);
        background: linear-gradient(299deg, #FFB900 50%, #FF7800 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_pic {
        width: 6.40625vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_pic img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe .title.upShow,
    body #S04 .module .s04_container .s04_describe .text.upShow,
    body #S04 .module .s04_container .s04_describe .title_icon.upShow,
    body #S04 .module .s04_container .s04_describe .cont.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S04 .module .s04_container .s04_animation {
        position: absolute;
        left: 36.19792vw;
        top: -40.625vw;
        width: 120%;
        -webkit-transition: 1s all;
        transition: 1s all
    }
    body #S04 .module .s04_container .s04_animation img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe.s04_scrollMagic {
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_animation.s04_scrollMagic {
        width: 78%;
        top: -25vw;
        left: 21.35417vw;
        -webkit-transition: 1s all;
        transition: 1s all
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S04 {
        position: relative;
        overflow: hidden
    }
    body #S04 .module {
        width: 100%;
        height: calc(100vh);
        overflow: hidden
    }
    body #S04 .module .s04_container {
        width: 100%;
        height: 100%;
        overflow: hidden
    }
    body #S04 .module .s04_container .s04_describe {
        padding: 4.16667vw 0 0 18.75vw;
        margin: 0 auto;
        z-index: 9;
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .title_icon {
        width: 4.79167vw;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .title_icon img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        width: 36.45833vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.7);
        width: 31.25vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc {
        margin-right: .20833vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc .cont_span {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: .83333vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc .cont_large {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        color: #111111;
        background: -webkit-linear-gradient(151deg, #FFB900 50%, #FF7800 80%);
        background: linear-gradient(299deg, #FFB900 50%, #FF7800 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_pic {
        width: 6.40625vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_pic img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe .title.upShow,
    body #S04 .module .s04_container .s04_describe .text.upShow,
    body #S04 .module .s04_container .s04_describe .title_icon.upShow,
    body #S04 .module .s04_container .s04_describe .cont.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S04 .module .s04_container .s04_animation {
        position: absolute;
        left: 36.19792vw;
        top: -40.625vw;
        width: 120%;
        -webkit-transition: 1s all;
        transition: 1s all
    }
    body #S04 .module .s04_container .s04_animation img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe.s04_scrollMagic {
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_animation.s04_scrollMagic {
        width: 78%;
        top: -25vw;
        left: 21.35417vw;
        -webkit-transition: 1s all;
        transition: 1s all
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S04 {
        position: relative;
        overflow: hidden
    }
    body #S04 .module {
        width: 100%;
        height: calc(100vh);
        overflow: hidden
    }
    body #S04 .module .s04_container {
        width: auto;
        height: 100%;
        overflow: hidden;
        padding: 10.66667vw 4.26667vw 0 4.26667vw
    }
    body #S04 .module .s04_container .s04_describe {
        margin: 0 auto;
        z-index: 9;
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .title_icon {
        width: 13.33333vw;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .title_icon img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_describe .cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        margin-top: 10.66667vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc .cont_span {
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-bottom: 3.2vw;
        color: rgba(17, 17, 17, 0.7)
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_desc .cont_large {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        color: #111111;
        background: -webkit-linear-gradient(151deg, #03FC67 20%, #FFB900 50%, #FF7800 80%);
        background: linear-gradient(299deg, #03FC67 20%, #FFB900 50%, #FF7800 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_pic {
        width: 18.66667vw
    }
    body #S04 .module .s04_container .s04_describe .cont .cont_pic img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe .title.upShow,
    body #S04 .module .s04_container .s04_describe .text.upShow,
    body #S04 .module .s04_container .s04_describe .title_icon.upShow,
    body #S04 .module .s04_container .s04_describe .cont.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S04 .module .s04_container .s04_animation {
        position: absolute;
        left: 8vw;
        top: 20.8vw;
        width: 200vw;
        -webkit-transition: 1s all;
        transition: 1s all
    }
    body #S04 .module .s04_container .s04_animation img {
        width: 100%
    }
    body #S04 .module .s04_container .s04_describe.s04_scrollMagic {
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S04 .module .s04_container .s04_animation.s04_scrollMagic {
        width: 165vw;
        top: 7.2vw;
        left: 4.8vw;
        -webkit-transition: 1s all;
        transition: 1s all
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S05 {
        position: relative
    }
    body #S05 .s05_container {
        width: 100%;
        height: 100%
    }
    body #S05 .s05_container .s05_pic img {
        width: 100%
    }
    body #S05 .s05_container .s05_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 62.5vw;
        text-align: center;
        margin: 0 auto;
        z-index: 2
    }
    body #S05 .s05_container .s05_describe .title_icon {
        width: 2.96875vw;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .title_icon img {
        width: 100%
    }
    body #S05 .s05_container .s05_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .title.upShow,
    body #S05 .s05_container .s05_describe .text.upShow,
    body #S05 .s05_container .s05_describe .title_icon.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S05 .s05_container .s05_notes {
        position: absolute;
        bottom: 7.29167vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: -webkit-max-content;
        width: max-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    body #S05 .s05_container .s05_notes .items {
        text-align: center
    }
    body #S05 .s05_container .s05_notes .items .items_tit {
        font-size: 1.14583vw;
        line-height: 1.35417vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: .20833vw
    }
    body #S05 .s05_container .s05_notes .items .items_text {
        font-size: 1.04167vw;
        line-height: 1.5625vw
    }
    body #S05 .s05_container .s05_notes .items:nth-child(1) {
        margin-right: 26.04167vw
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S05 {
        position: relative
    }
    body #S05 .s05_container {
        width: 100%;
        height: 100%
    }
    body #S05 .s05_container .s05_pic img {
        width: 100%
    }
    body #S05 .s05_container .s05_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 62.5vw;
        text-align: center;
        margin: 0 auto;
        z-index: 2
    }
    body #S05 .s05_container .s05_describe .title_icon {
        width: 2.96875vw;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .title_icon img {
        width: 100%
    }
    body #S05 .s05_container .s05_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .title.upShow,
    body #S05 .s05_container .s05_describe .text.upShow,
    body #S05 .s05_container .s05_describe .title_icon.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S05 .s05_container .s05_notes {
        position: absolute;
        bottom: 7.29167vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: -webkit-max-content;
        width: max-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    body #S05 .s05_container .s05_notes .items {
        text-align: center
    }
    body #S05 .s05_container .s05_notes .items .items_tit {
        font-size: 1.14583vw;
        line-height: 1.35417vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: .20833vw
    }
    body #S05 .s05_container .s05_notes .items .items_text {
        font-size: 1.04167vw;
        line-height: 1.5625vw
    }
    body #S05 .s05_container .s05_notes .items:nth-child(1) {
        margin-right: 26.04167vw
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S05 {
        position: relative;
        overflow: hidden
    }
    body #S05 .s05_container {
        width: auto;
        height: 100%;
        padding: 10.66667vw 0 13.33333vw
    }
    body #S05 .s05_container .s05_pic img {
        width: 100%
    }
    body #S05 .s05_container .s05_describe {
        padding: 0 4.26667vw;
        width: auto;
        text-align: center;
        margin: 0 auto
    }
    body #S05 .s05_container .s05_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S05 .s05_container .s05_describe .title.upShow,
    body #S05 .s05_container .s05_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S05 .s05_container .s05_notes {
        position: absolute;
        bottom: 9.33333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 95%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    body #S05 .s05_container .s05_notes .items {
        text-align: center
    }
    body #S05 .s05_container .s05_notes .items .items_tit {
        font-size: 2.66667vw;
        line-height: 4vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: .8vw
    }
    body #S05 .s05_container .s05_notes .items .items_text {
        font-size: 1.6vw;
        line-height: 2.4vw
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S06 {
        position: relative
    }
    body #S06 .s06_container {
        width: 100%;
        height: 100%
    }
    body #S06 .s06_container .s06_describe {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 49%;
        z-index: 9;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S06 .s06_container .s06_describe .title {
        font-size: 3.85417vw;
        line-height: 4.6875vw;
        margin-bottom: 1.66667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(6.25vw);
        transform: translateY(6.25vw);
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
        text-align: center;
        width: 31.25vw
    }
    body #S06 .s06_container .s06_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        transition: 0.6s all;
        text-align: center;
        width: 30.98958vw;
        margin: 0 auto
    }
    body #S06 .s06_container .s06_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S06 .s06_container .s06_describe .title.upShow {
        font-size: 2.5vw;
        line-height: 3.02083vw
    }
    body #S06 .s06_container .s06_describe .title.upShow_title {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S06 .s06_container .s06_animation .ball_left {
        position: absolute;
        left: 33%;
        bottom: 4.375vw;
        width: 4.94792vw;
        height: 4.94792vw;
        z-index: 3;
        -webkit-animation: ball_left_move 8s infinite;
        animation: ball_left_move 8s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes ball_left_move {
        0% {
            left: 33%;
            bottom: 4.375vw
        }
        25% {
            left: 34%;
            bottom: 3.85417vw
        }
        50% {
            left: 33%;
            bottom: 3.33333vw
        }
        75% {
            left: 32%;
            bottom: 3.85417vw
        }
        100% {
            left: 33%;
            bottom: 4.375vw
        }
    }
    @keyframes ball_left_move {
        0% {
            left: 33%;
            bottom: 4.375vw
        }
        25% {
            left: 34%;
            bottom: 3.85417vw
        }
        50% {
            left: 33%;
            bottom: 3.33333vw
        }
        75% {
            left: 32%;
            bottom: 3.85417vw
        }
        100% {
            left: 33%;
            bottom: 4.375vw
        }
    }
    body #S06 .s06_container .s06_animation .ball_right {
        position: absolute;
        right: 45%;
        top: 1.5625vw;
        width: 4.94792vw;
        z-index: 1;
        -webkit-animation: ball_right_move 8s infinite;
        animation: ball_right_move 8s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes ball_right_move {
        0% {
            right: 45%;
            top: 1.5625vw
        }
        25% {
            right: 46%;
            top: 2.08333vw
        }
        50% {
            right: 45%;
            top: 2.60417vw
        }
        75% {
            right: 44%;
            top: 2.08333vw
        }
        100% {
            right: 45%;
            top: 1.5625vw
        }
    }
    @keyframes ball_right_move {
        0% {
            right: 45%;
            top: 1.5625vw
        }
        25% {
            right: 46%;
            top: 2.08333vw
        }
        50% {
            right: 45%;
            top: 2.60417vw
        }
        75% {
            right: 44%;
            top: 2.08333vw
        }
        100% {
            right: 45%;
            top: 1.5625vw
        }
    }
    body #S06 .s06_container .s06_animation .mid_pic {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        -webkit-animation: mid_pic_move 4s infinite;
        animation: mid_pic_move 4s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes mid_pic_move {
        0% {
            top: 50%
        }
        50% {
            top: 52%
        }
        100% {
            top: 50%
        }
    }
    @keyframes mid_pic_move {
        0% {
            top: 50%
        }
        50% {
            top: 52%
        }
        100% {
            top: 50%
        }
    }
    body #S06 .s06_container .s06_bg {
        position: relative;
        z-index: 2
    }
    body #S06 .s06_container .s06_bg img {
        width: 100%
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S06 {
        position: relative
    }
    body #S06 .s06_container {
        width: 100%;
        height: 100%
    }
    body #S06 .s06_container .s06_describe {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 49%;
        z-index: 9;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S06 .s06_container .s06_describe .title {
        font-size: 3.85417vw;
        line-height: 4.6875vw;
        margin-bottom: 1.66667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(6.25vw);
        transform: translateY(6.25vw);
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
        text-align: center;
        width: 31.25vw
    }
    body #S06 .s06_container .s06_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        transition: 0.6s all;
        text-align: center;
        width: 30.98958vw;
        margin: 0 auto
    }
    body #S06 .s06_container .s06_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S06 .s06_container .s06_describe .title.upShow {
        font-size: 2.5vw;
        line-height: 3.02083vw
    }
    body #S06 .s06_container .s06_describe .title.upShow_title {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S06 .s06_container .s06_animation .ball_left {
        position: absolute;
        left: 33%;
        bottom: 4.375vw;
        width: 4.94792vw;
        height: 4.94792vw;
        z-index: 3;
        -webkit-animation: ball_left_move 8s infinite;
        animation: ball_left_move 8s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes ball_left_move {
        0% {
            left: 33%;
            bottom: 4.375vw
        }
        25% {
            left: 34%;
            bottom: 3.85417vw
        }
        50% {
            left: 33%;
            bottom: 3.33333vw
        }
        75% {
            left: 32%;
            bottom: 3.85417vw
        }
        100% {
            left: 33%;
            bottom: 4.375vw
        }
    }
    @keyframes ball_left_move {
        0% {
            left: 33%;
            bottom: 4.375vw
        }
        25% {
            left: 34%;
            bottom: 3.85417vw
        }
        50% {
            left: 33%;
            bottom: 3.33333vw
        }
        75% {
            left: 32%;
            bottom: 3.85417vw
        }
        100% {
            left: 33%;
            bottom: 4.375vw
        }
    }
    body #S06 .s06_container .s06_animation .ball_right {
        position: absolute;
        right: 45%;
        top: 1.5625vw;
        width: 4.94792vw;
        z-index: 1;
        -webkit-animation: ball_right_move 8s infinite;
        animation: ball_right_move 8s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes ball_right_move {
        0% {
            right: 45%;
            top: 1.5625vw
        }
        25% {
            right: 46%;
            top: 2.08333vw
        }
        50% {
            right: 45%;
            top: 2.60417vw
        }
        75% {
            right: 44%;
            top: 2.08333vw
        }
        100% {
            right: 45%;
            top: 1.5625vw
        }
    }
    @keyframes ball_right_move {
        0% {
            right: 45%;
            top: 1.5625vw
        }
        25% {
            right: 46%;
            top: 2.08333vw
        }
        50% {
            right: 45%;
            top: 2.60417vw
        }
        75% {
            right: 44%;
            top: 2.08333vw
        }
        100% {
            right: 45%;
            top: 1.5625vw
        }
    }
    body #S06 .s06_container .s06_animation .mid_pic {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        -webkit-animation: mid_pic_move 4s infinite;
        animation: mid_pic_move 4s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes mid_pic_move {
        0% {
            top: 50%
        }
        50% {
            top: 52%
        }
        100% {
            top: 50%
        }
    }
    @keyframes mid_pic_move {
        0% {
            top: 50%
        }
        50% {
            top: 52%
        }
        100% {
            top: 50%
        }
    }
    body #S06 .s06_container .s06_bg {
        position: relative;
        z-index: 2
    }
    body #S06 .s06_container .s06_bg img {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S06 {
        position: relative;
        overflow: hidden
    }
    body #S06 .s06_container {
        width: 100%;
        height: 100%
    }
    body #S06 .s06_container .s06_describe {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        width: 90%
    }
    body #S06 .s06_container .s06_describe .title {
        font-size: 8vw;
        line-height: 9.86667vw;
        margin-bottom: 4.26667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(26.66667vw);
        transform: translateY(26.66667vw);
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        text-align: center
    }
    body #S06 .s06_container .s06_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center;
        width: 80%;
        margin: 0 auto
    }
    body #S06 .s06_container .s06_describe .title.upShow,
    body #S06 .s06_container .s06_describe .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S06 .s06_container .s06_describe .title.upShow {
        font-size: 6.4vw;
        line-height: 7.73333vw
    }
    body #S06 .s06_container .s06_animation .ball_left {
        position: absolute;
        left: 2.66667vw;
        bottom: 34.66667vw;
        width: 13.33333vw;
        height: 13.33333vw;
        z-index: 3;
        -webkit-animation: ball_left_move 8s infinite;
        animation: ball_left_move 8s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes ball_left_move {
        0% {
            left: 2.66667vw;
            bottom: 34.66667vw
        }
        25% {
            left: 4vw;
            bottom: 32vw
        }
        50% {
            left: 2.66667vw;
            bottom: 29.33333vw
        }
        75% {
            left: 1.33333vw;
            bottom: 32vw
        }
        100% {
            left: 2.66667vw;
            bottom: 34.66667vw
        }
    }
    @keyframes ball_left_move {
        0% {
            left: 2.66667vw;
            bottom: 34.66667vw
        }
        25% {
            left: 4vw;
            bottom: 32vw
        }
        50% {
            left: 2.66667vw;
            bottom: 29.33333vw
        }
        75% {
            left: 1.33333vw;
            bottom: 32vw
        }
        100% {
            left: 2.66667vw;
            bottom: 34.66667vw
        }
    }
    body #S06 .s06_container .s06_animation .ball_right {
        position: absolute;
        right: 37.33333vw;
        top: 32vw;
        width: 8.53333vw;
        z-index: 1;
        -webkit-animation: ball_right_move 8s infinite;
        animation: ball_right_move 8s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    @-webkit-keyframes ball_right_move {
        0% {
            right: 37.33333vw;
            top: 32vw
        }
        25% {
            right: 38.66667vw;
            top: 34.66667vw
        }
        50% {
            right: 37.33333vw;
            top: 37.33333vw
        }
        75% {
            right: 36vw;
            top: 34.66667vw
        }
        100% {
            right: 37.33333vw;
            top: 32vw
        }
    }
    @keyframes ball_right_move {
        0% {
            right: 37.33333vw;
            top: 32vw
        }
        25% {
            right: 38.66667vw;
            top: 34.66667vw
        }
        50% {
            right: 37.33333vw;
            top: 37.33333vw
        }
        75% {
            right: 36vw;
            top: 34.66667vw
        }
        100% {
            right: 37.33333vw;
            top: 32vw
        }
    }
    body #S06 .s06_container .s06_animation .mid_pic {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        -webkit-animation: mid_pic_move 4s infinite;
        animation: mid_pic_move 4s infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        width: 100%
    }
    @-webkit-keyframes mid_pic_move {
        0% {
            top: 50%
        }
        50% {
            top: 52%
        }
        100% {
            top: 50%
        }
    }
    @keyframes mid_pic_move {
        0% {
            top: 50%
        }
        50% {
            top: 52%
        }
        100% {
            top: 50%
        }
    }
    body #S06 .s06_container .s06_bg {
        position: relative;
        z-index: 2
    }
    body #S06 .s06_container .s06_bg img {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S07 {
        position: relative;
        padding: 4.16667vw 0 2.08333vw
    }
    body #S07 .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin: 0 auto;
        margin-bottom: 2.08333vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center;
        width: 62.5vw
    }
    body #S07 .title br {
        display: none
    }
    body #S07 .title.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S07 .s07_list {
        width: 62.5vw;
        margin: 0 auto
    }
    body #S07 .s07_list .list_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S07 .s07_list .list_items .item_top {
        width: 49%;
        position: relative;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: 2%
    }
    body #S07 .s07_list .list_items .item_top .list_items_bg {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc {
        position: absolute;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        width: 100%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc img {
        width: 5.52083vw
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc .item_left_top_desc_text {
        font-size: .83333vw;
        line-height: 1.25vw;
        margin-top: .83333vw;
        color: #ffffff
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        width: 85%;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left img {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_text {
        font-size: .83333vw;
        line-height: 1.25vw;
        margin-top: .83333vw;
        color: #ffffff
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn {
        height: -webkit-max-content;
        height: max-content;
        margin-top: .83333vw
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn a {
        font-size: .72917vw;
        line-height: 1.14583vw;
        padding: .46875vw 1.25vw;
        border-radius: 1.04167vw;
        background-color: rgba(235, 239, 242, 0.2);
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-max-content;
        width: max-content
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn a img {
        width: .78125vw;
        height: .78125vw;
        margin-left: .20833vw
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_right {
        width: 45%
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_right img {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items .item_bottom {
        width: 23.5%;
        position: relative
    }
    body #S07 .s07_list .list_items .item_bottom .list_items_bg {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo {
        position: absolute;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        width: -webkit-max-content;
        width: max-content;
        text-align: center
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) and (min-width: 769px) and (max-width: 1029px) {
    body #S07 .item_bottom_logo {
        width: 85% !important
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S07 {
        position: relative;
        padding: 4.16667vw 0 2.08333vw
    }
    body #S07 .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin: 0 auto;
        margin-bottom: 2.08333vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center;
        width: 62.5vw
    }
    body #S07 .title br {
        display: none
    }
    body #S07 .title.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S07 .s07_list {
        width: 62.5vw;
        margin: 0 auto
    }
    body #S07 .s07_list .list_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S07 .s07_list .list_items .item_top {
        width: 49%;
        position: relative;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: 2%
    }
    body #S07 .s07_list .list_items .item_top .list_items_bg {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc {
        position: absolute;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        width: 100%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc img {
        width: 5.52083vw
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc .item_left_top_desc_text {
        font-size: .83333vw;
        line-height: 1.25vw;
        margin-top: .83333vw;
        color: #ffffff
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        width: 85%;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left img {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_text {
        font-size: .83333vw;
        line-height: 1.25vw;
        margin-top: .83333vw;
        color: #ffffff
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn {
        height: -webkit-max-content;
        height: max-content;
        margin-top: .83333vw
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn a {
        font-size: .72917vw;
        line-height: 1.14583vw;
        padding: .46875vw 1.25vw;
        border-radius: 1.04167vw;
        background-color: rgba(235, 239, 242, 0.2);
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-max-content;
        width: max-content
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn a img {
        width: .78125vw;
        height: .78125vw;
        margin-left: .20833vw
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_right {
        width: 45%
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc .item_right_top_desc_right img {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top_02 .item_right_top_desc.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items .item_bottom {
        width: 23.5%;
        position: relative
    }
    body #S07 .s07_list .list_items .item_bottom .list_items_bg {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo {
        position: absolute;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        width: -webkit-max-content;
        width: max-content;
        text-align: center
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) and (min-width: 769px) and (max-width: 1029px) {
    body #S07 .item_bottom_logo {
        width: 85% !important
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S07 {
        position: relative;
        overflow: hidden
    }
    body #S07 .title {
        margin: 0 auto;
        font-size: 6.4vw;
        line-height: 7.73333vw;
        margin-bottom: 5.06667vw;
        width: 90%;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center
    }
    body #S07 .title.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S07 .s07_list {
        padding: 0 4.26667vw;
        margin: 0 auto;
        width: auto
    }
    body #S07 .s07_list .list_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S07 .s07_list .list_items .item_top {
        width: 100%;
        position: relative;
        height: -webkit-max-content;
        height: max-content;
        margin-bottom: 2%
    }
    body #S07 .s07_list .list_items .item_top .list_items_bg {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc {
        position: absolute;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        width: 100%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc img {
        width: 13.86667vw
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc .item_left_top_desc_text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-top: 2.13333vw;
        color: #ffffff
    }
    body #S07 .s07_list .list_items .item_top .item_left_top_desc.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        width: 92%;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_left {
        width: 58%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_left img {
        width: 90%
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_text {
        font-size: 2.66667vw;
        line-height: 4.8vw;
        margin-top: 3.2vw;
        color: rgba(255, 255, 255, 0.7)
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn {
        height: -webkit-max-content;
        height: max-content;
        margin-top: 4.26667vw
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn a {
        font-size: 3.2vw;
        line-height: 4.8vw;
        padding: 2.93333vw 6.4vw;
        border-radius: 4.8vw;
        background-color: rgba(235, 239, 242, 0.2);
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-max-content;
        width: max-content
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_left .item_right_top_desc_btn a img {
        width: 4vw;
        height: 4vw;
        margin-left: 1.06667vw
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_right {
        width: 42%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc .item_right_top_desc_right img {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_top:nth-child(2) .item_right_top_desc.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items .item_bottom {
        width: 48.9%;
        position: relative;
        display: inline-block;
        margin-bottom: 2.4vw
    }
    body #S07 .s07_list .list_items .item_bottom .list_items_bg {
        width: 100%
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo {
        position: absolute;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        text-align: center;
        width: -webkit-max-content;
        width: max-content
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo img {
        width: 50%
    }
    body #S07 .s07_list .list_items .item_bottom .item_bottom_logo.upShow {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    body #S07 .s07_list .list_items:nth-child(2) {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S08 {
        position: relative;
        padding: 4.16667vw 0 0
    }
    body #S08 .s08_describe {
        width: 45.83333vw;
        margin: 0 auto;
        text-align: center;
        z-index: 8;
        margin-bottom: 2.08333vw
    }
    body #S08 .s08_describe .logo {
        width: 3.125vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S08 .s08_describe .logo img {
        width: 100%
    }
    body #S08 .s08_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S08 .s08_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.7);
        width: 100%;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S08 .s08_describe .title.upShow,
    body #S08 .s08_describe .text.upShow,
    body #S08 .s08_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S08 .S08-img {
        width: 52.03125vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        height: 100%
    }
    body #S08 .S08-img .S08-bg {
        position: relative;
        width: 100%
    }
    body #S08 .S08-img .S08-bg img {
        width: 100%
    }
    body #S08 .S08-img .S08-img-good {
        position: absolute;
        top: 0;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        left: 2.9%;
        -webkit-transition: 1.5s all;
        transition: 1.5s all
    }
    body #S08 .S08-img .S08-img-good img {
        object-fit: cover;
        max-width: none;
        width: 48.95833vw;
        height: 100%
    }
    body #S08 .S08-img .S08-img-bad {
        position: absolute;
        overflow: hidden;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }
    body #S08 .S08-img .S08-img-bad img {
        object-fit: cover;
        max-width: none;
        width: 48.95833vw;
        height: 100%
    }
    body #S08 .S08-img .img-controller-container {
        position: absolute;
        width: 48.95833vw;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 84%;
        z-index: 3
    }
    body #S08 .S08-img .img-controller-container .img-controller-limit {
        position: relative;
        width: 48.95833vw;
        height: 100%;
        z-index: 4
    }
    body #S08 .S08-img .img-controller {
        position: absolute;
        height: 100%;
        left: 98%;
        top: 0;
        z-index: 5;
        -webkit-transition: 1.5s all;
        transition: 1.5s all
    }
    body #S08 .S08-img .img-controller img {
        width: 100%;
        height: 100%
    }
    body #S08 .S08-img .S08-img-good.s08_tdrag {
        width: 0
    }
    body #S08 .S08-img .img-controller.s08_tdrag {
        left: 0
    }
    body #S08 .S08-img .img-controller img.s08_tdrag_setTimeout {
        width: 0
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S08 {
        position: relative;
        padding: 4.16667vw 0 0
    }
    body #S08 .s08_describe {
        width: 45.83333vw;
        margin: 0 auto;
        text-align: center;
        z-index: 8;
        margin-bottom: 2.08333vw
    }
    body #S08 .s08_describe .logo {
        width: 3.125vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S08 .s08_describe .logo img {
        width: 100%
    }
    body #S08 .s08_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S08 .s08_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.7);
        width: 100%;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S08 .s08_describe .title.upShow,
    body #S08 .s08_describe .text.upShow,
    body #S08 .s08_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S08 .S08-img {
        width: 52.03125vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        height: 100%
    }
    body #S08 .S08-img .S08-bg {
        position: relative;
        width: 100%
    }
    body #S08 .S08-img .S08-bg img {
        width: 100%
    }
    body #S08 .S08-img .S08-img-good {
        position: absolute;
        top: 0;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        left: 2.9%;
        -webkit-transition: 1.5s all;
        transition: 1.5s all
    }
    body #S08 .S08-img .S08-img-good img {
        object-fit: cover;
        max-width: none;
        width: 48.95833vw;
        height: 100%
    }
    body #S08 .S08-img .S08-img-bad {
        position: absolute;
        overflow: hidden;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }
    body #S08 .S08-img .S08-img-bad img {
        object-fit: cover;
        max-width: none;
        width: 48.95833vw;
        height: 100%
    }
    body #S08 .S08-img .img-controller-container {
        position: absolute;
        width: 48.95833vw;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 84%;
        z-index: 3
    }
    body #S08 .S08-img .img-controller-container .img-controller-limit {
        position: relative;
        width: 48.95833vw;
        height: 100%;
        z-index: 4
    }
    body #S08 .S08-img .img-controller {
        position: absolute;
        height: 100%;
        left: 98%;
        top: 0;
        z-index: 5;
        -webkit-transition: 1.5s all;
        transition: 1.5s all
    }
    body #S08 .S08-img .img-controller img {
        width: 100%;
        height: 100%
    }
    body #S08 .S08-img .S08-img-good.s08_tdrag {
        width: 0
    }
    body #S08 .S08-img .img-controller.s08_tdrag {
        left: 0
    }
    body #S08 .S08-img .img-controller img.s08_tdrag_setTimeout {
        width: 0
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S08 {
        position: relative;
        padding: 10.66667vw 4.26667vw 0vw;
        overflow: hidden
    }
    body #S08 .s08_describe {
        margin: 0 auto;
        text-align: center;
        z-index: 8;
        margin-bottom: 14.66667vw
    }
    body #S08 .s08_describe .logo {
        width: 10.66667vw;
        margin: 0 auto;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0
    }
    body #S08 .s08_describe .logo img {
        width: 100%
    }
    body #S08 .s08_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S08 .s08_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S08 .s08_describe .title.upShow,
    body #S08 .s08_describe .text.upShow,
    body #S08 .s08_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S08 .S08-img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        height: 100%
    }
    body #S08 .S08-img .S08-bg {
        position: relative;
        width: 100%;
        z-index: 1
    }
    body #S08 .S08-img .S08-bg img {
        width: 100%
    }
    body #S08 .S08-img .S08-img-good {
        position: absolute;
        top: 0;
        overflow: hidden;
        z-index: 3;
        width: 100%;
        left: 0.2%;
        -webkit-transition: 1.5s all;
        transition: 1.5s all
    }
    body #S08 .S08-img .S08-img-good img {
        object-fit: cover;
        max-width: none;
        width: 91.2vw;
        height: 100%
    }
    body #S08 .S08-img .S08-img-bad {
        position: absolute;
        overflow: hidden;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        z-index: 2
    }
    body #S08 .S08-img .S08-img-bad img {
        object-fit: cover;
        max-width: none;
        width: 91.2vw;
        height: 100%
    }
    body #S08 .S08-img .img-controller-container {
        position: absolute;
        width: 91.2vw;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 79%;
        z-index: 3
    }
    body #S08 .S08-img .img-controller-container .img-controller-limit {
        position: relative;
        width: 91.2vw;
        height: 100%;
        z-index: 4
    }
    body #S08 .S08-img .img-controller {
        position: absolute;
        height: 100%;
        cursor: -webkit-grab;
        cursor: grab;
        left: 98%;
        top: 0;
        z-index: 5;
        -webkit-transition: 1.5s all;
        transition: 1.5s all
    }
    body #S08 .S08-img .img-controller img {
        width: 100%;
        height: 100%
    }
    body #S08 .S08-img .S08-img-good.s08_tdrag {
        width: 0
    }
    body #S08 .S08-img .img-controller.s08_tdrag {
        left: 0
    }
    body #S08 .S08-img .img-controller img.s08_tdrag_setTimeout {
        width: 0
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S09 {
        position: relative;
        background-image: url(../png/s09_bg.png);
        background-size: cover
    }
    body #S09 .mob_br {
        display: none
    }
    body #S09 .S09_container {
        padding: 4.16667vw 18.75vw 3.125vw
    }
    body #S09 .S09_container .s09_describe {
        margin-bottom: 1.25vw;
        text-align: center
    }
    body #S09 .S09_container .s09_describe .logo {
        width: 6.77083vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S09 .S09_container .s09_describe .logo img {
        width: 100%
    }
    body #S09 .S09_container .s09_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S09 .S09_container .s09_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin: 0 auto;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.7);
        width: 56.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S09 .S09_container .s09_describe .title.upShow,
    body #S09 .S09_container .s09_describe .text.upShow,
    body #S09 .S09_container .s09_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S09 .S09_container .s09_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S09 .S09_container .s09_list .list_item {
        height: 30.78125vw;
        padding: 2.08333vw;
        width: 42%;
        border-radius: .26042vw;
        box-shadow: 0 0 .52083vw rgba(192, 209, 226, 0.3);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        background-color: #fff
    }
    body #S09 .S09_container .s09_list .list_item .item_title {
        font-size: 1.45833vw;
        line-height: 1.875vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        height: 3.64583vw
    }
    body #S09 .S09_container .s09_list .list_item .item_text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 2.08333vw;
        color: rgba(17, 17, 17, 0.7);
        height: 13.02083vw
    }
    body #S09 .S09_container .s09_list .list_item .item_pic {
        width: 19.42708vw;
        margin: 0 auto
    }
    body #S09 .S09_container .s09_list .list_item .item_pic img {
        width: 100%
    }
    body #S09 .S09_container .s09_list .list_item.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S09 {
        position: relative;
        background-image: url(../png/s09_bg.png);
        background-size: cover
    }
    body #S09 .mob_br {
        display: none
    }
    body #S09 .S09_container {
        padding: 4.16667vw 18.75vw 3.125vw
    }
    body #S09 .S09_container .s09_describe {
        margin-bottom: 1.25vw;
        text-align: center
    }
    body #S09 .S09_container .s09_describe .logo {
        width: 6.77083vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S09 .S09_container .s09_describe .logo img {
        width: 100%
    }
    body #S09 .S09_container .s09_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S09 .S09_container .s09_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin: 0 auto;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.7);
        width: 56.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S09 .S09_container .s09_describe .title.upShow,
    body #S09 .S09_container .s09_describe .text.upShow,
    body #S09 .S09_container .s09_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S09 .S09_container .s09_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    body #S09 .S09_container .s09_list .list_item {
        height: 30.78125vw;
        padding: 2.08333vw;
        width: 42%;
        border-radius: .26042vw;
        box-shadow: 0 0 .52083vw rgba(192, 209, 226, 0.3);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        background-color: #fff
    }
    body #S09 .S09_container .s09_list .list_item .item_title {
        font-size: 1.45833vw;
        line-height: 1.875vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        height: 3.64583vw
    }
    body #S09 .S09_container .s09_list .list_item .item_text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 2.08333vw;
        color: rgba(17, 17, 17, 0.7);
        height: 13.02083vw
    }
    body #S09 .S09_container .s09_list .list_item .item_pic {
        width: 19.42708vw;
        margin: 0 auto
    }
    body #S09 .S09_container .s09_list .list_item .item_pic img {
        width: 100%
    }
    body #S09 .S09_container .s09_list .list_item.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S09 {
        position: relative;
        background-image: url(../png/s09_bg_mob.png);
        background-size: cover
    }
    body #S09 .S09_container {
        padding: 2.66667vw 4.26667vw 10.66667vw
    }
    body #S09 .S09_container .s09_describe {
        margin-bottom: 8vw;
        text-align: center
    }
    body #S09 .S09_container .s09_describe .logo {
        width: 16.53333vw;
        margin: 0 auto;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0
    }
    body #S09 .S09_container .s09_describe .logo img {
        width: 100%
    }
    body #S09 .S09_container .s09_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S09 .S09_container .s09_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S09 .S09_container .s09_describe .title.upShow,
    body #S09 .S09_container .s09_describe .text.upShow,
    body #S09 .S09_container .s09_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S09 .S09_container .s09_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S09 .S09_container .s09_list .list_item {
        padding: 5.33333vw 3.2vw;
        width: auto;
        border-radius: 1.33333vw;
        box-shadow: 0 0 2.66667vw rgba(192, 209, 226, 0.3);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all;
        margin-bottom: 2.66667vw;
        background-color: #fff
    }
    body #S09 .S09_container .s09_list .list_item .item_title {
        font-size: 4.8vw;
        line-height: 7.2vw;
        margin-bottom: 2.13333vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S09 .S09_container .s09_list .list_item .item_text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-bottom: 5.33333vw;
        color: rgba(17, 17, 17, 0.7)
    }
    body #S09 .S09_container .s09_list .list_item .item_pic {
        width: 54.66667vw;
        margin: 0 auto
    }
    body #S09 .S09_container .s09_list .list_item .item_pic img {
        width: 100%
    }
    body #S09 .S09_container .s09_list .list_item.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S10 {
        position: relative
    }
    body #S10 .S10_container {
        width: 100%
    }
    body #S10 .S10_container .S10_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 62.5vw;
        text-align: center;
        z-index: 9
    }
    body #S10 .S10_container .S10_describe .logo {
        width: 14.0625vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S10 .S10_container .S10_describe .logo img {
        width: 100%
    }
    body #S10 .S10_container .S10_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S10 .S10_container .S10_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S10 .S10_container .S10_describe .title.upShow,
    body #S10 .S10_container .S10_describe .text.upShow,
    body #S10 .S10_container .S10_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S10 .S10_container .s10_bg {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_01 {
        opacity: 1;
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_01 img {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: 1s all;
        transition: 1s all;
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02 img {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02.s10_bg_show {
        opacity: 1
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S10 {
        position: relative
    }
    body #S10 .S10_container {
        width: 100%
    }
    body #S10 .S10_container .S10_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 62.5vw;
        text-align: center;
        z-index: 9
    }
    body #S10 .S10_container .S10_describe .logo {
        width: 14.0625vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S10 .S10_container .S10_describe .logo img {
        width: 100%
    }
    body #S10 .S10_container .S10_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S10 .S10_container .S10_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S10 .S10_container .S10_describe .title.upShow,
    body #S10 .S10_container .S10_describe .text.upShow,
    body #S10 .S10_container .S10_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S10 .S10_container .s10_bg {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_01 {
        opacity: 1;
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_01 img {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: 1s all;
        transition: 1s all;
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02 img {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02.s10_bg_show {
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S10 {
        position: relative
    }
    body #S10 .S10_container {
        width: 100%
    }
    body #S10 .S10_container .S10_describe {
        position: absolute;
        top: 10.66667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        text-align: center;
        z-index: 9;
        width: 95%
    }
    body #S10 .S10_container .S10_describe .logo {
        width: 36.26667vw;
        margin: 0 auto;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0
    }
    body #S10 .S10_container .S10_describe .logo img {
        width: 100%
    }
    body #S10 .S10_container .S10_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #ffffff;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S10 .S10_container .S10_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S10 .S10_container .S10_describe .title.upShow,
    body #S10 .S10_container .S10_describe .text.upShow,
    body #S10 .S10_container .S10_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S10 .S10_container .s10_bg {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_01 {
        opacity: 1
    }
    body #S10 .S10_container .s10_bg .s10_bg_01 img {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: 1s all;
        transition: 1s all
    }
    body #S10 .S10_container .s10_bg .s10_bg_02 img {
        width: 100%
    }
    body #S10 .S10_container .s10_bg .s10_bg_02.s10_bg_show {
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S11 {
        position: relative
    }
    body #S11 .s11_describe {
        position: absolute;
        top: 4.16667vw;
        width: 51.04167vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        text-align: center;
        z-index: 8
    }
    body #S11 .s11_describe .logo {
        width: 6.77083vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S11 .s11_describe .logo img {
        width: 100%
    }
    body #S11 .s11_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S11 .s11_describe .title br {
        display: none
    }
    body #S11 .s11_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(255, 255, 255, 0.7);
        width: 100%;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S11 .s11_describe .title.upShow,
    body #S11 .s11_describe .text.upShow,
    body #S11 .s11_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S11 .S11-img {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        height: 100%
    }
    body #S11 .S11-img .S11-img-good {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 1;
        width: 50%;
        height: 100%
    }
    body #S11 .S11-img .S11-img-good img {
        object-fit: cover;
        max-width: none;
        width: 100vw;
        height: 100%
    }
    body #S11 .S11-img .S11-img-bad {
        position: relative;
        overflow: hidden
    }
    body #S11 .S11-img .S11-img-bad img {
        object-fit: cover;
        max-width: none;
        width: 100vw;
        height: 100%
    }
    body #S11 .S11-img .img-controller-container {
        position: absolute;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
        z-index: 3
    }
    body #S11 .S11-img .img-controller-container .img-controller-limit {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 4
    }
    body #S11 .S11-img .img-controller {
        position: absolute;
        height: 100%;
        cursor: -webkit-grab;
        cursor: grab;
        left: calc(50% - 2.1vw);
        top: 0;
        z-index: 5;
        width: 4.2vw
    }
    body #S11 .S11-img .img-controller img {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S11 {
        position: relative
    }
    body #S11 .s11_describe {
        position: absolute;
        top: 4.16667vw;
        width: 51.04167vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        text-align: center;
        z-index: 8
    }
    body #S11 .s11_describe .logo {
        width: 6.77083vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S11 .s11_describe .logo img {
        width: 100%
    }
    body #S11 .s11_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #ffffff;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S11 .s11_describe .title br {
        display: none
    }
    body #S11 .s11_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(255, 255, 255, 0.7);
        width: 100%;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S11 .s11_describe .title.upShow,
    body #S11 .s11_describe .text.upShow,
    body #S11 .s11_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S11 .S11-img {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        height: 100%
    }
    body #S11 .S11-img .S11-img-good {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 1;
        width: 50%;
        height: 100%
    }
    body #S11 .S11-img .S11-img-good img {
        object-fit: cover;
        max-width: none;
        width: 100vw;
        height: 100%
    }
    body #S11 .S11-img .S11-img-bad {
        position: relative;
        overflow: hidden
    }
    body #S11 .S11-img .S11-img-bad img {
        object-fit: cover;
        max-width: none;
        width: 100vw;
        height: 100%
    }
    body #S11 .S11-img .img-controller-container {
        position: absolute;
        width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
        z-index: 3
    }
    body #S11 .S11-img .img-controller-container .img-controller-limit {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 4
    }
    body #S11 .S11-img .img-controller {
        position: absolute;
        height: 100%;
        cursor: -webkit-grab;
        cursor: grab;
        left: calc(50% - 2.1vw);
        top: 0;
        z-index: 5;
        width: 4.2vw
    }
    body #S11 .S11-img .img-controller img {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S11 {
        position: relative
    }
    body #S11 .S11_container {
        width: 100%;
        height: 100vh
    }
    body #S11 .S11_container .s11_describe {
        position: absolute;
        top: 10.66667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        text-align: center;
        z-index: 8;
        width: 95%
    }
    body #S11 .S11_container .s11_describe .logo {
        width: 18.13333vw;
        margin: 0 auto;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0
    }
    body #S11 .S11_container .s11_describe .logo img {
        width: 100%
    }
    body #S11 .S11_container .s11_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #ffffff;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S11 .S11_container .s11_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(255, 255, 255, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S11 .S11_container .s11_describe .title.upShow,
    body #S11 .S11_container .s11_describe .text.upShow,
    body #S11 .S11_container .s11_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S11 .S11_container .S11-img {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        height: 100%
    }
    body #S11 .S11_container .S11-img .S11-img-good {
        position: absolute;
        top: 0;
        z-index: 2;
        overflow: hidden;
        width: 50%;
        height: 100%
    }
    body #S11 .S11_container .S11-img .S11-img-good img {
        object-fit: cover;
        max-width: none;
        width: 100vw;
        height: 100%
    }
    body #S11 .S11_container .S11-img .S11-img-bad {
        position: relative;
        z-index: 1;
        overflow: hidden;
        height: 100%
    }
    body #S11 .S11_container .S11-img .S11-img-bad img {
        object-fit: cover;
        max-width: none;
        width: 100vw;
        height: 100%
    }
    body #S11 .S11_container .S11-img .img-controller-container {
        position: absolute;
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100%;
        z-index: 3
    }
    body #S11 .S11_container .S11-img .img-controller-container .img-controller-limit {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 4
    }
    body #S11 .S11_container .S11-img .img-controller {
        position: absolute;
        height: 100%;
        cursor: -webkit-grab;
        cursor: grab;
        left: calc(50% - 8vw);
        top: 0;
        z-index: 5;
        width: 16vw
    }
    body #S11 .S11_container .S11-img .img-controller img {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S12 {
        position: relative;
        background-image: url(../png/s12_bg_pc.png);
        background-size: cover
    }
    body #S12 .S12_container {
        width: 100%;
        padding: 4.16667vw 0 1.5625vw
    }
    body #S12 .S12_container .S12_describe {
        width: 42.70833vw;
        margin: 0 auto;
        text-align: center;
        z-index: 9
    }
    body #S12 .S12_container .S12_describe .logo {
        width: 2.8125vw;
        margin: 0 auto;
        margin-bottom: .83333vw
    }
    body #S12 .S12_container .S12_describe .logo img {
        width: 100%
    }
    body #S12 .S12_container .S12_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S12 .S12_container .S12_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: #111111;
        width: 41.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S12 .S12_container .S12_describe .text br {
        display: none
    }
    body #S12 .S12_container .S12_describe .title.upShow,
    body #S12 .S12_container .S12_describe .text.upShow,
    body #S12 .S12_container .S12_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S12 .S12_container .S12_tv_pic {
        width: 44.0625vw;
        margin: 0 auto;
        position: relative
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_01 {
        opacity: 1
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_01 img {
        width: 100%
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_02 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        width: 43.95833vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_02 video {
        width: 100%
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01,
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 {
        position: absolute;
        right: 1.71875vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 {
        top: 1.04167vw;
        text-align: right
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 img {
        width: 5.41667vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 .S12_tv_pic_text01 {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-top: .83333vw;
        color: #fff
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 {
        bottom: 5.72917vw;
        text-align: right
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 .S12_tv_pic_text02 {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-top: .83333vw;
        font-style: italic;
        color: #fff
    }
    body #S12 .S12_container .s12_notes {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        opacity: 0.7;
        color: #111111;
        text-align: center;
        margin-top: 1.5625vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S12 .S12_container .s12_notes .span_02 {
        font-style: italic
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S12 {
        position: relative;
        background-image: url(../png/s12_bg_pc.png);
        background-size: cover
    }
    body #S12 .S12_container {
        width: 100%;
        padding: 4.16667vw 0 1.5625vw
    }
    body #S12 .S12_container .S12_describe {
        width: 42.70833vw;
        margin: 0 auto;
        text-align: center;
        z-index: 9
    }
    body #S12 .S12_container .S12_describe .logo {
        width: 2.8125vw;
        margin: 0 auto;
        margin-bottom: .83333vw
    }
    body #S12 .S12_container .S12_describe .logo img {
        width: 100%
    }
    body #S12 .S12_container .S12_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S12 .S12_container .S12_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: #111111;
        width: 41.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S12 .S12_container .S12_describe .text br {
        display: none
    }
    body #S12 .S12_container .S12_describe .title.upShow,
    body #S12 .S12_container .S12_describe .text.upShow,
    body #S12 .S12_container .S12_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S12 .S12_container .S12_tv_pic {
        width: 44.0625vw;
        margin: 0 auto;
        position: relative
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_01 {
        opacity: 1
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_01 img {
        width: 100%
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_02 {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        width: 43.95833vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_02 video {
        width: 100%
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01,
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 {
        position: absolute;
        right: 1.71875vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 {
        top: 1.04167vw;
        text-align: right
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 img {
        width: 5.41667vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 .S12_tv_pic_text01 {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-top: .83333vw;
        color: #fff
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 {
        bottom: 5.72917vw;
        text-align: right
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 .S12_tv_pic_text02 {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-top: .83333vw;
        font-style: italic;
        color: #fff
    }
    body #S12 .S12_container .s12_notes {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        opacity: 0.7;
        color: #111111;
        text-align: center;
        margin-top: 1.5625vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S12 .S12_container .s12_notes .span_02 {
        font-style: italic
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S12 {
        position: relative;
        background-image: url(../png/s12_bg_mob.png);
        background-size: cover
    }
    body #S12 .S12_container {
        width: auto;
        padding: 21.33333vw 4.26667vw
    }
    body #S12 .S12_container .S12_describe {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        z-index: 9;
        margin-bottom: 20vw
    }
    body #S12 .S12_container .S12_describe .logo {
        width: 11.73333vw;
        margin: 0 auto;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0
    }
    body #S12 .S12_container .S12_describe .logo img {
        width: 100%
    }
    body #S12 .S12_container .S12_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 2.66667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S12 .S12_container .S12_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S12 .S12_container .S12_describe .title.upShow,
    body #S12 .S12_container .S12_describe .text.upShow,
    body #S12 .S12_container .S12_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S12 .S12_container .S12_tv_pic {
        width: 100%;
        margin: 0 auto;
        position: relative
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_01 {
        opacity: 1
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_01 img {
        width: 100%
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_02 {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 1;
        width: 91.46667vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_02 video {
        width: 100%
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01,
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 {
        position: absolute;
        right: 4vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 {
        top: 2.66667vw;
        text-align: right
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 img {
        width: 13.86667vw
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item01 .S12_tv_pic_text01 {
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-top: 2.13333vw;
        color: #fff
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 {
        bottom: 19.2vw;
        text-align: right
    }
    body #S12 .S12_container .S12_tv_pic .S12_tv_pic_item02 .S12_tv_pic_text02 {
        font-size: 3.2vw;
        line-height: 4.8vw;
        font-style: italic;
        color: #fff
    }
    body #S12 .S12_container .s12_notes {
        width: 100%;
        font-size: 3.2vw;
        line-height: 4.8vw;
        opacity: 0.7;
        color: #111111;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-top: 16vw
    }
    body #S12 .S12_container .s12_notes .span_02 {
        font-style: italic
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S13 {
        position: relative
    }
    body #S13 .S13_container {
        width: 100%;
        padding-top: 3.125vw
    }
    body #S13 .S13_container .S13_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 62.5vw;
        text-align: center;
        z-index: 9
    }
    body #S13 .S13_container .S13_describe .logo {
        width: 4.84375vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S13 .S13_container .S13_describe .logo img {
        width: 100%
    }
    body #S13 .S13_container .S13_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S13 .S13_container .S13_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin: 0 auto;
        margin-bottom: 1.82292vw;
        color: #111111;
        width: 41.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S13 .S13_container .S13_describe .title.upShow,
    body #S13 .S13_container .S13_describe .text.upShow,
    body #S13 .S13_container .S13_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S13 .S13_container .s13_bg {
        position: relative
    }
    body #S13 .S13_container .s13_bg img {
        width: 100%
    }
    body #S13 .S13_container .s13_notes {
        position: absolute;
        bottom: 1.5625vw;
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7)
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S13 {
        position: relative
    }
    body #S13 .S13_container {
        width: 100%;
        padding-top: 3.125vw
    }
    body #S13 .S13_container .S13_describe {
        position: absolute;
        top: 4.16667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 62.5vw;
        text-align: center;
        z-index: 9
    }
    body #S13 .S13_container .S13_describe .logo {
        width: 4.84375vw;
        margin: 0 auto;
        margin-bottom: .83333vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0
    }
    body #S13 .S13_container .S13_describe .logo img {
        width: 100%
    }
    body #S13 .S13_container .S13_describe .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S13 .S13_container .S13_describe .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin: 0 auto;
        margin-bottom: 1.82292vw;
        color: #111111;
        width: 41.66667vw;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S13 .S13_container .S13_describe .title.upShow,
    body #S13 .S13_container .S13_describe .text.upShow,
    body #S13 .S13_container .S13_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S13 .S13_container .s13_bg {
        position: relative
    }
    body #S13 .S13_container .s13_bg img {
        width: 100%
    }
    body #S13 .S13_container .s13_notes {
        position: absolute;
        bottom: 1.5625vw;
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        color: rgba(17, 17, 17, 0.7)
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S13 {
        position: relative
    }
    body #S13 .S13_container {
        width: 100%
    }
    body #S13 .S13_container .S13_describe {
        position: absolute;
        top: 10.66667vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        width: 95%;
        text-align: center;
        z-index: 9
    }
    body #S13 .S13_container .S13_describe .logo {
        width: 12.26667vw;
        margin: 0 auto;
        margin-bottom: 2.13333vw;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0
    }
    body #S13 .S13_container .S13_describe .logo img {
        width: 100%
    }
    body #S13 .S13_container .S13_describe .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        margin: 0 auto;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S13 .S13_container .S13_describe .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S13 .S13_container .S13_describe .title.upShow,
    body #S13 .S13_container .S13_describe .text.upShow,
    body #S13 .S13_container .S13_describe .logo.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S13 .S13_container .s13_bg {
        position: relative
    }
    body #S13 .S13_container .s13_bg img {
        width: 100%
    }
    body #S13 .S13_container .s13_notes {
        position: absolute;
        bottom: 10.66667vw;
        width: 90%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7)
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body #S14 {
        position: relative
    }
    body #S14 .s14_content {
        height: calc(200vh)
    }
    body #S14 .s14_content .module {
        width: 100%;
        height: calc(100vh);
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow: hidden;
        background-image: url(../png/s14_bg_pc.png);
        background-size: cover
    }
    body #S14 .s14_content .module .S14_container {
        width: 100%;
        padding: 14vh 0
    }
    body #S14 .s14_content .module .S14_container .s14_list {
        position: relative;
        padding-left: 18.75%
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        opacity: 0;
        position: absolute;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc {
        width: 30.5%
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.5);
        width: 100%;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .title.upShow,
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_pic {
        width: 108vh
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_pic img {
        width: 100%
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item.active {
        opacity: 1
    }
    body #S14 .s14_content .module .S14_container .s14_list_title {
        position: absolute;
        top: 50.875%;
        left: 18.75%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: .83333vw
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_line {
        height: 100%;
        width: .15625vw;
        background: rgba(17, 17, 17, 0.1);
        position: absolute;
        left: 0
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_line .line_show {
        height: 20%;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_items .title_item_text {
        font-size: 2.85833vh;
        line-height: 2.1875vw;
        padding: 1.2vh 0;
        color: rgba(17, 17, 17, 0.5);
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        width: -webkit-max-content;
        width: max-content;
        height: -webkit-max-content;
        height: max-content;
        cursor: pointer
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_items .title_item_text.active {
        color: #111111
    }
    body #S14 .s14_content .s14_mob {
        display: none
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body #S14 {
        position: relative
    }
    body #S14 .s14_content {
        height: calc(200vh)
    }
    body #S14 .s14_content .module {
        width: 100%;
        height: calc(100vh);
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow: hidden;
        background-image: url(../png/s14_bg_pc.png);
        background-size: cover
    }
    body #S14 .s14_content .module .S14_container {
        width: 100%;
        padding: 14vh 0
    }
    body #S14 .s14_content .module .S14_container .s14_list {
        position: relative;
        padding-left: 18.75%
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        opacity: 0;
        position: absolute;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc {
        width: 30.5%
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 1.66667vw;
        color: #111111;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .text {
        font-size: 1.14583vw;
        line-height: 1.71875vw;
        margin-bottom: 1.82292vw;
        color: rgba(17, 17, 17, 0.5);
        width: 100%;
        -webkit-transform: translateY(1.04167vw);
        transform: translateY(1.04167vw);
        opacity: 0;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .title.upShow,
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_desc .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_pic {
        width: 108vh
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item .item_pic img {
        width: 100%
    }
    body #S14 .s14_content .module .S14_container .s14_list .s14_item.active {
        opacity: 1
    }
    body #S14 .s14_content .module .S14_container .s14_list_title {
        position: absolute;
        top: 50.875%;
        left: 18.75%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: .83333vw
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_line {
        height: 100%;
        width: .15625vw;
        background: rgba(17, 17, 17, 0.1);
        position: absolute;
        left: 0
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_line .line_show {
        height: 20%;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_items .title_item_text {
        font-size: 2.85833vh;
        line-height: 2.1875vw;
        padding: 1.2vh 0;
        color: rgba(17, 17, 17, 0.5);
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        width: -webkit-max-content;
        width: max-content;
        height: -webkit-max-content;
        height: max-content;
        cursor: pointer
    }
    body #S14 .s14_content .module .S14_container .s14_list_title .s14_list_title_items .title_item_text.active {
        color: #111111
    }
    body #S14 .s14_content .s14_mob {
        display: none
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S14 {
        position: relative
    }
    body #S14 .s14_content {
        padding: 10.66667vw 4.26667vw 30.66667vw;
        overflow-x: hidden;
        background-image: url(../png/s14_bg_mob.png);
        background-size: cover
    }
    body #S14 .swiper_desc {
        margin: 0 auto;
        width: 100%;
        height: 40vw
    }
    body #S14 .swiper_desc .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        margin-bottom: 4.26667vw;
        color: #111111;
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S14 .swiper_desc .text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: rgba(17, 17, 17, 0.7);
        -webkit-transform: translateY(5.33333vw);
        transform: translateY(5.33333vw);
        opacity: 1;
        -webkit-transition: 0.6s all;
        transition: 0.6s all
    }
    body #S14 .swiper_desc .title.upShow,
    body #S14 .swiper_desc .text.upShow {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    body #S14 .swiper_pic {
        width: 100%
    }
    body #S14 .swiper_pic img {
        width: 100%
    }
    body #S14 #s14_swiper {
        padding-bottom: 32vw;
        position: relative
    }
    body #S14 #s14_swiper .swiper-pagination .swiper-pagination-bullet {
        background: #111111;
        width: 1.06667vw;
        height: 1.06667vw
    }
    body #S14 .s14_mob {
        display: block
    }
    body #S14 .s14_pc {
        display: none
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 17 / 9) {
    body #S17 {
        background-color: #F3F3F3;
        position: relative
    }
    body #S17 .s17_container {
        width: auto;
        height: 100%;
        padding: 4.16667vw 6.25vw 0
    }
    body #S17 .s17_container .s17_swiper_mob {
        display: none
    }
    body #S17 .s17_container .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 2.08333vw;
        color: #111111;
        text-align: center;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .s17_swiper {
        width: 100%;
        padding-bottom: 4.16667vw
    }
    body #S17 .s17_container .s17_swiper .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body #S17 .s17_container .s17_swiper .pro_box {
        width: 20%;
        padding: 0 1.04167vw .83333vw;
        display: inline-block;
        background-color: #ffffff;
        margin-right: 2.08333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic {
        margin-bottom: 1.5625vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_pic_items {
        position: relative
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_imgs_box {
        padding-bottom: 1.04167vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        background-color: #fff
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img img {
        width: 90%;
        padding: 5% 5% 0 5%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img:nth-child(1) {
        position: relative;
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img:nth-child(1) img {
        width: 100%;
        padding: 0
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img.pro_img_active {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next {
        top: auto;
        bottom: .20833vw;
        width: .83333vw;
        height: .83333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev.prev_none,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next.next_none {
        pointer-events: none;
        opacity: 0.5
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next:after,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev:after {
        content: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination {
        bottom: 0 !important;
        display: block !important;
        width: 12.1vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow.size_overflow_more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow.size_overflow_more::-webkit-scrollbar {
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet:only-child {
        display: inline-block !important
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet {
        background-color: transparent !important;
        width: -webkit-max-content;
        width: max-content;
        height: auto;
        opacity: 1;
        padding: .15625vw .57292vw .05208vw;
        cursor: pointer;
        font-size: .83333vw;
        line-height: 1.04167vw;
        border: .05208vw solid transparent;
        -webkit-transition: 0.2s all;
        transition: 0.2s all
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: transparent !important;
        width: auto;
        height: auto;
        border: .05208vw solid #E64C3D;
        color: #E64C3D;
        border-radius: .72917vw;
        padding: .15625vw .57292vw .05208vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe {
        color: #111111;
        width: 100%;
        position: relative
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_subTitle {
        font-size: .9375vw;
        line-height: 1.14583vw;
        margin-bottom: .41667vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        height: 2.08333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_title {
        font-size: 1.875vw;
        line-height: 2.5vw;
        padding-bottom: .83333vw;
        border-bottom: 0.01rem solid rgba(151, 151, 151, 0.3);
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_text {
        font-size: .72917vw;
        line-height: 1.09375vw;
        padding-bottom: .78125vw;
        padding-top: .78125vw;
        height: 5.72917vw;
        color: rgba(17, 17, 17, 0.7);
        border-bottom: 0.01rem solid rgba(151, 151, 151, 0.3)
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link {
        margin-top: .78125vw;
        width: 100%;
        text-align: center
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link a {
        font-size: .72917vw;
        line-height: .83333vw;
        border-radius: 1.14583vw;
        padding: .625vw 0;
        background-color: #000;
        width: 100%;
        color: #fff;
        display: inline-block;
        width: 100%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url {
        position: relative;
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a {
        background-color: #fff;
        color: #000;
        border: .05208vw solid #000;
        position: absolute;
        left: 0;
        top: 0;
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a:first-child {
        position: relative;
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a.pro_link_url_show {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url.pro_link_btn_show {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box:nth-child(4) {
        margin-right: 0
    }
    body #S17 .s17_container .s17_swiper .s17_page.swiper-pagination {
        bottom: 0
    }
    body #S17 .s17_container .s17_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    body #S17 .s17_container .s17_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: #000
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-next,
    body #S17 .s17_container .s17_swp_btn.swiper-button-prev {
        color: #000 !important
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-next {
        right: 2.60417vw
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-prev {
        left: 2.60417vw
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 17 / 9) {
    body #S17 {
        background-color: #F3F3F3;
        position: relative
    }
    body #S17 .s17_container {
        width: auto;
        height: 100%;
        padding: 4.16667vw 6.25vw 0
    }
    body #S17 .s17_container .s17_swiper_mob {
        display: none
    }
    body #S17 .s17_container .title {
        font-size: 2.5vw;
        line-height: 3.02083vw;
        margin-bottom: 2.08333vw;
        color: #111111;
        text-align: center;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .s17_swiper {
        width: 100%;
        padding-bottom: 4.16667vw
    }
    body #S17 .s17_container .s17_swiper .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body #S17 .s17_container .s17_swiper .pro_box {
        width: 20%;
        padding: 0 1.04167vw .83333vw;
        display: inline-block;
        background-color: #ffffff;
        margin-right: 2.08333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic {
        margin-bottom: 1.5625vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_pic_items {
        position: relative
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_imgs_box {
        padding-bottom: 1.04167vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        background-color: #fff
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img img {
        width: 90%;
        padding: 5% 5% 0 5%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img:nth-child(1) {
        position: relative;
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img:nth-child(1) img {
        width: 100%;
        padding: 0
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img.pro_img_active {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next {
        top: auto;
        bottom: .20833vw;
        width: .83333vw;
        height: .83333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev.prev_none,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next.next_none {
        pointer-events: none;
        opacity: 0.5
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next:after,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev:after {
        content: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination {
        bottom: 0 !important;
        display: block !important;
        width: 12.1vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow.size_overflow_more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow.size_overflow_more::-webkit-scrollbar {
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet:only-child {
        display: inline-block !important
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet {
        background-color: transparent !important;
        width: -webkit-max-content;
        width: max-content;
        height: auto;
        opacity: 1;
        padding: .15625vw .57292vw .05208vw;
        cursor: pointer;
        font-size: .83333vw;
        line-height: 1.04167vw;
        border: .05208vw solid transparent;
        -webkit-transition: 0.2s all;
        transition: 0.2s all
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: transparent !important;
        width: auto;
        height: auto;
        border: .05208vw solid #E64C3D;
        color: #E64C3D;
        border-radius: .72917vw;
        padding: .15625vw .57292vw .05208vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe {
        color: #111111;
        width: 100%;
        position: relative
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_subTitle {
        font-size: .9375vw;
        line-height: 1.14583vw;
        margin-bottom: .41667vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        height: 2.08333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_title {
        font-size: 1.875vw;
        line-height: 2.5vw;
        padding-bottom: .83333vw;
        border-bottom: 0.01rem solid rgba(151, 151, 151, 0.3);
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_text {
        font-size: .72917vw;
        line-height: 1.09375vw;
        padding-bottom: .78125vw;
        padding-top: .78125vw;
        height: 5.72917vw;
        color: rgba(17, 17, 17, 0.7);
        border-bottom: 0.01rem solid rgba(151, 151, 151, 0.3)
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link {
        margin-top: .78125vw;
        width: 100%;
        text-align: center
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link a {
        font-size: .72917vw;
        line-height: .83333vw;
        border-radius: 1.14583vw;
        padding: .625vw 0;
        background-color: #000;
        width: 100%;
        color: #fff;
        display: inline-block;
        width: 100%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url {
        position: relative;
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a {
        background-color: #fff;
        color: #000;
        border: .05208vw solid #000;
        position: absolute;
        left: 0;
        top: 0;
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a:first-child {
        position: relative;
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a.pro_link_url_show {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url.pro_link_btn_show {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box:nth-child(4) {
        margin-right: 0
    }
    body #S17 .s17_container .s17_swiper .s17_page.swiper-pagination {
        bottom: 0
    }
    body #S17 .s17_container .s17_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    body #S17 .s17_container .s17_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: #000
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-next,
    body #S17 .s17_container .s17_swp_btn.swiper-button-prev {
        color: #000 !important
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-next {
        right: 2.60417vw
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-prev {
        left: 2.60417vw
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    .mobile-version {
        display: block !important
    }
    .pc-version {
        display: none !important
    }
    .pad-version {
        display: none !important
    }
}

@media (min-width: 835px) and (min-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }
    body .cnx-row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (min-width: 835px) and (max-aspect-ratio: 16 / 9) {
    body .mid-align {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body .text-center {
        text-align: center
    }
    body .cnx-row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }
    body .cnx-row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }
    body .cnx-row:after {
        display: table;
        content: ' ';
        clear: both
    }
    body .cnx-row:before {
        display: table;
        content: ' '
    }
    body .cnx-row .col-12 {
        width: 100%
    }
    body .cnx-row .col-11 {
        width: 91.66666667%
    }
    body .cnx-row .col-10 {
        width: 83.33333333%
    }
    body .cnx-row .col-9 {
        width: 75%
    }
    body .cnx-row .col-8 {
        width: 66.66666667%
    }
    body .cnx-row .col-7 {
        width: 58.33333333%
    }
    body .cnx-row .col-6 {
        width: 50%
    }
    body .cnx-row .col-5 {
        width: 41.66666667%
    }
    body .cnx-row .col-4 {
        width: 33.33333333%
    }
    body .cnx-row .col-3 {
        width: 25%
    }
    body .cnx-row .col-2 {
        width: 16.66666667%
    }
    body .cnx-row .col-1 {
        width: 8.33333333%
    }
    body img {
        max-width: 100%
    }
    body .pc-version {
        display: block
    }
    body .pad-version {
        display: none !important
    }
    body .mobile-version {
        display: none !important
    }
    body .text-overflow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
    body .text-center {
        text-align: center
    }
    body .text-right {
        text-align: right
    }
}

@media (max-width: 834px) {
    body #S17 {
        background-color: #F3F3F3;
        position: relative;
        overflow: hidden
    }
    body #S17 .s17_container {
        width: auto;
        height: 100%;
        padding: 10.66667vw 4.26667vw 0
    }
    body #S17 .s17_container .s17_swiper_pc {
        display: none
    }
    body #S17 .s17_container .s17_swiper_mob {
        display: block
    }
    body #S17 .s17_container .subTitle {
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-bottom: 2.13333vw;
        color: #111111;
        text-align: center;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .title {
        font-size: 6.4vw;
        line-height: 7.73333vw;
        margin-bottom: 10.93333vw;
        color: #111111;
        text-align: center;
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .s17_swiper {
        width: 100%;
        padding-bottom: 10.66667vw
    }
    body #S17 .s17_container .s17_swiper .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body #S17 .s17_container .s17_swiper .pro_box {
        width: 100%;
        padding: 0 3.2vw 4.26667vw;
        display: inline-block;
        background-color: #ffffff
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic {
        margin-bottom: 5.33333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_pic_items {
        position: relative;
        padding-bottom: 4vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        background-color: #fff
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img img {
        width: 90%;
        padding: 5% 5% 0 5%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img:nth-child(1) {
        position: relative;
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img:nth-child(1) img {
        width: 100%;
        padding: 0
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .pro_img.pro_img_active {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next {
        top: auto;
        bottom: 1.06667vw;
        width: 4vw;
        height: 4vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev.prev_none,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next.next_none {
        pointer-events: none;
        opacity: 0.5
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next:after,
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev:after {
        content: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-next {
        background: url(../png/s17_swiper-button-next.png);
        background-size: cover
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-button-prev {
        background: url(../png/s17_swiper-button-prev.png);
        background-size: cover
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination {
        bottom: 0 !important;
        display: block !important;
        width: 46vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow.size_overflow_more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination .size_overflow.size_overflow_more::-webkit-scrollbar {
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet:only-child {
        display: inline-block !important
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet {
        background-color: transparent !important;
        width: auto;
        height: auto;
        opacity: 1;
        padding: .53333vw 2.13333vw .26667vw;
        cursor: pointer;
        font-size: 3.2vw;
        line-height: 4.8vw;
        border: .26667vw solid transparent
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_pic .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: transparent !important;
        width: auto;
        height: auto;
        border: .26667vw solid #E64C3D;
        color: #E64C3D;
        border-radius: 3.2vw;
        padding: .53333vw 2.13333vw .26667vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe {
        color: #111111;
        width: 100%
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_subTitle {
        font-size: 3.2vw;
        line-height: 4.8vw;
        margin-bottom: 1.33333vw;
        font-family: "TCLSans-Unity-Medium", "sans-serif";
        height: 9.33333vw
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_title {
        font-size: 4.8vw;
        line-height: 6.4vw;
        padding-bottom: 2.13333vw;
        border-bottom: .26667vw solid rgba(151, 151, 151, 0.3);
        font-family: "TCLSans-Unity-Medium", "sans-serif"
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_text {
        font-size: 3.2vw;
        line-height: 4.8vw;
        padding-bottom: 1.33333vw;
        padding-top: 2.13333vw;
        height: 26.66667vw;
        color: rgba(17, 17, 17, 0.7);
        border-bottom: .26667vw solid rgba(151, 151, 151, 0.3)
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link {
        margin-top: 2.13333vw;
        width: 100%;
        text-align: center
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link a {
        font-size: 3.2vw;
        line-height: 4vw;
        border-radius: 4.8vw;
        padding: 2.66667vw 0;
        background-color: #000;
        width: 100%;
        color: #fff;
        display: inline-block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url {
        position: relative;
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a {
        background-color: #fff;
        color: #000;
        border: .26667vw solid #000;
        position: absolute;
        left: 0;
        top: 0;
        display: none
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a:first-child {
        position: relative;
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url a.pro_link_url_show {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box .pro_describe .pro_link.pro_link_url.pro_link_btn_show {
        display: block
    }
    body #S17 .s17_container .s17_swiper .pro_box:nth-child(4) {
        margin-right: 0
    }
    body #S17 .s17_container .s17_swiper .s17_page.swiper-pagination {
        bottom: 0
    }
    body #S17 .s17_container .s17_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    body #S17 .s17_container .s17_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        background-color: #000
    }
    body #S17 .s17_container .s17_swp_btn.swiper-button-next,
    body #S17 .s17_container .s17_swp_btn.swiper-button-prev {
        display: none !important
    }
}