/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

:root {
    --color-vi: 192 245 2;
    --color-vi-deep: 165 211 0;
    --color-white: 255 255 255;
    --color-black: 0 0 0;
    --color-gray-25: 252 252 252;
    --color-gray-50: 250 250 250;
    --color-gray-100: 245 245 245;
    --color-gray-200: 229 229 229;
    --color-gray-300: 214 214 214;
    --color-gray-400: 163 163 163;
    --color-gray-500: 115 115 115;
    --color-gray-600: 82 82 82;
    --color-gray-700: 66 66 66;
    --color-gray-800: 41 41 41;
    --color-gray-900: 20 20 20;
    --color-gray-950: 15 15 15;
    --color-warm-gray-25: 253 253 252;
    --color-warm-gray-50: 250 250 249;
    --color-warm-gray-100: 245 245 244;
    --color-warm-gray-200: 231 229 228;
    --color-warm-gray-300: 215 211 208;
    --color-warm-gray-400: 169 162 157;
    --color-warm-gray-500: 121 113 107;
    --color-warm-gray-600: 87 83 78;
    --color-warm-gray-700: 68 64 60;
    --color-warm-gray-800: 41 37 36;
    --color-warm-gray-900: 28 25 23;
    --color-warm-gray-950: 23 20 18;
    --color-cool-gray-25: 252 252 252;
    --color-cool-gray-50: 250 250 250;
    --color-cool-gray-100: 244 244 245;
    --color-cool-gray-200: 228 228 231;
    --color-cool-gray-300: 209 209 214;
    --color-cool-gray-400: 160 160 171;
    --color-cool-gray-500: 112 112 123;
    --color-cool-gray-600: 81 82 92;
    --color-cool-gray-700: 63 63 70;
    --color-cool-gray-800: 38 39 43;
    --color-cool-gray-900: 24 24 27;
    --color-cool-gray-950: 19 19 22
}

html {
    font-size: 16px
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.static {
    position: static
}

.relative {
    position: relative
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-full {
    height: 100%
}

.w-full {
    width: 100%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.grid-flow-col-dense {
    grid-auto-flow: column dense
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.overflow-hidden {
    overflow: hidden
}

.text-center {
    text-align: center
}

.align-top {
    vertical-align: top
}

.text-ue-black {
    --tw-text-opacity: 1;
    color: rgb(var(--color-black)/var(--tw-text-opacity))
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

*,:after,:before {
    box-sizing: border-box
}

:after,:before {
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}

:where(body) {
    margin: 0
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(dl,ol,ul) :where(dl,ol,ul) {
    margin: 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol,ul) {
    list-style-type: none;
    padding: 0
}

:where(nav li):before {
    content: "\200B";
    float: left
}

:where(pre) {
    font-family: monospace,monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(b,strong) {
    font-weight: bolder
}

:where(code,kbd,samp) {
    font-family: monospace,monospace;
    font-size: 1em
}

:where(small) {
    font-size: 80%
}

:where(audio,canvas,iframe,img,svg,video) {
    vertical-align: middle
}

:where(iframe) {
    border-style: none
}

:where(svg:not([fill])) {
    fill: currentColor
}

:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:where(button,input,select) {
    margin: 0
}

:where(button,[type=button i],[type=reset i],[type=submit i]) {
    -webkit-appearance: button
}

:where(fieldset) {
    border: 1px solid #a0a0a0
}

:where(progress) {
    vertical-align: initial
}

:where(textarea) {
    margin: 0;
    resize: vertical
}

:where([type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(details>summary:first-of-type) {
    display: list-item
}

:where([aria-busy=true i]) {
    cursor: progress
}

:where([aria-controls]) {
    cursor: pointer
}

:where([aria-disabled=true i],[disabled]) {
    cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
    display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
    clip: rect(0,0,0,0);
    position: absolute
}

:where(iframe,img,input,video,select,textarea) {
    height: auto;
    max-width: 100%
}

:where(button,input,select,textarea) {
    background-color: initial;
    border: 1px solid WindowFrame;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    padding: .25em .375em
}

:where(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat 100% /1em;
    border-radius: 0;
    padding-right: 1em
}

:where([type=color i],[type=range i]) {
    border-width: 0;
    padding: 0
}

@font-face {
    font-family: system-ui;
    src: local(".AppleSystemUIFont"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("HelveticaNeue")
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    src: local(".AppleSystemUIFont"),local("Segoe UI Italic"),local("Ubuntu-Italic"),local("Roboto-Italic"),local("HelveticaNeue-Italic")
}

@font-face {
    font-family: system-ui;
    font-weight: 700;
    src: local(".AppleSystemUIFont"),local("Segoe UI Bold"),local("Ubuntu-Bold"),local("Roboto-Bold"),local("HelveticaNeue-Bold")
}

@font-face {
    font-family: system-ui;
    font-style: italic;
    font-weight: 700;
    src: local(".AppleSystemUIFont"),local("Segoe UI Bold Italic"),local("Ubuntu-BoldItalic"),local("Roboto-BoldItalic"),local("HelveticaNeue-BoldItalic")
}

html {
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

code,kbd,pre,samp {
    font-family: ui-monospace,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

@font-face {
    font-family: ui-monospace;
    src: local(".AppleSystemUIFontMonospaced-Regular"),local("Segoe UI Mono"),local("UbuntuMono"),local("Roboto-Mono"),local("Menlo")
}

@font-face {
    font-family: ui-monospace;
    font-style: italic;
    src: local(".AppleSystemUIFontMonospaced-RegularItalic"),local("Segoe UI Mono Italic"),local("UbuntuMono-Italic"),local("Roboto-Mono-Italic"),local("Menlo-Italic")
}

@font-face {
    font-family: ui-monospace;
    font-weight: 700;
    src: local(".AppleSystemUIFontMonospaced-Bold"),local("Segoe UI Mono Bold"),local("UbuntuMono-Bold"),local("Roboto-Mono-Bold"),local("Menlo-Bold")
}

@font-face {
    font-family: ui-monospace;
    font-style: italic;
    font-weight: 700;
    src: local(".AppleSystemUIFontMonospaced-BoldItalic"),local("Segoe UI Mono Bold Italic"),local("UbuntuMono-BoldItalic"),local("Roboto-Mono-BoldItalic"),local("Menlo-BoldItalic")
}

@font-face {
    font-family: ueicon;
    src: url(/frontend/desktop/fonts/ueicon.eot);
    src: url(/frontend/desktop/fonts/ueicon.eot#iefix) format("embedded-opentype"),url(/frontend/desktop/fonts/ueicon.woff2) format("woff2"),url(/frontend/desktop/fonts/ueicon.woff) format("woff"),url(/frontend/desktop/fonts/ueicon.ttf) format("truetype"),url(/frontend/desktop/img/ueicon.svg#ueicon) format("svg")
}

[class*=" ueicon-"],[class^=ueicon-] {
    font-family: ueicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ueicon-apple:before {
    content: "\ea01"
}

.ueicon-arrow-down:before {
    content: "\ea02"
}

.ueicon-arrow-left:before {
    content: "\ea03"
}

.ueicon-arrow-narrow-down:before {
    content: "\ea04"
}

.ueicon-arrow-narrow-left:before {
    content: "\ea05"
}

.ueicon-arrow-narrow-right:before {
    content: "\ea06"
}

.ueicon-arrow-right:before {
    content: "\ea07"
}

.ueicon-bilibili:before {
    content: "\ea08"
}

.ueicon-check-circle:before {
    content: "\ea09"
}

.ueicon-chevron-down:before {
    content: "\ea0a"
}

.ueicon-chevron-left:before {
    content: "\ea0b"
}

.ueicon-chevron-right:before {
    content: "\ea0c"
}

.ueicon-chevron-top:before {
    content: "\ea0d"
}

.ueicon-discord:before {
    content: "\ea0e"
}

.ueicon-download:before {
    content: "\ea0f"
}

.ueicon-dribbble:before {
    content: "\ea10"
}

.ueicon-eewu:before {
    content: "\ea11"
}

.ueicon-email:before {
    content: "\ea12"
}

.ueicon-facebook:before {
    content: "\ea13"
}

.ueicon-github:before {
    content: "\ea14"
}

.ueicon-globe:before {
    content: "\ea15"
}

.ueicon-google:before {
    content: "\ea16"
}

.ueicon-home:before {
    content: "\ea17"
}

.ueicon-instagram:before {
    content: "\ea18"
}

.ueicon-linked-in:before {
    content: "\ea19"
}

.ueicon-loading-02:before {
    content: "\ea1a"
}

.ueicon-loading:before {
    content: "\ea1b"
}

.ueicon-long-arrow-top-right:before {
    content: "\ea1c"
}

.ueicon-mail-01:before {
    content: "\ea1d"
}

.ueicon-mark-pin:before {
    content: "\ea1e"
}

.ueicon-message:before {
    content: "\ea1f"
}

.ueicon-mini-app:before {
    content: "\ea20"
}

.ueicon-nav:before {
    content: "\ea21"
}

.ueicon-phone-call:before {
    content: "\ea22"
}

.ueicon-phone:before {
    content: "\ea23"
}

.ueicon-pinterest:before {
    content: "\ea24"
}

.ueicon-player-fill:before {
    content: "\ea25"
}

.ueicon-plus:before {
    content: "\ea26"
}

.ueicon-qrcode:before {
    content: "\ea27"
}

.ueicon-redbook:before {
    content: "\ea28"
}

.ueicon-search:before {
    content: "\ea29"
}

.ueicon-tiktok:before {
    content: "\ea2a"
}

.ueicon-tumblr:before {
    content: "\ea2b"
}

.ueicon-twitter:before {
    content: "\ea2c"
}

.ueicon-wechat:before {
    content: "\ea2d"
}

.ueicon-weibo:before {
    content: "\ea2e"
}

.ueicon-whatsapp:before {
    content: "\ea2f"
}

.ueicon-x-close:before {
    content: "\ea30"
}

.ueicon-you-tube:before {
    content: "\ea31"
}

:root {
    --safe-screen-h: 1vh;
    --color-vi: #ff4d00;
    --color-font: #364152;
    --color-module-title: #121926;
    --color-module-subtitle: #364152;
    --size-font-base: 12px;
    --size-container-width: var(--size-container-width--regular);
    --size-container-width--small: 1110px;
    --size-container-width--regular: 1560px;
    --size-container-width--extra: 1816px;
    --size-container-space: 3%;
    --size-nav-height: var(--size-nav-normal-height);
    --size-nav-normal-height: 106px;
    --size-nav-mini-height: 76px;
    --z-index-site-nav: 9999
}

@supports(height: 1dvh) {
    :root {
        --safe-screen-h:1dvh;
        --safe-area-inset-top: env(safe-area-inset-top);
        --safe-area-inset-right: env(safe-area-inset-right);
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        --safe-area-inset-left: env(safe-area-inset-left)
    }
}

html {
    overflow: auto;
    width: 100%;
    height: 100%
}

body {
    font-family: Plus Jakarta Sans,system-ui,-apple-system,微软雅黑;
    font-size: var(--size-font-base);
    font-weight: 400;
    line-height: 1.4;
    min-width: 1200px;
    min-height: 100vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--color-font);
    background-color: #fff
}

body[data-has-scroll="1"] {
    --size-nav-height: var(--size-nav-mini-height)
}

img {
    content: normal!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top
}

a {
    text-decoration: none;
    color: inherit
}

button {
    padding: 0;
    border-width: 0;
    outline: none
}

h1,h2,h3,p {
    margin: 0
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 6px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c1c1c1
}

.u-wrapper--limit-width--small {
    --size-container-width: var(--size-container-width--small)
}

.u-wrapper--limit-width--extra {
    --size-container-width: var(--size-container-width--extra)
}

.u-wrapper--limit-width {
    width: calc(var(--size-container-width) + var(--size-container-space)*2);
    max-width: 100%;
    margin: 0 auto;
    padding: 0 var(--size-container-space)
}

.u-wrapper--limit-width .u-wrapper--limit-width {
    --size-container-space: 0px
}

.u-hide {
    position: absolute!important;
    display: inline-block;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%)
}

html.lenis,html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto!important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.splitting .char,.splitting .whitespace,.splitting .word {
    line-height: inherit;
    display: inline-flex;
    vertical-align: text-bottom
}

.splitting .whitespace:after {
    content: ""
}

.marquee {
    display: flex;
    overflow: hidden;
    pointer-events: none;
    align-items: center
}

@media(max-width: 1920.98px) {
    :root {
        --size-container-width--regular:1440px
    }
}

@media(max-width: 1679.98px) {
    :root {
        --size-container-width--regular:1340px
    }
}

@media(max-width: 1559.98px) {
    :root {
        --size-container-width--regular:1260px
    }
}

@media(max-width: 1439.98px) {
    :root {
        --size-nav-normal-height:86px;
        --size-container-width--regular: 1260px
    }
}

@media(max-width: 767.98px) {
    :root {
        --size-container-width--regular:89.333333vw;
        --size-container-space: 0px;
        --size-nav-mini-height: 80px
    }

    body {
        min-width: auto
    }
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.enter-animate,.wow {
    visibility: hidden
}

.wow {
    animation-duration: .66s;
    animation-fill-mode: forwards
}

.wow-long-dur {
    animation-duration: 1s
}

.wow-group .wow:nth-child(4n+1) {
    animation-delay: .1s
}

.wow-group .wow:nth-child(4n+2) {
    animation-delay: .2s
}

.wow-group .wow:nth-child(4n+3) {
    animation-delay: .3s
}

.wow-group .wow:nth-child(4n+4) {
    animation-delay: .4s
}

.wow-group-2 .wow:nth-child(odd) {
    animation-delay: .1s
}

.wow-group-2 .wow:nth-child(2n+2) {
    animation-delay: .2s
}

.wow-group-3 .wow:nth-child(3n+1) {
    animation-delay: .1s
}

.wow-group-3 .wow:nth-child(3n+2) {
    animation-delay: .2s
}

.wow-group-3 .wow:nth-child(3n+3) {
    animation-delay: .3s
}

.wow-group-4 .wow:nth-child(4n+1) {
    animation-delay: .1s
}

.wow-group-4 .wow:nth-child(4n+2) {
    animation-delay: .2s
}

.wow-group-4 .wow:nth-child(4n+3) {
    animation-delay: .3s
}

.wow-group-4 .wow:nth-child(4n+4) {
    animation-delay: .4s
}

.wow-group-5 .wow:nth-child(5n+1) {
    animation-delay: .1s
}

.wow-group-5 .wow:nth-child(5n+2) {
    animation-delay: .2s
}

.wow-group-5 .wow:nth-child(5n+3) {
    animation-delay: .3s
}

.wow-group-5 .wow:nth-child(5n+4) {
    animation-delay: .4s
}

.wow-group-5 .wow:nth-child(5n+5) {
    animation-delay: .5s
}

.wow-group-6 .wow:nth-child(6n+1) {
    animation-delay: .1s
}

.wow-group-6 .wow:nth-child(6n+2) {
    animation-delay: .2s
}

.wow-group-6 .wow:nth-child(6n+3) {
    animation-delay: .3s
}

.wow-group-6 .wow:nth-child(6n+4) {
    animation-delay: .4s
}

.wow-group-6 .wow:nth-child(6n+5) {
    animation-delay: .5s
}

.wow-group-6 .wow:nth-child(6n+6) {
    animation-delay: .6s
}

@media(max-width: 1199.98px) {
    .xl\:wow-group-5 .wow:nth-child(5n+1) {
        animation-delay:.1s
    }

    .xl\:wow-group-5 .wow:nth-child(5n+2) {
        animation-delay: .2s
    }

    .xl\:wow-group-5 .wow:nth-child(5n+3) {
        animation-delay: .3s
    }

    .xl\:wow-group-5 .wow:nth-child(5n+4) {
        animation-delay: .4s
    }

    .xl\:wow-group-5 .wow:nth-child(5n+5) {
        animation-delay: .5s
    }
}

@media(max-width: 991.98px) {
    .lg\:wow-group-4 .wow:nth-child(4n+1) {
        animation-delay:.1s
    }

    .lg\:wow-group-4 .wow:nth-child(4n+2) {
        animation-delay: .2s
    }

    .lg\:wow-group-4 .wow:nth-child(4n+3) {
        animation-delay: .3s
    }

    .lg\:wow-group-4 .wow:nth-child(4n+4) {
        animation-delay: .4s
    }
}

@media(max-width: 767.98px) {
    .md\:wow-group-3 .wow:nth-child(3n+1) {
        animation-delay:.1s
    }

    .md\:wow-group-3 .wow:nth-child(3n+2) {
        animation-delay: .2s
    }

    .md\:wow-group-3 .wow:nth-child(3n+3) {
        animation-delay: .3s
    }
}

@keyframes fadeInUp50 {
    0% {
        transform: translate3d(0,50px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInUp-50 {
    animation-name: fadeInUp50;
    opacity: 0
}

@keyframes fadeInUp100 {
    0% {
        transform: translate3d(0,100px,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInUp-100 {
    animation-name: fadeInUp100;
    opacity: 0
}

@keyframes fadeInUp30Percent {
    0% {
        transform: translate3d(0,30%,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInUp-30_percent {
    animation-name: fadeInUp30Percent;
    opacity: 0
}

@keyframes fadeInUp50Percent {
    0% {
        transform: translate3d(0,50%,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInUp-50_percent {
    animation-name: fadeInUp50Percent;
    opacity: 0
}

@keyframes fadeInLeft30 {
    0% {
        transform: translate3d(-30px,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInLeft-30 {
    animation-name: fadeInLeft30;
    opacity: 0
}

@keyframes fadeInLeft50 {
    0% {
        transform: translate3d(-50px,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInLeft-50 {
    animation-name: fadeInLeft50;
    opacity: 0
}

@keyframes fadeInLeft30Percent {
    0% {
        transform: translate3d(-30%,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInLeft-30_percent {
    animation-name: fadeInLeft;
    opacity: 0
}

@keyframes fadeInLeft50Percent {
    0% {
        transform: translate3d(-50%,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInLeft-50_percent {
    animation-name: fadeInLeft;
    opacity: 0
}

@keyframes fadeInRight30 {
    0% {
        transform: translate3d(30px,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRight-30 {
    animation-name: fadeInRight30;
    opacity: 0
}

@keyframes fadeInRight50 {
    0% {
        transform: translate3d(50px,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRight-50 {
    animation-name: fadeInRight50;
    opacity: 0
}

@keyframes fadeInRight10Percent {
    0% {
        transform: translate3d(10%,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRight-10_percent {
    animation-name: fadeInRight10Percent;
    opacity: 0
}

@keyframes fadeInRight30Percent {
    0% {
        transform: translate3d(30%,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRight-30_percent {
    animation-name: fadeInRight30Percent;
    opacity: 0
}

@keyframes fadeInRight50Percent {
    0% {
        transform: translate3d(50%,0,0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRight-50_percent {
    animation-name: fadeInRight50Percent;
    opacity: 0
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn;
    opacity: 0
}

@keyframes zoomIn {
    0% {
        transform: scale3d(.8,.8,.8);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn;
    opacity: 0
}

@keyframes zoomIn2 {
    0% {
        transform: scale3d(.8,.8,.8)
    }
}

.animate__zoomIn2 {
    animation-name: zoomIn2
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body {
    width: 100%
}

.m-site-nav {
    --size-subnav-height: 0px;
    --transition: 0.26s ease;
    position: fixed;
    z-index: var(--z-index-site-nav);
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    transition: background-color var(--transition)
}

.m-site-nav .m-container--inner {
    display: flex;
    height: var(--size-nav-height);
    transition: height var(--transition);
    align-items: center
}

.m-site-nav .m-body {
    flex: 0 0 auto;
    width: 100%;
    align-items: center;
    grid-template-columns: 350px 1fr 350px
}

.m-site-nav .m-body>.state-pos--right {
    position: relative;
    z-index: 30;
    justify-self: flex-end
}

.m-site-nav .m-logo {
    --u-width: 264;
    --u-height: 66;
    position: relative;
    overflow: hidden;
    display: block;
    flex: 0 0 auto;
    width: 264px;
    transition: width var(--transition)
}

.m-site-nav .m-logo>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .m-site-nav .m-logo>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .m-site-nav .m-logo>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.m-site-nav .m-logo:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.m-site-nav .m-logo .state--theme-color {
    z-index: 20;
    transition: var(--transition);
    opacity: 0
}

.m-site-nav .m-logo .state--theme-white {
    transition: .36s ease;
    opacity: 1
}

.m-site-nav .c-oper--wrapper {
    transition: color var(--transition);
    color: #fff
}

.m-site-nav .c-oper--wrapper .ic-box {
    height: 40px;
    width: 40px;
    font-size: 18px
}

.m-site-nav .c-oper--wrapper .divide-line {
    width: 2px;
    height: 10px;
    margin: 0 8px;
    opacity: .4;
    background-color: currentColor
}

.m-site-nav .c-oper--wrapper .btn--lang-switch {
    display: none;
    padding: 0 12px
}

.m-site-nav .c-oper--wrapper .btn--lang-switch .ic {
    font-size: 18px;
    margin-right: 10px
}

.m-site-nav .c-oper--wrapper .btn--lang-switch .text {
    font-size: 15px;
    font-weight: 600;
    line-height: normal
}

.m-site-nav .c-oper--wrapper .btn--contact-link {
    margin-left: 34px;
    padding: 6px;
    padding-left: 18px;
    border-radius: 100px;
    background-color: #fff
}

.m-site-nav .c-oper--wrapper .btn--contact-link .text {
    line-height: 1.26;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    color: rgba(18,25,38,.9)
}

.m-site-nav .c-oper--wrapper .btn--contact-link .text:after,.m-site-nav .c-oper--wrapper .btn--contact-link .text:before {
    display: table;
    content: ""
}

.m-site-nav .c-oper--wrapper .btn--contact-link .text:before {
    margin-bottom: -.293em
}

.m-site-nav .c-oper--wrapper .btn--contact-link .text:after {
    margin-top: -.222em
}

.m-site-nav .c-oper--wrapper .btn--contact-link .ic-box {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-left: 16px;
    color: #fff;
    background-image: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%)
}

.m-site-nav .nav-item {
    margin-right: 50px
}

.m-site-nav .nav-item:last-child {
    margin-right: 0
}

.m-site-nav .nav-item[data-type=product] .nav-sub-list {
    grid-template-columns: repeat(3,1fr) auto
}

.m-site-nav .nav-item[data-type=product] .nav-sub-group .nav-sub-item {
    border-right: 1px solid #e8e8ea;
    background: #fff
}

.m-site-nav .nav-item[data-type=product] .nav-sub-group .nav-sub-item .nav-thumb {
    --u-width: 789;
    --u-height: 665;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 218px
}

.m-site-nav .nav-item[data-type=product] .nav-sub-group .nav-sub-item .nav-thumb>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .m-site-nav .nav-item[data-type=product] .nav-sub-group .nav-sub-item .nav-thumb>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .m-site-nav .nav-item[data-type=product] .nav-sub-group .nav-sub-item .nav-thumb>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.m-site-nav .nav-item[data-type=product] .nav-sub-group .nav-sub-item .nav-thumb:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.m-site-nav .nav-item .nav-item--inner {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding: 10px 0;
    transition: var(--transition);
    color: #fff
}

.m-site-nav .nav-item .nav-item--inner.js-is-last-hover~.nav-sub-group {
    z-index: 1
}

.m-site-nav .nav-item .nav-item--inner:hover:after,.m-site-nav .nav-item .nav-item--inner[data-active]:after {
    visibility: visible;
    width: 21px;
    opacity: 1
}

.m-site-nav .nav-item .nav-item--inner:after {
    position: absolute;
    top: 100%;
    left: 50%;
    visibility: hidden;
    width: 0;
    height: 3px;
    content: "";
    transition: .26s ease;
    transition-property: width,opacity,visibility;
    transform: translate(-50%);
    opacity: 0;
    border-radius: 100px;
    background-color: currentColor
}

.m-site-nav .nav-sub-group {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: calc(var(--size-nav-height) + var(--size-subnav-height));
    opacity: 0;
    background-color: #fff
}

.m-site-nav .nav-sub-group .btn--more {
    padding: 0 40px
}

.m-site-nav .nav-sub-group .btn--more .ic-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    margin-right: 3px;
    transition: .26s ease;
    background-color: rgba(18,25,38,.6)
}

.m-site-nav .nav-sub-group .btn--more .ic-dot:last-child {
    margin-right: 0
}

.m-site-nav .nav-sub-group .btn--more:hover .ic-dot {
    background-color: rgba(18,25,38,.9)
}

.m-site-nav .nav-sub-group .area-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 27px;
    color: rgba(18,25,38,.6)
}

.m-site-nav .nav-sub-group .nav-category {
    font-size: 14px;
    font-weight: 600;
    display: grid;
    color: rgba(18,25,38,.9);
    gap: 16px
}

.m-site-nav .nav-sub-group .nav-category-item {
    padding: 10px;
    padding-left: 0;
    cursor: pointer
}

.m-site-nav .nav-sub-group .nav-category-item[data-hover=true] .nav-category-item--inner {
    color: #fff
}

.m-site-nav .nav-sub-group .nav-category-item--inner {
    transition: .16s ease;
    color: #70e28a
}

.m-site-nav .nav-sub-group .nav-sub-group--inner {
    --size-container-width: var(--size-container-width--regular);
    margin-top: var(--size-nav-height);
    padding-top: 45px;
    padding-bottom: 80px;
    grid-template-columns: 400px 1fr
}

.m-site-nav .nav-sub-group .nav-sub-list {
    position: relative;
    display: grid;
    padding-bottom: 30px;
    transition: margin-top .26s ease;
    background-color: #fff;
    gap: 32px;
    grid-template-columns: repeat(3,1fr)
}

.m-site-nav .nav-sub-group .nav-sub-list~.nav-sub-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.m-site-nav .nav-sub-group .nav-sub-item {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.9)
}

.m-site-nav .nav-sub-group .nav-sub-item .text {
    max-width: 220px;
    transition: .16s ease
}

.m-site-nav .nav-sub-group .nav-sub-item .nav-thumb {
    --u-width: 635;
    --u-height: 352;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    transition: .36s ease;
    border-radius: 14px
}

.m-site-nav .nav-sub-group .nav-sub-item .nav-thumb>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .m-site-nav .nav-sub-group .nav-sub-item .nav-thumb>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .m-site-nav .nav-sub-group .nav-sub-item .nav-thumb>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.m-site-nav .nav-sub-group .nav-sub-item .nav-thumb:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.m-site-nav .nav-sub-group .nav-sub-item .nav-thumb img {
    transition: .36s ease
}

.m-site-nav .nav-sub-group .nav-sub-item:hover .nav-thumb img {
    transform: scale(1.05)
}

@supports((-webkit-background-clip: text) or (background-clip:text)) and (-webkit-text-fill-color:transparent) {
    .m-site-nav .nav-sub-group .nav-category-item[data-active] .nav-category-item--inner,.m-site-nav .nav-sub-group .nav-category-item[data-hover=true] .nav-category-item--inner {
        color:transparent
    }

    .m-site-nav .nav-sub-group .nav-category-item--inner {
        transition: color .26s ease;
        color: rgba(18,25,38,.9);
        background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
        -webkit-background-clip: text;
        background-clip: text
    }

    .m-site-nav .nav-sub-group .nav-sub-item:hover .text,.m-site-nav .nav-sub-group .nav-sub-item[data-active] .text {
        color: transparent
    }

    .m-site-nav .nav-sub-group .nav-sub-item .text {
        transition: color .26s ease;
        color: rgba(18,25,38,.9);
        background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
        -webkit-background-clip: text;
        background-clip: text
    }
}

.m-site-nav .nav-item:hover .nav-sub-group--mini {
    visibility: visible;
    opacity: 1
}

.m-site-nav .nav-sub-group--mini {
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    visibility: hidden;
    width: 180px;
    padding: 27px 30px;
    transition: .36s ease,transform 0s ease;
    transform: translateX(calc(var(--js-width)/2 - 90px)) translateY(10px);
    opacity: 0;
    border-radius: 19px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.06)
}

.m-site-nav .nav-sub-group--mini:after {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    content: ""
}

.m-site-nav .nav-sub-group--mini-link {
    display: block;
    padding: 13px 0;
    transition: .26s ease;
    color: rgba(18,25,38,.6)
}

.m-site-nav .nav-sub-group--mini-link:hover,.m-site-nav .nav-sub-group--mini-link[data-active] {
    color: #121926
}

.g-body[data-subnav-open=true],.m-site-nav[data-theme=dark],body[data-has-scroll="1"] .m-site-nav {
    --transition: 0.46s ease
}

.g-body[data-subnav-open=true] .m-logo .state--theme-color,.m-site-nav[data-theme=dark] .m-logo .state--theme-color,body[data-has-scroll="1"] .m-site-nav .m-logo .state--theme-color {
    opacity: 1
}

.g-body[data-subnav-open=true] .nav-item .nav-item--inner,.m-site-nav[data-theme=dark] .nav-item .nav-item--inner,body[data-has-scroll="1"] .m-site-nav .nav-item .nav-item--inner {
    color: rgba(18,25,38,.6)
}

.g-body[data-subnav-open=true] .c-oper--wrapper,.g-body[data-subnav-open=true] .nav-item .nav-item--inner:hover,.g-body[data-subnav-open=true] .nav-item .nav-item--inner[data-active],.g-body[data-subnav-open=true] .nav-item .nav-item--inner[data-is-hover],.m-site-nav[data-theme=dark] .c-oper--wrapper,.m-site-nav[data-theme=dark] .nav-item .nav-item--inner:hover,.m-site-nav[data-theme=dark] .nav-item .nav-item--inner[data-active],.m-site-nav[data-theme=dark] .nav-item .nav-item--inner[data-is-hover],body[data-has-scroll="1"] .m-site-nav .c-oper--wrapper,body[data-has-scroll="1"] .m-site-nav .nav-item .nav-item--inner:hover,body[data-has-scroll="1"] .m-site-nav .nav-item .nav-item--inner[data-active],body[data-has-scroll="1"] .m-site-nav .nav-item .nav-item--inner[data-is-hover] {
    color: rgba(18,25,38,.9)
}

.g-body[data-subnav-open=true],body[data-has-scroll="1"] .m-site-nav {
    background-color: #fff
}

.m-site-nav[data-theme=dark] {
    border-bottom: 1px solid #e8e8ea
}

body[data-has-scroll="1"] .m-site-nav .m-logo {
    width: 220px
}

.g-body[data-subnav-open=true] .m-site-nav .nav-sub-group {
    transition: height .3s cubic-bezier(.4,0,.6,1)
}

.g-body[data-subnav-open=false] .m-site-nav .nav-sub-group {
    transition: height .2s cubic-bezier(.4,0,.6,1)
}

.u-nav-cover {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-end 80ms;
    opacity: 0;
    background: rgba(232,232,237,.4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.g-body[data-subnav-open=true] .u-nav-cover {
    visibility: visible;
    transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-start 80ms;
    opacity: 1
}

.m-mobile-site-nav {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    padding-top: 10px
}

.m-mobile-site-nav .u-wrapper--limit-width {
    --size-container-width: var(--size-container-width--regular)
}

.m-mobile-site-nav .m-container--inner {
    width: 100%;
    padding: 5px 0;
    transition: .36s ease;
    border-radius: 10px;
    box-shadow: 0 10px 20px transparent
}

.m-mobile-site-nav .m-logo {
    --u-width: 264;
    --u-height: 66;
    position: relative;
    overflow: hidden;
    display: block;
    flex: 0 0 auto;
    width: 120px;
    transition: width var(--transition)
}

.m-mobile-site-nav .m-logo>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .m-mobile-site-nav .m-logo>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .m-mobile-site-nav .m-logo>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.m-mobile-site-nav .m-logo:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.m-mobile-site-nav .m-logo .state--theme-color {
    z-index: 20;
    transition: var(--transition);
    opacity: 0
}

.m-mobile-site-nav .m-logo .state--theme-white {
    transition: .36s ease;
    opacity: 1
}

.m-mobile-site-nav .oper-list {
    --font-color: #fff;
    gap: 10px
}

.m-mobile-site-nav .btn--open-lang-panel {
    height: 40px;
    width: 40px;
    font-size: 24px;
    color: var(--font-color)
}

.m-mobile-site-nav .btn--open-fold-nav {
    height: 40px;
    width: 40px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.m-mobile-site-nav .btn--open-fold-nav .btn--inner {
    position: relative;
    width: 20px;
    height: 2px;
    pointer-events: none
}

.m-mobile-site-nav .btn--open-fold-nav:hover .line {
    background-position: 0
}

.m-mobile-site-nav .btn--open-fold-nav .line {
    --line-distance: 7px;
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .36s ease;
    transition-delay: calc(var(--delay, 0)*.1s);
    border-radius: 4px;
    background-color: var(--font-color);
    background-position: 100%;
    background-size: 200% 100%
}

.m-mobile-site-nav .btn--open-fold-nav .line:first-child {
    top: calc(var(--line-distance)*-1)
}

.m-mobile-site-nav .btn--open-fold-nav .line:nth-child(2) {
    width: 80%
}

.m-mobile-site-nav .btn--open-fold-nav .line:last-child {
    bottom: calc(var(--line-distance)*-1)
}

html.nav-fold-open .m-mobile-site-nav .m-container--inner {
    border-radius: 10px 10px 0 0
}

html.nav-fold-open .m-mobile-site-nav .btn--open-fold-nav .line:first-child {
    top: 0;
    transform: rotate(45deg)
}

html.nav-fold-open .m-mobile-site-nav .btn--open-fold-nav .line:nth-child(2) {
    opacity: 0
}

html.nav-fold-open .m-mobile-site-nav .btn--open-fold-nav .line:last-child {
    bottom: 0;
    width: 100%;
    transform: rotate(-45deg)
}

html.nav-fold-open .m-mobile-site-nav .m-mobile-site-nav-layer {
    visibility: visible;
    opacity: 1
}

body[data-has-scroll="1"] .m-mobile-site-nav .m-container--inner,html.nav-fold-open .m-mobile-site-nav .m-container--inner {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.06)
}

body[data-has-scroll="1"] .m-mobile-site-nav .m-logo .state--theme-color,html.nav-fold-open .m-mobile-site-nav .m-logo .state--theme-color {
    opacity: 1
}

body[data-has-scroll="1"] .m-mobile-site-nav .oper-list,html.nav-fold-open .m-mobile-site-nav .oper-list {
    --font-color: #121926
}

body .m-mobile-site-nav[data-theme=dark] .m-logo .state--theme-color {
    opacity: 1
}

body .m-mobile-site-nav[data-theme=dark] .oper-list {
    --font-color: #121926
}

.m-mobile-site-nav-layer {
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    max-height: calc(var(--safe-screen-h)*100 - 100px);
    padding-top: var(--size-mobile-nav-height);
    padding-bottom: calc(var(--safe-area-inset-bottom) + 50px);
    transition: .26s ease;
    opacity: 0
}

.m-mobile-site-nav-layer .nav-list-group {
    overflow: auto;
    height: 100%;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.06)
}

.m-mobile-site-nav-layer .nav-item {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.75em;
    transition: .36s ease;
    color: rgba(18,25,38,.6)
}

.m-mobile-site-nav-layer .nav-item[data-state-open=true] {
    color: #121926
}

.m-mobile-site-nav-layer .nav-item[data-state-open=true] .nav-sub-group {
    height: auto
}

.m-mobile-site-nav-layer .nav-item[data-state-open=true] .nav-item--inner .ic {
    transform: rotate(180deg)
}

.m-mobile-site-nav-layer .nav-item--inner {
    padding: 13px 0
}

.m-mobile-site-nav-layer .nav-item--inner .ic {
    font-size: 20px;
    display: inline-flex;
    transition: .36s ease;
    transform: rotate(-90deg)
}

.m-mobile-site-nav-layer .nav-item--inner[data-active] {
    color: #121926
}

.m-mobile-site-nav-layer .nav-item--inner[data-active] .ic {
    transform: rotate(0deg)
}

.m-mobile-site-nav-layer .nav-sub-group {
    overflow: hidden;
    height: 0;
    border-radius: 10px;
    background: #f6f6f6
}

.m-mobile-site-nav-layer .nav-sub-group .nav-sub-group--inner {
    padding: 10px 20px;
    gap: 16px
}

.m-mobile-site-nav-layer .nav-sub-group .nav-sub-group--mini-link {
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 10px 0;
    color: #121926
}

.m-contact {
    position: relative;
    z-index: 50;
    overflow: hidden;
    color: #fff;
    background-color: #fff
}

.m-contact .module-inner {
    border-radius: 160px 0 0;
    background: linear-gradient(149deg,#00bcff 28.69%,#8ffca8 103.03%)
}

.m-contact .m-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.m-contact .m-bg .bg-inner {
    --u-width: 1681;
    --u-height: 801;
    position: relative;
    overflow: hidden;
    width: 840px;
    margin-right: -18px;
    margin-bottom: -240px;
    background-size: cover
}

.m-contact .m-bg .bg-inner:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.m-contact .m-bg .lighter-dot--wrapper-1 {
    position: absolute;
    top: 45%;
    right: 24.285714%;
    width: 0;
    height: 0
}

.m-contact .m-bg .lighter-dot--wrapper-2 {
    position: absolute;
    top: 33.4%;
    right: 48.785714%;
    width: 0;
    height: 0
}

.m-contact .m-bg .lighter-dot--wrapper-0 {
    position: absolute;
    top: 82%;
    right: 20%;
    width: 0;
    height: 0
}

.m-contact .m-body {
    position: relative;
    z-index: 20;
    padding-top: 150px;
    padding-bottom: 150px
}

.m-contact .m-body>.state--pos-left {
    width: 870px
}

.m-contact .m-body .group-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 46px
}

.m-contact .m-body .group-body {
    gap: 26px
}

.m-contact .m-body .nav-item {
    font-size: 14px;
    font-weight: 500;
    min-width: 0;
    max-width: 234px;
    transition: .26s ease;
    color: hsla(0,0%,100%,.7)
}

.m-contact .m-body .nav-item:hover {
    color: #fff
}

.m-contact .m-body .social-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 35px;
    white-space: nowrap
}

.m-contact .m-body .social-list {
    gap: 20px
}

.m-contact .m-body .contact-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 240%;
    margin-bottom: 20px
}

.m-contact .m-body .social-item {
    font-size: 24px
}

.m-contact .m-footer {
    font-size: 12px;
    font-weight: 500
}

.m-contact .m-footer .author {
    color: hsla(0,0%,100%,.7)
}

.m-contact .m-footer .ic {
    font-size: 24px
}

.m-contact .m-footer .m-inner {
    padding: 36px 0 34px;
    border-top: 1px solid hsla(0,0%,100%,.4);
    gap: 30px;
    grid-template-columns: auto minmax(0,1fr) auto
}

.m-contact .m-footer .btn--lang-switch {
    font-size: 13px;
    font-weight: 600;
    display: none;
    margin-left: auto;
    letter-spacing: -.02em
}

.m-contact .m-footer .btn--lang-switch .ic {
    margin-right: 10px
}

.m-contact .m-footer .link-privacy-policy {
    margin-left: auto
}

.m-contact .m-footer .link-privacy-policy a {
    text-decoration: underline
}

@keyframes btnHoverIcoAnimate {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.u-module-btn {
    font-size: 18px;
    font-weight: 700;
    padding: 8px 9px;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.9);
    border: 2px solid #e8e8ea;
    border-radius: 35px
}

.u-module-btn .btn--inner {
    padding-left: 30px
}

.u-module-btn .text {
    line-height: 1.26
}

.u-module-btn .text:after,.u-module-btn .text:before {
    display: table;
    content: ""
}

.u-module-btn .text:before {
    margin-bottom: -.293em
}

.u-module-btn .text:after {
    margin-top: -.222em
}

.u-module-btn .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-left: 18px;
    border-radius: 50px;
    background: #f2f7fb
}

.u-module-btn .icon-box .icon-box--after,.u-module-btn .icon-box .icon-box--before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.u-module-btn .icon-box .icon-box--after {
    left: -100%
}

.u-module-btn:hover .icon-box .icon-box--after,.u-module-btn:hover .icon-box .icon-box--before {
    animation: btnHoverIcoAnimate .6s ease
}

.u-module-btn[data-theme=no-line] {
    border-color: transparent
}

.u-module-btn[data-theme=white] {
    color: #fff
}

.u-module-btn[data-theme=white] .icon-box {
    color: #121926
}

.u-module-btn[data-theme=color] {
    position: relative;
    overflow: hidden;
    transition: .26s ease
}

.u-module-btn[data-theme=color]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    opacity: 0;
    background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%)
}

.u-module-btn[data-theme=color] .text {
    position: relative;
    z-index: 20
}

.u-module-btn[data-theme=color] .icon-box {
    position: relative;
    z-index: 20;
    transition: .26s ease
}

.u-module-btn[data-theme=color]:hover {
    color: #fff;
    border-color: #fff
}

.u-module-btn[data-theme=color]:hover:after {
    opacity: 1
}

.u-module-btn[data-theme=color]:hover .icon-box {
    color: #2c2c2c;
    background-color: #fff
}

@supports((-webkit-background-clip: text) or (background-clip:text)) and (-webkit-text-fill-color:transparent) {
    .u-linear-gradient-text {
        color:transparent;
        background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
        -webkit-background-clip: text;
        background-clip: text
    }
}

.layer--lang-switch {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,.3)
}

.layer--lang-switch .panel--lang-switch {
    font-size: 20px;
    position: relative;
    width: 787px;
    padding: 52px 62px 62px;
    border-radius: 19px;
    background: #fff
}

.layer--lang-switch .panel--lang-switch .btn--panel-close {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 14px;
    right: 20px;
    transition: .26s ease;
    color: rgba(18,25,38,.6)
}

.layer--lang-switch .panel--lang-switch .btn--panel-close:hover {
    color: #121926
}

.layer--lang-switch .panel-head {
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e8ea
}

.layer--lang-switch .panel-title {
    line-height: 1.3888888889;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #121926
}

.layer--lang-switch .panel-title:after,.layer--lang-switch .panel-title:before {
    display: table;
    content: ""
}

.layer--lang-switch .panel-title:before {
    margin-bottom: -.35744em
}

.layer--lang-switch .panel-title:after {
    margin-top: -.28644em
}

.layer--lang-switch .panel-body {
    padding-top: 40px;
    gap: 24px 15px
}

.layer--lang-switch .lang-item {
    padding: 10px;
    text-align: center;
    border-radius: 100px
}

.layer--lang-switch .lang-item .text {
    line-height: 1.4;
    font-size: 15px;
    font-weight: 500;
    transition: .26s ease;
    color: rgba(18,25,38,.6)
}

.layer--lang-switch .lang-item .text:after,.layer--lang-switch .lang-item .text:before {
    display: table;
    content: ""
}

.layer--lang-switch .lang-item .text:before {
    margin-bottom: -.363em
}

.layer--lang-switch .lang-item .text:after {
    margin-top: -.292em
}

.layer--lang-switch .lang-item:hover .text {
    color: #121926
}

.layer--lang-switch .lang-item[data-active] {
    background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%)
}

.layer--lang-switch .lang-item[data-active] .text {
    color: #fff
}

@keyframes animationSignal {
    0% {
        transform: scale(0);
        opacity: 0
    }

    1% {
        opacity: .25
    }

    20% {
        opacity: .25
    }

    60% {
        transform: scale(1);
        opacity: 0
    }
}

.lighter-dot--wrapper {
    --dot-size: 6px
}

.lighter-dot--wrapper .animated-dot {
    position: relative;
    top: calc(var(--dot-size)*-1/2);
    left: calc(var(--dot-size)*-1/2);
    width: var(--dot-size);
    height: var(--dot-size)
}

.lighter-dot--wrapper .animated-dot:after {
    width: calc(var(--dot-size)/2);
    height: calc(var(--dot-size)/2);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    z-index: 20;
    content: "";
    background-color: #fff
}

.lighter-dot--wrapper .animated-dot .middle-dot,.lighter-dot--wrapper .animated-dot .signal,.lighter-dot--wrapper .animated-dot .signal2 {
    position: absolute;
    top: calc(50% - var(--size)/2);
    left: calc(50% - var(--size)/2);
    width: var(--size);
    height: var(--size);
    background-color: #fff
}

.lighter-dot--wrapper .animated-dot .middle-dot {
    --size: var(--dot-size);
    position: absolute;
    border-radius: 30px
}

.lighter-dot--wrapper .animated-dot .signal,.lighter-dot--wrapper .animated-dot .signal2 {
    --size: calc(var(--dot-size)*16);
    transform-origin: 50% 50%;
    animation: animationSignal 2s cubic-bezier(0,.55,.55,1);
    animation-iteration-count: infinite;
    pointer-events: none;
    opacity: 0;
    border-radius: 2000px;
    animation-fill-mode: forwards
}

.lighter-dot--wrapper .animated-dot .signal {
    animation-delay: .78s
}

.lighter-dot--wrapper .animated-dot .signal2 {
    animation-delay: 1s
}

.u-load-more {
    margin-top: 90px
}

.u-load-more .load-more--inner {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 10px 10px 30px;
    letter-spacing: -.02em;
    color: #121926;
    border-radius: 45px;
    background: #fff;
    box-shadow: 0 2.571px 5.143px -2.571px rgba(0,0,0,.1)
}

.u-load-more .ic-box {
    margin-left: 14px;
    animation: rotate 2s linear infinite
}

.u-module-category {
    --size-category-hover-top: 0;
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--size-nav-mini-height) + 50px);
    width: 422px;
    padding: 6px 26px
}

.u-module-category .category-item {
    line-height: 1.1111111111;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 12px 0;
    transition: .36s ease;
    color: rgba(18,25,38,.6)
}

.u-module-category .category-item:after,.u-module-category .category-item:before {
    display: table;
    content: ""
}

.u-module-category .category-item:before {
    margin-bottom: -.21856em
}

.u-module-category .category-item:after {
    margin-top: -.14756em
}

.u-module-category .category-item:last-child {
    margin: 0
}

.u-module-category .category-item:hover,.u-module-category .category-item[data-active] {
    color: #121926
}

.u-module-category .progress-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: #e8e8ea
}

.u-module-category .progress-bar--inner {
    position: absolute;
    top: calc(var(--size-category-hover-top)*1px + 9px);
    left: -2px;
    width: 6px;
    height: 20px;
    border-radius: 100px;
    background-image: linear-gradient(180deg,#17c2ff,#84ffa0)
}

.u-tab-group .btn--tab-left,.u-tab-group .btn--tab-right {
    cursor: pointer
}

.u-tab-group .btn--tab-left:hover .ic-box,.u-tab-group .btn--tab-right:hover .ic-box {
    color: #fff
}

.u-tab-group .btn--tab-left:hover .ic-box:before,.u-tab-group .btn--tab-right:hover .ic-box:before {
    opacity: 0
}

.u-tab-group .btn--tab-left:hover .ic-box:after,.u-tab-group .btn--tab-right:hover .ic-box:after {
    opacity: 1
}

.u-tab-group .btn--tab-left {
    margin-right: 24px
}

.u-tab-group .ic-box {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 22px;
    position: relative;
    transition: .26s ease
}

.u-tab-group .ic-box:before {
    border: 2px solid rgba(18,25,38,.1);
    border-radius: 1000px
}

.u-tab-group .ic-box:after,.u-tab-group .ic-box:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease
}

.u-tab-group .ic-box:after {
    opacity: 0;
    border-radius: 50px;
    background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.u-tab-group .ic-box .ic {
    position: relative;
    z-index: 10
}

.u-relate-group .group-head {
    margin-bottom: 64px
}

.u-relate-group .group-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #121926
}

.u-relate-group .group-subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 30px;
    letter-spacing: -.03em;
    color: rgba(18,25,38,.6)
}

.u-relate-group .swiper-slide {
    width: 33.333%
}

.u-relate-group .m-item {
    display: block;
    padding: 40px 56px;
    border-radius: 40px;
    background-color: #f6f6f6
}

.u-relate-group .m-item .item-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.02em;
    color: #121926
}

.u-relate-group .m-item .item-thumb-box img {
    transition: .36s ease
}

.u-relate-group .m-item:hover .item-thumb-box img {
    transform: scale(1.04)
}

.u-relate-group .c-swiper-controller {
    position: absolute;
    z-index: 100;
    top: 50%;
    width: 100%
}

.u-relate-group .u-tab-group {
    height: 0
}

.u-relate-group .c-swiper-propagation {
    margin-top: 20px;
    justify-content: center
}

.u-relate-group .c-propagation-item {
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    transition: .26s ease;
    border-radius: 100px;
    background-color: hsla(0,0%,61%,.5)
}

.u-relate-group .c-propagation-item.active {
    width: 28px
}

.u-relate-group .c-propagation-item.active .propagation-item-inner {
    opacity: 1
}

.u-relate-group .c-propagation-item:last-child {
    margin-right: 0
}

.u-relate-group .c-propagation-item .propagation-item-inner {
    width: calc(var(--delay-progress)*100%);
    height: 100%;
    opacity: 0;
    border-radius: 100px;
    background-color: #9c9c9c
}

@media(max-width: 1679.98px) {
    .m-contact .m-body>.state--pos-left {
        width:830px
    }
}

@media(max-width: 1559.98px) {
    .m-site-nav .m-logo {
        width:244px
    }

    .m-site-nav .nav-sub-group .nav-sub-group--inner {
        grid-template-columns: 300px 1fr
    }

    .m-contact .m-body .group-title {
        margin-bottom: 36px
    }

    .m-contact .m-body>.state--pos-left {
        width: 750px
    }

    .m-contact .m-body {
        padding-top: 120px;
        padding-bottom: 110px
    }

    .m-contact .module-inner {
        border-radius: 110px 0 0
    }

    .m-contact .m-body .group-body {
        gap: 20px
    }

    .m-contact .m-footer .m-inner {
        padding: 26px 0 24px
    }

    .u-relate-group .group-title {
        font-size: 56px
    }

    .m-contact .m-body .contact-info .value {
        max-width: 320px
    }
}

@media(max-width: 1439.98px) {
    .m-site-nav .nav-item {
        margin-right:40px
    }

    .m-site-nav .m-body {
        grid-template-columns: 300px 1fr 300px
    }

    .m-site-nav .m-logo {
        width: 234px
    }

    .m-site-nav .c-oper--wrapper .btn--contact-link {
        margin-left: 24px
    }

    .m-site-nav .nav-sub-group .nav-category {
        gap: 10px
    }

    .u-module-btn .icon-box {
        width: 40px;
        height: 40px
    }

    .u-module-btn .btn--inner {
        padding-left: 20px
    }

    .m-contact .m-body>.state--pos-left {
        width: 720px
    }

    .m-contact .m-bg .bg-inner {
        margin-bottom: -160px
    }

    .u-module-category .category-item {
        font-size: 16px;
        margin-bottom: 12px
    }

    .u-module-category .category-item:last-child {
        margin-bottom: 0
    }

    .u-module-category {
        width: 322px
    }

    .u-relate-group .group-title {
        font-size: 52px
    }

    .u-relate-group .m-item {
        border-radius: 30px
    }
}

@media(max-width: 767.98px) {
    .m-site-nav {
        display:none
    }

    .m-contact .m-body,.m-mobile-site-nav {
        display: block
    }

    .m-contact .m-body>.state--pos-left {
        display: grid;
        margin-bottom: 60px;
        gap: 64px;
        grid-template-columns: 1fr
    }

    .m-contact .m-body .group-title {
        margin-bottom: 46px
    }

    .m-contact .m-bg {
        display: none
    }

    .m-contact .m-footer .m-inner {
        font-size: 14px;
        gap: 10px;
        grid-template-columns: 1fr
    }

    .m-contact .m-footer .m-inner .copyright {
        margin-bottom: 30px 10px
    }

    .m-contact .m-footer .link-privacy-policy {
        margin: 0;
        padding-bottom: 10px;
        order: 1
    }

    .m-contact .module-inner {
        border-radius: 80px 0 0;
        background: linear-gradient(102deg,#00bcff 28.69%,#8ffca8 103.03%)
    }

    .m-contact .m-footer .author {
        margin-left: 0;
        order: 3
    }

    .m-contact .m-footer .btn--lang-switch {
        font-size: 14px;
        margin: 0;
        margin-top: 36px;
        justify-content: flex-start
    }

    .u-module-btn {
        font-size: 12px;
        padding: 4px 5px
    }

    .u-module-btn .icon-box {
        width: 32px;
        height: 32px;
        margin-left: 8px
    }

    .u-module-btn .btn--inner {
        padding-left: 12px
    }

    .u-load-more {
        margin-top: 50px
    }

    .u-relate-group .m-item {
        border-radius: 26px
    }

    .u-relate-group .group-head {
        margin-bottom: 50px
    }

    .u-relate-group .group-title {
        font-size: 32px
    }

    .u-relate-group .state--pos-right,.u-relate-group .u-tab-group {
        display: none
    }

    .u-relate-group .c-swiper-propagation {
        display: flex
    }

    .layer--lang-switch .panel--lang-switch {
        width: 355px;
        padding: 40px 20px 50px
    }

    .layer--lang-switch .panel-body {
        grid-template-columns: repeat(2,1fr)
    }

    .u-tab-group .btn--tab-left {
        margin-right: 16px
    }

    .u-tab-group .ic-box {
        width: 54px;
        height: 54px
    }

    .u-category-group {
        position: relative;
        z-index: 10;
        display: block
    }

    .u-category-group.state--open .category-group-list,.u-category-group:hover .category-group-list {
        visibility: visible;
        opacity: 1
    }

    .u-category-group.state--open .category-group--bar .ic-box,.u-category-group:hover .category-group--bar .ic-box {
        transform: rotate(90deg)
    }

    .u-category-group:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ""
    }

    .u-category-group .category-sub-group,.u-category-group:after {
        border-radius: 10px;
        background: #f2f7fb
    }

    .u-category-group .category-sub-group--inner {
        display: grid;
        padding: 10px 20px;
        gap: 8px
    }

    .u-category-group .category-sub-group--item {
        font-size: 15px;
        font-weight: 600;
        display: block;
        padding: 10px 0;
        color: rgba(18,25,38,.6)
    }

    .u-category-group .category-sub-group--item:hover,.u-category-group .category-sub-group--item[data-active=true] {
        color: #121926
    }

    .u-category-group .category-group--bar {
        position: relative;
        z-index: 10;
        padding: 16px 20px;
        border-radius: 10px
    }

    .u-category-group .category-group--bar .ic-box {
        font-size: 22px;
        width: 26px;
        height: 26px;
        transition: .36s ease;
        transform: rotate(0deg)
    }

    .u-category-group .category-group--bar .category-group-item {
        font-size: 16px;
        display: block;
        overflow: hidden;
        flex: 0 0 auto;
        width: calc(100% - 26px);
        padding: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #121926
    }

    .u-category-group .category-group-item {
        padding: 11px 0;
        color: #666
    }

    .u-category-group .category-group-item:before {
        display: none
    }

    .u-category-group .category-group-list {
        font-size: 16px;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        padding: 0 20px 16px;
        padding-top: 74px;
        transition: .36s ease;
        opacity: 0;
        border-radius: 10px;
        background: #f2f7fb;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
    }

    .u-category-group .scroll-box {
        overflow: auto;
        max-height: 500px;
        gap: 12px
    }

    @supports((-webkit-background-clip: text) or (background-clip:text)) and (-webkit-text-fill-color:transparent) {
        .u-category-group .category-group-item[data-active] .category-group-item--inner,.u-category-group .category-group-item[data-hover=true] .category-group-item--inner {
            color:transparent
        }

        .u-category-group .category-group-item--inner {
            transition: color .26s ease;
            color: #666;
            background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
            -webkit-background-clip: text;
            background-clip: text
        }
    }
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-style: normal;
    src: url(/frontend/desktop/fonts/PlusJakartaSans-Medium.ttf) format("woff")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    font-style: normal;
    src: url(/frontend/desktop/fonts/PlusJakartaSans-SemiBold.ttf) format("woff")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-style: normal;
    src: url(/frontend/desktop/fonts/PlusJakartaSans-Bold.ttf) format("woff")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    font-style: normal;
    src: url(/frontend/desktop/fonts/PlusJakartaSans-ExtraBold.ttf) format("woff")
}

.site-flow-course {
    --curse-circle-color: #fff;
    --curse-circle-contrast-color: #fff;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: color .2s ease;
    pointer-events: none;
    opacity: 0;
    color: var(--curse-circle-contrast-color)
}

.site-flow-course[data-cursor-theme=dark] {
    --curse-circle-contrast-color: var(--color-vi)
}

.site-flow-course .flow-course--inner {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    --flow-dot-size: 94px;
    width: var(--flow-dot-size);
    height: var(--flow-dot-size)
}

.site-flow-course .course-circle {
    transition: transform .45s ease,opacity .3s ease,background .45s ease;
    transform: scale(.2);
    background: rgba(250,250,252,.3);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px)
}

.site-flow-course .course-circle,.site-flow-course .course-mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 50%
}

.site-flow-course .course-mark {
    font-size: 16px;
    z-index: 10;
    display: flex;
    transition: opacity .3s ease;
    align-items: center;
    justify-content: center
}

.site-flow-course .course-mark--drag {
    --flow-dot-arrow-space: 8px;
    color: var(--curse-circle-color)
}

.site-flow-course .course-mark--drag .mark--left,.site-flow-course .course-mark--drag .mark--right {
    width: 24px;
    height: 24px;
    transition: transform .2s ease,opacity .2s ease
}

.site-flow-course .course-mark--drag .mark--left svg,.site-flow-course .course-mark--drag .mark--right svg {
    width: 100%;
    height: 100%
}

.site-flow-course .course-mark--drag .mark--left {
    transform: translateX(calc(var(--flow-dot-arrow-space)*-1))
}

.site-flow-course .course-mark--drag .mark--right {
    transform: translateX(var(--flow-dot-arrow-space))
}

.site-flow-course[data-enter-type] .course-circle {
    transform: scale(1);
    opacity: 1
}

.site-flow-course[data-enter-type=drag] .course-mark--drag,.site-flow-course[data-enter-type=link] .course-mark--text,.site-flow-course[data-enter-type=play] .course-mark--text,.site-flow-course[data-enter-type=text] .course-mark--text {
    opacity: 1
}

.site-flow-course[page-pointerdown] {
    color: var(--curse-circle-color)
}

.site-flow-course[page-pointerdown][data-enter-type=drag] .course-circle {
    transform: scale(.15);
    background: #fff
}

.site-flow-course[page-pointerdown] .course-mark--drag .mark--left {
    transform: translateX(calc(var(--flow-dot-arrow-space)*-2))
}

.site-flow-course[page-pointerdown] .course-mark--drag .mark--right {
    transform: translateX(calc(var(--flow-dot-arrow-space)*2))
}

@keyframes btnHoverIcoDownAnimate {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.u-module-list-intro-banner {
    padding-top: calc(var(--size-nav-normal-height) + 103px)
}

.u-module-list-intro-banner .m-head {
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 38px;
    letter-spacing: -.02em;
    color: #121926
}

.u-module-list-intro-banner .m-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    max-width: 688px;
    letter-spacing: -.02em;
    color: #666
}

.u-module-list-intro-banner .m-body {
    padding-bottom: 99px;
    border-bottom: 2px solid #121926
}

.u-module-list-intro-banner .m-body .btn--scroll-down {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 22px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: color .26s ease;
    color: #121212;
    border: 2px solid rgba(18,25,38,.1);
    border-radius: 200px
}

.u-module-list-intro-banner .m-body .btn--scroll-down:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    opacity: 0;
    background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%)
}

.u-module-list-intro-banner .m-body .btn--scroll-down .icon-box--after,.u-module-list-intro-banner .m-body .btn--scroll-down .icon-box--before {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.u-module-list-intro-banner .m-body .btn--scroll-down .icon-box--after {
    top: -100%
}

.u-module-list-intro-banner .m-body .btn--scroll-down:hover {
    color: #fff;
    border-color: rgba(18,25,38,0)
}

.u-module-list-intro-banner .m-body .btn--scroll-down:hover:after {
    opacity: 1
}

.u-module-list-intro-banner .m-body .btn--scroll-down:hover .icon-box--after,.u-module-list-intro-banner .m-body .btn--scroll-down:hover .icon-box--before {
    animation: btnHoverIcoDownAnimate .6s ease
}

@media(max-width: 1439.98px) {
    .u-module-list-intro-banner {
        padding-top:calc(var(--size-nav-normal-height) + 80px)
    }

    .u-module-list-intro-banner .m-head {
        font-size: 56px
    }
}

@media(max-width: 767.98px) {
    .u-module-list-intro-banner {
        padding-top:110px
    }

    .u-module-list-intro-banner .m-head {
        font-size: 60px
    }

    .u-module-list-intro-banner .m-body {
        font-size: 16px;
        flex-direction: column-reverse;
        padding-bottom: 80px;
        align-items: flex-start
    }

    .u-module-list-intro-banner .m-body>.state--pos-left {
        margin-top: 70px
    }

    .u-module-list-intro-banner .m-desc {
        font-size: 16px
    }
}

.u-module-news .c-new-item,.u-module-relate-news .c-new-item {
    --draw-duration: 1s;
    --draw-line-height: 2px;
    position: relative;
    overflow: hidden;
    height: 470px;
    padding: 50px;
    border-radius: 20px;
    background: #f2f7fb
}

.u-module-news .c-new-item:hover .item-title span,.u-module-relate-news .c-new-item:hover .item-title span {
    background-position: 0 100%;
    background-size: 100% var(--draw-line-height)
}

.u-module-news .c-new-item .item-title span,.u-module-relate-news .c-new-item .item-title span {
    transition: background-size var(--draw-duration) cubic-bezier(.2,.75,.5,1);
    background-image: linear-gradient(90deg,currentColor 0,currentColor);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 var(--draw-line-height)
}

.u-module-news .c-new-item .item-thumb-box,.u-module-relate-news .c-new-item .item-thumb-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.u-module-news .c-new-item .item-thumb-box img,.u-module-relate-news .c-new-item .item-thumb-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.u-module-news .c-new-item .item-info-box,.u-module-relate-news .c-new-item .item-info-box {
    position: relative;
    z-index: 20;
    height: 100%
}

.u-module-news .c-new-item .item-tag,.u-module-relate-news .c-new-item .item-tag {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285714286em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 30px;
    padding: 5px 14px 5px 29px;
    transition: .26s ease;
    text-align: center;
    color: rgba(18,25,38,.9);
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 40px
}

.u-module-news .c-new-item .item-tag:after,.u-module-relate-news .c-new-item .item-tag:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 3px);
    left: 14px;
    content: "";
    opacity: .3;
    background-color: currentColor
}

.u-module-news .c-new-item .item-date-d,.u-module-relate-news .c-new-item .item-date-d {
    font-size: 44px;
    font-weight: 700;
    line-height: 100%
}

.u-module-news .c-new-item .item-date-y-m,.u-module-relate-news .c-new-item .item-date-y-m {
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
    opacity: .5
}

.u-module-news .c-new-item:not(:first-child) .item-bg,.u-module-relate-news .c-new-item .item-bg {
    --cover-opacity: 0;
    --bg-opacity: 1
}

.u-module-news .c-new-item:not(:first-child) .item-bg:before,.u-module-relate-news .c-new-item .item-bg:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .36s ease;
    opacity: var(--cover-opacity);
    background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.u-module-news .c-new-item:not(:first-child) .item-bg:after,.u-module-relate-news .c-new-item .item-bg:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .36s ease;
    opacity: var(--bg-opacity);
    background: var(--bg-img);
    background-size: cover
}

.u-module-news .c-new-item:not(:first-child) .item-title,.u-module-relate-news .c-new-item .item-title {
    max-height: 7em;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.4em;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    max-width: 410px;
    margin-bottom: auto;
    transition: .26s ease;
    color: #030507
}

.u-module-news .c-new-item:not(:first-child) .item-date,.u-module-relate-news .c-new-item .item-date {
    transition: .26s ease;
    color: rgba(18,25,38,.9)
}

.u-module-news .c-new-item:not(:first-child) .item-btn,.u-module-relate-news .c-new-item .item-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 10px;
    transition: .36s ease;
    transform: rotate(-60deg);
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 0 0 8px hsla(0,0%,100%,.1)
}

.u-module-news .c-new-item:not(:first-child) .item-btn .ic,.u-module-relate-news .c-new-item .item-btn .ic {
    font-size: 26px;
    color: transparent;
    background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
    -webkit-background-clip: text;
    background-clip: text
}

.u-module-news .c-new-item:hover:not(:first-child) .item-date,.u-module-news .c-new-item:hover:not(:first-child) .item-title,.u-module-relate-news .c-new-item:hover .item-date,.u-module-relate-news .c-new-item:hover .item-title {
    color: #fff
}

.u-module-news .c-new-item:hover:not(:first-child) .item-btn,.u-module-relate-news .c-new-item:hover .item-btn {
    transform: rotate(0deg);
    opacity: 1
}

.u-module-news .c-new-item:hover:not(:first-child) .item-bg,.u-module-relate-news .c-new-item:hover .item-bg {
    --cover-opacity: 1;
    --bg-opacity: 0.2
}

.u-module-news .c-new-item:hover:not(:first-child) .item-tag,.u-module-relate-news .c-new-item:hover .item-tag {
    border-color: #fff;
    background-color: #fff
}

.u-module-news .c-new-item:hover:not(:first-child) .item-tag:after,.u-module-relate-news .c-new-item:hover .item-tag:after {
    opacity: 1;
    background: linear-gradient(150deg,#00b3f2 20.21%,#70e28a 92.48%)
}

.u-module-news .m-head {
    margin-bottom: 75px
}

.u-module-news .m-title {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -.02em
}

.u-module-news .c-new-list {
    gap: 20px 15px;
    grid-template-columns: repeat(3,1fr)
}

.u-module-news .c-new-item .item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.u-module-news .c-new-item:nth-child(5n+1) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-04.png)
}

.u-module-news .c-new-item:nth-child(5n+2) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-01.png)
}

.u-module-news .c-new-item:nth-child(5n+3) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-02.png)
}

.u-module-news .c-new-item:nth-child(5n+4) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-03.png)
}

.u-module-news .c-new-item:nth-child(5n+5) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-04.png)
}

@media(min-width: 768px) {
    .u-module-news .c-new-item:first-child {
        overflow:hidden;
        border-top-left-radius: 160px;
        grid-column: span 2
    }

    .u-module-news .c-new-item:first-child .item-thumb-box {
        display: block
    }

    .u-module-news .c-new-item:first-child .item-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 140%;
        max-width: 650px;
        letter-spacing: -.02em;
        color: #fff
    }

    .u-module-news .c-new-item:first-child .item-date {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff
    }

    .u-module-news .c-new-item:first-child .item-date-y-m {
        opacity: 1
    }

    .u-module-news .c-new-item:first-child .item-tag {
        margin-top: auto;
        border-color: #fff;
        background-color: #fff
    }

    .u-module-news .c-new-item:first-child .item-tag:after {
        opacity: 1;
        background: linear-gradient(150deg,#00b3f2 20.21%,#70e28a 92.48%)
    }

    .u-module-news .c-new-item:first-child .item-btn {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        bottom: 10px;
        background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
        background-color: #fff;
        box-shadow: 0 0 0 7.8px hsla(0,0%,100%,.1)
    }

    .u-module-news .c-new-item:first-child .item-btn .ic {
        font-size: 26px;
        color: #fff
    }
}

.u-module-relate-news .m-head {
    margin-bottom: 75px
}

.u-module-relate-news .m-title {
    font-size: 76px;
    font-weight: 700;
    letter-spacing: -1.52px
}

.u-module-relate-news .c-new-list {
    gap: 20px 15px;
    grid-template-columns: repeat(3,1fr)
}

.u-module-relate-news .c-new-item {
    width: 33.333%
}

.u-module-relate-news .c-new-item .item-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.u-module-relate-news .c-new-item:nth-child(5n+1) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-04.png)
}

.u-module-relate-news .c-new-item:nth-child(5n+2) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-01.png)
}

.u-module-relate-news .c-new-item:nth-child(5n+3) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-02.png)
}

.u-module-relate-news .c-new-item:nth-child(5n+4) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-03.png)
}

.u-module-relate-news .c-new-item:nth-child(5n+5) .item-bg {
    --bg-img: url(/frontend/desktop/img/bg-04.png)
}

@media(max-width: 1679.98px) {
    .u-module-news .c-new-item,.u-module-relate-news .c-new-item {
        height:470px;
        padding: 50px 40px
    }

    .u-module-news .c-new-item:not(:first-child) .item-title,.u-module-relate-news .c-new-item .item-title {
        font-size: 24px
    }

    .u-module-news .c-new-item .item-tag,.u-module-relate-news .c-new-item .item-tag {
        margin-bottom: 20px
    }
}

@media(max-width: 1559.98px) {
    .u-module-news .c-new-item,.u-module-relate-news .c-new-item {
        height:470px
    }

    .u-module-news .c-new-item .item-date-d,.u-module-relate-news .c-new-item .item-date-d {
        font-size: 40px
    }

    .u-module-news .m-title {
        font-size: 56px
    }
}

@media(max-width: 1439.98px) {
    .u-module-news .c-new-item,.u-module-relate-news .c-new-item {
        height:440px
    }

    .u-module-news .c-new-item:not(:first-child) .item-title,.u-module-relate-news .c-new-item .item-title {
        font-size: 22px
    }

    .u-module-news .c-new-item:first-child .item-title {
        font-size: 26px;
        max-width: 550px
    }

    .u-module-news .m-title {
        font-size: 52px
    }

    .u-module-news .c-new-item .item-date-d,.u-module-relate-news .c-new-item .item-date-d {
        font-size: 38px
    }
}

@media(max-width: 767.98px) {
    .u-module-news .m-title {
        font-size:40px
    }

    .u-module-news .m-head {
        margin-bottom: 40px
    }

    .u-module-news .c-new-list {
        grid-template-columns: 1fr
    }

    .u-module-news .c-new-item:first-child .item-bg {
        --cover-opacity: 0;
        --bg-opacity: 1
    }

    .u-module-news .c-new-item:first-child .item-bg:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        transition: .36s ease;
        opacity: var(--cover-opacity);
        background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
    }

    .u-module-news .c-new-item:first-child .item-bg:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        transition: .36s ease;
        opacity: var(--bg-opacity);
        background: var(--bg-img);
        background-size: cover
    }

    .u-module-news .c-new-item:first-child .item-title {
        max-height: 7em;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        box-orient: vertical;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        line-height: 1.4em;
        font-size: 24px;
        font-weight: 700;
        line-height: 140%;
        max-width: 410px;
        margin-bottom: auto;
        transition: .26s ease;
        color: #030507
    }

    .u-module-news .c-new-item:first-child .item-date {
        transition: .26s ease;
        color: rgba(18,25,38,.9)
    }

    .u-module-news .c-new-item:first-child .item-btn {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        bottom: 10px;
        transition: .36s ease;
        transform: rotate(-60deg);
        opacity: 0;
        background-color: #fff;
        box-shadow: 0 0 0 8px hsla(0,0%,100%,.1)
    }

    .u-module-news .c-new-item:first-child .item-btn .ic {
        font-size: 26px;
        color: transparent;
        background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
        -webkit-background-clip: text;
        background-clip: text
    }

    .u-module-news .c-new-item:first-child:hover .item-date,.u-module-news .c-new-item:first-child:hover .item-title {
        color: #fff
    }

    .u-module-news .c-new-item:first-child:hover .item-btn {
        transform: rotate(0deg);
        opacity: 1
    }

    .u-module-news .c-new-item:first-child:hover .item-bg {
        --cover-opacity: 1;
        --bg-opacity: 0.2
    }

    .u-module-news .c-new-item:first-child:hover .item-tag {
        border-color: #fff;
        background-color: #fff
    }

    .u-module-news .c-new-item:first-child:hover .item-tag:after {
        opacity: 1;
        background: linear-gradient(150deg,#00b3f2 20.21%,#70e28a 92.48%)
    }

    .u-module-news .c-new-item:first-child .item-title {
        font-size: 20px;
        max-width: 100%
    }

    .u-module-news .c-new-item:not(:first-child) .item-title,.u-module-relate-news .c-new-item .item-title {
        font-size: 20px
    }

    .u-module-news .c-new-item,.u-module-relate-news .c-new-item {
        height: 370px;
        padding: 30px
    }

    .u-module-news .c-new-item .item-tag,.u-module-relate-news .c-new-item .item-tag {
        font-size: 10px;
        padding: 5px 14px 5px 25px;
        border-width: 1px
    }

    .u-module-news .c-new-item .item-tag:after,.u-module-relate-news .c-new-item .item-tag:after {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        top: calc(50% - 2px)
    }

    .u-module-news .c-new-item .item-date-d,.u-module-relate-news .c-new-item .item-date-d {
        font-size: 32px
    }

    .u-module-relate-news .c-new-item {
        width: 100%;
        margin-bottom: 20px
    }

    .u-module-relate-news .c-new-item:last-child {
        margin-bottom: 0
    }

    .u-module-news .c-new-item:first-child .item-btn,.u-module-news .c-new-item:not(:first-child) .item-btn,.u-module-relate-news .c-new-item .item-btn {
        width: 42px;
        height: 42px
    }

    .u-module-news .c-new-item:first-child .item-btn .ic,.u-module-news .c-new-item:not(:first-child) .item-btn .ic,.u-module-relate-news .c-new-item .item-btn .ic {
        font-size: 22px
    }
}

@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");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: initial
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.g-body[data-page-name=index] .m-page-banner .m-list .list-item {
    position: relative
}

.g-body[data-page-name=index] .m-page-banner .m-list .item-image {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=index] .m-page-banner .m-list .l-item-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 43px
}

.g-body[data-page-name=index] .m-page-banner .m-list .item-info {
    font-size: 58px;
    max-width: 11.2413793103em
}

.g-body[data-page-name=index] .m-page-banner .m-list .item-title {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: .775862069em;
    letter-spacing: -.03em;
    color: #fff
}

.g-body[data-page-name=index] .m-page-banner .m-list .item-btn {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 9px 10px 9px 30px;
    text-align: center;
    letter-spacing: -.02em;
    color: #fff;
    border: 2px solid hsla(0,0%,100%,.9);
    border-radius: 35px;
    align-items: center;
    justify-content: center
}

.g-body[data-page-name=index] .m-page-banner .m-list .item-btn .ic-box {
    height: 50px;
    width: 50px;
    font-size: 20px;
    line-height: 1;
    margin-left: 18px;
    color: rgba(18,25,38,.898);
    border-radius: 100px;
    background-color: #fff
}

.g-body[data-page-name=index] .m-page-banner .m-swiper {
    position: relative
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .l-swiper-controller {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: none
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-swiper-propagation {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 65px;
    pointer-events: all
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item {
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    transition: .26s ease;
    border-radius: 100px;
    background-color: #fff
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item.active {
    width: 34px;
    background-color: hsla(0,0%,100%,.5)
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item.active~.c-propagation-item {
    background-color: hsla(0,0%,100%,.5)
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item.active .propagation-item-inner {
    opacity: 1
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item:last-child {
    margin-right: 0
}

.g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item .propagation-item-inner {
    width: calc(var(--delay-progress)*100%);
    height: 100%;
    opacity: 0;
    border-radius: 100px;
    background-color: #fff
}

.g-body[data-page-name=index] .m-solution {
    position: relative;
    z-index: 20;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.g-body[data-page-name=index] .m-solution .item-img-box {
    height: calc(100vh - var(--size-nav-mini-height))
}

.g-body[data-page-name=index] .m-solution .item-img-box img,.g-body[data-page-name=index] .m-solution .item-img-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=index] .m-solution .m-list {
    position: relative;
    pointer-events: none
}

.g-body[data-page-name=index] .m-solution .m-list .layer--progress {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--size-nav-mini-height));
    pointer-events: none;
    opacity: 0
}

.g-body[data-page-name=index] .m-solution .m-list .progress-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 70vh;
    margin: auto 0;
    color: #fff;
    background-color: hsla(0,0%,69%,.36)
}

.g-body[data-page-name=index] .m-solution .m-list .progress-bar:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: -4;
    left: -3px;
    content: "";
    background-color: currentColor
}

.g-body[data-page-name=index] .m-solution .m-list .progress-bar--inner {
    position: absolute;
    top: 0;
    left: -1px;
    width: 4px;
    height: calc(var(--progress)*100%);
    border-radius: 100px;
    background-color: currentColor
}

.g-body[data-page-name=index] .m-solution .m-item {
    position: relative
}

.g-body[data-page-name=index] .m-solution .m-item .l--info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-bottom: 120px
}

.g-body[data-page-name=index] .m-solution .m-item .item-info-box {
    width: 100%;
    padding-left: 60px
}

.g-body[data-page-name=index] .m-solution .m-item .item-title {
    line-height: 1;
    font-size: 66px;
    font-weight: 700;
    max-width: 610px;
    margin-bottom: .6212121212em;
    letter-spacing: -.02em;
    pointer-events: all;
    color: #fff
}

.g-body[data-page-name=index] .m-solution .m-item .item-title:after,.g-body[data-page-name=index] .m-solution .m-item .item-title:before {
    display: table;
    content: ""
}

.g-body[data-page-name=index] .m-solution .m-item .item-title:before {
    margin-bottom: -.163em
}

.g-body[data-page-name=index] .m-solution .m-item .item-title:after {
    margin-top: -.092em
}

.g-body[data-page-name=index] .m-solution .m-item .item-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    max-width: 475px;
    color: #666
}

.g-body[data-page-name=index] .m-solution .m-item .u-module-btn .text {
    color: #fff
}

.g-body[data-page-name=index] .m-solution .m-item .item-link {
    pointer-events: all
}

.g-body[data-page-name=index] .m-about {
    position: relative;
    z-index: 20;
    padding-top: 130px;
    background-color: #fff
}

.g-body[data-page-name=index] .m-about .m-body>.state--pos-right {
    width: 540px;
    padding-bottom: 88px
}

.g-body[data-page-name=index] .m-about .m-title {
    line-height: 1;
    font-size: 76px;
    font-weight: 700;
    max-width: 620px;
    margin-bottom: 50px;
    letter-spacing: -.04em;
    color: rgba(18,25,38,.9)
}

.g-body[data-page-name=index] .m-about .m-title:after,.g-body[data-page-name=index] .m-about .m-title:before {
    display: table;
    content: ""
}

.g-body[data-page-name=index] .m-about .m-title:before {
    margin-bottom: -.163em
}

.g-body[data-page-name=index] .m-about .m-title:after {
    margin-top: -.092em
}

.g-body[data-page-name=index] .m-about .m-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    max-width: 690px;
    margin-bottom: 64px;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=index] .m-about .m-decoration {
    width: 554px;
    margin-bottom: 90px;
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)
}

.g-body[data-page-name=index] .m-about .m-decoration .decoration-group {
    display: block;
    flex: 0 0 auto;
    white-space: nowrap
}

.g-body[data-page-name=index] .m-about .m-decoration .img-box {
    display: inline-block;
    max-width: 100%;
    height: 56px
}

.g-body[data-page-name=index] .m-about .m-decoration .img-box img {
    height: 100%
}

.g-body[data-page-name=index] .m-about .achieve-intro {
    width: 540px;
    gap: 0 160px;
    grid-template-columns: auto 1fr
}

.g-body[data-page-name=index] .m-about .achieve-intro .achieve-item:first-child {
    margin-bottom: 35px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    grid-column: span 2
}

.g-body[data-page-name=index] .m-about .achieve-intro .item-title {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 6px;
    letter-spacing: -.04em
}

.g-body[data-page-name=index] .m-about .achieve-intro .item-title span:last-child {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.02em
}

.g-body[data-page-name=index] .m-about .achieve-intro .item-subtitle {
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.02em;
    opacity: .5
}

.g-body[data-page-name=index] .m-about .achieve-intro .item-subtitle:after,.g-body[data-page-name=index] .m-about .achieve-intro .item-subtitle:before {
    display: table;
    content: ""
}

.g-body[data-page-name=index] .m-about .achieve-intro .item-subtitle:before {
    margin-bottom: -.163em
}

.g-body[data-page-name=index] .m-about .achieve-intro .item-subtitle:after {
    margin-top: -.092em
}

.g-body[data-page-name=index] .m-about .achieve-intro sup {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.04em
}

.g-body[data-page-name=index] .m-about .m-footer {
    position: relative;
    left: 50%;
    width: 100vw;
    min-width: 1200px;
    margin-top: -90px;
    transform: translateX(-50%)
}

.g-body[data-page-name=index] .m-about .m-footer .bg-inner {
    --u-width: 1920;
    --u-height: 818;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-bottom-right-radius: 160px;
    background-size: cover
}

.g-body[data-page-name=index] .m-about .m-footer .bg-inner>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=index] .m-about .m-footer .bg-inner>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=index] .m-about .m-footer .bg-inner>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=index] .m-about .m-footer .bg-inner:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=index] .u-module-news {
    position: relative;
    z-index: 20;
    padding-top: 172px;
    padding-bottom: 195px;
    background-color: #fff
}

.g-body[data-page-name=index] .m-about,.g-body[data-page-name=index] .m-page-banner,.g-body[data-page-name=index] .m-solution,.g-body[data-page-name=index] .u-module-news {
    overflow: hidden
}

@media(min-width: 1921px) {
    .g-body[data-page-name=index] .m-page-banner .m-list .l-item-info {
        padding-bottom:120px
    }
}

@media(max-width: 1679.98px) {
    .g-body[data-page-name=index] .m-page-banner .m-list .item-info {
        font-size:56px
    }

    .g-body[data-page-name=index] .m-solution .m-item .item-info-box {
        padding-left: 20px
    }

    .g-body[data-page-name=index] .m-solution .m-item .item-title {
        font-size: 64px
    }

    .g-body[data-page-name=index] .m-about .m-title {
        font-size: 68px
    }

    .g-body[data-page-name=index] .m-about .m-desc {
        font-size: 18px
    }

    .g-body[data-page-name=index] .u-module-news {
        padding-top: 142px;
        padding-bottom: 165px
    }
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=index] .m-page-banner .m-list .item-info,.g-body[data-page-name=index] .m-solution .m-item .item-title {
        font-size:52px
    }

    .g-body[data-page-name=index] .m-about .m-title {
        font-size: 62px
    }

    .g-body[data-page-name=index] .m-about .m-desc {
        font-size: 17px;
        max-width: 632px
    }

    .g-body[data-page-name=index] .m-about .m-body>.state--pos-right {
        width: 490px;
        padding-bottom: 88px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=index] .m-page-banner .m-list .item-info {
        font-size:50px
    }

    .g-body[data-page-name=index] .m-solution .m-item .l--info {
        padding-bottom: 90px
    }

    .g-body[data-page-name=index] .m-solution .m-item .item-info-box {
        padding-left: 40px
    }

    .g-body[data-page-name=index] .m-about .m-title {
        font-size: 58px
    }

    .g-body[data-page-name=index] .m-about .m-body>.state--pos-left {
        margin-right: 110px
    }

    .g-body[data-page-name=index] .m-about .m-body>.state--pos-right {
        padding-bottom: 98px
    }

    .g-body[data-page-name=index] .m-about .achieve-intro .achieve-item:first-child {
        margin-bottom: 25px;
        padding-bottom: 40px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=index] .u-module-news {
        padding-top:72px;
        padding-bottom: 120px
    }

    .g-body[data-page-name=index] .u-module-news .u-module-btn {
        display: none
    }

    .g-body[data-page-name=index] .m-page-banner .m-swiper .c-swiper-propagation {
        bottom: 40px
    }

    .g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item {
        width: 6px;
        height: 6px;
        margin-right: 8px
    }

    .g-body[data-page-name=index] .m-page-banner .m-swiper .c-propagation-item:last-child {
        margin-right: 0
    }

    .g-body[data-page-name=index] .m-about .m-footer .bg-inner {
        --u-height: 1400;
        border-bottom-right-radius: 80px
    }

    .g-body[data-page-name=index] .m-about .m-body {
        display: block
    }

    .g-body[data-page-name=index] .m-about .achieve-intro .item-title {
        font-size: 40px
    }

    .g-body[data-page-name=index] .m-about .achieve-intro {
        width: 100%;
        gap: 0 60px
    }

    .g-body[data-page-name=index] .m-about .m-title {
        font-size: 32px;
        max-width: 228px
    }

    .g-body[data-page-name=index] .m-about .m-decoration,.g-body[data-page-name=index] .m-about .m-desc {
        width: 100%
    }

    .g-body[data-page-name=index] .m-about .m-desc {
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 52px
    }

    .g-body[data-page-name=index] .m-about .m-body>.state--pos-left {
        margin-right: 0
    }

    .g-body[data-page-name=index] .m-about .m-decoration {
        margin-bottom: 56px
    }

    .g-body[data-page-name=index] .m-about .m-decoration .img-box {
        width: 150px
    }

    .g-body[data-page-name=index] .m-about .m-decoration:after {
        display: none
    }

    .g-body[data-page-name=index] .m-about .m-body>.state--pos-right {
        width: 100%;
        margin-top: 52px
    }

    .g-body[data-page-name=index] .m-page-banner .m-list .item-title {
        font-size: 22px;
        max-width: 237px;
        margin-bottom: 20px
    }

    .g-body[data-page-name=index] .m-solution .m-list .layer--progress {
        display: none
    }

    .g-body[data-page-name=index] .m-solution .m-item .item-info-box {
        display: block;
        padding: 0
    }

    .g-body[data-page-name=index] .m-solution .m-item .item-title {
        font-size: 22px;
        max-width: 165px
    }

    .g-body[data-page-name=index] .m-solution .m-item .item-desc {
        display: none;
        max-width: 300px
    }

    .g-body[data-page-name=index] .m-solution .u-module-btn {
        padding: 16px 0;
        padding-left: 0
    }

    .g-body[data-page-name=index] .m-solution .u-module-btn .btn--inner {
        padding-left: 0
    }

    .g-body[data-page-name=index] .m-solution .item-img-box {
        height: 363px
    }

    .g-body[data-page-name=index] .m-solution .m-item .l--info {
        padding-bottom: 32px
    }

    .g-body[data-page-name=index] .m-page-banner .m-list .item-image {
        height: 490px
    }

    .g-body[data-page-name=index] .m-page-banner .m-list .l-item-info {
        padding-bottom: 12px
    }

    .g-body[data-page-name=index] .m-about {
        padding-top: 80px
    }

    .g-body[data-page-name=index] .m-solution .m-list {
        position: static
    }

    .g-body[data-page-name=index] .m-solution {
        background-color: #c2c8d0
    }

    .g-body[data-page-name=index] .m-about .m-footer {
        min-width: auto
    }
}

.g-body[data-page-name=solution] .m-solution-module {
    padding-bottom: 80px
}

.g-body[data-page-name=solution] .m-solution-module .m-item {
    padding: 80px 0;
    border-bottom: 1px solid #e8e8ea
}

.g-body[data-page-name=solution] .m-solution-module .m-item>.state--pos-right {
    position: relative;
    margin-left: 117px
}

.g-body[data-page-name=solution] .m-solution-module .m-item:last-child {
    border-bottom-width: 0
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-title {
    line-height: 1.3888888889;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 36px;
    color: #121926
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-title:after,.g-body[data-page-name=solution] .m-solution-module .m-item .item-title:before {
    display: table;
    content: ""
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-title:before {
    margin-bottom: -.35744em
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-title:after {
    margin-top: -.28644em
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-desc {
    line-height: 1.5;
    max-height: 7.5em;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 80px;
    color: #666
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-desc:after,.g-body[data-page-name=solution] .m-solution-module .m-item .item-desc:before {
    display: table;
    content: ""
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-desc:before {
    margin-bottom: -.413em
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-desc:after {
    margin-top: -.342em
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box {
    overflow: hidden;
    border-radius: 40px
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb {
    --u-width: 809;
    --u-height: 417;
    position: relative;
    overflow: hidden;
    width: 809px;
    transition: .6s ease
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box:hover .item-thumb {
    transform: scale(1.03)
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box:hover+.item-btn {
    transform: rotate(0deg);
    opacity: 1
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: absolute;
    right: 32px;
    bottom: 32px;
    transition: .36s ease;
    transform: rotate(-60deg);
    pointer-events: none;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 0 0 8px hsla(0,0%,100%,.1)
}

.g-body[data-page-name=solution] .m-solution-module .m-item .item-btn .ic {
    font-size: 26px;
    color: transparent;
    background: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%);
    -webkit-background-clip: text;
    background-clip: text
}

@media(max-width: 1679.98px) {
    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb {
        width:749px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-desc {
        margin-bottom: 60px
    }
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb {
        width:700px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box {
        border-radius: 34px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item>.state--pos-right {
        margin-left: 87px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb {
        width:600px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-desc {
        margin-bottom: 46px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=solution] .m-solution-module .m-item {
        display:block;
        padding: 50px 0
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item>.state--pos-right {
        margin: 0;
        margin-top: 50px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box .item-thumb {
        max-width: 100%
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-thumb-box {
        border-radius: 20px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-desc {
        margin-bottom: 30px
    }

    .g-body[data-page-name=solution] .m-solution-module .m-item .item-title {
        font-size: 32px
    }
}

.g-body[data-page-name=product] .m-product-module {
    padding-top: 102px;
    padding-bottom: 87px
}

.g-body[data-page-name=product] .m-product-module .m-list {
    margin-left: 105px;
    gap: 20px
}

.g-body[data-page-name=product] .m-product-module .m-item {
    display: block;
    padding: 40px 56px;
    border-radius: 40px;
    background-color: #f6f6f6
}

.g-body[data-page-name=product] .m-product-module .m-item .item-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=product] .m-product-module .m-item .item-thumb-box img {
    transition: .36s ease
}

.g-body[data-page-name=product] .m-product-module .m-item:hover .item-thumb-box img {
    transform: scale(1.04)
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=product] .m-product-module .m-list {
        margin-left:25px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=product] .m-product-module .m-item {
        padding:40px 46px;
        border-radius: 30px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=product] .m-product-module {
        padding-top:45px
    }

    .g-body[data-page-name=product] .m-product-module .u-module-category {
        display: none
    }

    .g-body[data-page-name=product] .m-product-module .m-body {
        display: block
    }

    .g-body[data-page-name=product] .m-product-module .state--pos-left {
        margin-bottom: 40px
    }

    .g-body[data-page-name=product] .m-product-module .m-list {
        margin: 0;
        gap: 20px;
        grid-template-columns: 1fr
    }

    .g-body[data-page-name=product] .m-product-module .m-item .item-title {
        font-size: 16px
    }
}

.g-body[data-page-name=news] {
    padding-top: calc(var(--size-nav-normal-height) + 103px)
}

.g-body[data-page-name=news] .m-news-module {
    padding-bottom: 136px
}

.g-body[data-page-name=news] .m-news-module .m-category {
    padding: 6px;
    gap: 12px
}

.g-body[data-page-name=news] .m-news-module .category-item {
    line-height: 1.1111111111;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px 15px 5px;
    transition: .36s ease;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=news] .m-news-module .category-item:after,.g-body[data-page-name=news] .m-news-module .category-item:before {
    display: table;
    content: ""
}

.g-body[data-page-name=news] .m-news-module .category-item:before {
    margin-bottom: -.21856em
}

.g-body[data-page-name=news] .m-news-module .category-item:after {
    margin-top: -.14756em
}

.g-body[data-page-name=news] .m-news-module .category-item:hover,.g-body[data-page-name=news] .m-news-module .category-item[data-active=true] {
    color: #121926
}

.g-body[data-page-name=news] .m-news-module .category-item:hover:before,.g-body[data-page-name=news] .m-news-module .category-item[data-active=true]:before {
    opacity: 1
}

.g-body[data-page-name=news] .m-news-module .category-item:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 10px;
    content: "";
    transition: .36s ease;
    opacity: 0;
    background-image: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=news] {
        padding-top:100px
    }

    .g-body[data-page-name=news] .u-module-news .m-head {
        position: relative;
        z-index: 10;
        display: block;
        margin-bottom: 50px
    }

    .g-body[data-page-name=news] .u-module-news .m-body {
        position: relative;
        z-index: 1
    }

    .g-body[data-page-name=news] .u-module-news .m-title {
        font-size: 60px;
        margin-bottom: 38px
    }

    .g-body[data-page-name=news] .m-news-module .category-item {
        font-size: 16px;
        padding: 11px 20px 11px 5px;
        white-space: nowrap
    }

    .g-body[data-page-name=news] .m-news-module {
        padding-bottom: 80px
    }

    .g-body[data-page-name=news] .m-news-module .m-category {
        display: none;
        overflow: auto;
        padding: 0 6px
    }
}

.g-body[data-page-name=download] .m-list-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 340px
}

.g-body[data-page-name=download] .m-list-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=download] .m-download-module {
    position: relative;
    z-index: 20;
    padding-top: 80px;
    padding-bottom: 115px;
    background-color: #fff
}

.g-body[data-page-name=download] .m-download-module[data-show-type=specifications] .m-item[data-type=specifications],.g-body[data-page-name=download] .m-download-module[data-show-type=technical] .m-item[data-type=technical] {
    display: flex
}

.g-body[data-page-name=download] .m-download-module .m-head {
    margin-bottom: 98px
}

.g-body[data-page-name=download] .m-download-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=download] .m-download-module .m-tab-group {
    font-size: 18px;
    font-weight: 600;
    padding: 6px;
    color: rgba(18,25,38,.6);
    border-radius: 50px;
    background: #f2f7fb;
    gap: 12px
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item {
    line-height: 1.1111111111;
    display: inline-block;
    padding: 15px 20px;
    cursor: pointer;
    transition: .26s ease;
    border-radius: 100px
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item:after,.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item:before {
    display: table;
    content: ""
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item:before {
    margin-bottom: -.21856em
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item:after {
    margin-top: -.14756em
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item .text:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 10px;
    content: "";
    transition: .36s ease;
    transform: translateY(1px);
    opacity: 0;
    background-image: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item:hover {
    color: #121926
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item[data-active=true] {
    color: #121926;
    background-color: #fff
}

.g-body[data-page-name=download] .m-download-module .m-tab-group .tab-item[data-active=true] .text:before {
    opacity: 1
}

.g-body[data-page-name=download] .m-download-module .m-item {
    padding: 10px 0;
    transition: .36s ease
}

.g-body[data-page-name=download] .m-download-module .m-item[data-type=technical] {
    display: none
}

.g-body[data-page-name=download] .m-download-module .m-item .item-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1111111111em;
    transition: .26s ease;
    color: #121926
}

.g-body[data-page-name=download] .m-download-module .m-item .ic-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    position: relative;
    transition: .26s ease
}

.g-body[data-page-name=download] .m-download-module .m-item .ic-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    opacity: 0;
    border-radius: 50px;
    background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=download] .m-download-module .m-item .ic-box .ic {
    position: relative;
    z-index: 10
}

.g-body[data-page-name=download] .m-download-module .m-item:hover {
    padding: 10px 20px
}

.g-body[data-page-name=download] .m-download-module .m-item:hover .item-title {
    font-weight: 700
}

.g-body[data-page-name=download] .m-download-module .m-item:hover .ic-box {
    color: #fff
}

.g-body[data-page-name=download] .m-download-module .m-item:hover .ic-box:after {
    opacity: 1
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=download] .m-download-module .m-title {
        font-size:56px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=download] .m-download-module .m-title {
        font-size:52px
    }

    .g-body[data-page-name=download] .m-download-module .m-tab-group {
        font-size: 16px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=download] .m-list-banner {
        height:102px
    }

    .g-body[data-page-name=download] .m-download-module {
        padding-top: 29px
    }

    .g-body[data-page-name=download] .m-download-module .u-module-category {
        display: none
    }

    .g-body[data-page-name=download] .m-download-module .m-head {
        display: block;
        margin-bottom: 34px
    }

    .g-body[data-page-name=download] .m-download-module .m-body {
        display: block
    }

    .g-body[data-page-name=download] .m-download-module .m-body>.state--pos-left {
        margin-bottom: 20px
    }

    .g-body[data-page-name=download] .m-download-module .m-title {
        font-size: 32px;
        margin-bottom: 40px
    }

    .g-body[data-page-name=download] .m-download-module .m-item {
        padding: 24px 0;
        border-bottom: 1px solid #e8e8ea
    }

    .g-body[data-page-name=download] .m-download-module .m-item:hover {
        padding: 24px 0
    }

    .g-body[data-page-name=download] .m-download-module .m-item .ic-box {
        display: none
    }
}

.g-body[data-page-name=joinUs] .m-list-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 340px
}

.g-body[data-page-name=joinUs] .m-list-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=joinUs] .m-join-us-module {
    position: relative;
    z-index: 10;
    padding-top: 80px;
    padding-bottom: 115px;
    background-color: #fff
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-head {
    margin-bottom: 98px
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box {
    font-size: 16px;
    position: relative;
    overflow: hidden;
    padding-left: 25px;
    border-radius: 40px;
    background: #f6f6f6
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .ic-box {
    font-size: 24px;
    color: hsla(0,0%,61%,.6)
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-btn {
    line-height: 1.4285714286;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    padding: 16px 20px;
    color: #fff;
    border-radius: 0 40px 40px 0;
    background-image: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-btn:after,.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-btn:before {
    display: table;
    content: ""
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-btn:before {
    margin-bottom: -.37729em
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-btn:after {
    margin-top: -.30629em
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-input {
    width: 255px;
    padding: 0 1em;
    border-width: 0;
    outline: none
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item {
    padding: 32px 0;
    transition: .36s ease;
    border-bottom: 1px solid #e8e8ea
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .item-title {
    font-size: 20px;
    margin-bottom: 6px;
    color: #121926
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .item-info {
    font-size: 15px;
    font-weight: 500;
    color: #9c9c9c
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .text {
    display: flex;
    align-items: center
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .text:after {
    display: inline-block;
    width: 2px;
    height: 1em;
    margin: 0 16px;
    content: "";
    background-color: #e8e8ea
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .text:last-child:after {
    display: none
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .ic-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    position: relative;
    transition: .26s ease
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .ic-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    opacity: 0;
    border-radius: 50px;
    background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item .ic-box .ic {
    position: relative;
    z-index: 10
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item:hover {
    padding: 32px 20px
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item:hover .item-title {
    font-weight: 700
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item:hover .ic-box {
    color: #fff
}

.g-body[data-page-name=joinUs] .m-join-us-module .m-item:hover .ic-box:after {
    opacity: 1
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=joinUs] .u-module-category {
        width:322px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=joinUs] .m-list-banner {
        height:102px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module {
        padding-top: 29px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .u-module-category {
        display: none
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-head {
        display: block;
        margin-bottom: 34px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-body {
        display: block
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-body>.state--pos-left {
        margin-bottom: 20px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-title {
        font-size: 32px;
        margin-bottom: 38px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-btn {
        white-space: nowrap
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-search-box .search-input {
        flex: 1 1 auto;
        width: auto
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-item .ic-box {
        display: none
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-item .item-info {
        font-size: 12px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-item .text:after {
        margin: 0 10px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-item .item-title {
        font-size: 18px
    }

    .g-body[data-page-name=joinUs] .m-join-us-module .m-item,.g-body[data-page-name=joinUs] .m-join-us-module .m-item:hover {
        padding: 24px 0
    }
}

.g-body[data-page-name=contact] .m-list-banner {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0;
    height: 340px
}

.g-body[data-page-name=contact] .m-list-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=contact] .m-contact-module {
    position: relative;
    z-index: 20;
    padding-top: 80px;
    padding-bottom: 54px;
    background-color: #fff
}

.g-body[data-page-name=contact] .m-contact-module .m-head {
    margin-bottom: 104px
}

.g-body[data-page-name=contact] .m-contact-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=contact] .m-contact-module .m-map {
    width: 1404px;
    max-width: 100%;
    margin: 0 auto
}

.g-body[data-page-name=contact] .m-contact-module .m-map svg {
    width: 100%
}

.g-body[data-page-name=contact] .m-contact-form-module {
    position: relative;
    z-index: 20;
    margin-bottom: -220px;
    padding-top: 133px;
    padding-bottom: 360px;
    background-color: #f6f6f6
}

.g-body[data-page-name=contact] .m-contact-form-module .m-head {
    margin-bottom: 68px
}

.g-body[data-page-name=contact] .m-contact-form-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=contact] .m-contact-form-module .info-group {
    margin-bottom: 96px
}

.g-body[data-page-name=contact] .m-contact-form-module .info-group:last-child {
    margin-bottom: 0
}

.g-body[data-page-name=contact] .m-contact-form-module .info-group .group-title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 26px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=contact] .m-contact-form-module .info-group .group-body {
    gap: 22px
}

.g-body[data-page-name=contact] .m-contact-form-module .info-group .ic {
    font-size: 24px;
    margin-right: 16px
}

.g-body[data-page-name=contact] .m-contact-form-module .info-group .info {
    font-size: 16px;
    font-weight: 600;
    padding-top: 4px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body>.state--pos-right {
    flex: 0 0 auto;
    width: 870px
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .fill-row {
    grid-column: span 3
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body {
    margin-bottom: 60px;
    gap: 40px 20px
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body input,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body select,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body textarea {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    position: relative;
    width: 100%;
    border-width: 0;
    outline: none
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body input::-moz-placeholder,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body select::-moz-placeholder,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body textarea::-moz-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    color: #9c9c9c
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body input::placeholder,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body select::placeholder,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body textarea::placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    color: #9c9c9c
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath d='m15.75 10.75-3.25 3.5-3.25-3.5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-size: 24px 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .error-row,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .suc-row {
    display: flex;
    display: none;
    padding-top: 10px;
    padding-left: 25px;
    align-items: center
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .error-row:before,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .suc-row:before {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 4px;
    content: ""
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .suc-row {
    color: #4caf50
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .suc-row:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M8 8.666V10' stroke='%234caf50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.335 6a.333.333 0 1 1-.667 0 .333.333 0 0 1 .667 0Z' stroke='%234caf50'/%3E%3Cpath d='M12.835 8a4.833 4.833 0 1 1-9.667 0 4.833 4.833 0 0 1 9.667 0Z' stroke='%234caf50' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .error-row {
    color: #ff5537
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form .error-row:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M8 8.666V10' stroke='%23FF5537' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.335 6a.333.333 0 1 1-.667 0 .333.333 0 0 1 .667 0Z' stroke='%23FF5537'/%3E%3Cpath d='M12.835 8a4.833 4.833 0 1 1-9.667 0 4.833 4.833 0 0 1 9.667 0Z' stroke='%23FF5537' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item {
    position: relative;
    padding: 12px;
    padding-right: 0;
    transition: .36s ease;
    border-bottom: 1px solid #e8e8ea
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item:focus-within {
    border-color: #000
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item .form-error-message {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    display: flex;
    display: none;
    color: #ff5537;
    align-items: center
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item .form-error-message:before {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 4px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M8 8.666V10' stroke='%23FF5537' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.335 6a.333.333 0 1 1-.667 0 .333.333 0 0 1 .667 0Z' stroke='%23FF5537'/%3E%3Cpath d='M12.835 8a4.833 4.833 0 1 1-9.667 0 4.833 4.833 0 0 1 9.667 0Z' stroke='%23FF5537' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item[data-required] {
    position: relative
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item[data-required]:before {
    position: absolute;
    top: 1.5em;
    left: 0;
    content: "*";
    color: #ff5537
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item[data-state=error] .form-error-message {
    display: flex
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 20px 12px 30px;
    letter-spacing: -.02em;
    color: #121926;
    border: 2px solid #e8e8ea;
    border-radius: 100px
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit .text {
    line-height: 1.1111111111;
    display: inline-block
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit .text:after,.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit .text:before {
    display: table;
    content: ""
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit .text:before {
    margin-bottom: -.21856em
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit .text:after {
    margin-top: -.14756em
}

.g-body[data-page-name=contact] .m-contact-form-module .m-body .btn--submit .ic {
    margin-left: 9px
}

.g-body[data-page-name=contact] .m-contact {
    background-color: transparent
}

@media(max-width: 1679.98px) {
    .g-body[data-page-name=contact] .m-contact-form-module .m-body>.state--pos-left {
        max-width:380px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body>.state--pos-right {
        width: 820px
    }

    .g-body[data-page-name=contact] .m-contact-form-module {
        padding-top: 113px;
        padding-bottom: 340px
    }
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=contact] .m-contact-form-module .m-title,.g-body[data-page-name=contact] .m-contact-module .m-title {
        font-size:56px
    }

    .g-body[data-page-name=contact] .m-contact-module .m-map {
        max-width: 90%
    }

    .g-body[data-page-name=contact] .m-contact-form-module .info-group .group-title {
        font-size: 34px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .info-group .group-body {
        gap: 18px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .info-group .ic {
        font-size: 22px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .info-group .info {
        padding-top: 3px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=contact] .m-contact-form-module .m-title,.g-body[data-page-name=contact] .m-contact-module .m-title {
        font-size:52px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body>.state--pos-right {
        width: 690px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=contact] .m-list-banner {
        height:102px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-title,.g-body[data-page-name=contact] .m-contact-module .m-title {
        font-size: 32px
    }

    .g-body[data-page-name=contact] .m-contact-form-module,.g-body[data-page-name=contact] .m-contact-module {
        padding-top: 50px
    }

    .g-body[data-page-name=contact] .m-contact-module .m-head {
        margin-bottom: 50px
    }

    .g-body[data-page-name=contact] .m-contact-module .m-map {
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 0;
        justify-content: center
    }

    .g-body[data-page-name=contact] .m-contact-module .m-map svg {
        position: static;
        flex: 0 0 auto;
        width: 100vw
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body {
        display: block
    }

    .g-body[data-page-name=contact] .m-contact-form-module .info-group .group-title {
        font-size: 24px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body>.state--pos-left {
        margin-bottom: 96px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body>.state--pos-right {
        width: 100%
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body {
        gap: 20px;
        grid-template-columns: 1fr
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .fill-row {
        grid-column: initial
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body textarea {
        height: 6em
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body input,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body select,.g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body textarea {
        font-size: 16px;
        line-height: 1.5em;
        padding: 12px 0
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item[data-required]:before {
        top: 1.5em
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-body select {
        background-position: calc(100% - 17px);
        background-size: 34px 34px
    }

    .g-body[data-page-name=contact] .m-contact-form-module .m-body .m-form-item {
        padding: 0;
        padding-left: 12px
    }

    .g-body[data-page-name=contact] .m-contact-form-module {
        padding-bottom: 280px
    }
}

.g-body[data-page-name=joinUsDetail] {
    padding-top: calc(var(--size-nav-normal-height) + 103px)
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail {
    padding-bottom: 165px
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-body {
    grid-template-columns: 1fr auto
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article {
    width: 711px
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head {
    padding-bottom: 50px;
    border-bottom: 1px solid #e8e8ea
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info {
    line-height: 1.2666666667;
    font-size: 15px;
    font-weight: 500;
    color: #9c9c9c
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info:after,.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info:before {
    display: table;
    content: ""
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info:before {
    margin-bottom: -.29633em
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info:after {
    margin-top: -.22533em
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info .text {
    display: flex;
    align-items: center
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info .text:after {
    width: 2px;
    height: 1em;
    margin: 0 23px;
    content: "";
    background-color: #e8e8ea
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-title {
    line-height: 1.25;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #121926
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-title:after,.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-title:before {
    display: table;
    content: ""
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-title:before {
    margin-bottom: -.288em
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-title:after {
    margin-top: -.217em
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-body {
    font-size: 16px;
    font-weight: 500;
    padding-top: 50px;
    color: #9c9c9c
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-body h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    color: #121926
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    width: 398px;
    padding: 50px;
    border-radius: 20px;
    background: #f6f6f6
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .area-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 21px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .relate-item {
    --draw-duration: 1s;
    --draw-line-height: 1px;
    padding: 16px 0;
    border-bottom: 1px solid #ebedef
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .relate-item:hover .item-title span {
    background-position: 0 100%;
    background-size: 100% var(--draw-line-height)
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .relate-item .item-title span {
    transition: background-size var(--draw-duration) cubic-bezier(.2,.75,.5,1);
    background-image: linear-gradient(90deg,currentColor 0,currentColor);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 var(--draw-line-height)
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .relate-item:last-child {
    border-block-width:0}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .item-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 10px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .item-info {
    font-size: 12px;
    font-weight: 500;
    color: #9c9c9c
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .item-info .text {
    display: flex;
    align-items: center
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .item-info .text:after {
    width: 2px;
    height: 1em;
    margin: 0 16px;
    content: "";
    background-color: #e8e8ea
}

.g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-relate-area .item-info .text:last-child:after {
    display: none
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=joinUsDetail] {
        padding-top:124px
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article {
        width: 100%
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-body {
        display: block
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-body>.state--pos-right {
        display: none
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail {
        padding-bottom: 80px
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info {
        font-size: 12px
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-head .job-info .text:after {
        margin: 0 10px
    }

    .g-body[data-page-name=joinUsDetail] .m-join-us-detail .m-article-title {
        font-size: 32px
    }
}

.g-body[data-page-name=newsDetail] {
    padding-top: calc(var(--size-nav-normal-height) + 103px)
}

.g-body[data-page-name=newsDetail] .m-news-detail {
    padding-bottom: 165px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-body {
    padding-bottom: 126px;
    grid-template-columns: 1fr auto
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-body>.state--pos-left {
    grid-template-columns: auto 1fr
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-footer {
    border-top: 1px solid #e8e8ea
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article {
    width: 711px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-date {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 26px;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-title {
    line-height: 1.25;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #121926
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-title:after,.g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-title:before {
    display: table;
    content: ""
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-title:before {
    margin-bottom: -.288em
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-title:after {
    margin-top: -.217em
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .tag-group {
    gap: 12px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .tag-item {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285714286em;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 14px 5px 29px;
    transition: .26s ease;
    text-align: center;
    color: rgba(18,25,38,.9);
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 40px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article .tag-item:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 3px);
    left: 14px;
    content: "";
    opacity: .3;
    background-color: currentColor
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head {
    padding-bottom: 50px;
    border-bottom: 1px solid #e8e8ea
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info {
    line-height: 1.2666666667;
    font-size: 15px;
    font-weight: 500;
    color: #9c9c9c
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info:after,.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info:before {
    display: table;
    content: ""
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info:before {
    margin-bottom: -.29633em
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info:after {
    margin-top: -.22533em
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info .text {
    display: flex;
    align-items: center
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-head .job-info .text:after {
    width: 2px;
    height: 1em;
    margin: 0 23px;
    content: "";
    background-color: #e8e8ea
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-body {
    font-size: 16px;
    font-weight: 500;
    padding-top: 50px;
    color: #9c9c9c
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-body h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    color: #121926
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-footer {
    height: 153px;
    margin-top: 46px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #f6f6f6
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-footer .square-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 6px;
    gap: 2px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-article-footer .square-item {
    height: 6px;
    width: 6px;
    border-radius: 2px;
    background-color: #121926
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    width: 398px;
    padding: 50px;
    border-radius: 20px;
    background: #f6f6f6
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .area-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 21px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .relate-item {
    --draw-duration: 1s;
    --draw-line-height: 1px;
    padding: 16px 0;
    border-bottom: 1px solid #ebedef
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .relate-item:hover .item-title span {
    background-position: 0 100%;
    background-size: 100% var(--draw-line-height)
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .relate-item .item-title span {
    transition: background-size var(--draw-duration) cubic-bezier(.2,.75,.5,1);
    background-image: linear-gradient(90deg,currentColor 0,currentColor);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 var(--draw-line-height)
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .relate-item:last-child {
    border-block-width:0}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .item-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 12px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-relate-area .item-info {
    font-size: 12px;
    font-weight: 700;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-share--wrapper {
    padding-top: 224px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-share-group {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transform: translateX(-8.2vw)
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-share-group .ic-box {
    width: 36px;
    margin: 0 auto
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-share-group .group-title {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 24px;
    text-align: center;
    color: #121926
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-share-group .share-item {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    font-size: 16px;
    margin-bottom: 14px;
    border: 1px solid #f5f5f5;
    border-radius: 100px;
    background: #fff
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-share-group .share-item:last-child {
    margin-bottom: 0
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area {
    padding-top: 70px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area .area-head {
    margin-bottom: 50px
}

.g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area .area-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.02em;
    color: #121926
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=newsDetail] .m-news-detail .m-share-group {
        transform:translateX(-6vw)
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=newsDetail] {
        padding-top:113px
    }

    .g-body[data-page-name=newsDetail] .m-other-relate-area .swiper-wrapper {
        display: flex!important;
        flex-direction: column
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article {
        width: 100%
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-body {
        display: block;
        padding-bottom: 86px
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-body>.state--pos-right,.g-body[data-page-name=newsDetail] .m-news-detail .m-share--wrapper {
        display: none
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article .article-title {
        font-size: 32px;
        margin-bottom: 26px
    }

    .g-body[data-page-name=newsDetail] .m-news-detail {
        padding-bottom: 80px
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area .area-title {
        font-size: 24px;
        max-width: 80%
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area .u-tab-group {
        display: none
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area .area-head {
        margin-bottom: 45px
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article .m-share--wrapper {
        display: block;
        margin-top: 46px;
        padding-top: 30px;
        border-top: 1px solid #e8e8ea
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article .m-share--wrapper .m-share-group {
        position: static;
        display: flex;
        transform: none
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article .m-share--wrapper .share-item {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        font-size: 20px;
        margin-right: 18px;
        margin-bottom: 0;
        border-color: #e8e8ea
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article .m-share--wrapper .share-item:last-child {
        margin-right: 0
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-article .m-share--wrapper .group-title {
        display: none
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-footer {
        border-top-width: 0
    }

    .g-body[data-page-name=newsDetail] .m-news-detail .m-other-relate-area {
        padding-top: 0
    }
}

.g-body[data-page-name=productDetail] .c-propagation-item {
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    transition: .26s ease;
    border-radius: 100px;
    background-color: rgba(18,25,38,.2)
}

.g-body[data-page-name=productDetail] .c-propagation-item.active {
    width: 28px
}

.g-body[data-page-name=productDetail] .c-propagation-item.active .propagation-item-inner {
    opacity: 1
}

.g-body[data-page-name=productDetail] .c-propagation-item:last-child {
    margin-right: 0
}

.g-body[data-page-name=productDetail] .c-propagation-item .propagation-item-inner {
    width: calc(var(--delay-progress)*100%);
    height: 100%;
    opacity: 0;
    border-radius: 100px;
    background-color: #121926
}

.g-body[data-page-name=productDetail] .m-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper {
    position: relative
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper .swiper-slide {
    --u-width: 3840;
    --u-height: 1760;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #f6f6f6
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper .swiper-slide:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper .swiper-slide .img-box {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    padding-top: var(--size-nav-normal-height)
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper .l-swiper-controller {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    pointer-events: none
}

.g-body[data-page-name=productDetail] .m-banner .m-swiper .c-swiper-controller-bar {
    position: absolute;
    bottom: 32px;
    display: grid;
    width: 100%;
    pointer-events: all;
    grid-template-columns: 1fr auto 1fr
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper--nav {
    font-size: 18px;
    font-weight: 700;
    margin-right: 38px;
    letter-spacing: -.02em;
    color: #666
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper--nav .divide-line {
    width: 1px;
    height: .5em;
    margin: 0 10px;
    background-color: #a0a0a0
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper--nav .current-num {
    color: #000
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-left,.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-right {
    cursor: pointer
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-left:hover .ic-box,.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-right:hover .ic-box {
    color: #fff
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-left:hover .ic-box:before,.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-right:hover .ic-box:before {
    opacity: 0
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-left:hover .ic-box:after,.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-right:hover .ic-box:after {
    opacity: 1
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .btn--tab-left {
    margin-right: 20px
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .ic-box {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 22px;
    position: relative;
    transition: .26s ease
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .ic-box:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    border: 2px solid rgba(18,25,38,.1);
    border-radius: 1000px
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .ic-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    opacity: 0;
    border-radius: 50px;
    background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group .ic-box .ic {
    position: relative;
    z-index: 10
}

.g-body[data-page-name=productDetail] .m-product-detail-module {
    position: relative;
    z-index: 20;
    padding-bottom: 234px;
    background-color: #fff
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info-group {
    padding: 90px 0 80px
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info-group>.state--pos-right {
    width: 750px;
    max-width: 50%
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info-group .btn--download {
    margin-top: 60px
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-title {
    line-height: 1.2666666667;
    font-size: 60px;
    font-weight: 700;
    max-width: 596px;
    margin-bottom: 50px;
    color: #000
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-title:after,.g-body[data-page-name=productDetail] .m-product-detail-module .m-title:before {
    display: table;
    content: ""
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-title:before {
    margin-bottom: -.29633em
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-title:after {
    margin-top: -.22533em
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info {
    gap: 23px 8px;
    grid-template-columns: auto 1fr
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .title {
    font-size: 16px;
    font-weight: 500;
    padding: 6px 0;
    text-align: right;
    color: #121926
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #121926
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value .text {
    line-height: 1.4285714286;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 6px;
    padding: 12px 16px 12px 12px;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 40px
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value .text:after,.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value .text:before {
    display: table;
    content: ""
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value .text:before {
    margin-bottom: -.37729em
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value .text:after {
    margin-top: -.30629em
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value .text:last-child {
    margin-bottom: 0
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: 666
}

.g-body[data-page-name=productDetail] .m-product-detail-module .m-desc h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #121926
}

.g-body[data-page-name=productDetail] .m-article-group {
    padding-top: 100px
}

.g-body[data-page-name=productDetail] .m-article-group .group-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: -.02em
}

.g-body[data-page-name=productDetail] .m-article-group .article-wrapper {
    overflow: hidden;
    max-height: 742px;
    padding-bottom: 50px
}

.g-body[data-page-name=productDetail] .m-article-group .article-wrapper.show-all {
    max-height: none
}

.g-body[data-page-name=productDetail] .m-article-group .article-wrapper.show-all~.btn--more .ic {
    transform: rotate(180deg)
}

.g-body[data-page-name=productDetail] .m-article-group .btn--more {
    font-size: 18px;
    font-weight: 600;
    height: 64px;
    cursor: pointer;
    letter-spacing: -.02em;
    color: #121926;
    background: #f6f6f6
}

.g-body[data-page-name=productDetail] .m-article-group .btn--more .text {
    line-height: 1.2777777778;
    display: inline-block
}

.g-body[data-page-name=productDetail] .m-article-group .btn--more .text:after,.g-body[data-page-name=productDetail] .m-article-group .btn--more .text:before {
    display: table;
    content: ""
}

.g-body[data-page-name=productDetail] .m-article-group .btn--more .text:before {
    margin-bottom: -.30189em
}

.g-body[data-page-name=productDetail] .m-article-group .btn--more .text:after {
    margin-top: -.23089em
}

.g-body[data-page-name=productDetail] .m-article-group .btn--more .ic {
    font-size: 24px;
    margin-left: 6px
}

.g-body[data-page-name=productDetail] .m-related-group {
    padding-top: 165px;
    padding-bottom: 120px
}

.g-body[data-page-name=productDetail] .m-related-group .group-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=productDetail] .m-related-group .group-body {
    padding: 80px 0 0
}

.g-body[data-page-name=productDetail] .m-related-group .swiper--info {
    width: 634px;
    max-width: 42%;
    margin: 0
}

.g-body[data-page-name=productDetail] .m-related-group .swiper--thumb {
    overflow: hidden;
    width: 809px;
    max-width: 60%;
    margin: 0;
    border-radius: 40px
}

.g-body[data-page-name=productDetail] .m-related-group .thumb-box {
    --u-width: 809;
    --u-height: 417;
    position: relative;
    overflow: hidden;
    width: 809px
}

.g-body[data-page-name=productDetail] .m-related-group .thumb-box>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=productDetail] .m-related-group .thumb-box>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=productDetail] .m-related-group .thumb-box>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=productDetail] .m-related-group .thumb-box:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=productDetail] .m-related-group .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 138.482%;
    max-width: 465px;
    margin-bottom: 26px;
    color: #121926
}

.g-body[data-page-name=productDetail] .m-related-group .desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    max-width: 634px;
    color: #666
}

.g-body[data-page-name=productDetail] .m-related-group .btn {
    line-height: 1.2777777778;
    font-size: 18px;
    font-weight: 700;
    margin-top: 70px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=productDetail] .m-related-group .btn:after,.g-body[data-page-name=productDetail] .m-related-group .btn:before {
    display: table;
    content: ""
}

.g-body[data-page-name=productDetail] .m-related-group .btn:before {
    margin-bottom: -.30189em
}

.g-body[data-page-name=productDetail] .m-related-group .btn:after {
    margin-top: -.23089em
}

.g-body[data-page-name=productDetail] .m-related-group .btn .text {
    margin-right: 18px
}

.g-body[data-page-name=productDetail] .m-related-group .btn .icon-box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 50px
}

.g-body[data-page-name=productDetail] .m-related-group .btn .icon-box .icon-box--after,.g-body[data-page-name=productDetail] .m-related-group .btn .icon-box .icon-box--before {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.g-body[data-page-name=productDetail] .m-related-group .btn .icon-box .icon-box--after {
    left: -100%
}

.g-body[data-page-name=productDetail] .m-related-group .btn:hover .icon-box .icon-box--after,.g-body[data-page-name=productDetail] .m-related-group .btn:hover .icon-box .icon-box--before {
    animation: btnHoverIcoAnimate .6s ease
}

.g-body[data-page-name=productDetail] .m-related-group .c-swiper-propagation {
    margin-top: 80px
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=productDetail] .m-product-detail-module .m-title {
        font-size:56px
    }

    .g-body[data-page-name=productDetail] .m-related-group .swiper--thumb {
        max-width: 56%;
        border-radius: 30px
    }

    .g-body[data-page-name=productDetail] .m-related-group .group-title {
        font-size: 56px
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module {
        padding-bottom: 180px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=productDetail] .m-product-detail-module .m-title,.g-body[data-page-name=productDetail] .m-related-group .group-title {
        font-size:52px
    }

    .g-body[data-page-name=productDetail] .m-related-group .title {
        font-size: 32px
    }

    .g-body[data-page-name=productDetail] .m-related-group .desc {
        font-size: 14px
    }

    .g-body[data-page-name=productDetail] .m-related-group .btn {
        margin-top: 50px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=productDetail] .m-banner {
        position:static
    }

    .g-body[data-page-name=productDetail] .m-banner .c-swiper--nav,.g-body[data-page-name=productDetail] .m-banner .c-swiper-tab-group {
        display: none
    }

    .g-body[data-page-name=productDetail] .m-banner .swiper-slide {
        height: 643px
    }

    .g-body[data-page-name=productDetail] .m-banner .swiper-slide:after {
        display: none!important
    }

    .g-body[data-page-name=productDetail] .m-banner .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-info-group {
        display: block;
        padding-bottom: 40px
    }

    .g-body[data-page-name=productDetail] .m-article-group {
        padding-top: 40px
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-title {
        font-size: 32px;
        max-width: 335px
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-info {
        display: block;
        margin-bottom: 80px
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-info .title {
        margin-bottom: 8px;
        text-align: left
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value {
        margin-bottom: 23px
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-info .value:last-child {
        margin-bottom: 0
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module .m-info-group>.state--pos-right {
        width: 100%;
        max-width: 100%
    }

    .g-body[data-page-name=productDetail] .m-article-group .group-title {
        margin-bottom: 40px
    }

    .g-body[data-page-name=productDetail] .m-article-group .article-wrapper {
        overflow-x: scroll
    }

    .g-body[data-page-name=productDetail] .m-related-group {
        padding-top: 110px
    }

    .g-body[data-page-name=productDetail] .m-related-group .group-body {
        padding-top: 50px
    }

    .g-body[data-page-name=productDetail] .m-related-group .group-title {
        font-size: 32px
    }

    .g-body[data-page-name=productDetail] .m-related-group .u-tab-group {
        display: none
    }

    .g-body[data-page-name=productDetail] .m-related-group .swiper-group {
        display: block
    }

    .g-body[data-page-name=productDetail] .m-related-group .swiper--thumb {
        margin-top: 40px;
        border-radius: 20px
    }

    .g-body[data-page-name=productDetail] .m-related-group .swiper--info,.g-body[data-page-name=productDetail] .m-related-group .swiper--thumb {
        width: 100%;
        max-width: 100%
    }

    .g-body[data-page-name=productDetail] .m-related-group .title {
        font-size: 24px;
        margin-bottom: 36px
    }

    .g-body[data-page-name=productDetail] .m-related-group .btn {
        margin-top: 30px
    }

    .g-body[data-page-name=productDetail] .m-related-group .state--pos-right,.g-body[data-page-name=productDetail] .m-related-group .thumb-box {
        width: 100%
    }

    .g-body[data-page-name=productDetail] .m-related-group .c-swiper-propagation {
        margin-top: 50px
    }

    .g-body[data-page-name=productDetail] .m-product-detail-module {
        padding-bottom: 80px
    }

    .g-body[data-page-name=productDetail] .c-propagation-item .propagation-item-inner {
        background-color: #9c9c9c
    }

    .g-body[data-page-name=productDetail] .m-related-group .btn .text {
        margin: 0
    }
}

.g-body[data-page-name=about] .m-about-technical-module {
    padding-top: 100px;
    padding-bottom: 90px
}

.g-body[data-page-name=about] .m-about-technical-module .m-head {
    margin-bottom: 82px
}

.g-body[data-page-name=about] .m-about-technical-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=about] .m-about-technical-module .m-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    max-width: 767px;
    margin-top: 30px;
    text-align: center;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-about-technical-module .m-body>.state--pos-left {
    width: 708px;
    max-width: 46%
}

.g-body[data-page-name=about] .m-about-technical-module .m-body>.state--pos-right {
    width: 678px;
    max-width: 44%
}

.g-body[data-page-name=about] .m-about-technical-module .collapse-item:hover .item-title {
    color: #121926
}

.g-body[data-page-name=about] .m-about-technical-module .collapse-item[data-state-open="1"] .item-head .icon-box {
    transform: rotate(0deg)
}

.g-body[data-page-name=about] .m-about-technical-module .collapse-item[data-state-open="1"] .item-title {
    font-size: 36px;
    padding-left: 18px;
    color: #121926
}

.g-body[data-page-name=about] .m-about-technical-module .collapse-item[data-state-open="1"] .item-title:after {
    opacity: 1
}

.g-body[data-page-name=about] .m-about-technical-module .collapse-item[data-state-open="1"] .item-body {
    height: auto
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper {
    --u-width: 708;
    --u-height: 750;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 136px 34px
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper .info-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper .info-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 72px 54px
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper .info-layer .text {
    font-size: 36px;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    z-index: 200;
    letter-spacing: -.02em;
    color: #fff
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper .info-layer:after {
    --end-pos: 46.56%;
    position: absolute;
    z-index: 100;
    top: 10%;
    left: -10%;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(26deg,rgba(0,179,242,.8) 8.31%,rgba(112,226,138,.8) var(--end-pos),rgba(112,226,138,0) var(--end-pos));
    filter: blur(60px)
}

.g-body[data-page-name=about] .m-about-technical-module .thumb-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g-body[data-page-name=about] .m-about-technical-module .item-body {
    overflow: hidden;
    height: 0
}

.g-body[data-page-name=about] .m-about-technical-module .item-head {
    height: 90px
}

.g-body[data-page-name=about] .m-about-technical-module .item-head .icon-box {
    height: 25px;
    width: 25px;
    font-size: 20px;
    transition: .36s ease;
    transform: rotate(-90deg)
}

.g-body[data-page-name=about] .m-about-technical-module .item-title {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    transition: .36s ease;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-about-technical-module .item-title:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    display: block;
    content: "";
    opacity: 0;
    background-image: linear-gradient(140deg,#00b3f2 17.84%,#70e28a 91.93%)
}

.g-body[data-page-name=about] .m-about-technical-module .item-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    padding-bottom: 42px;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-milestones-module {
    padding-top: 90px;
    color: #121926
}

.g-body[data-page-name=about] .m-milestones-module .swiper {
    overflow: visible
}

.g-body[data-page-name=about] .m-milestones-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 22px;
    letter-spacing: -.02em
}

.g-body[data-page-name=about] .m-milestones-module .m-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-milestones-module .m-body {
    padding-top: 100px
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper {
    --space: 78px
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .milestone-item {
    width: 351px;
    margin-right: var(--space);
    text-align: center
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .milestone-item:last-child {
    --space: 0px
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .milestone-item:hover .item-title {
    color: #121926
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .divide-line {
    position: relative;
    margin: 27px 0
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .divide-line:after {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: calc(100% + var(--space));
    content: "";
    border-top: 1px solid #e8e8ea
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .divide-line .dot {
    background-color: #d9d9d9;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: relative;
    z-index: 20;
    box-sizing: initial;
    border: 4px solid #fff
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
    transition: .26s ease;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-milestones-module .milestone-swiper .item-desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    width: 309px;
    margin: 0 auto;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-milestones-module .m-footer {
    transform: translateY(-10%);
    pointer-events: none
}

.g-body[data-page-name=about] .m-milestones-module .m-footer .decoration-box {
    --u-width: 639;
    --u-height: 215;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%
}

.g-body[data-page-name=about] .m-milestones-module .m-footer .decoration-box>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=about] .m-milestones-module .m-footer .decoration-box>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=about] .m-milestones-module .m-footer .decoration-box>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=about] .m-milestones-module .m-footer .decoration-box:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=about] .m-outreach-module {
    overflow: hidden;
    padding-top: 180px;
    padding-bottom: 90px
}

.g-body[data-page-name=about] .m-outreach-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 30px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=about] .m-outreach-module .m-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    max-width: 540px;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-outreach-module .m-flag {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em;
    color: #9c9c9c
}

.g-body[data-page-name=about] .m-outreach-module .m-flag .row {
    position: relative;
    padding-left: 1em
}

.g-body[data-page-name=about] .m-outreach-module .m-flag .row:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    content: "";
    background-color: currentColor
}

.g-body[data-page-name=about] .m-outreach-module .m-body {
    padding-top: 50px
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group {
    position: relative;
    z-index: 10;
    margin-top: 307px;
    gap: 80px;
    grid-template-columns: repeat(2,1fr)
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .data-item:first-child {
    grid-column: span 2
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .num {
    line-height: 1.7;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .num:after,.g-body[data-page-name=about] .m-outreach-module .m-data-group .num:before {
    display: table;
    content: ""
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .num:before {
    margin-bottom: -.513em
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .num:after {
    margin-top: -.442em
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .unit {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-left: .06em;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=about] .m-outreach-module .m-data-group .data-title {
    font-size: 15px;
    font-weight: 500;
    margin-top: 16px;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-outreach-module .m-map {
    --u-width: 1404;
    --u-height: 688;
    position: relative;
    overflow: hidden;
    width: 100%;
    overflow: visible;
    width: 1000px
}

.g-body[data-page-name=about] .m-outreach-module .m-map:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=about] .m-outreach-module .m-map--inner {
    --u-width: 1404;
    --u-height: 688;
    position: relative;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    flex: 0 0 auto;
    width: 1179px;
    max-width: 117.9%
}

.g-body[data-page-name=about] .m-outreach-module .m-map--inner:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=about] .m-outreach-module .m-map--inner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.g-body[data-page-name=about] .m-honor-module {
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 82px
}

.g-body[data-page-name=about] .m-honor-module .m-head {
    text-align: center
}

.g-body[data-page-name=about] .m-honor-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 30px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=about] .m-honor-module .m-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 28px;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=about] .m-honor-module .m-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    gap: 50px
}

.g-body[data-page-name=about] .m-honor-module .m-item .m-thumb-box {
    --u-width: 230;
    --u-height: 230;
    position: relative;
    overflow: hidden;
    width: 100%;
    width: 230px
}

.g-body[data-page-name=about] .m-honor-module .m-item .m-thumb-box>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=about] .m-honor-module .m-item .m-thumb-box>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=about] .m-honor-module .m-item .m-thumb-box>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=about] .m-honor-module .m-item .m-thumb-box:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=about] .m-about-technical-module .thumb-wrapper {
        border-radius:116px 34px
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-title,.g-body[data-page-name=about] .m-honor-module .m-title,.g-body[data-page-name=about] .m-milestones-module .m-title,.g-body[data-page-name=about] .m-outreach-module .m-title {
        font-size: 56px
    }

    .g-body[data-page-name=about] .m-outreach-module {
        padding-top: 120px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-data-group {
        margin-top: 220px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=about] .m-about-technical-module .m-title,.g-body[data-page-name=about] .m-honor-module .m-title,.g-body[data-page-name=about] .m-milestones-module .m-title,.g-body[data-page-name=about] .m-outreach-module .m-title {
        font-size:52px
    }

    .g-body[data-page-name=about] .m-about-technical-module .collapse-item[data-state-open="1"] .item-title {
        font-size: 30px
    }

    .g-body[data-page-name=about] .m-about-technical-module .item-desc {
        font-size: 16px
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-desc,.g-body[data-page-name=about] .m-honor-module .m-desc,.g-body[data-page-name=about] .m-milestones-module .m-desc,.g-body[data-page-name=about] .m-outreach-module .m-desc {
        font-size: 18px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-data-group .num {
        font-size: 50px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-data-group {
        gap: 60px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=about] .m-about-technical-module .item-body {
        padding-top:10px
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body {
        display: block
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body>.state--pos-left,.g-body[data-page-name=about] .m-about-technical-module .m-body>.state--pos-right {
        width: 100%;
        max-width: 100%
    }

    .g-body[data-page-name=about] .m-about-technical-module .item-title {
        max-width: 260px
    }

    .g-body[data-page-name=about] .m-about-technical-module .collapse-item[data-state-open="1"] .item-title {
        font-size: 24px
    }

    .g-body[data-page-name=about] .m-about-technical-module .item-title:after {
        top: .6em
    }

    .g-body[data-page-name=about] .m-about-technical-module .item-head {
        align-items: flex-start
    }

    .g-body[data-page-name=about] .m-about-technical-module .item-head .icon-box {
        padding: 20px 0
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body .item-thumb {
        --u-width: 708;
        --u-height: 750;
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        margin-bottom: 30px;
        border-radius: 136px 34px
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body .item-thumb>img {
        position: absolute;
        width: 100%;
        height: 100%
    }

    @supports(object-fit: cover) {
        .g-body[data-page-name=about] .m-about-technical-module .m-body .item-thumb>img {
            top:0;
            left: 0;
            object-fit: cover;
            object-position: center
        }
    }

    @supports not (object-fit: cover) {
        .g-body[data-page-name=about] .m-about-technical-module .m-body .item-thumb>img {
            top:50%;
            left: 50%;
            transform: translate3d(-50%,50%)
        }
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body .item-thumb:after {
        display: block;
        width: 100%;
        padding-top: calc(var(--u-height)/var(--u-width)*100%);
        content: ""
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body .item-thumb:before {
        --end-pos: 46.56%;
        position: absolute;
        z-index: 100;
        top: 10%;
        left: -10%;
        width: 100%;
        height: 100%;
        content: "";
        transform: translateZ(0);
        background-image: linear-gradient(26deg,rgba(0,179,242,.8) 8.31%,rgba(112,226,138,.8) var(--end-pos),rgba(112,226,138,0) var(--end-pos));
        filter: blur(60px)
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-body>.state--pos-left {
        display: none
    }

    .g-body[data-page-name=about] .m-about-technical-module {
        padding-bottom: 40px
    }

    .g-body[data-page-name=about] .m-milestones-module {
        padding-top: 40px
    }

    .g-body[data-page-name=about] .m-milestones-module .u-tab-group {
        display: none
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-title,.g-body[data-page-name=about] .m-honor-module .m-title,.g-body[data-page-name=about] .m-milestones-module .m-title,.g-body[data-page-name=about] .m-outreach-module .m-title {
        font-size: 32px;
        margin-bottom: 10px
    }

    .g-body[data-page-name=about] .m-about-technical-module .m-desc,.g-body[data-page-name=about] .m-honor-module .m-desc,.g-body[data-page-name=about] .m-milestones-module .m-desc,.g-body[data-page-name=about] .m-outreach-module .m-desc {
        font-size: 16px
    }

    .g-body[data-page-name=about] .m-milestones-module .m-footer .decoration-box {
        --u-height: 515
    }

    .g-body[data-page-name=about] .m-milestones-module .m-footer {
        margin-top: -60px
    }

    .g-body[data-page-name=about] .m-milestones-module .milestone-swiper .item-desc {
        font-size: 16px
    }

    .g-body[data-page-name=about] .m-outreach-module {
        padding-top: 80px;
        padding-bottom: 40px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-head {
        display: block
    }

    .g-body[data-page-name=about] .m-outreach-module .m-flag {
        margin-top: 20px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-flag .row:after {
        top: .6em
    }

    .g-body[data-page-name=about] .m-outreach-module .m-body {
        flex-direction: column;
        padding: 0
    }

    .g-body[data-page-name=about] .m-outreach-module .m-data-group {
        margin-top: 65px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-data-group .num {
        font-size: 40px
    }

    .g-body[data-page-name=about] .m-outreach-module .m-map {
        width: 100%;
        margin-top: 50px;
        justify-content: center
    }

    .g-body[data-page-name=about] .m-outreach-module .m-map--inner:after {
        display: none
    }

    .g-body[data-page-name=about] .m-outreach-module .m-map--inner,.g-body[data-page-name=about] .m-outreach-module .m-map--inner svg {
        position: static;
        flex: 0 0 auto;
        width: 100vw
    }

    .g-body[data-page-name=about] .m-honor-module {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .g-body[data-page-name=about] .m-honor-module .m-list {
        width: 100%;
        gap: 0 30px;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .g-body[data-page-name=about] .m-honor-module .m-item .m-thumb-box {
        width: 100%
    }
}

.g-body[data-page-name=solutionDetail] .m-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    color: #fff;
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.g-body[data-page-name=solutionDetail] .m-banner .m-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g-body[data-page-name=solutionDetail] .m-banner .m-container--inner {
    height: 100vh;
    padding-bottom: 85px
}

.g-body[data-page-name=solutionDetail] .m-banner .m-nav-path {
    font-size: 14px;
    margin-bottom: 12px
}

.g-body[data-page-name=solutionDetail] .m-banner .m-nav-path .path-item {
    --draw-duration: 0.4s;
    --draw-line-height: 1px;
    font-weight: 500;
    line-height: 1.1428571429em
}

.g-body[data-page-name=solutionDetail] .m-banner .m-nav-path .path-item:hover .item-title span {
    background-position: 0 100%;
    background-size: 100% var(--draw-line-height)
}

.g-body[data-page-name=solutionDetail] .m-banner .m-nav-path .path-item .item-title span {
    transition: background-size var(--draw-duration) cubic-bezier(.2,.75,.5,1);
    background-image: linear-gradient(90deg,currentColor 0,currentColor);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 var(--draw-line-height)
}

.g-body[data-page-name=solutionDetail] .m-banner .m-nav-path .divide-icon {
    height: 20px;
    width: 20px;
    margin: 0 8px
}

.g-body[data-page-name=solutionDetail] .m-banner .m-title {
    font-size: 76px;
    font-weight: 700;
    line-height: 110%;
    max-width: 590px;
    letter-spacing: -.02em
}

.g-body[data-page-name=solutionDetail] .m-editor-module {
    position: relative;
    z-index: 20;
    overflow: hidden;
    transform: translateZ(0);
    background-color: #fff
}

.g-body[data-page-name=solutionDetail] .m-decoration {
    position: relative;
    z-index: 20;
    overflow: hidden;
    background-color: #fff;
    background-size: cover
}

.g-body[data-page-name=solutionDetail] .m-decoration .m-bg-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.g-body[data-page-name=solutionDetail] .m-decoration .m-bg-layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=solutionDetail] .m-decoration .m-container {
    position: relative;
    z-index: 10
}

.g-body[data-page-name=solutionDetail] .m-decoration .m-container--inner {
    height: calc(100vh - var(--size-nav-mini-height));
    padding-bottom: 92px
}

.g-body[data-page-name=solutionDetail] .m-decoration .m-head {
    font-size: 66px;
    font-weight: 700;
    line-height: 100%;
    max-width: 10.7878787879em;
    letter-spacing: -.02em;
    color: #fff
}

.g-body[data-page-name=solutionDetail] .m-solution-case {
    position: relative;
    z-index: 20;
    overflow: hidden;
    padding-top: 140px;
    padding-bottom: 177px;
    color: #121926;
    background-color: #fff
}

.g-body[data-page-name=solutionDetail] .m-solution-case .current-index {
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    position: absolute;
    z-index: 11;
    top: 8.3%;
    right: 5%;
    display: flex;
    letter-spacing: -.02em;
    color: #fff;
    align-items: center
}

.g-body[data-page-name=solutionDetail] .m-solution-case .current-index .text {
    line-height: 1.26;
    display: inline-block
}

.g-body[data-page-name=solutionDetail] .m-solution-case .current-index .text:after,.g-body[data-page-name=solutionDetail] .m-solution-case .current-index .text:before {
    display: table;
    content: ""
}

.g-body[data-page-name=solutionDetail] .m-solution-case .current-index .text:before {
    margin-bottom: -.293em
}

.g-body[data-page-name=solutionDetail] .m-solution-case .current-index .text:after {
    margin-top: -.222em
}

.g-body[data-page-name=solutionDetail] .m-solution-case .current-index:before {
    width: .3636363636em;
    height: .3636363636em;
    border-radius: 50%;
    display: block;
    margin-right: .4090909091em;
    content: "";
    background-color: #fff
}

.g-body[data-page-name=solutionDetail] .m-solution-case .group-head {
    margin-bottom: 64px
}

.g-body[data-page-name=solutionDetail] .m-solution-case .group-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.02em
}

.g-body[data-page-name=solutionDetail] .m-solution-case .group-subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 10px;
    letter-spacing: -.03em;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group {
    margin-bottom: 140px
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .group-body>.state--pos-left {
    width: 961px;
    max-width: 62%
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .group-body>.state--pos-right {
    width: 505px;
    max-width: 34%
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .m-item {
    position: relative;
    overflow: hidden
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info:after {
    --end-pos: 46.56%;
    position: absolute;
    top: 10%;
    left: -10%;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(26deg,rgba(0,179,242,.8) 8.31%,rgba(112,226,138,.8) var(--end-pos),rgba(112,226,138,0) var(--end-pos));
    filter: blur(60px)
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info .info {
    font-size: 34px;
    font-weight: 700;
    position: relative;
    z-index: 100;
    padding-bottom: 52px;
    padding-left: 52px;
    letter-spacing: -.02em;
    color: #fff
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info .data2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.02em
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .swiper--thumb {
    overflow: hidden;
    border-radius: 40px
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-thumb-box {
    --u-width: 961;
    --u-height: 594;
    position: relative;
    overflow: hidden;
    width: 100%
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-thumb-box>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-thumb-box>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-thumb-box>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-thumb-box:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.02em
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-subtitle {
    font-size: 20px;
    font-weight: 500;
    margin-top: 18px;
    letter-spacing: -.02em;
    color: #acb3b7
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-tag-group {
    margin: -3px;
    margin-top: 40px;
    flex-wrap: wrap
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-tag {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285714286em;
    margin: 3px;
    padding: 10px 12px;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 40px
}

.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .c-swiper-controller {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 104px
}

.g-body[data-page-name=solutionDetail] .m-video-module {
    position: relative;
    z-index: 20;
    overflow: hidden;
    background-color: #fff
}

.g-body[data-page-name=solutionDetail] .m-video-module .video-box {
    height: calc(100vh - var(--size-nav-mini-height))
}

.g-body[data-page-name=solutionDetail] .m-video-module .video-box img,.g-body[data-page-name=solutionDetail] .m-video-module .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.g-body[data-page-name=solutionDetail] .m-video-module .video-item {
    position: relative;
    background-color: #fff
}

.g-body[data-page-name=solutionDetail] .m-video-module .m-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 86px;
    padding-bottom: 100px
}

.g-body[data-page-name=solutionDetail] .m-video-module .video-index {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -.02em;
    color: #666
}

.g-body[data-page-name=solutionDetail] .m-video-module .video-index:before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    content: "";
    background-color: currentColor
}

.g-body[data-page-name=solutionDetail] .m-video-module .btn--video-play {
    font-size: 20px;
    font-weight: 700;
    line-height: 180%;
    padding: 14px 33px;
    color: #121926;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: 0 27px 56.1px 0 hsla(0,0%,48%,.22)
}

.g-body[data-page-name=solutionDetail] .m-video-module .btn--video-play .text {
    margin-right: 18px
}

.g-body[data-page-name=solutionDetail] .m-advantages-module {
    position: relative;
    z-index: 20;
    overflow: hidden;
    padding: 150px 0;
    background-color: #fff
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .m-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    max-width: 432px;
    margin-bottom: 42px;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .m-body>.state--pos-left {
    width: 726px;
    margin-right: 63px
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .m-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    max-width: 592px;
    color: #9c9c9c
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group {
    max-width: 623px;
    margin-top: 80px;
    color: #121926
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .num {
    line-height: 1.285625;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -.02em
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .num:after,.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .num:before {
    display: table;
    content: ""
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .num:before {
    margin-bottom: -.30581em
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .num:after {
    margin-top: -.23481em
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .unit {
    line-height: 1.2692307692;
    font-size: 26px;
    font-weight: 700;
    margin-left: 6px;
    letter-spacing: -.02em
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .unit:after,.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .unit:before {
    display: table;
    content: ""
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .unit:before {
    margin-bottom: -.29762em
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .unit:after {
    margin-top: -.22662em
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .data-item--desc {
    font-size: 15px;
    font-weight: 500;
    max-width: 144px;
    margin-top: 14px;
    letter-spacing: -.02em;
    color: rgba(18,25,38,.5)
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper {
    position: relative;
    overflow: visible;
    width: 431px
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper-slide {
    position: relative
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper-slide[data-theme=black] .item-title {
    color: #fff
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper-slide[data-theme=black] .item-desc {
    color: #e8e8ea
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper-slide[data-theme=black] .item-index {
    color: #fff
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper-slide[data-layout="02"] .item-info--layer {
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
    justify-content: space-between
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .btn--tab-right {
    position: absolute;
    z-index: 20;
    top: calc(50% + 10px);
    left: calc(100% + 15px);
    cursor: pointer
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .btn--tab-right .ic-box {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    font-size: 26px;
    position: relative;
    transition: .26s ease;
    color: #fff;
    border-radius: 1000px
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .btn--tab-right .ic-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: .26s ease;
    border-radius: 1000px;
    background: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .btn--tab-right .ic-box .ic {
    position: relative;
    z-index: 10
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box {
    --u-width: 431;
    --u-height: 543;
    position: relative;
    width: 100%;
    overflow: hidden;
    width: 431px;
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 40px
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.02em;
    color: #121926
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    max-width: 277px;
    margin-top: 16px;
    letter-spacing: -.02em;
    color: #666
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-index {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 30px;
    padding-top: 34px;
    letter-spacing: -.0207777778em;
    color: #666
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-index:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    content: "";
    background-color: currentColor
}

.g-body[data-page-name=solutionDetail] .m-advantages-module .item-info--layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 50px
}

@media(min-width: 1921px) {
    .g-body[data-page-name=solutionDetail] .m-banner .m-container--inner {
        padding-bottom:120px
    }
}

@media(max-width: 1679.98px) {
    .g-body[data-page-name=solutionDetail] .m-banner .m-bg img {
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }
}

@media(max-width: 1559.98px) {
    .g-body[data-page-name=solutionDetail] .m-banner .m-title {
        font-size:68px
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .btn--video-play {
        font-size: 18px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-body>.state--pos-left {
        width: 566px;
        margin-right: 83px
    }

    .g-body[data-page-name=solutionDetail] .m-decoration .m-head {
        font-size: 58px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-title,.g-body[data-page-name=solutionDetail] .m-solution-case .group-title {
        font-size: 56px
    }
}

@media(max-width: 1439.98px) {
    .g-body[data-page-name=solutionDetail] .m-banner .m-title {
        font-size:60px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-body>.state--pos-left {
        width: 516px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box,.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper {
        width: 390px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .btn--tab-right .ic-box {
        width: 82px;
        height: 82px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .num {
        font-size: 42px
    }

    .g-body[data-page-name=solutionDetail] .m-decoration .m-head {
        font-size: 52px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info .info {
        padding-bottom: 42px;
        padding-left: 42px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .c-swiper-controller {
        margin-top: 54px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-title,.g-body[data-page-name=solutionDetail] .m-solution-case .group-title {
        font-size: 52px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=solutionDetail] .m-banner {
        position:static
    }

    .g-body[data-page-name=solutionDetail] .m-banner .m-title {
        font-size: 46px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-body {
        display: block
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-title,.g-body[data-page-name=solutionDetail] .m-solution-case .group-title {
        font-size: 32px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-desc {
        max-width: 100%
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .data-group {
        display: block
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .data-item {
        margin-bottom: 40px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .data-item:last-child {
        margin-bottom: 0
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .data-group .data-item--desc,.g-body[data-page-name=solutionDetail] .m-advantages-module .m-body>.state--pos-left {
        max-width: 100%
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .m-body>.state--pos-left {
        margin-bottom: 80px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .swiper {
        width: 100%;
        margin: 0
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box,.g-body[data-page-name=solutionDetail] .m-advantages-module .swiper-slide {
        width: 80vw
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-thumb-box {
        border-radius: 24px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-info--layer {
        padding: 0 20px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-index {
        font-size: 12px;
        margin-bottom: 18px;
        padding-top: 20px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-index:before {
        width: 3px;
        height: 3px;
        border-radius: 50%;
        margin-right: 4px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .item-desc {
        font-size: 12px
    }

    .g-body[data-page-name=solutionDetail] .m-advantages-module .btn--tab-right {
        display: none
    }

    .g-body[data-page-name=solutionDetail] .m-decoration .m-head {
        font-size: 32px;
        max-width: 280px
    }

    .g-body[data-page-name=solutionDetail] .m-decoration .m-container--inner {
        height: 638px;
        padding-bottom: 40px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .current-index {
        font-size: 16px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .group-body {
        display: block
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .group-body>.state--pos-left,.g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .group-body>.state--pos-right {
        max-width: 100%
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info .info {
        font-size: 20px;
        padding: 20px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-info .data2 {
        font-size: 12px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .swiper--thumb {
        border-radius: 20px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-title {
        font-size: 24px;
        max-width: 80%
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .group-body>.state--pos-right {
        margin-top: 30px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-subtitle {
        font-size: 16px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .item-tag-group {
        flex-direction: column;
        align-items: flex-start
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group {
        margin-bottom: 80px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .group-head {
        flex-direction: column;
        margin-bottom: 50px;
        align-items: flex-start
    }

    .g-body[data-page-name=solutionDetail] .m-video-module {
        transform: translateZ(0)
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .video-box {
        height: 363px;
        background-color: #000
    }

    .g-body[data-page-name=solutionDetail] .m-banner .m-container--inner {
        height: calc(100vh - 108px);
        padding-bottom: 72px
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .m-container {
        padding: 0;
        padding-top: 30px;
        padding-bottom: 50px
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .btn--video-play {
        font-size: 14px;
        padding: 10px 22px
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .btn--video-play .text {
        margin-right: 1em
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .video-index {
        font-size: 19px
    }

    .g-body[data-page-name=solutionDetail] .m-video-module .video-index:before {
        width: 5px;
        height: 5px
    }

    .g-body[data-page-name=solutionDetail] .m-solution-case .u-case-group .c-swiper-controller {
        margin-top: 34px
    }
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79,79,79,.4);
    --pswp-preloader-color-secondary: hsla(0,0%,100%,.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.pswp,.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img {
    cursor: zoom-out
}

.pswp__button,.pswp__container,.pswp__counter,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none!important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:active,.pswp__button:focus,.pswp__button:hover {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none!important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    margin-inline-start:20px;font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

.photo-swipe-item {
    cursor: zoom-in
}

.pswp video {
    max-width: none
}

.pswp__preloader {
    visibility: hidden;
    opacity: 0
}

.pswp__top-bar {
    padding-top: 14px
}

.pswp__top-bar .pswp__counter {
    margin-top: 0
}

.pswp__top-bar .pswp__button {
    display: flex;
    width: 32px;
    height: 32px;
    margin-right: 14px;
    border-radius: 50%;
    background: hsla(0,0%,9%,.8);
    align-items: center;
    justify-content: center
}

.pswp__top-bar .pswp__button svg {
    display: none
}

.pswp__top-bar .pswp__button.pswp__button--close {
    background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.66713 1.25682C2.30165 0.891348 1.68879 0.911652 1.29827 1.30218C0.907746 1.6927 0.88744 2.30556 1.25292 2.67104L4.57359 5.99171L1.23672 9.32285C0.877303 9.68227 0.90252 10.2902 1.29304 10.6807C1.68357 11.0713 2.29152 11.0965 2.65094 10.7371L5.98781 7.40593L9.33956 10.7577C9.70504 11.1232 10.3179 11.1029 10.7084 10.7123C11.099 10.3218 11.1193 9.70895 10.7538 9.34347L7.40324 5.99293L10.7445 2.65741C11.1039 2.29799 11.0787 1.69004 10.6882 1.29951C10.2977 0.908988 9.68971 0.883771 9.33029 1.24319L5.98902 4.57872L2.66713 1.25682Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px 12px
}

.pswp__top-bar .pswp__button.pswp__button--zoom {
    background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.17111 7.7569C9.69463 6.96647 9.99951 6.01859 9.99951 4.99951C9.99951 2.23809 7.76094 -0.000488281 4.99951 -0.000488281C2.23809 -0.000488281 -0.000489235 2.23809 -0.000489235 4.99951C-0.000489235 7.76094 2.23809 9.99951 4.99951 9.99951C6.01859 9.99951 6.96647 9.69463 7.7569 9.17111L10.2924 11.7066C10.6829 12.0971 11.3161 12.0971 11.7066 11.7066C12.0971 11.3161 12.0971 10.6829 11.7066 10.2924L9.17111 7.7569ZM1.99951 4.99951C1.99951 4.44723 2.44723 3.99951 2.99951 3.99951H3.99951V2.99951C3.99951 2.44723 4.44723 1.99951 4.99951 1.99951C5.5518 1.99951 5.99951 2.44723 5.99951 2.99951V3.99951H6.99951C7.5518 3.99951 7.99951 4.44723 7.99951 4.99951C7.99951 5.5518 7.5518 5.99951 6.99951 5.99951H5.99951V6.99951C5.99951 7.5518 5.5518 7.99951 4.99951 7.99951C4.44723 7.99951 3.99951 7.5518 3.99951 6.99951V5.99951H2.99951C2.44723 5.99951 1.99951 5.5518 1.99951 4.99951Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 12px 12px
}

.pswp__button.pswp__button--arrow--prev {
    margin-left: 14px
}

.pswp__button.pswp__button--arrow--next {
    margin-right: 14px
}

.pswp__button.pswp__button--arrow {
    display: flex;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    border-radius: 50%;
    background: hsla(0,0%,9%,.8);
    align-items: center;
    justify-content: center
}

.pswp__button.pswp__button--arrow svg {
    display: none
}

.pswp__button.pswp__button--arrow:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    pointer-events: none
}

.pswp__button.pswp__button--arrow--prev:after {
    background-image: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.59868 2.43996C7.86623 2.16224 8 1.82749 8 1.43571C8 1.04393 7.86623 0.709175 7.59868 0.431457C7.33113 0.14382 7.01103 -4.32295e-08 6.63837 -5.95188e-08C6.26571 -7.58082e-08 5.94561 0.14382 5.67806 0.431456L0.346196 5.99575C0.212421 6.11477 0.119257 6.26355 0.0667032 6.44208C0.014149 6.62062 -0.00735061 6.80907 0.00220425 7.00744C0.0117596 7.20581 0.0523704 7.4017 0.124035 7.59511C0.1957 7.78852 0.298419 7.95466 0.432194 8.09352L5.67806 13.5685C5.94561 13.8562 6.26571 14 6.63837 14C7.01103 14 7.33113 13.8562 7.59868 13.5685C7.73245 13.4297 7.83278 13.2735 7.89967 13.0999C7.96656 12.9263 8 12.7478 8 12.5643C8 12.3808 7.96656 12.1998 7.89967 12.0213C7.83278 11.8427 7.73245 11.684 7.59868 11.5452L3.27012 6.99256L7.59868 2.43996Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px 14px
}

.pswp__button.pswp__button--arrow--next:after {
    background-image: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.401323 2.43996C0.133774 2.16224 -5.32077e-07 1.82749 -5.49203e-07 1.43571C-5.66328e-07 1.04393 0.133774 0.709175 0.401322 0.431457C0.668871 0.14382 0.988974 -4.32295e-08 1.36163 -5.95188e-08C1.73429 -7.58082e-08 2.05439 0.14382 2.32194 0.431456L7.6538 5.99575C7.78758 6.11477 7.88074 6.26355 7.9333 6.44208C7.98585 6.62062 8.00735 6.80907 7.9978 7.00744C7.98824 7.20581 7.94763 7.4017 7.87596 7.59511C7.8043 7.78852 7.70158 7.95466 7.56781 8.09352L2.32194 13.5685C2.05439 13.8562 1.73429 14 1.36163 14C0.988975 14 0.668872 13.8562 0.401323 13.5685C0.267549 13.4297 0.167218 13.2735 0.100331 13.0999C0.0334435 12.9263 -5.4736e-08 12.7478 -6.27567e-08 12.5643C-7.07774e-08 12.3808 0.0334435 12.1998 0.100331 12.0213C0.167218 11.8427 0.267549 11.684 0.401323 11.5452L4.72988 6.99256L0.401323 2.43996Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px 14px
}

.js-split-text {
    --shadow-text-color: rgba(0,0,0,.2)
}

.js-split-text[data-is-lighter=true] {
    --shadow-text-color: hsla(0,0%,100%,.2)
}

.js-split-text .js-split-line-wrapper {
    perspective: 1000px;
    transform-style: preserve-3d
}

.js-split-text .js-split-line {
    --clip-path-progress: 100%;
    transform-origin: center center -2em!important;
    white-space: nowrap;
    clip-path: polygon(0 0,100% 0,100% 120%,0 120%)
}

.js-split-text .js-split-word {
    position: relative
}

.js-split-text[data-effect-type=effect-3] .js-split-line {
    transform: rotateX(-50deg) rotateY(13deg) rotate(13deg);
    opacity: 0
}

.js-split-text[data-effect-type=effect-4] .js-split-word {
    position: relative
}

.js-split-text[data-effect-type=effect-4] .js-split-word:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    content: attr(data-text);
    color: var(--shadow-text-color)
}

@keyframes init-loading {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body .toastify {
    font-size: 12px;
    min-width: 88px;
    min-height: unset;
    margin-bottom: 22px;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    background: #000;
    box-shadow: 0 4px 8px rgba(0,0,0,.4)
}

body .toastify.toastify-error {
    border: 1px solid #da121d;
    background: #fe4a54;
    box-shadow: 0 4px 8px rgba(254,74,84,.4)
}

body .toastify.toastify-success {
    border: 1px solid #00b374;
    background: #19cd8b;
    box-shadow: 0 4px 8px rgba(25,205,139,.4)
}

.g-body[data-page-name=video] {
    padding-top: calc(var(--size-nav-normal-height) + 103px)
}

.g-body[data-page-name=video][data-is-code-check=true] {
    padding-top: 0
}

.g-body[data-page-name=video][data-is-code-check=true] .m-contact {
    background: transparent
}

.g-body[data-page-name=video] .pswp__button--arrow--next,.g-body[data-page-name=video] .pswp__button--arrow--prev,.g-body[data-page-name=video] .pswp__button--zoom,.g-body[data-page-name=video] .pswp__counter {
    display: none
}

.g-body[data-page-name=video] .m-video-module {
    padding-bottom: 136px
}

.g-body[data-page-name=video] .m-video-module .m-head {
    position: relative;
    z-index: 10;
    margin-bottom: 75px
}

.g-body[data-page-name=video] .m-video-module .m-title {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -.02em
}

.g-body[data-page-name=video] .m-video-module .m-category {
    position: relative;
    padding: 6px;
    gap: 12px
}

.g-body[data-page-name=video] .m-video-module .m-category .category-item--wrapper {
    position: relative
}

.g-body[data-page-name=video] .m-video-module .m-category .category-item--wrapper:hover .category-sub-group {
    visibility: visible;
    opacity: 1
}

.g-body[data-page-name=video] .m-video-module .m-category .category-sub-group {
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    visibility: hidden;
    max-width: 200px;
    padding: 27px 30px;
    transition: .36s ease,transform 0s ease;
    transform: translateX(-50%);
    opacity: 0;
    border-radius: 19px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.06)
}

.g-body[data-page-name=video] .m-video-module .m-category .category-sub-group:after {
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 10px;
    content: ""
}

.g-body[data-page-name=video] .m-video-module .m-category .category-sub-group .category-sub-group--item {
    position: relative;
    display: block;
    display: flex;
    padding: 13px 0;
    transition: .26s ease;
    color: rgba(18,25,38,.6);
    align-items: center
}

.g-body[data-page-name=video] .m-video-module .m-category .category-sub-group .category-sub-group--item:hover,.g-body[data-page-name=video] .m-video-module .m-category .category-sub-group .category-sub-group--item[data-active=true] {
    color: #121926
}

.g-body[data-page-name=video] .m-video-module .category-item {
    line-height: 1.1111111111;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px 15px 5px;
    transition: .36s ease;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=video] .m-video-module .category-item:after,.g-body[data-page-name=video] .m-video-module .category-item:before {
    display: table;
    content: ""
}

.g-body[data-page-name=video] .m-video-module .category-item:before {
    margin-bottom: -.21856em
}

.g-body[data-page-name=video] .m-video-module .category-item:after {
    margin-top: -.14756em
}

.g-body[data-page-name=video] .m-video-module .category-item:hover,.g-body[data-page-name=video] .m-video-module .category-item[data-active=true] {
    color: #121926
}

.g-body[data-page-name=video] .m-video-module .category-item:hover:before,.g-body[data-page-name=video] .m-video-module .category-item[data-active=true]:before {
    opacity: 1
}

.g-body[data-page-name=video] .m-video-module .category-item:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 10px;
    content: "";
    transition: .36s ease;
    opacity: 0;
    background-image: linear-gradient(128deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=video] .m-video-module .m-list {
    gap: 35px 15px
}

.g-body[data-page-name=video] .m-video-module .m-video-item .item-thumb-box {
    --u-width: 510;
    --u-height: 330;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.g-body[data-page-name=video] .m-video-module .m-video-item .item-thumb-box>img {
    position: absolute;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .g-body[data-page-name=video] .m-video-module .m-video-item .item-thumb-box>img {
        top:0;
        left: 0;
        object-fit: cover;
        object-position: center
    }
}

@supports not (object-fit: cover) {
    .g-body[data-page-name=video] .m-video-module .m-video-item .item-thumb-box>img {
        top:50%;
        left: 50%;
        transform: translate3d(-50%,50%)
    }
}

.g-body[data-page-name=video] .m-video-module .m-video-item .item-thumb-box:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=video] .m-video-module .m-video-item .item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    color: #030507
}

.g-body[data-page-name=video] .m-video-module .m-video-item .item-info-box {
    margin-top: 20px;
    padding: 0 20px
}

.g-body[data-page-name=video] .m-video-module .m-video-item .item-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .26s ease;
    opacity: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2))
}

.g-body[data-page-name=video] .m-video-module .m-video-item .btn--inner {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 30px;
    transition: .26s ease;
    transform: scale(.9);
    background: linear-gradient(150deg,#00b3f2 20.21%,#70e28a 92.48%)
}

.g-body[data-page-name=video] .m-video-module .m-video-item .btn--inner .ic {
    color: #fff
}

.g-body[data-page-name=video] .m-video-module .m-video-item:hover .item-btn {
    opacity: 1
}

.g-body[data-page-name=video] .m-video-module .m-video-item:hover .btn--inner {
    transform: scale(1)
}

.g-body[data-page-name=video] .m-code-check {
    position: relative;
    margin-bottom: -150px;
    background-image: var(--bg-img);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.g-body[data-page-name=video] .m-code-check .layer-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: hsla(0,0%,100%,.9);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.g-body[data-page-name=video] .m-code-check .code-check-panel .is-loading .btn--submit,.g-body[data-page-name=video] .m-code-check .code-request-panel .is-loading .btn--submit {
    overflow: hidden;
    pointer-events: none
}

.g-body[data-page-name=video] .m-code-check .code-check-panel .is-loading .btn--submit .ic,.g-body[data-page-name=video] .m-code-check .code-check-panel .is-loading .btn--submit .text,.g-body[data-page-name=video] .m-code-check .code-request-panel .is-loading .btn--submit .ic,.g-body[data-page-name=video] .m-code-check .code-request-panel .is-loading .btn--submit .text {
    opacity: 0
}

.g-body[data-page-name=video] .m-code-check .code-check-panel .is-loading .btn--submit:after,.g-body[data-page-name=video] .m-code-check .code-request-panel .is-loading .btn--submit:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    animation: init-loading 3s linear infinite;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2v4m0 12v4M6 12H2m20 0h-4m1.078 7.078L16.25 16.25M19.078 5 16.25 7.828M4.922 19.078 7.75 16.25M4.922 5 7.75 7.828" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px
}

.g-body[data-page-name=video] .m-code-check .code-check-panel {
    display: block
}

.g-body[data-page-name=video] .m-code-check .code-request-panel {
    display: none
}

.g-body[data-page-name=video] .m-code-check .code-request-panel .btn--submit .ic {
    --u-width: 26;
    --u-height: 24;
    position: relative;
    overflow: hidden;
    width: 100%;
    width: 26px;
    transition: .2s ease;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="24" fill="none"><path d="M24.313 12h-12.64m-5.326 4.17H3.913m2.434-4.023H1.513m4.834-4.023H3.913m6.707-3.528 13.255 6.427a1.086 1.086 0 0 1 0 1.954L10.62 19.404c-.908.44-1.873-.488-1.469-1.412l2.431-5.556a1.086 1.086 0 0 0 0-.871l-2.43-5.556c-.405-.925.56-1.853 1.468-1.413Z" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.g-body[data-page-name=video] .m-code-check .code-request-panel .btn--submit .ic:after {
    display: block;
    width: 100%;
    padding-top: calc(var(--u-height)/var(--u-width)*100%);
    content: ""
}

.g-body[data-page-name=video] .m-code-check .code-request-panel .btn--submit:hover .ic {
    transform: translateX(5px)
}

.g-body[data-page-name=video] .m-code-check .request-success-panel {
    font-size: 24px;
    font-weight: 600;
    display: none;
    max-width: 390px;
    text-align: center;
    color: #121926
}

.g-body[data-page-name=video] .m-code-check .request-success-panel .panel-head {
    margin-bottom: 19px
}

.g-body[data-page-name=video] .m-code-check .m-container--inner {
    min-height: calc(100vh + 150px);
    padding-top: var(--size-nav-height);
    padding-bottom: calc(var(--size-nav-height) + 150px)
}

.g-body[data-page-name=video] .m-code-check .form-head {
    margin-bottom: 50px
}

.g-body[data-page-name=video] .m-code-check .form-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #000
}

.g-body[data-page-name=video] .m-code-check .form-body {
    margin-bottom: 36px
}

.g-body[data-page-name=video] .m-code-check .form-body .form-item-group {
    margin-bottom: 26px
}

.g-body[data-page-name=video] .m-code-check .form-body .form-item-group:last-child {
    margin-bottom: 0
}

.g-body[data-page-name=video] .m-code-check .form-item-group {
    position: relative
}

.g-body[data-page-name=video] .m-code-check .form-item-group.has-error {
    --border-color: #ff3134
}

.g-body[data-page-name=video] .m-code-check .form-item-group.has-error .error-message {
    display: block
}

.g-body[data-page-name=video] .m-code-check .form-item-group .error-message {
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    display: none;
    color: #ff3134
}

.g-body[data-page-name=video] .m-code-check .form-item-group[data-required=true] label:after {
    margin-left: .5em;
    content: "*";
    color: red
}

.g-body[data-page-name=video] .m-code-check .form-item-group label {
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857em;
    display: block;
    margin-bottom: 10px;
    color: rgba(18,25,38,.6)
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input-box {
    position: relative;
    overflow: hidden;
    padding: 3px;
    border-radius: 8px;
    background: #fff
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input-box:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: "";
    border: 1px solid var(--border-color,#e8e8ea);
    border-radius: inherit
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input-box .decoration-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    visibility: hidden;
    transition: .2s ease;
    opacity: 0;
    background: linear-gradient(165deg,#17c2ff 25.99%,#84ffa0 92.5%)
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input,.g-body[data-page-name=video] .m-code-check .form-item-group .select {
    font-size: 15px;
    line-height: 2em;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: 377px;
    padding: 12px;
    border: 0;
    border-radius: 5px;
    outline: none;
    background: #fff;
    align-items: flex-start;
    gap: 10px;
    justify-content: center
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input:focus~.decoration-box,.g-body[data-page-name=video] .m-code-check .form-item-group .select:focus~.decoration-box {
    visibility: visible;
    opacity: 1
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input:-moz-placeholder-shown~.input-box-icon,.g-body[data-page-name=video] .m-code-check .form-item-group .select:-moz-placeholder-shown~.input-box-icon {
    display: none
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input:placeholder-shown~.input-box-icon,.g-body[data-page-name=video] .m-code-check .form-item-group .select:placeholder-shown~.input-box-icon {
    display: none
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input::-moz-placeholder,.g-body[data-page-name=video] .m-code-check .form-item-group .select::-moz-placeholder {
    color: #9c9c9c
}

.g-body[data-page-name=video] .m-code-check .form-item-group .input::placeholder,.g-body[data-page-name=video] .m-code-check .form-item-group .select::placeholder {
    color: #9c9c9c
}

.g-body[data-page-name=video] .m-code-check .form-item-group .select {
    position: relative;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M11.265 16.205a1 1 0 0 0 1.47 0l4.643-5.026c.591-.64.137-1.679-.735-1.679H7.357c-.872 0-1.326 1.038-.735 1.679l4.643 5.026Z' fill='%239C9C9C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 16px);
    background-size: cover;
    background-size: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.g-body[data-page-name=video] .m-code-check .form-item-group .select:not(:valid) {
    color: #9c9c9c
}

.g-body[data-page-name=video] .m-code-check .form-item-group .btn--submit {
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 18px 30px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(165deg,#17c2ff 25.99%,#84ffa0 92.5%);
    align-items: center;
    align-self: stretch;
    gap: 10px;
    justify-content: center
}

.g-body[data-page-name=video] .m-code-check .form-item-group .btn--request-password {
    font-family: Plus Jakarta Sans;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    color: #17c2ff
}

.g-body[data-page-name=video] .m-code-check .form-item-group .btn--show-password .ic-eye-open {
    display: none
}

.g-body[data-page-name=video] .m-code-check .form-item-group .btn--show-password .ic-eye-close,.g-body[data-page-name=video] .m-code-check .form-item-group .btn--show-password.is-show .ic-eye-open {
    display: block
}

.g-body[data-page-name=video] .m-code-check .form-item-group .btn--show-password.is-show .ic-eye-close {
    display: none
}

@media(min-width: 1440px)and (max-width:1559.98px) {
    .g-body[data-page-name=video] .m-code-check .form-head {
        margin-bottom:40px
    }

    .g-body[data-page-name=video] .m-code-check .form-item-group .input,.g-body[data-page-name=video] .m-code-check .form-item-group .select {
        font-size: 13px;
        padding: 10px 12px
    }

    .g-body[data-page-name=video] .m-code-check .form-item-group label {
        font-size: 13px
    }

    .g-body[data-page-name=video] .m-code-check .form-item-group .btn--submit {
        font-size: 16px;
        height: 52px
    }
}

@media(max-width: 767.98px) {
    .g-body[data-page-name=video] {
        padding-top:100px
    }

    .g-body[data-page-name=video] .m-video-module .m-head {
        position: relative;
        z-index: 10;
        display: block;
        margin-bottom: 50px
    }

    .g-body[data-page-name=video] .m-video-module .m-body {
        position: relative;
        z-index: 1
    }

    .g-body[data-page-name=video] .m-video-module .m-title {
        font-size: 60px;
        margin-bottom: 38px
    }

    .g-body[data-page-name=video] .m-video-module .category-item {
        font-size: 16px;
        padding: 11px 20px 11px 5px;
        white-space: nowrap
    }

    .g-body[data-page-name=video] .m-video-module {
        padding-bottom: 80px
    }

    .g-body[data-page-name=video] .m-video-module .m-category {
        display: none;
        overflow: auto;
        padding: 0 6px
    }

    .g-body[data-page-name=video] .m-video-module .m-list {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .g-body[data-page-name=video] .m-video-module .m-video-item .item-info-box {
        margin-top: 16px;
        padding: 0 16px
    }

    .g-body[data-page-name=video] .m-video-module .m-video-item .item-thumb-box {
        border-radius: 16px
    }

    .g-body[data-page-name=video] .m-code-check {
        background-image: var(--bg-img--mo)
    }
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
    padding: 12px 20px;
    color: #fff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);
    background: linear-gradient(135deg,#73a5ff,#5477f5);
    position: fixed;
    opacity: 0;
    transition: all .4s cubic-bezier(.215,.61,.355,1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content
}

@media only screen and (max-width: 360px) {
    .toastify-left,.toastify-right {
        margin-left:auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}