@charset "UTF-8"; /*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

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

main {
    display: block
}

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

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

button,input,select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

fieldset {
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto
}

[type=search] {
    -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
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

details,dialog {
    display: block
}

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

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

summary {
    display: list-item
}

template {
    display: none
}

:root {
    /*font-size: calc(10px + .52083vw)*/
}

body {
    min-width: 1200px;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body h1,body h2,body h3,body h4,body h5,body h6 {
    margin-top: 0;
    margin-bottom: .5em
}

svg * {
    font-family: -apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei
}

.hover-obj:hover {
    fill: #003da5!important
}

.ant-layout-header {
    height: auto!important
}

.header-bar,.header-bar-en {
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 100;
    width: 100%;
    padding: 0!important;
    background: #003761!important;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.header-bar-en .ant-menu-horizontal,.header-bar .ant-menu-horizontal {
    display: inline-block;
    margin-right: 42px;
    border-bottom: none;
    font-size: 16px
}

.header-bar-en .ant-menu-horizontal .ant-menu-item,.header-bar .ant-menu-horizontal .ant-menu-item {
    padding: 0 10px
}

.header-bar-en .ant-menu-horizontal .ant-menu-item a,.header-bar .ant-menu-horizontal .ant-menu-item a {
    color: #fff
}

.header-bar-en .ant-menu-horizontal .ant-menu-item:hover,.header-bar .ant-menu-horizontal .ant-menu-item:hover {
    border-bottom-color: transparent
}

.header-bar-en .ant-menu-horizontal .ant-menu-item:hover a,.header-bar .ant-menu-horizontal .ant-menu-item:hover a {
    color: #B5D676
}

.header-bar-en .ant-menu-horizontal .ant-menu-item-selected,.header-bar .ant-menu-horizontal .ant-menu-item-selected {
    border-bottom-color: #B5D676!important
}

.header-bar-en .ant-menu-horizontal .ant-menu-item-selected a,.header-bar .ant-menu-horizontal .ant-menu-item-selected a {
    color: #B5D676
}

.header-bar-en .container,.header-bar .container {
    width: 1200px
}

.header-bar-en .container .logo img,.header-bar .container .logo img {
    width: 250px;
    /*height: 17.55px;*/
    display: inline-block
}

.header-bar-en .container .right,.header-bar .container .right {
    float: right
}

.header-bar-en .container .right .lang-btn,.header-bar .container .right .lang-btn {
    width: 48px;
    height: 28px;
    border-radius: 48px;
    border: none;
    background: #f3f5f8;
    color: #003da5;
    font-size: 16px;
    padding: 0;
    text-align: center
}

.header-bar-en .container .right .lang-btn:hover,.header-bar .container .right .lang-btn:hover {
    background: #b9d77f;
    color: #fff
}

.header-bar-shadow {
    box-shadow: 0 0 12px rgba(0,0,0,.16)
}

.header-bar-en .ant-menu-horizontal {
    font-size: 14px
}

.hero,.hero-en {
    display: flex;
    justify-content: center;
    padding-top: 96px;
    width: 100%;
    min-width: 1200px;
    background: #fff
}

.hero-en .container-left,.hero .container-left {
    width: 1200px
}

.hero-en .container-left h1,.hero .container-left h1 {
    font-size: 32px;
    line-height: 58px;
    font-weight: 400;
    color: #333
}

.hero-en .container-left h2,.hero .container-left h2 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    color: #333
}

.hero-en .container-left h1 {
    font-size: 36px!important;
    font-weight: 400!important;
    line-height: 46px!important
}

.hero-en .container-left h2 {
    font-size: 15.8px!important;
    letter-spacing: -.2px!important;
    font-weight: 400!important;
    line-height: 28px!important
}

.main-slider {
    display: flex;
    justify-content: center;
    padding-top: 24px;
    width: 100%;
    background: #fff;
    overflow: hidden
}

.main-slider .container {
    display: flex;
    align-items: flex-end;
    width: 1200px
}

.main-slider .container .left,.main-slider .container .right {
    min-width: 160px;
    vertical-align: bottom
}

.main-slider .container .left .left-bottom,.main-slider .container .right .left-bottom {
    padding-right: 45px
}

.main-slider .container .left .left-bottom ul,.main-slider .container .right .left-bottom ul {
    list-style: none;
    font-size: 16px;
    margin: 0;
    padding-left: 0
}

.main-slider .container .left .left-bottom ul li,.main-slider .container .right .left-bottom ul li {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    margin-top: 32px
}

.main-slider .container .left .left-bottom ul li a,.main-slider .container .right .left-bottom ul li a {
    color: #d8e6f5
}

.main-slider .container .left .left-bottom ul li .bar,.main-slider .container .right .left-bottom ul li .bar {
    display: inline-block;
    margin-left: 10px;
    width: 16px;
    height: 2px;
    background: #d8e6f5;
    -webkit-transform: translateY(-4.8px);
    transform: translateY(-4.8px)
}

.main-slider .container .left .left-bottom ul .active,.main-slider .container .right .left-bottom ul .active {
    font-size: 32px
}

.main-slider .container .left .left-bottom ul .active a,.main-slider .container .right .left-bottom ul .active a {
    color: #003da5
}

.main-slider .container .left .left-bottom ul .active .bar,.main-slider .container .right .left-bottom ul .active .bar {
    display: inline-block;
    margin-left: 10px;
    width: 56px;
    height: 2px;
    background: #003da5;
    -webkit-transform: translateY(-9.6px);
    transform: translateY(-9.6px)
}

.main-slider .container .right img {
    width: 1040px;
    height: 600px
}

.container-full {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /*background: #fff*/
}

.container-full .subtitle,.container-full .subtitle-en {
    position: relative;
    margin-top: 120px;
    font-size: 2.5rem;
    color: #333;
    letter-spacing: 6px
}

.container-full .subtitle-en .background,.container-full .subtitle .background {
    width: 100%;
    height: 24px;
    /*background: -webkit-gradient(linear,left top,right top,from(#003761),to(rgba(255,207,43,0)));
    background: linear-gradient(90deg,#003761,rgba(255,207,43,0))*/
}

.container-full .subtitle-en .content,.container-full .subtitle .content {
    margin-top: -60px;
    padding: 0 32px;
    font-weight: bolder;
}

.container-full .subtitle-en {
    letter-spacing: 10px
}

.container-full .starter,.container-full .starter-en {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.container-full .starter-en h1,.container-full .starter-en h2,.container-full .starter-en h3,.container-full .starter h1,.container-full .starter h2,.container-full .starter h3 {
    font-weight: 400
}

.container-full .starter-en h1,.container-full .starter h1 {
    font-size: 32px;
    line-height: 58px;
    color: #333
}

.container-full .starter-en h2,.container-full .starter h2 {
    font-size: 20px;
    line-height: 2rem;
    color: #333
}

.container-full .starter-en .apply-speed-up button,.container-full .starter .apply-speed-up button {
    margin-top: 60px;
    width: 148px;
    height: 48px;
    background: #2982e7;
    border-radius: 148px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px
}

.container-full .starter-en .apply-speed-up button:hover,.container-full .starter .apply-speed-up button:hover {
    background: #3b97ff
}

.container-full .starter-en h1 {
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 46px
}

.container-full .starter-en h2 {
    font-size: 15.8px;
    line-height: 28px
}

.photo-wall-5 img {
    width: 20%;
    overflow: hidden
}

.subtitle-container {
    margin-top: 120px;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #333
}

.subtitle-container span {
    margin-left: -360px;
    vertical-align: text-top
}

.subtitle-container .background {
    display: inline-block;
    vertical-align: bottom;
    width: 360px;
    height: 32px;
    background: -webkit-gradient(linear,left top,right top,from(#ffcf2b),to(rgba(255,207,43,0)));
    background: linear-gradient(90deg,#ffcf2b,rgba(255,207,43,0))
}

.achievement {
    margin-top: 88px;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 635px;
    background: #003da5;
    overflow: hidden
}

.achievement .container {
    width: 1920px
}

.expansion {
    width: 100%;
    min-width: 1200px;
    display: flex;
    justify-content: center;
    margin-top: 88px
}

.expansion .left,.expansion .right {
    margin-top: 29px;
    height: 100%;
}

.expansion .left img,.expansion .right img {
    cursor: pointer
}

.expansion .left img {
    margin-right: 48px;
    float: right
}

.expansion .right img {
    margin-left: 48px;
    float: left
}

.expansion .container {
    width: 975px;
    height: 300px
}

.global-resources {
    display: inline-block;
    margin-top: 88px;
    width: 100%;
    background: #09214a;
    height: 764px;
    text-align: center;
    min-width: 1920px
}

.global-resources .container .map {
    display: inline-block;
    margin-top: 73px;
    width: 1200px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.global-resources .container .info {
    float: right;
    width: 520px;
    height: 764px;
    background: rgba(0,61,165,.14);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: left
}

.global-resources .container .info .title {
    padding: 0 28px;
    height: 70px;
    background: rgba(41,130,231,.14);
    color: #fff
}

.global-resources .container .info .title .main {
    margin-left: 15px;
    font-size: 24px;
    line-height: 70px
}

.global-resources .container .info .title .sub {
    margin-left: 8px;
    font-size: 16px;
    line-height: 70px
}

.global-resources .container .info .title img {
    display: inline-block;
    margin-top: -8px;
    width: 32px;
    height: 32px;
    line-height: 70px
}

.global-resources .container .info .list {
    padding: 24px 28px;
    color: #bedbf9
}

.global-resources .container .info .list p {
    font-size: 14px;
    margin-bottom: 14px;
}

.global-resources .container .width-0 {
    width: 0
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #f3f5f8;
    padding-top: 40px
}

.footer .inline {
    display: flex;
    width: 1200px;
    min-width: 960px
}

.footer .inline .left {
    width: 20%;
    /*display: flex;*/
    flex-direction: column
}

.footer .inline .left .logo {
    width: 153px;
    /*height: 18px;*/
    margin-bottom: 26px
}

.footer .inline .left .qr-code {
    width: 96px;
    height: 96px
}

.footer .inline .middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    /*padding-right: 76px*/
}

.footer .inline .middle .menu {
    cursor: pointer
}

.footer .inline .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40%;
    padding-left: 40px;
    font-size: 14px
}

.footer .inline .right .container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 26px;
    max-height: 42px
}

.footer .inline .right .container img {
    display: inline-block;
    margin-top: 4px;
    margin-right: 10px
}

.footer .inline .right .container .text {
    display: inline-block;
    color: #666
}

.footer .copyright {
    margin-top: 40px;
    width: 100%;
    height: 40px;
    background: #333;
    text-align: center
}

.footer .copyright,.footer .copyright a {
    color: #727272;
    font-size: 14px;
    line-height: 40px
}

.footer .to-top {
    position: fixed;
    right: 18px;
    bottom: 64px;
    cursor: pointer
}

.space-slider {
    /*display: flex;
    flex-direction: column;
    align-items: center;*/
    height: 896px;
    padding-top: 292px;
    background: #fff
}

.space-slider .background {
    width: 100%;
    /*min-width: 1920px;*/
    height: 600px;
    position: absolute;
    background: #f3f5f8
}

.space-slider .container {
    /*display: flex;*/
    /*margin-top: -410px;*/
    align-items: flex-end;
    /*width: 1200px*/
}

.space-slider .container .slider-back {
    /*display: flex;*/
    justify-content: center;
    /*width: 225px;*/
    margin-right: 12px
}

.space-slider .container .slider-back .container {
    /*width: 1200px*/
}

.space-slider .container .right .slider-front .container {
    position: relative
}

.space-slider .container .right .slider-front .container img {
    width: 960px;
    height: 640px
}

.space-slider .container .right .slider-front .container .step {
    position: absolute;
    left: 32px;
    bottom: 24px;
    /*width: 220px;*/
    height: 2px
}

.space-slider .container .right .slider-front .container .step .bar {
    display: inline-block;
    margin: 0 2px;
    width: 40px;
    height: 2px;
    line-height: 2px;
    background: hsla(0,0%,100%,.3);
    cursor: pointer;
    padding: 0;
    vertical-align: text-top
}

.space-slider .container .right .slider-front .container .step .active {
    background: #003da5
}

.space-slider .container .right .slider-front .container .booking {
    position: absolute;
    left: 500px;
    bottom: -57px;
    cursor: pointer
}

.space-slider .container .right .slider-front .container .booking img {
    width: 300px;
    height: 88px
}

.space-slider .container .right .slider-front .container .left-arrow,.space-slider .container .right .slider-front .container .right-arrow {
    position: absolute;
    cursor: pointer;
    bottom: 296px
}

.space-slider .container .right .slider-front .container .left-arrow img,.space-slider .container .right .slider-front .container .right-arrow img {
    width: 48px;
    height: 48px
}

.space-slider .container .right .slider-front .container .left-arrow {
    left: 16px
}

.space-slider .container .right .slider-front .container .right-arrow {
    left: 790px
}

.starter-title,.starter-title-en {
    display: flex;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 88px;
    background: #fff
}

.starter-title-en .container,.starter-title .container {
    width: 150px
}

.starter-title-en .container {
    width: 1100px
}

.func-group {
    /*background: #fff*/
}

.func-group,.func-group .left {
    display: flex;
    justify-content: center
}

.func-group .left {
    width: 276px;
    height: 432px;
    border: 1px solid #d8e6f5;
    margin-right: 16px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.func-group .left:hover {
    background: #003da5;
    box-shadow: 0 0 32px rgba(0,0,0,.16)
}

.func-group .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.func-group .right .bottom,.func-group .right .top {
    display: flex;
    width: 924px
}

.func-group .right .bottom .cell,.func-group .right .top .cell {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 33%;
    height: 200px;
    margin: 0 16px;
    border: 1px solid #003761;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.func-group .right .bottom .cell:hover,.func-group .right .top .cell:hover {
    background: #003761;
    box-shadow: 0 0 32px rgba(0,0,0,.16)
}

.spd-sub-slider {
    padding-top: 88px;
    background: #fff;
    max-width: 100%
}

.spd-sub-slider .tab {
    display: flex;
    justify-content: center
}

.spd-sub-slider .tab .container {
    width: 300px;
    min-width: 225px;
    margin-bottom: 36px
}

.spd-sub-slider .container {
    display: flex;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
}

.spd-sub-slider .container .left {
    /*padding-top: 4px;*/
    padding-right: 16px;
    width: 50%;
    float: left;
    position: relative;
    height: 100%;
}

.spd-sub-slider .container .left .container {
    position: relative;
    width: auto;
}

.spd-sub-slider .container .left .step {
    position: absolute;
    left: 32px;
    bottom: 25px;
    z-index: 10
}

.spd-sub-slider .container .left .step .bar {
    display: inline-block;
    margin: 0 2px;
    width: 40px;
    height: 2px;
    background: hsla(0,0%,100%,.3);
    cursor: pointer
}

.spd-sub-slider .container .left .step .active {
    background: #003da5
}

.spd-sub-slider .container .left img {
    width: 600px;
    height: 400px
}

.spd-sub-slider .container .right {
    width: 50%;
    float: left;
}

.spd-up-subtitle,.spd-up-subtitle-en {
    display: flex;
    justify-content: center;
    padding-top: 115px;
    padding-bottom: 88px;
    background: #fff
}

.spd-up-subtitle-en .container,.spd-up-subtitle .container {
    width: 1100px
}

.spd-up-subtitle-en .container {
    width: 944px
}

.func-group-2 {
    background: #fff
}

.func-group-2,.func-group-2 .left {
    display: flex;
    justify-content: center
}

.func-group-2 .left {
    width: 376px;
    height: 436px;
    border: 1px solid #d8e6f5;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.func-group-2 .left:hover {
    background: #003da5;
    box-shadow: 0 0 32px rgba(0,0,0,.16)
}

.func-group-2 .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.func-group-2 .right .bottom,.func-group-2 .right .top {
    display: flex;
    width: 824px
}

.func-group-2 .right .bottom .cell,.func-group-2 .right .top .cell {
    display: flex;
    justify-content: center;
    width: 50%;
    height: 200px;
    margin-left: 36px;
    border: 1px solid #d8e6f5;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.func-group-2 .right .bottom .cell:hover,.func-group-2 .right .top .cell:hover {
    background: #003da5;
    box-shadow: 0 0 32px rgba(0,0,0,.16)
}

.spd-up-training,.spd-up-training-en {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 60px;
    background: #fff
}

.spd-up-training-en .container,.spd-up-training .container {
    width: 440px;
    margin-left: 58px
}

.spd-up-training-en a,.spd-up-training a {
    display: block
}

.spd-up-training-en button,.spd-up-training button {
    margin-top: 60px;
    width: 148px;
    height: 48px;
    background: #2982e7;
    border-radius: 148px;
    border: none;
    color: #fff;
    cursor: pointer
}

.spd-up-training-en button:hover,.spd-up-training button:hover {
    background: #3b97ff
}

.spd-up-training-en .container {
    width: 1200px
}

.photo-wall {
    display: flex;
    justify-content: center;
    padding-bottom: 120px;
    background: #fff
}

.photo-wall .container {
    width: 1200px;
    min-width: 960px
}

.full-screen {
    min-height: 100vh
}

.flex-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.be-partner {
    width: 148px;
    height: 48px;
    margin-top: 60px;
    background: #fff;
    color: #B5D676;
    border: 1px solid #B5D676;
    border-radius: 48px;
    cursor: pointer;
    transition: all 0.3s;
}

.be-partner:hover {
    background: #B5D676;
    color: #fff
}

button {
    outline: none
}

.inno-hero,.inno-hero-en {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    width: 100%;
    height: 400px
}

.inno-hero-en h1,.inno-hero h1 {
    font-size: 32px;
    font-weight: 400;
    color: #333
}

.inno-hero-en h2,.inno-hero h2 {
    font-size: 20px;
    font-weight: 400;
    color: #333
}

.inno-hero-en h1 {
    font-size: 32px;
    line-height: 46px;
    text-align: center;
    letter-spacing: 2px
}

.inno-hero-en h2 {
    font-size: 18px;
    line-height: 28px;
    text-align: center
}

.client-wall,.client-wall-en,.service-content,.service-content-en {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin-top: 96px;
    padding-bottom: 120px
}

.client-wall-en .container,.client-wall .container,.service-content-en .container,.service-content .container {
    width: 31%;
    height: 310px;
    border: 1px solid #d8e6f5;
    border-radius: 6px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.client-wall-en .container .title,.client-wall .container .title,.service-content-en .container .title,.service-content .container .title {
    height: 100%;
    height: 90px;
    font-size: 22px;
    text-align: center;
    line-height: 90px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: linear-gradient(156deg,#f3f5f8,#f3f5f8 51%,#f3f5f8);
    color: #333
}

.client-wall-en .container .list,.client-wall .container .list,.service-content-en .container .list,.service-content .container .list {
    display: flex;
    align-items: center;
    height: 220px
}

.client-wall-en .container .list ul,.client-wall .container .list ul,.service-content-en .container .list ul,.service-content .container .list ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 126px;
    font-size: 16px;
    color: #666;
    list-style: none;
    padding-left: 40px;
    padding-right: 20px
}

.client-wall-en .container .list ul li:before,.client-wall .container .list ul li:before,.service-content-en .container .list ul li:before,.service-content .container .list ul li:before {
    content: "•";
    color: #dfdfdf;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.client-wall-en .container:hover,.client-wall .container:hover,.service-content-en .container:hover,.service-content .container:hover {
    box-shadow: 0 0 32px rgba(0,0,0,.16)
}

.client-wall-en .container:hover .title,.client-wall .container:hover .title,.service-content-en .container:hover .title,.service-content .container:hover .title {
    color: #fff;
    background: linear-gradient(156deg,#2982e7,#003da5 51%,#002f6c)
}

.service-content-en .container {
    min-height: 210px
}

.service-content-en .container .list {
    display: block;
    padding-top: 24px
}

.service-content-en .container .list ul {
    display: block;
    padding-right: 10px;
    -webkit-padding-start: 20px;
    padding-inline-start:20px;height: 140px;
    font-size: 14px
}

.service-content-en .container .list ul li {
    margin-bottom: 24px
}

.custom-switch {
    position: relative;
    width: 1200px;
    margin-top: 96px
}

.custom-switch svg g,.custom-switch svg path {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.custom-switch .plus-icon {
    position: absolute;
    left: calc(50% - 16px);
    top: calc(50% - 16px)
}

.custom-switch .plus-icon img {
    width: 32px;
    height: auto;
    border-radius: 77px;
    box-shadow: 0 0 12px rgba(0,0,0,.16)
}

.custom-options {
    width: 1007px;
    margin-top: 60px
}

.client-wall,.client-wall-en {
    display: flex;
    flex-wrap: wrap;
    width: 1200px
}

.client-wall-en .cell-empty,.client-wall .cell-empty {
    width: 216px
}

.client-wall-en .cell,.client-wall .cell {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 216px;
    height: 100px;
    box-shadow: 0 0 6px rgba(0,0,0,.16);
    border-radius: 6px;
    -webkit-columns: #333;
    -moz-columns: #333;
    column-count: #333;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.client-wall-en .cell:hover,.client-wall .cell:hover {
    color: #003da5;
    box-shadow: 0 0 32px rgba(0,0,0,.16)
}

.client-wall-en .cell {
    font-size: 22px
}

.community-hero,.community-hero-en {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    width: 100%;
    height: 624px;
    min-height: 400px;
    /*text-align: center*/
}

.community-hero-en h1,.community-hero h1 {
    font-size: 32px;
    font-weight: 400;
    color: #333
}

.community-hero-en h2,.community-hero h2 {
    font-size: 20px;
    font-weight: 400;
    color: #333
}

.community-hero-en h1 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 400;
    color: #333;
    margin-bottom: 0;
    letter-spacing: 2px
}

.logo-wall {
    display: flex;
    align-items: center;
    height: 360px;
    text-align: center;
    margin-top: 12px
}

.logo-wall .left img,.logo-wall .right img {
    display: inline-block;
    cursor: pointer
}

.logo-wall .left img {
    margin-right: 10px;
    float: right
}

.logo-wall .right img {
    margin-left: 10px;
    float: left
}

.logo-wall .container {
    width: 1268px;
    overflow: hidden
}

.logo-wall .container .pages {
    display: flex;
    flex-wrap: nowrap;
    width: 11520px
}

.logo-wall .container .pages .page {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center;
    width: 1268px
}

.logo-wall .container .pages .page .cell-empty {
    width: 192px;
    height: 100px;
    margin: 5px
}

.logo-wall .container .pages .page .cell {
    position: relative;
    margin: 5px;
    box-shadow: 0 0 20px rgba(0,0,0,.16);
    cursor: pointer
}

.logo-wall .container .pages .page .cell img {
    width: 192px;
    height: 100px;
    background: #fff
}

.logo-wall .container .swiper-slide {
    cursor: pointer;
}

.logo-wall .container .swiper-slide .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003da5;
    opacity: 0;
    color: #fff;
    text-align: center;
    line-height: 100px;
    font-size: 14px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.logo-wall .container .swiper-slide:hover .mask {
    opacity: 0.9;
    display: block;
}

.center-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*background: #fff*/
}

.center-container-row {
    display: flex;
    justify-content: center;
    background: #fff
}

.items {
    /*display: flex;*/
    margin-top: 88px;
    margin-bottom: 60px
}

.items .item {
    /*width: 300px;*/
    min-width: 223px;
    height: 300px;
    min-height: 223px;
    border: 1px solid #d8e6f5;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    float: left;
}

.items .item:hover {
    border: 1px solid rgba(216,230,245,0);
    box-shadow: 0 0 32px rgba(0,0,0,.16);
    -webkit-transform: scaleZ(999);
    transform: scaleZ(999)
}

.piece-02 {
    display: flex;
    justify-content: center;
    margin-top: 88px
}

.icon-group,.piece-02 .container {
    width: 1200px
}

.icon-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.icon-group .cell-fixed-1 img {
    width: 276px;
    height: 200px
}

.icon-group .cell-fixed-2 img {
    width: 584px;
    height: 200px
}

.icon-group .cell {
    margin-bottom: 32px;
    border: 1px solid #d8e6f5;
    background: #fff;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.icon-group .cell img {
    width: 276px;
    min-width: 209px;
    height: 200px;
    min-height: 150px
}

.icon-group .cell:hover {
    border: 1px solid rgba(216,230,245,0);
    background: #003da5
}

/*# sourceMappingURL=main.c1b209f4.chunk.css.map */