.__nuxt-error-page {
    padding: 1rem;
    background: #f7f8fb;
    color: #47494e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100!important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.__nuxt-error-page .error {
    max-width: 450px
}

.__nuxt-error-page .title {
    font-size: 1.5rem;
    margin-top: 15px;
    color: #47494e;
    margin-bottom: 8px
}

.__nuxt-error-page .description {
    color: #7f828b;
    line-height: 21px;
    margin-bottom: 10px
}

.__nuxt-error-page a {
    color: #7f828b!important;
    text-decoration: none
}

.__nuxt-error-page .logo {
    position: fixed;
    left: 12px;
    bottom: 12px
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #fff;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline
}

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


/* body {
    line-height: 1
} */

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

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

a {
    /* color: #000; */
    -webkit-backface-visibility: hidden;
    text-decoration: none
}

li {
    list-style: none
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

strong {
    font-weight: 700
}

body,
html {
    /* font-family: SourceHanSansCN-Regular; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth
}


/* body {
    min-width: 1264px
} */

@font-face {
    font-family: iconfont;
    src: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/e60d515.eot);
    src: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/e60d515.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/a1cb50b.woff) format("woff"), url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/2892ca6.ttf) format("truetype"), url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/img/f8e2f03.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-right:before {
    content: "\e775"
}

.icon-left:before {
    content: "\e779"
}

.icon-right-arrow:before {
    content: "\e733"
}

.icon-left-arrow:before {
    content: "\e734"
}

.icon-1-3:before {
    content: "\e601"
}

.icon-0-1:before {
    content: "\e602"
}

.icon-0-3:before {
    content: "\e603"
}

.icon-2-1:before {
    content: "\e604"
}

.icon-1-2:before {
    content: "\e605"
}

.icon-1-0:before {
    content: "\e606"
}

.icon-2-2:before {
    content: "\e607"
}

.icon-0-0:before {
    content: "\e608"
}

.icon-0-2:before {
    content: "\e609"
}

.icon-1-1:before {
    content: "\e60a"
}

.icon-2-0:before {
    content: "\e60b"
}

.icon-2-3:before {
    content: "\e60c"
}

.icon-0-2 {
    transform: scale(.6)
}

.icon-1-2,
.icon-2-3 {
    transform: scale(.8)
}


/* @font-face {
    font-family: AlteDIN;
    src: url(https://sf3-ttcdn-tos.pstatp.com/obj/ttfe/cg/business/AlteDIN1451Mittelschriftgepraegt.ttf)
} */


/* @font-face {
    font-family: ClarityMono-ExtraBold;
    src: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/f37100f.otf)
} */


/* @font-face {
    font-family: ClarityMono-Heavy;
    src: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/5696a19.otf)
}

@font-face {
    font-family: HYYakuHei;
    src: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/0f59079.ttf)
}

@font-face {
    font-family: Oswald;
    src: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/fonts/3e97dbd.ttf)
} */

.container {
    /* width: 1264px; */
    margin: 0 auto;
    padding: 0 32px;
    box-sizing: border-box
}

button {
    cursor: pointer
}

.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet-custom,
button {
    outline: none
}

.arrow {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(//sf6-scmcdn2-tos.pstatp.com/cg_growth/oceanengine/client/img/e532983.svg);
    background-size: cover
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

.gtitle {
    font-size: 36px;
    line-height: 42px;
    color: #333;
    margin-bottom: 16px;
    font-weight: 700
}

.gsubtitle {
    font-size: 16px;
    line-height: 16px;
    color: #888
}

.custom-toast {
    position: fixed;
    left: 50%;
    padding: 10px 30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    z-index: 9999;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background: rgba(0, 0, 0, .6);
    animation: show-toast .5s;
    -webkit-animation: show-toast .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%
}

.custom-toast.custom-word-wrap {
    width: 80%;
    white-space: inherit;
    height: auto
}

.custom-toast.custom-toast-top {
    top: .5rem
}

.custom-toast.custom-toast-center {
    top: 50%;
    margin-top: -.2rem
}

.custom-toast.custom-toast-bottom {
    bottom: 0
}

@-webkit-keyframes show-toast {
    0% {
        opacity: 0;
        transform: translate(-50%, -10px);
        -webkit-transform: translate(-50%, -10px)
    }
    to {
        opacity: 1;
        transform: translate(-50%);
        -webkit-transform: translate(-50%)
    }
}

@keyframes show-toast {
    0% {
        opacity: 0;
        transform: translate(-50%, -10px);
        -webkit-transform: translate(-50%, -10px)
    }
    to {
        opacity: 1;
        transform: translate(-50%);
        -webkit-transform: translate(-50%)
    }
}

.fade-in[data-v-50298c48] {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
    z-index: 0
}

.page-header[data-v-a49c0410] {
    color: #fff;
    height: 420px;
    background-size: 100% 420px;
    background-position: 0 0;
    position: relative
}

.page-header .title[data-v-a49c0410] {
    font-size: 44px;
    line-height: 52px;
    text-shadow: 0 2px 30px rgba(0, 0, 0, .5);
    margin-bottom: 24px;
    padding-top: 172px;
    text-align: center;
    font-weight: 700
}

.page-header .subtitle[data-v-a49c0410] {
    font-size: 20px;
    line-height: 32px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .5);
    text-align: center
}

.page-header .header-mask[data-v-a49c0410] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0e1661;
    opacity: .1
}

.selector[data-v-3e6c619a] {
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    z-index: 10
}

.selector:hover .selector-list[data-v-3e6c619a] {
    display: block
}

.selector:hover .selector-arrow[data-v-3e6c619a] {
    transform: rotate(-180deg)
}

.text[data-v-3e6c619a] {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-right: 12px
}

.selector-arrow[data-v-3e6c619a] {
    width: 14px;
    height: 14px;
    transition: transform .3s
}

.selector-list[data-v-3e6c619a] {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(34, 34, 34, .08);
    position: absolute;
    top: 24px;
    left: 0;
    display: none;
    overflow: scroll;
    max-height: 300px;
    border-radius: 4px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.selector-list[data-v-3e6c619a]::-webkit-scrollbar {
    display: none
}

.selector-list .selector-list-item[data-v-3e6c619a] {
    font-size: 16px;
    padding: 10px 24px 10px 16px;
    white-space: nowrap;
    color: #666
}

.selector-list .selector-list-item[data-v-3e6c619a]:hover {
    background: rgba(0, 0, 0, .1)
}

.common-section[data-v-84e54626] {
    margin: 0 auto;
    padding: 60px 0;
    font-family: PingFang SC;
    overflow: hidden
}

.common-section.dark[data-v-84e54626] {
    background-color: #141821;
    background-image: linear-gradient(98.3deg, hsla(0, 0%, 100%, .096), rgba(92, 99, 112, .096) 100%, rgba(19, 23, 32, .096) 0, rgba(38, 44, 63, .096) 0)
}

.common-section.dark .common-header h2[data-v-84e54626] {
    color: #fff
}

.common-section.dark .common-header h3[data-v-84e54626] {
    color: hsla(0, 0%, 100%, .6)
}

.common-section .common-header[data-v-84e54626] {
    max-width: 1200px;
    margin: 0 auto 40px;
    text-align: center
}

.common-section .common-header h2[data-v-84e54626] {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #333
}

.common-section .common-header h3[data-v-84e54626] {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #999
}

.common-section .common-content[data-v-84e54626] {
    max-width: 1200px;
    margin: 0 auto
}

.link-right[data-v-10043db2] {
    color: #2f6aff
}

.link-right svg[data-v-10043db2] {
    margin-left: 4px;
    stroke: #3269ff
}

.link-right[data-v-10043db2]:hover {
    color: #034aff
}

.link-right:hover svg[data-v-10043db2] {
    stroke: #3269ff
}

.adform-action .ad-link[data-v-ab61c7b6] {
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.adform-action .ad-link a[data-v-ab61c7b6] {
    cursor: pointer;
    color: #2f6aff
}

.advertise[data-v-ab61c7b6] {
    background: #fff;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible
}

.custom-form[data-v-ab61c7b6] {
    display: flex;
    flex-wrap: wrap
}

.adform[data-v-ab61c7b6] {
    display: flex;
    flex-wrap: nowrap
}

.adform.overseas-adform[data-v-ab61c7b6] {
    display: block
}

.adform.overseas-adform .adform-fields[data-v-ab61c7b6] {
    width: 1260px
}

.adform.overseas-adform .adform-fields[data-v-ab61c7b6] .form-field:nth-child(3),
.adform.overseas-adform .adform-fields[data-v-ab61c7b6] .form-field:nth-child(6) {
    margin-right: 0
}

.adform.overseas-adform .adform-action[data-v-ab61c7b6] {
    position: relative
}

.adform.overseas-adform .adform-action .glowbtn[data-v-ab61c7b6] {
    position: absolute;
    top: -88px;
    right: 0
}

.adform .adform-fields[data-v-ab61c7b6] {
    width: 880px
}

.adform .adform-fields[data-v-ab61c7b6] .form-field {
    display: inline-block;
    margin-right: 60px
}

.adform .adform-action .adform-call[data-v-ab61c7b6] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0 10px
}

.adform .adform-action .adform-call .phone[data-v-ab61c7b6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #2f6aff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.adform .adform-action .adform-call .phone .phone-icon[data-v-ab61c7b6] {
    width: 24px;
    height: 24px
}

.adform .adform-action .number[data-v-ab61c7b6] {
    font-family: ClarityMono-Heavy;
    font-size: 36px;
    line-height: 46px;
    color: #222;
    display: block
}

.case {
    background: #fafafa
}

.case-content .selector {
    margin: 48px 56px 32px 0
}

.cases {
    display: flex;
    flex-wrap: wrap
}

.cases .cases-item {
    width: 378px;
    height: 439px;
    overflow: hidden;
    margin-right: 33px;
    margin-bottom: 32px;
    border-radius: 12px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .06);
    cursor: pointer;
    transition: all .3s;
    background: #fff
}

.cases .cases-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .1)
}

.cases .cases-item:nth-child(3n) {
    margin-right: 0
}

.cases .cases-item .cases-item-picture {
    width: 378px;
    height: 227px
}

.cases .cases-item .cases-item-picture>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cases .cases-item>hr {
    margin: 16px 0;
    height: 1px;
    border: none;
    background: #eee
}

.cases-item-desc {
    padding-top: 24px;
    margin-left: 24px;
    display: flex;
    align-items: center
}

.cases-item-desc .logo {
    width: 56px;
    height: 56px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden
}

.cases-item-desc .logo>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cases-item-desc .title-area {
    color: #222
}

.cases-item-desc .title-area .title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 4px;
    font-weight: 700
}

.cases-item-desc .title-area .subtitle {
    font-size: 16px;
    line-height: 24px;
    width: 256px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
}

.tags {
    margin-top: 12px;
    margin-left: 92px
}

.tags .tags-item {
    color: #777;
    font-size: 14px;
    line-height: 22px;
    display: inline-flex;
    align-items: center
}

.tags .tags-item span {
    font-weight: 700
}

.tags .tags-item .divide {
    display: inline-block;
    margin-left: 16px;
    margin-right: 16px;
    width: 1px;
    height: 14px;
    background: #eee
}

.data-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px
}

.data-area.lessthen3 {
    padding: 0 75px
}

.data-area .data-item {
    text-align: center;
    flex: 1;
}

.data-area .data-item .status {
    margin-bottom: 4px;
    font-family: ClarityMono-ExtraBold
}

.data-area .data-item .status .number {
    font-size: 30px;
    line-height: 24px
}

.data-area .data-item .status .unit {
    font-size: 12px
}

.data-area .data-item .title {
    font-size: 14px;
    line-height: 22px;
    color: #999
}

.morebtn {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 57px
}

.morebtn button {
    width: 200px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #3269ff;
    color: #3269ff;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    justify-content: center;
    background: transparent;
    transition: background .2s
}

.morebtn button:hover {
    background: #f2f2f2
}

.morebtn button img {
    margin-left: 7px
}

.cases-1 {
    padding: 60px 0 0 0;
    background: #F4F7FC;
}

.cases-1 .cases-wrap {
    width: 1264px;
    margin: 0 auto;
    padding: 0 32px;
    box-sizing: border-box;
}

.banner.banner-case .bannner-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.banner-case {
    background: url(../images/case/banner-1.png) center center no-repeat;
}

.banner .bannner-wrap h3 {
    font-size: 32px;
    font-weight: 600;
}

.banner .bannner-wrap p {
    opacity: 0.7;
    font-size: 15px;
    margin-top: 15px;
}

.case-brand {
    margin-top: 50px;
}