body[data-page-type=ProjectPostPage][data-site-theme=black],
body[data-site-theme=white] {
    --color: #333;
    --reverse-color: #fff;
    --bg-color: #fff;
    --bg-reverse-color: #181a1e;
    --site-nav-bg: #f3f3f3;
    --site-nav-color: #333;
    --site-nav-reverse-color: #333;
    --site-nav-list-name-color: #666;
    --social-normal-color: #bcbcbc;
    --social-hover-color: #fff;
    --social-bg: #1b1b1b;
    --banner-bg: #f1fbfe;
    --scroll-tip-bar: linear-gradient(180deg, #7e8183, hsla(0, 0%, 100%, 0) 90%)
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-customer .wrapper-limit_width:before,
body[data-site-theme=white] .module-customer .wrapper-limit_width:before {
    background: linear-gradient(90deg, var(--bg-color), hsla(0, 0%, 100%, 0) 52%)
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-customer .wrapper-limit_width:after,
body[data-site-theme=white] .module-customer .wrapper-limit_width:after {
    background: linear-gradient(270deg, var(--bg-color), hsla(0, 0%, 100%, 0) 52%)
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-contact .module-body .text-wrapper,
body[data-site-theme=white] .module-contact .module-body .text-wrapper {
    color: #e9edec
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-contact .module-footer,
body[data-site-theme=white] .module-contact .module-footer {
    color: #949596
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-contact .module-info .desc,
body[data-site-theme=white] .module-contact .module-info .desc {
    color: #7f7f7f
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-project .category-item.state-active,
body[data-site-theme=white] .module-project .category-item.state-active {
    -webkit-text-stroke: 0 transparent
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .module-project .category-item,
body[data-site-theme=white] .module-project .category-item {
    -webkit-text-stroke: 1px #bfbfbf
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .no_find-body .wrapper--404_back .box-text,
body[data-site-theme=white] .no_find-body .wrapper--404_back .box-text {
    color: #bfbfbf
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .no_find-body .wrapper--404_back .row-origin path,
body[data-site-theme=white] .no_find-body .wrapper--404_back .row-origin path {
    stroke: #bfbfbf
}

body[data-page-type=ProjectPostPage][data-site-theme=black] .no_find-body .wrapper--404_back .circle,
body[data-site-theme=white] .no_find-body .wrapper--404_back .circle {
    background-color: #fff
}

body[data-site-theme=black] {
    --color: #fff;
    --reverse-color: #333;
    --bg-color: #181a1e;
    --bg-reverse-color: #fff;
    --site-nav-bg: #1a1b1b;
    --site-nav-color: #595959;
    --site-nav-reverse-color: #fff;
    --site-nav-list-name-color: #fff;
    --social-normal-color: #6b6c6c;
    --social-hover-color: #1a1b1b;
    --social-bg: #fff;
    --banner-bg: #181a1e;
    --scroll-tip-bar: linear-gradient(180deg, #fff, transparent 90%)
}

body[data-site-theme=black] .module-customer .wrapper-limit_width:before {
    background: linear-gradient(90deg, rgba(24, 27, 30, .7), rgba(24, 26, 30, 0) 100%)
}

body[data-site-theme=black] .module-customer .wrapper-limit_width:after {
    background: linear-gradient(270deg, rgba(24, 27, 30, .7), rgba(24, 26, 30, 0) 100%)
}

body[data-site-theme=black] .module-contact .module-body .text-wrapper {
    color: #fff
}

body[data-site-theme=black] .module-contact .module-footer {
    color: #4d4e50
}

body[data-site-theme=black] .module-contact .module-info .desc {
    color: var(--color)
}

body[data-site-theme=black] .module-top_banner .effect_bg--ball {
    cursor: none
}

body[data-site-theme=black] .module-project .category-item.state-active {
    -webkit-text-stroke: 0 transparent
}

body[data-site-theme=black] .module-project .category-item {
    -webkit-text-stroke: 1px #fff
}

body[data-site-theme=black] .no_find-body .wrapper--404_back .box-text {
    color: #fff
}

body[data-site-theme=black] .no_find-body .wrapper--404_back .row-origin path {
    stroke: #fff
}

body[data-site-theme=black] .no_find-body .wrapper--404_back .circle {
    background-color: rgba(24, 26, 30, .2)
}

body[data-site-theme=black] .module-contact-us .contact-info .name,
body[data-site-theme=black] .module-contact-us .module-social[data-theme=gray] .social-item {
    color: #fff
}

body[data-site-theme=black] .wrapper-contact_panel {
    background: rgba(51, 51, 51, .6)
}

body[data-site-theme=black] .wrapper-contact_panel .row {
    border-color: hsla(0, 0%, 100%, .1)
}

body[data-site-theme=black] .about-module-4 {
    background-color: #181a1e
}

body[data-site-theme=black] .about-module-4 .history-item .circle-2 {
    background-color: #292b2f
}

body[data-site-theme=black] .about-module-4 .history-item .circle-2 img {
    opacity: 0;
    transition: .36s ease
}

body[data-site-theme=black] .about-module-4 .history-item:hover img {
    opacity: 1
}

body[data-site-theme=black] .about-module-4 .history-item .circle-1 {
    border-color: #1e2026
}

body[data-site-theme=black] .about-module-4 .history-item .item-title {
    color: #fff
}

body[data-site-theme=black] .about-module-4 .history-item .item-subtitle {
    color: hsla(0, 0%, 100%, .4)
}

body[data-site-theme=black] .about-module-6 {
    background-color: #111316
}

body[data-site-theme=black] .about-module-6 .module-bg .detail-bg img {
    opacity: .2
}

body[data-site-theme=black] .about-module-6 .module-bg .detail-bg:before {
    background-image: none
}

body[data-site-theme=black] .about-module-6 .item-inner .layer--dragger-move {
    background-color: #2f2c31
}

body[data-site-theme=black] .about-module-6 .item-inner .position {
    color: #666
}

body[data-site-theme=black] .about-module-6 .item-detail-panel .panel_btn--close {
    background-color: #181a1e
}

body[data-site-theme=black] .about-module-6 .detail-info-wrapper .ae_box--lighter {
    display: none
}

body[data-site-theme=black] .about-module-6 .detail-info-wrapper .ae_box--deeper {
    display: block
}

:root {
    --vh: 1vh;
    --scroll-bar-h: 20px;
    --page-nav-h: 162px;
    --page-nav-min-h: 90px;
    --page-footer-h: 71px;
    --window-inner-max-h: 1vh;
    --window-inner-min-h: 1vh
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../font/Poppins-Regular.ttf)
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../font/Poppins-SemiBold.ttf)
}

@font-face {
    font-family: Poppins-Bold;
    src: url(../font/Poppins-Bold.ttf)
}

@font-face {
    font-family: SourceHanSansCN-Regular;
    src: url(../font/SourceHanSansCN-Regular.woff)
}

@font-face {
    font-family: SourceHanSansCN-Bold;
    src: url(../font/SourceHanSansCN-Bold.woff)
}

@font-face {
    font-family: SourceHanSansCN-Heavy;
    src: url(../font/SourceHanSansCN-Heavy.woff)
}

@font-face {
    font-family: iconfont;
    src: url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA6QAAsAAAAAGaAAAA5DAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACEOgqkEJ1EATYCJAM0CxwABCAFhGcHgS0bcxUjESaklUH2FwnmaUcxDm3o6/4rk5q+SLBmKKUPT6f1Zv7MZCJUSAou0pUC1Sl42UJYZtdduSuyd4ujewDyvzkz/S5GbtkweZ5yoLslIDteoOHjIklX+UqZFCjhIQA72pqre0KhI0zL6uyTR7+QpUI6aUoMxmBSbxMAg2uavQxQzc5RRvTCPUuZy40ChVyf0j5dOwL2E3puQhGge/YsvJgQ+qG2yemw6JsSYZbitBeEElv2h2Hjo4ACIMJwTAZtsaVkQ9ZQ2tEEfzAIhlPArSrVUFtdCl63geEEUODNHHVJJpVaBRag++gBACtPf576BgkUD9BgCYJtOausFbg5qPwmg7g9boC8B3d6LTA1DYAFQADEl+wltZnvWAdyIfEnJmKVZlADQBHuhgCDysEpg5ZB12D9YPM3GR7PC8j3aGoNRsXCAL7/zfMHIAYBDQYiCMGDAwUJBGABikPAJFKPnQ8vBpU7AbHDp0DrBW6BAC3zfAgw4AUQEIEXQkAI/hIEeHAXBDjweghQ4E3Q8uTNiAEB8E2GNmIcgPSwhD8AO8ClAoIVCEwVp8koCCEAAxpUaA8E6ee5+Cijl7KKbVPXBQIYH1Z3TMmYJAdCawMx1trgB6Holp1ioCRae4yGP1i7NRDce2NjaGNAXReU1l7YqOJAaRS2BwKKxv27Rv/lN6NKL4NiLFyj0biX87tcMLul2q21JVzwdft5ybmTZk/L3prSvG/YrS5Pg2ypt9PXfQFMY/Lu7N5Vvi0RSUc6Wva6z2RIyOkTwEJJzlK0MJYd1VXBVVzZcWRwvmLF4q7i1VFuZATT93e+8Twt+SULTQnP96+P85hn28uVYgWTnYTSesCJSAlFK514pmTCqdr9wRc7rKTOMKc8Lz5YuNFxTPkUncf9x76vWcnvEgNFb67pTb/PF1u1ZEei0JmqzV61HMd1bdv6m2VJTjALNI8vsowWK43iI2aal/tDxL+vWbV2SjGkdiklKK7S7PuCeVO3BbNmc8UWuWZZkhRxMBPFJARXRlLO61EaPffKLcyKq6oT3druJuQiUG7wOvocHmvgIfIF6yLdGfL8dV2/05EFNjeEUOdeoINmPyKel1qynYlyx4F3AKL7OiJZlgfoubCGDM+bi6MAKTOKoMy+e6/vFApmOS9bY2W2YYxo47xXpwmT/OqoAXWlrCBl/eNWG0ZGLrVIHxv4niGoPI21xLgGN8AomMtkj9bXJ299fvGhfHmWrdC9NdoN/q1V/YH+rNRryozqv+Gvmljl3+/9Evt9LWx4vwYzhIggmABUYNYm0HVNG8CYjnOGEZPqFJiDRtIx3mHRlKgSETuOnZ51fGb1XylJImKIsseLurLspK24JNnbacDOyHsBmCUmLah7zKUnqYxf05LSSpCSD3W5Mx4HhsBhFrFNJZaxjzm0kOWJdZOJYN0VSrYJsshw17lZFsX2YA8BamTZIl0N5kMYAqM+JErDcbQkdAFcNfZEDIFtmy51MKRFzzZiz5LmJo+tXpBxSgRAXkEk+wFd7JR0Q+u2RDGe7ci/KrRLEoAt3rIs21YMt3BLJDpCyabm7mimoIJbLvZTXRMD7wbHg5JtiZrik58pVYeAiNY4fCE7VVgXQqS+2+xVQbJtSLX3NqpAWwmzcEdTl2DooFxOACjGlYsubRDJxHusnpjCr5lpz9RoC1zXut89ErNsgO59+thAfJRtau4fn9SI1hDMeJevWaSMjXJJDT49fUwdSRBtIbJ5f60BeK5J3zTYlK6JPb662vHPTutdoOIqz+SEnD+RPpYMhZJpcFSVfjqgdd3rOpfdl0VDh56XWhL4j5dTwQrK+Xe9PJOv9IpFenGQc/98P8lkwi/aTmX3xEviKGhLuMTu6+38YIEfaDjToyV7aGM00026DCvtPHNTdrzCdBXgF/I30iEYD+vrDKckO2iLIrG/mNBEK45ITmg1daUcp/2T7v31KF4iWq+K6VSBx9ZL5++mJFU7dbFTy1ZLM6YF8+QIXRqcPGbmFo73tIDP9M/V0ZbGC4a0ecZbiWJlknNyb7xZxsauOU+o5rhbM+s7V6wpyMx7/PI1DZ1FeTgehU3omTLL5N2oSNZlxzaacqa3JzrCxkV+uO1FqFJv8olrpdXOyWmt+cogW/XoZVbjvz0JqzxFYd4fd22wpW6yE1HPA0yXlJkVIxvG9sFqkX43mj1QNqz2s8vLfe8uZKrCElkYN0nd8P1T/U1k6W5ecvE9WliC8V5+vLz+ATaYCxK745LSynjje87ZphThZyGJPfGJaaXTLPXzk3LEn4a1Buw28HWjJjpFzuSJR16er2oYMy7NbtpfFFwZwxjOnJvg99vyqEHVJ6W3U/JfP0XW3NnyQfqsq5/EiGvCGHL6tXiZLaqrkHvT6n0q1fHarY2/peHn5pEJG1V5/pL7G6cOmBQ2aW3flfeMCru0oO/QqDB5c0qNZ7ZroPV+/NKf3yhdCv2c5aqB8AGV77cR3zy7+F1Vf8bTe032zpnJybzcVtfWb8wty47NiB5m0zuyLcbuH/ydUYbHyvb6kau9f9rjf/LZnLL8lLbYKRHXM+JNvPhdg4/a4Bpbc6i+sjh64vEyjgwPPf9xh8rUNNrgahSar2Bu8xijazQ/IvPnvEsSTebzc+Vz54/bGZXR0eFsNae1mELMWqelZ1huFttWEZNuj3UlePf0+jXqm/Tf69/nRvu9r7/t4QMsbgmfcMd+Jy787FHPIh8Mg4/Z2NJiXGDzmlrMPoqh8FnkuXo2fMIZB39vJSPTE1KzI37WHIk+ovnqhGikVuA2uQXad/eNP/eubbbFvFKgGyna8ZX6StQV9c89Wt6wNsFVP2K5H3xjqEGdene64j/fiPIf907O3EgZhDFRFmt0piU62hKjH51y49vZqmT9byFXJj+Z8mTyFfwdRlHIcDYG1gfUBbSxe3dg03kN9YGNzgzcf7DJrnMsfvjQo3WnLC52H9M9X9nFDp1j09lIoNLtfdK4iM9y9/aMHTXWQLYCXbRG+NGDv2e/nsOI4dv3r17V1TN75rw9J06gM5YiJIIhFGEiSAB/SOBLrHTSNXKElaw3w0C5PtwhA/uVrX7yKICtZNUcV3DSCPmUkpZyEX8cTiM4JKCI4AWlp2mu79lBaf/NBAWFADA0napVwkZ9NdwOSqtVYO9UyVqA7+d8CQOG+LA5LBiBi4RSgn4uKabLwKTLZxMkm6XIcjAEuZoB1YAmjylVLS1p5ful/fJdjUEasMo3yRa1irhVl/PKU9ITlWVRbiJ/YwIgVNoq/KncAKVS/zFVkh7OJIymSv2e6j11NZO9MZp0CTwge2lV14hsSqGj2FATW85xhGL2y/aL9gvAVnDlopfaYDbIN4g28uDp5RHt2HN4i9tKhjaBg6lSV2sTMrJAskAgYMA9VD/klgo2ycJe5/rlOVHOF6+sVGWUEU77evnyMV+0HwOg1lu1Gk2GwuCvjaJVZz4s6As1/NzHTVDQ9Ev+6ra1rK9jRXZszq6KXyhKo0gM1o6ObBueH2FMCleLf/2WPfGHf1Ta6ojdabHBVrZyDOzbEc6oR6hbqRrLO4g7s/teJMPEFFCshdnOWFmKyTkdLrt8f+RAXliLFlof1VK9jtdBJdTJCplshmaEVIic9T7p2hH6nnRhj9jAdou7RF3i7v/Ka2GZdHhizuYur++9ujZ3y+SekFt/90P5RSHVXt3FxW/RzN3tBU9leUFEbvjCheG5EQX3hUBv5Nzwgoj7jLG5EXOai8e4Ro92jSn+wJEjR7vvD8wyNa9k22KsM9RqPygSPV/Rvtdm45fjty8KR9PjXUEJUyz/j9Cdtq+7XJNDi1hj6MiN5VODf7S86H9/ZwFl1L2mDfGDMP/vjC8CHF5TuRzOpSn1cgxJ14dagg0/P/jrzuyiDNI31JnXsLxhydi9XF9U1+IGZ5k52BbSNu4zclJ8t9CsEQjHTVxy7I+vNj5zRq6KZpMoTcK6io9auaiPS9fw0bJk5wLMTPhHOdO4/ivRt36ET6+6QuaGQezx+V8cWRWxY5kqMCRA7BFM3JYmM975VaaoUp765DfDmwN+e7xNE2PZ7JTJYkW5rmN/OILK/dI0xqPMy/hEIngWqrY1tKSEpIUU1BbE5cUlJI5IKUiPsUWbHEP8emcmf2KO6bq+5thSm84RvrVQfTnqcuTO9Yb6cFR4bsN3VU4yVbeZrBxkqXMMyY1G++PM9/9LOmOaGuOV/vHI4o4WeXZwdhDy9znklmC4MPtPBOtiN9K/eH73vMVISTDg+YT8RoJOQR+Sv+nfg/rJu8QV4mYuELf7zVJnyBskFXCRv2gfivEFqQYMRkwmofAf4iHMfy4T426hMK5YPvE3XsxAyvpgFPPmSc3X7mY3ppcJHvTvWYb/U6SLc3OU39pySwJSBgAVAYb2/M74yTvP84+AlkKIlN6LQEb/alf1HvgX5YMKH+RjUpOT/y0yqW+QhgABkICHDjCesZCFGAmQA49JUIQ4WJcXQ40WEFCMEEAk5m0gBQUOQRoyXIIECjwAjOebkIU3voAcFPgPipBLSdcmRiQ11bwxKkEL+oBoaHQyy2m03+iXXvG7nH/kOZIFVV4+F33hiJzEPPPqaxEHjmmAT3V72PcEE1NCI3kQmc5F4Vjz5IaG0xujkkNkC/p4MBoaXd/y+O99o196xUTwL3mWsTR6qPKSAL7YSGqzJLXn1dciSQc7wlLhAJ86gvRaPsHEzk1oHEceYuRO5yLsy1FZnr9pGOAshl27wZk8KKqmG6ZlS8f1/MgyZtoyW5cxPsiio6K6au82jHscq9cFB8qMYpv15OnhHl+muh5xl+uJcX2OK5mkB9d3u2AfO3yetygmZBJwwJt03mq6TU0/nQA=) format("woff2"), url(../font/font_3121291_ykaz1lsu3b.woff) format("woff"), url(../font/font_3121291_ykaz1lsu3b.ttf) format("truetype")
}

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

.icon-arrow-down:before {
    content: "\e66b"
}

.icon-tubiao214:before {
    content: "\e644"
}

.icon-weixin1:before {
    content: "\e63f"
}

.icon-uemo-card-logo:before {
    content: "\e658"
}

.icon-uemo-logo:before {
    content: "\eb51"
}

.icon-next:before {
    content: "\e65c"
}

.icon-prev:before {
    content: "\e66f"
}

.icon-arrow-rotate:before {
    content: "\e65b"
}

.icon-uelike:before {
    content: "\e65a"
}

.icon-switch-theme:before {
    content: "\e659"
}

.icon-weibo:before {
    content: "\e611"
}

.icon-weixin:before {
    content: "\e66e"
}

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

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

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

: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: -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
}

: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=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%274%27%3E%3Cpath d=%27M4 0h6L7 4%27/%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, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    src: local(".AppleSystemUIFont"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("HelveticaNeue")
}

@font-face {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    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, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    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, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    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")
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    overflow-x: hidden
}

body {
    margin: 0;
    overflow-y: auto;
    position: relative
}

html.has-scroll-smooth {
    overflow: hidden
}

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

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

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

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

.in-view {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0
}

.inview_show {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.in-view:nth-child(odd) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.in-view:nth-child(2n+2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.aBn,
.x-gmail-data-detectors,
.x-gmail-data-detectors *,
[x-apple-data-detectors] {
    border-bottom: 0 !important;
    color: inherit !important;
    cursor: default !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: auto;
    vertical-align: top
}

input:focus {
    border: none;
    outline: none
}

input::-moz-placeholder {
    color: #999 !important
}

input::placeholder {
    color: #999 !important
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    appearance: none !important
}

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

body {
    background-color: #fff;
    color: #333;
    font-family: Arial, 微软雅黑;
    font-size: 14px;
    line-height: 1.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

a {
    display: inline-block;
    vertical-align: top
}

img {
    font-size: 0;
    line-height: 1
}

canvas {
    outline: none
}

.ic {
    font-size: inherit
}

.wrapper-limit_width {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 89.5833333333%;
    width: 1720px
}

.state-hide {
    display: none
}

* {
    -webkit-overflow-scrolling: touch
}

.flex-inline {
    display: inline-flex
}

.flex {
    display: flex
}

.flex-x-sb {
    justify-content: space-between
}

.flex-x-sa {
    justify-content: space-around
}

.flex-x-s {
    justify-content: flex-start
}

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

.flex-c-c,
.flex-x-c {
    justify-content: center
}

.flex-c-c {
    align-items: center
}

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

.flex-y-c {
    align-items: center
}

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

.flex-d-c {
    flex-direction: column
}

.flex-fix {
    flex: 0 0 auto
}

.flex-auto {
    flex: 1 1 auto
}

.flex-1 {
    width: 1px
}

.flex-2 {
    width: 2px
}

.flex-3 {
    width: 3px
}

.flex-4 {
    width: 4px
}

.flex-5 {
    width: 5px
}

.flex-6 {
    width: 6px
}

.flex-7 {
    width: 7px
}

.flex-8 {
    width: 8px
}

.flex-9 {
    width: 9px
}

.flex-10 {
    width: 10px
}

.flex-11 {
    width: 11px
}

.flex-12 {
    width: 12px
}

.flex-13 {
    width: 13px
}

.flex-14 {
    width: 14px
}

.flex-15 {
    width: 15px
}

.flex-16 {
    width: 16px
}

.flex-17 {
    width: 17px
}

.flex-18 {
    width: 18px
}

.flex-19 {
    width: 19px
}

.flex-20 {
    width: 20px
}

.flex-21 {
    width: 21px
}

.flex-22 {
    width: 22px
}

.flex-23 {
    width: 23px
}

.flex-24 {
    width: 24px
}

.grid,
.grid-y-c {
    display: grid
}

.grid-y-c {
    align-items: center
}

.grid-colspac-1 {
    grid-column-gap: 1px
}

.grid-rowspac-1 {
    grid-row-gap: 1px
}

.grid-col-1 {
    grid-template-columns: repeat(1, 1fr)
}

.grid-colspac-2 {
    grid-column-gap: 2px
}

.grid-rowspac-2 {
    grid-row-gap: 2px
}

.grid-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.grid-colspac-3 {
    grid-column-gap: 3px
}

.grid-rowspac-3 {
    grid-row-gap: 3px
}

.grid-col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.grid-colspac-4 {
    grid-column-gap: 4px
}

.grid-rowspac-4 {
    grid-row-gap: 4px
}

.grid-col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.grid-colspac-5 {
    grid-column-gap: 5px
}

.grid-rowspac-5 {
    grid-row-gap: 5px
}

.grid-col-5 {
    grid-template-columns: repeat(5, 1fr)
}

.grid-colspac-6 {
    grid-column-gap: 6px
}

.grid-rowspac-6 {
    grid-row-gap: 6px
}

.grid-col-6 {
    grid-template-columns: repeat(6, 1fr)
}

.grid-colspac-7 {
    grid-column-gap: 7px
}

.grid-rowspac-7 {
    grid-row-gap: 7px
}

.grid-col-7 {
    grid-template-columns: repeat(7, 1fr)
}

.grid-colspac-8 {
    grid-column-gap: 8px
}

.grid-rowspac-8 {
    grid-row-gap: 8px
}

.grid-col-8 {
    grid-template-columns: repeat(8, 1fr)
}

.grid-colspac-9 {
    grid-column-gap: 9px
}

.grid-rowspac-9 {
    grid-row-gap: 9px
}

.grid-col-9 {
    grid-template-columns: repeat(9, 1fr)
}

.grid-colspac-10 {
    grid-column-gap: 10px
}

.grid-rowspac-10 {
    grid-row-gap: 10px
}

.grid-col-10 {
    grid-template-columns: repeat(10, 1fr)
}

.grid-colspac-11 {
    grid-column-gap: 11px
}

.grid-rowspac-11 {
    grid-row-gap: 11px
}

.grid-col-11 {
    grid-template-columns: repeat(11, 1fr)
}

.grid-colspac-12 {
    grid-column-gap: 12px
}

.grid-rowspac-12 {
    grid-row-gap: 12px
}

.grid-col-12 {
    grid-template-columns: repeat(12, 1fr)
}

.grid-colspac-13 {
    grid-column-gap: 13px
}

.grid-rowspac-13 {
    grid-row-gap: 13px
}

.grid-col-13 {
    grid-template-columns: repeat(13, 1fr)
}

.grid-colspac-14 {
    grid-column-gap: 14px
}

.grid-rowspac-14 {
    grid-row-gap: 14px
}

.grid-col-14 {
    grid-template-columns: repeat(14, 1fr)
}

.grid-colspac-15 {
    grid-column-gap: 15px
}

.grid-rowspac-15 {
    grid-row-gap: 15px
}

.grid-col-15 {
    grid-template-columns: repeat(15, 1fr)
}

.grid-colspac-16 {
    grid-column-gap: 16px
}

.grid-rowspac-16 {
    grid-row-gap: 16px
}

.grid-col-16 {
    grid-template-columns: repeat(16, 1fr)
}

.grid-colspac-17 {
    grid-column-gap: 17px
}

.grid-rowspac-17 {
    grid-row-gap: 17px
}

.grid-col-17 {
    grid-template-columns: repeat(17, 1fr)
}

.grid-colspac-18 {
    grid-column-gap: 18px
}

.grid-rowspac-18 {
    grid-row-gap: 18px
}

.grid-col-18 {
    grid-template-columns: repeat(18, 1fr)
}

.grid-colspac-19 {
    grid-column-gap: 19px
}

.grid-rowspac-19 {
    grid-row-gap: 19px
}

.grid-col-19 {
    grid-template-columns: repeat(19, 1fr)
}

.grid-colspac-20 {
    grid-column-gap: 20px
}

.grid-rowspac-20 {
    grid-row-gap: 20px
}

.grid-col-20 {
    grid-template-columns: repeat(20, 1fr)
}

.grid-colspac-21 {
    grid-column-gap: 21px
}

.grid-rowspac-21 {
    grid-row-gap: 21px
}

.grid-col-21 {
    grid-template-columns: repeat(21, 1fr)
}

.grid-colspac-22 {
    grid-column-gap: 22px
}

.grid-rowspac-22 {
    grid-row-gap: 22px
}

.grid-col-22 {
    grid-template-columns: repeat(22, 1fr)
}

.grid-colspac-23 {
    grid-column-gap: 23px
}

.grid-rowspac-23 {
    grid-row-gap: 23px
}

.grid-col-23 {
    grid-template-columns: repeat(23, 1fr)
}

.grid-colspac-24 {
    grid-column-gap: 24px
}

.grid-rowspac-24 {
    grid-row-gap: 24px
}

.grid-col-24 {
    grid-template-columns: repeat(24, 1fr)
}

body {
    background-color: var(--bg-color);
    color: var(--color);
    font-family: Poppins-Regular, Arial, SourceHanSansCN-Regular, 微软雅黑
}

strong {
    font-family: Poppins-Bold, SourceHanSansCN-Heavy
}

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

.has-scroll-smooth body {
    overflow: hidden
}

.site-body {
    min-height: 100%;
    overflow: hidden !important;
    position: relative;
    z-index: 20
}

body[data-site-nav=open] .site-top_bar {
    background-color: var(--site-nav-bg);
    box-shadow: 0 0 30px transparent;
    height: var(--page-nav-h);
    transition: .23s linear
}

.cursor-pointer {
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 0;
    will-change: transform;
    z-index: 999
}

.cursor-pointer-dot {
    align-items: center;
    background-color: #33cc8a;
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    transform: translate3d(-50%, -50%, 0);
    width: 30px
}

.cursor-pointer-text {
    color: #fff;
    display: inline-block;
    font-family: Poppins-Bold;
    font-size: 15px;
    line-height: 1;
    transform: translateY(100%);
    vertical-align: -2px;
    white-space: nowrap
}

.cursor-pointer-text .ic {
    font-size: 28px;
    vertical-align: middle
}

.cursor-pointer-text-wrapper {
    overflow: hidden
}

.pop-layer {
    background: rgba(0, 0, 0, .32);
    color: #333;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.pop-layer .wrapper-img {
    max-width: 300px;
    width: 50%
}

.pop-layer .wrapper-img img {
    width: 100%
}

.layer--site-oper {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 60
}

.layer--site-oper .wrapper-limit_width {
    position: relative
}

.btn--open_contact_panel {
    background-color: #fff;
    border-radius: 50%;
    bottom: 56px;
    box-shadow: 0 20px 40px 0 rgba(26, 26, 26, .1);
    cursor: pointer;
    height: 130px;
    position: absolute;
    right: 0;
    width: 130px;
    z-index: 10
}

.btn--open_contact_panel .ae_box {
    width: 85%
}

.btn--open_contact_panel .box-dots {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btn--open_contact_panel .box-dots .dot-group {
    height: 21px;
    position: relative;
    width: 21px
}

.btn--open_contact_panel .box-dots .dot {
    background-color: #333;
    border-radius: 50%;
    height: 5px;
    opacity: 0;
    position: absolute;
    width: 5px
}

.btn--open_contact_panel .box-dots .dot:first-child {
    left: 0;
    top: 0
}

.btn--open_contact_panel .box-dots .dot:nth-child(2) {
    right: 0;
    top: 0
}

.btn--open_contact_panel .box-dots .dot:nth-child(3) {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.btn--open_contact_panel .box-dots .dot:nth-child(4) {
    bottom: 0;
    left: 0
}

.btn--open_contact_panel .box-dots .dot:nth-child(5) {
    bottom: 0;
    right: 0
}

.no-mobile .btn--open_contact_panel .dot-group {
    transition: transform .36s
}

.no-mobile .btn--open_contact_panel:hover .dot-group {
    transform: rotate(45deg)
}

.wrapper-contact_panel {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .6);
    border-radius: 20px;
    bottom: 121px;
    box-shadow: 0 20px 40px 0 rgba(26, 26, 26, .072);
    height: 600px;
    opacity: 0;
    padding: 80px 90px 95px;
    position: absolute;
    right: 0;
    transform: rotate(7deg);
    transform-origin: bottom right;
    visibility: hidden;
    width: 540px
}

.wrapper-contact_panel .box-contact_panel {
    display: flex;
    flex-direction: column;
    height: 100%
}

.wrapper-contact_panel .row {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    color: var(--color);
    flex: 0 0 auto;
    font-size: 18px;
    margin-bottom: 40px;
    padding: 0 9px;
    position: relative
}

.wrapper-contact_panel .row .name {
    color: #999;
    font-family: Poppins-Regular, SourceHanSansCN-Regular;
    font-size: 17px;
    left: 9px;
    line-height: 56px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: .26s ease
}

.wrapper-contact_panel .row:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0
}

.wrapper-contact_panel .row.message {
    flex: 1 1 auto
}

.wrapper-contact_panel input,
.wrapper-contact_panel textarea {
    border-width: 0;
    outline: none;
    padding: 0;
    width: 100%
}

.wrapper-contact_panel input:focus+.name,
.wrapper-contact_panel input:not(:invalid)+.name,
.wrapper-contact_panel textarea:focus+.name,
.wrapper-contact_panel textarea:not(:invalid)+.name {
    transform: translateY(-50%) scale(.8);
    transform-origin: left
}

.wrapper-contact_panel textarea {
    height: 100%;
    padding-top: 16px;
    resize: none
}

.wrapper-contact_panel input {
    line-height: 56px
}

.wrapper-contact_panel .btn--send_msg {
    --primary: #33cc8a;
    --primary-dark: #2eb87c;
    --primary-darkest: #29a36e;
    --shadow: transparent;
    --text: #fff;
    --text-opacity: 1;
    --success: #33cc8a;
    --success-x: -12;
    --success-stroke: 14;
    --success-opacity: 0;
    --border-radius: 6;
    --overflow: hidden;
    --x: 0;
    --y: 0;
    --rotate: 0;
    --plane-x: 0;
    --plane-y: 0;
    --plane-opacity: 1;
    --trails: rgba(51, 204, 138, .15);
    --trails-stroke: 57;
    --left-wing-background: var(--primary);
    --left-wing-first-x: 0;
    --left-wing-first-y: 0;
    --left-wing-second-x: 50;
    --left-wing-second-y: 0;
    --left-wing-third-x: 0;
    --left-wing-third-y: 100;
    --left-body-background: var(--primary);
    --left-body-first-x: 51;
    --left-body-first-y: 0;
    --left-body-second-x: 51;
    --left-body-second-y: 100;
    --left-body-third-x: 0;
    --left-body-third-y: 100;
    --right-wing-background: var(--primary);
    --right-wing-first-x: 49;
    --right-wing-first-y: 0;
    --right-wing-second-x: 100;
    --right-wing-second-y: 0;
    --right-wing-third-x: 100;
    --right-wing-third-y: 100;
    --right-body-background: var(--primary);
    --right-body-first-x: 49;
    --right-body-first-y: 0;
    --right-body-second-x: 49;
    --right-body-second-y: 100;
    --right-body-third-x: 100;
    --right-body-third-y: 100;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: var(--text);
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    min-width: 150px;
    outline: none;
    padding: 18px 0;
    position: relative;
    text-align: center
}

.wrapper-contact_panel .btn--send_msg .plane,
.wrapper-contact_panel .btn--send_msg .trails {
    pointer-events: none;
    position: absolute
}

.wrapper-contact_panel .btn--send_msg .plane {
    bottom: 0;
    filter: drop-shadow(0 3px 6px var(--shadow));
    left: 0;
    right: 0;
    top: 0;
    transform: translate(calc(var(--x)*1px), calc(var(--y)*1px)) rotate(calc(var(--rotate)*1deg)) translateZ(0)
}

.wrapper-contact_panel .btn--send_msg .plane .left,
.wrapper-contact_panel .btn--send_msg .plane .right {
    bottom: 0;
    left: 0;
    opacity: var(--plane-opacity);
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(calc(var(--plane-x)*1px), calc(var(--plane-y)*1px)) translateZ(0)
}

.wrapper-contact_panel .btn--send_msg .plane .left:after,
.wrapper-contact_panel .btn--send_msg .plane .left:before,
.wrapper-contact_panel .btn--send_msg .plane .right:after,
.wrapper-contact_panel .btn--send_msg .plane .right:before {
    background: var(--left-wing-background);
    background: var(--background, var(--left-wing-background));
    border-radius: calc(var(--border-radius)*1px);
    bottom: 0;
    -webkit-clip-path: polygon(calc(var(--left-wing-first-x)*1%) calc(var(--left-wing-first-y)*1%), calc(var(--left-wing-second-x)*1%) calc(var(--left-wing-second-y)*1%), calc(var(--left-wing-third-x)*1%) calc(var(--left-wing-third-y)*1%));
    clip-path: polygon(calc(var(--left-wing-first-x)*1%) calc(var(--left-wing-first-y)*1%), calc(var(--left-wing-second-x)*1%) calc(var(--left-wing-second-y)*1%), calc(var(--left-wing-third-x)*1%) calc(var(--left-wing-third-y)*1%));
    -webkit-clip-path: polygon(calc(var(--first-x, var(--left-wing-first-x))*1%) calc(var(--first-y, var(--left-wing-first-y))*1%), calc(var(--second-x, var(--left-wing-second-x))*1%) calc(var(--second-y, var(--left-wing-second-y))*1%), calc(var(--third-x, var(--left-wing-third-x))*1%) calc(var(--third-y, var(--left-wing-third-y))*1%));
    clip-path: polygon(calc(var(--first-x, var(--left-wing-first-x))*1%) calc(var(--first-y, var(--left-wing-first-y))*1%), calc(var(--second-x, var(--left-wing-second-x))*1%) calc(var(--second-y, var(--left-wing-second-y))*1%), calc(var(--third-x, var(--left-wing-third-x))*1%) calc(var(--third-y, var(--left-wing-third-y))*1%));
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(.4%) translateZ(0);
    transform: translate(var(--part-x, .4%), var(--part-y, 0)) translateZ(0);
    z-index: 2;
    z-index: var(--z-index, 2)
}

.wrapper-contact_panel .btn--send_msg .plane .left:after {
    --part-x: -1%;
    --z-index: 1;
    --background: var(--left-body-background);
    --first-x: var(--left-body-first-x);
    --first-y: var(--left-body-first-y);
    --second-x: var(--left-body-second-x);
    --second-y: var(--left-body-second-y);
    --third-x: var(--left-body-third-x);
    --third-y: var(--left-body-third-y);
    border-radius: 8px
}

.wrapper-contact_panel .btn--send_msg .plane .right:before {
    --part-x: -1%;
    --z-index: 2;
    --background: var(--right-wing-background);
    --first-x: var(--right-wing-first-x);
    --first-y: var(--right-wing-first-y);
    --second-x: var(--right-wing-second-x);
    --second-y: var(--right-wing-second-y);
    --third-x: var(--right-wing-third-x);
    --third-y: var(--right-wing-third-y);
    border-radius: 8px
}

.wrapper-contact_panel .btn--send_msg .plane .right:after {
    --part-x: 0;
    --z-index: 1;
    --background: var(--right-body-background);
    --first-x: var(--right-body-first-x);
    --first-y: var(--right-body-first-y);
    --second-x: var(--right-body-second-x);
    --second-y: var(--right-body-second-y);
    --third-x: var(--right-body-third-x);
    --third-y: var(--right-body-third-y);
    border-radius: 8px
}

.wrapper-contact_panel .btn--send_msg .trails {
    fill: none;
    stroke: var(--trails);
    stroke-dasharray: 57px;
    stroke-dashoffset: calc(var(--trails-stroke)*1px);
    stroke-linecap: round;
    stroke-width: 2;
    display: block;
    height: 64px;
    left: 16px;
    top: -4px;
    transform: rotate(68deg) translateZ(0);
    width: 33px
}

.wrapper-contact_panel .btn--send_msg span {
    display: block;
    opacity: var(--text-opacity);
    position: relative;
    transform: translateY(.1em);
    z-index: 4
}

.wrapper-contact_panel .btn--send_msg span.success {
    color: var(--success);
    left: 0;
    opacity: var(--success-opacity);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(calc(var(--success-x)*1px)) translateY(-50%) translateZ(0);
    z-index: 0
}

.wrapper-contact_panel .btn--send_msg span.success svg {
    fill: none;
    stroke: var(--success);
    stroke-dasharray: 14px;
    stroke-dashoffset: calc(var(--success-stroke)*1px);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    display: inline-block;
    height: 24px;
    margin: -1px 8px 0 0;
    vertical-align: top;
    width: 24px
}

.wrapper-contact_panel .contact-dot {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20
}

.page-footer {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.page-footer .module-body {
    color: #949596;
    font-family: Poppins-Regular, SourceHanSansCN-Regular;
    font-size: 14px;
    padding: 25px 0
}

.project-post_content {
    min-height: 100vh
}

.site-index_page .module-top_banner {
    overflow: hidden;
    position: relative
}

.site-index_page .module-customer {
    margin-bottom: 169px;
    padding-top: 98px
}

.site-index_page .module-project {
    margin-bottom: 178px
}

.site-index_page .module-contact {
    padding-top: 124px
}

.site-list_project .site-body {
    padding-top: 317px
}

.site-list_project .module-project .module-head {
    margin-bottom: 82px
}

.site-list_project .tip-area {
    align-items: center;
    border-radius: 50%;
    bottom: 100%;
    display: flex;
    height: 110px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 110px
}

.site-list_project .tip-area .ae_box {
    border-radius: 50%;
    height: 90px;
    width: 90px
}

.site-list_project .tip-area .tip-bg {
    background-color: #33cc8a;
    border-radius: 50%;
    bottom: 0;
    height: 110px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px
}

.site-project_page {
    height: 100%;
    overflow: initial
}

.site-project_page .wrapper--back_btn {
    left: 0;
    position: fixed;
    top: 98px;
    width: 100%;
    z-index: 100
}

.site-project_page .wrapper--back_btn .circle {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .15);
    border-radius: 50%;
    height: 343px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 343px
}

.site-project_page .wrapper--back_btn .arrow-box {
    position: relative;
    z-index: 10
}

.site-project_page .wrapper--back_btn .row {
    perspective: 1000px;
    perspective-origin: -2000% 50%;
    transform-style: preserve-3d
}

.site-project_page .wrapper--back_btn .row path {
    stroke: rgba(0, 0, 0, .15)
}

.site-project_page .wrapper--back_btn .row-shadow {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.site-project_page .wrapper--back_btn .row-shadow svg {
    display: inline-block;
    opacity: 0;
    transform: translateY(180%) rotateX(-87deg);
    transform-origin: 0 0;
    will-change: transform
}

.site-project_page .wrapper--back_btn .row-shadow path {
    fill: #fff;
    stroke: #fff
}

.site-project_page .wrapper--back_btn .btn--go_back {
    cursor: pointer;
    position: absolute;
    text-decoration: none;
    z-index: 10
}

.site-project_page .wrapper--back_btn .btn--go_back svg {
    display: inline-block
}

.site-project_page .wrapper--back_btn .btn--go_back path {
    stroke-width: 2px
}

.site-project_page .project-main_info>.wrapper-limit_width {
    border-bottom: 4px solid #333;
    max-width: 90%;
    padding-bottom: 32px;
    position: relative;
    width: 1523px
}

.site-project_page .project-main_info .btn--link {
    position: absolute;
    right: 18px;
    top: -4px
}

.site-project_page .project-main_info .btn--link img {
    flex: 0 0 auto;
    height: 118px;
    max-width: none;
    width: 118px
}

.site-project_page .project-main_info .btn--link .dot {
    align-items: center;
    background-color: #33cc8a;
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 20px
}

.site-project_page .project-main_info .btn--link .icon-wrapper {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 23px;
    justify-content: center;
    left: 0;
    perspective: 1000px;
    perspective-origin: -1000px 50%;
    position: absolute;
    right: 0;
    top: 0;
    transform-style: preserve-3d
}

.site-project_page .project-main_info .btn--link .ic {
    display: block;
    transform: translate(0) rotateX(-87deg);
    transform-origin: 0 0
}

.site-project_page .project-main_info .btn--link .link-white {
    opacity: .23
}

.site-project_page .project-main_info .project-desc,
.site-project_page .project-main_info .project-subtitle,
.site-project_page .project-main_info .project-title {
    font-family: Poppins-Bold, SourceHanSansCN-Bold
}

.site-project_page .project-main_info .project-title {
    font-size: 106px;
    line-height: 1.1;
    margin-bottom: .2em;
    white-space: nowrap
}

.site-project_page .project-main_info .project-subtitle {
    font-size: 36px
}

.site-project_page .project-main_info .project-desc {
    font-size: 18px;
    margin-top: 79px
}

.site-project_page .project-main_info .project-desc .text {
    margin-right: 58px
}

.site-project_page .project-main_info .project-desc .text:last-child {
    margin-right: 0
}

.site-project_page .project-main_info .project-info {
    font-size: 18px;
    height: 0;
    overflow: hidden;
    text-align: right
}

.site-project_page .project-main_info .project-info p {
    margin: 0;
    max-width: 100%;
    padding-top: 32px;
    width: 700px
}

.site-project_page .project-main_info .btn--open_detail {
    cursor: pointer
}

.site-project_page .wrapper--go_next_btn {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

.site-project_page .wrapper--go_next_btn .btn--to_next {
    display: block;
    position: relative;
    text-decoration: none;
    width: 1920px;
    width: 100%
}

.site-project_page .wrapper--go_next_btn .btn--to_next>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.site-project_page .wrapper--go_next_btn .btn--to_next:after {
    content: "";
    display: block;
    padding-top: 34.4791666667%
}

.site-project_page .wrapper--go_next_btn .btn--to_next .text--origin {
    color: transparent
}

.site-project_page .wrapper--go_next_btn .btn--to_next .text--clone {
    color: #fff
}

.site-project_page .wrapper--go_next_btn .box-main_info .cursor-dot {
    background-color: #33cc8a;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    width: 5px
}

.site-project_page .wrapper--go_next_btn .next-project-info {
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.site-project_page .wrapper--go_next_btn .next-project-info img {
    width: 100%
}

.site-project_page .wrapper--go_next_btn .next-project-info>.wrapper-limit_width {
    height: 100%;
    position: relative;
    z-index: 10
}

.site-project_page .wrapper--go_next_btn .next-project-info .project-name {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 76px;
    line-height: 1.2
}

.site-project_page .wrapper--go_next_btn .next-project-info .project-subtitle {
    font-family: SourceHanSansCN-Regular;
    font-size: 26px;
    line-height: 1.2
}

.site-project_page .wrapper--go_next_btn .wrapper-img {
    background-color: #0f0f0f;
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1920px
}

.site-project_page .wrapper--go_next_btn .wrapper-img>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.site-project_page .wrapper--go_next_btn .wrapper-img:after {
    content: "";
    display: block;
    padding-top: 34.4791666667%
}

.site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_left {
    opacity: .08
}

.site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_right {
    opacity: .3
}

.site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_left,
.site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_right {
    flex: 0 0 auto;
    transform: rotate(45deg);
    width: 70%
}

.site-project_page .wrapper--go_next_btn .wrapper-img>.box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.project-post-body {
    background-color: #fff;
    padding-top: 304px
}

.site-normal_page {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 26px
}

.site-normal_page .about-body {
    padding-top: calc(var(--page-nav-h) + 5.83333vw)
}

.about-module-1 {
    margin-bottom: 132px
}

.about-module-1 .wrapper-limit_width {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 89.5833333333%;
    padding-left: 5.2083333333%;
    padding-right: 5.2083333333%;
    width: 1720px
}

.about-module-1 .module-head {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 176px;
    letter-spacing: -7px;
    line-height: 1.01;
    margin-bottom: 11px;
    word-spacing: -3px
}

.about-module-1 .module-head p {
    margin: 0
}

.about-module-1 .module-head .row {
    height: 1em;
    overflow: hidden
}

.about-module-1 .module-head .text {
    opacity: 0
}

.about-module-1 .module-head .text--clone {
    opacity: 1
}

.about-module-1 .module-head .text--origin {
    display: inline;
    opacity: 0
}

.about-module-1 .module-head .text--clone,
.about-module-1 .module-head .text--origin {
    perspective: 2000px
}

.about-module-1 .module-head .dot {
    background-color: #33cc8a;
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    margin-left: -30px;
    opacity: 0;
    width: 28px
}

.about-module-1 .module-desc {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 26px;
    line-height: 1.9615384615em
}

.about-module-1 .module-desc .wrapper {
    max-width: 100%;
    width: 910px
}

.about-module-1 .module-desc .text {
    margin: 53px 0;
    opacity: 0
}

.about-module-2 {
    padding-bottom: 220px
}

.about-module-2 .customer-group {
    height: 75px;
    margin-bottom: 98px;
    margin-right: -146px;
    position: relative
}

.about-module-2 .customer-group .customer-item {
    margin-right: 146px
}

.about-module-2 .customer-group:last-child {
    margin-bottom: 0
}

.about-module-2 .customer-item {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.about-module-2 .customer-item .customer-logo,
.about-module-2 .customer-item .customer-logo svg {
    height: 100%
}

.about-module-2 .customer-item .customer-logo path {
    clip-rule: evenodd;
    fill: transparent;
    fill-rule: evenodd;
    stroke: #dbdbdb;
    stroke-width: 2px
}

.about-module-3 {
    text-align: center
}

.about-module-3 .module-body {
    height: 41.6666666667vw;
    overflow: hidden;
    position: relative
}

.about-module-3 .pin-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about-module-3 .image-placeholder {
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 2560px;
    width: 100%
}

.about-module-3 .image-placeholder>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about-module-3 .image-placeholder:after {
    content: "";
    display: block;
    padding-top: 56.25%
}

.about-module-3 img {
    position: relative;
    vertical-align: middle;
    width: 25.5078125%;
    z-index: 20
}

.about-module-4 {
    background-color: #f3f3f3;
    padding-bottom: 90px;
    padding-top: 180px
}

.about-module-4 .module-title {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 126px;
    line-height: 1
}

.about-module-4 .module-title .text--origin {
    opacity: 0
}

.about-module-4 .module-subtitle {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 48px
}

.about-module-4 .module-subtitle .text--origin {
    opacity: 0
}

.about-module-4 .module-head .text--clone,
.about-module-4 .module-head .text--origin {
    perspective: 3000px
}

.about-module-4 .wrapper-limit_width {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 89.5833333333%;
    padding-left: 5.2083333333%;
    padding-right: 5.2083333333%;
    width: 1720px
}

.about-module-4 .module-body {
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 1522px
}

.about-module-4 .module-body:after {
    content: "";
    display: block;
    padding-top: 43.7582128778%
}

.about-module-4 .history-list {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.about-module-4 .history-item {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    text-align: center;
    transform: translate3d(-50%, -50%, 0)
}

.about-module-4 .history-item .item-info {
    padding-top: 4px;
    position: relative;
    z-index: 10
}

.about-module-4 .history-item .item-title {
    color: #111;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    line-height: 1;
    word-spacing: -17px
}

.about-module-4 .history-item .item-title .unit {
    font-size: 36px;
    vertical-align: 18px
}

.about-module-4 .history-item .item-subtitle {
    color: #666
}

.about-module-4 .history-item .circle-1 {
    border: 2px solid #e7e7e7;
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about-module-4 .history-item .circle-1 .dot {
    background-color: #33cc8a;
    border-radius: 50%;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

.about-module-4 .history-item .circle-1 .dot-wrapper,
.about-module-4 .history-item .circle-2 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.about-module-4 .history-item .circle-2 {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center
}

.about-module-4 .history-item .circle-2 img {
    width: 50%
}

.about-module-4 .history-item:first-child {
    border-radius: 50%;
    height: 280px;
    left: 10.7752956636%;
    top: 63.963963964%;
    width: 280px
}

.about-module-4 .history-item:first-child .dot-wrapper {
    transform: rotate(166deg)
}

.about-module-4 .history-item:first-child .dot {
    transform: translateX(140px)
}

.about-module-4 .history-item:first-child .item-title {
    font-size: 50px
}

.about-module-4 .history-item:first-child .item-subtitle {
    font-size: 20px
}

.about-module-4 .history-item:first-child .circle-1 {
    left: -24px;
    top: 0
}

.about-module-4 .history-item:nth-child(2) {
    border-radius: 50%;
    height: 180px;
    left: 19.6452036794%;
    top: 20.7207207207%;
    width: 180px
}

.about-module-4 .history-item:nth-child(2) .dot-wrapper {
    transform: rotate(345deg)
}

.about-module-4 .history-item:nth-child(2) .dot {
    transform: translateX(90px)
}

.about-module-4 .history-item:nth-child(2) .item-title {
    font-size: 50px
}

.about-module-4 .history-item:nth-child(2) .item-subtitle {
    font-size: 16px
}

.about-module-4 .history-item:nth-child(2) .circle-1 {
    left: 16px;
    top: 0
}

.about-module-4 .history-item:nth-child(3) {
    border-radius: 50%;
    height: 320px;
    left: 40.8672798949%;
    top: 44.5945945946%;
    width: 320px
}

.about-module-4 .history-item:nth-child(3) .dot-wrapper {
    transform: rotate(170deg)
}

.about-module-4 .history-item:nth-child(3) .dot {
    transform: translateX(160px)
}

.about-module-4 .history-item:nth-child(3) .item-title {
    font-size: 60px
}

.about-module-4 .history-item:nth-child(3) .item-subtitle {
    font-size: 20px
}

.about-module-4 .history-item:nth-child(3) .circle-1 {
    left: -27px;
    top: 0
}

.about-module-4 .history-item:nth-child(4) {
    border-radius: 50%;
    height: 380px;
    left: 62.4835742444%;
    top: -.4504504505%;
    width: 380px
}

.about-module-4 .history-item:nth-child(4) .dot-wrapper {
    transform: rotate(22deg)
}

.about-module-4 .history-item:nth-child(4) .dot {
    transform: translateX(190px)
}

.about-module-4 .history-item:nth-child(4) .item-title {
    font-size: 60px
}

.about-module-4 .history-item:nth-child(4) .item-subtitle {
    font-size: 20px
}

.about-module-4 .history-item:nth-child(4) .circle-1 {
    left: 21px;
    top: 13px
}

.about-module-4 .history-item:nth-child(5) {
    border-radius: 50%;
    height: 180px;
    left: 65.9658344284%;
    top: 54.5045045045%;
    width: 180px
}

.about-module-4 .history-item:nth-child(5) .dot-wrapper {
    transform: rotate(42deg)
}

.about-module-4 .history-item:nth-child(5) .dot {
    transform: translateX(90px)
}

.about-module-4 .history-item:nth-child(5) .item-title {
    font-size: 36px
}

.about-module-4 .history-item:nth-child(5) .item-subtitle {
    font-size: 16px
}

.about-module-4 .history-item:nth-child(5) .circle-1 {
    left: 4px;
    top: 13px
}

.about-module-4 .history-item:nth-child(6) {
    border-radius: 50%;
    height: 220px;
    left: 81.6031537451%;
    top: 72.972972973%;
    width: 220px
}

.about-module-4 .history-item:nth-child(6) .dot-wrapper {
    transform: rotate(3deg)
}

.about-module-4 .history-item:nth-child(6) .dot {
    transform: translateX(110px)
}

.about-module-4 .history-item:nth-child(6) .item-title {
    font-size: 36px
}

.about-module-4 .history-item:nth-child(6) .item-subtitle {
    font-size: 16px
}

.about-module-4 .history-item:nth-child(6) .circle-1 {
    left: 16px;
    top: 0
}

.about-module-4 .history-item:nth-child(7) {
    border-radius: 50%;
    height: 280px;
    left: 90.8015768725%;
    top: 21.021021021%;
    width: 280px
}

.about-module-4 .history-item:nth-child(7) .dot-wrapper {
    transform: rotate(127deg)
}

.about-module-4 .history-item:nth-child(7) .dot {
    transform: translateX(140px)
}

.about-module-4 .history-item:nth-child(7) .item-title {
    font-size: 56px
}

.about-module-4 .history-item:nth-child(7) .item-subtitle {
    font-size: 16px
}

.about-module-4 .history-item:nth-child(7) .circle-1 {
    left: -27px;
    top: 0
}

.about-module-5 {
    padding-bottom: 151px;
    padding-top: 200px
}

.about-module-5 .module-title {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 126px;
    line-height: 1
}

.about-module-5 .module-title .text--origin {
    opacity: 0
}

.about-module-5 .module-subtitle {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 48px
}

.about-module-5 .module-subtitle .text--origin {
    opacity: 0
}

.about-module-5 .wrapper-limit_width {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 89.5833333333%;
    padding-left: 5.2083333333%;
    padding-right: 5.2083333333%;
    width: 1720px
}

.about-module-5 .module-head {
    display: inline-block
}

.about-module-5 .module-body {
    position: relative
}

.about-module-5 .module-body .preview-thumb-box {
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 108px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    width: 500px;
    z-index: 1
}

.about-module-5 .module-body .preview-thumb-box:after {
    content: "";
    display: block;
    padding-top: 43.2%
}

.about-module-5 .module-body .preview-thumb-box .image-placeholder {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.about-module-5 .module-body .preview-thumb-box .image-placeholder:before {
    background-color: hsla(0, 0%, 100%, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.about-module-5 .prize-list {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 24px;
    position: relative;
    width: 49.9342969777%;
    z-index: 10
}

.about-module-5 .prize-list .item {
    cursor: pointer;
    padding: 33px 0;
    position: relative
}

.about-module-5 .prize-list .item .thumb {
    position: absolute
}

.about-module-5 .prize-list .item:after,
.about-module-5 .prize-list .item:before {
    background-color: var(--color);
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%
}

.about-module-5 .prize-list .item:before {
    background-color: #33cc8a;
    transition: width .6s ease;
    width: 0;
    z-index: 10
}

.about-module-5 .prize-list .item:hover:before {
    width: 100%
}

.about-module-5 .prize-list .item:last-child:after,
.about-module-5 .prize-list .item:last-child:before {
    display: none
}

.about-module-6 {
    background-color: #f3f3f3;
    overflow: hidden
}

.about-module-6 .pin-box {
    height: 100vh;
    height: calc(var(--window-inner-max-h, 1vh)*100);
    position: relative;
    transform: translateY(-100%)
}

.about-module-6 .pin-wrapper {
    height: 150vh;
    height: calc(var(--window-inner-max-h, 1vh)*150)
}

.about-module-6 .wrapper-limit-width {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 89.5833333333%;
    padding-left: 5.2083333333%;
    padding-right: 5.2083333333%;
    pointer-events: none;
    width: 1720px;
    z-index: 100
}

.about-module-6 .dragger-oper {
    height: 100vh;
    height: calc(var(--window-inner-max-h, 1vh)*100);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about-module-6 .dragger-oper——bar {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    width: 100%
}

.about-module-6 .pin-inner {
    height: 100%;
    position: relative
}

.about-module-6 .module-bg {
    bottom: 0;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 305px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.about-module-6 .module-bg .detail-bg {
    bottom: 0;
    opacity: 0;
    position: relative;
    position: absolute;
    transform-origin: bottom;
    width: 1920px;
    width: 100%
}

.about-module-6 .module-bg .detail-bg>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about-module-6 .module-bg .detail-bg:after {
    content: "";
    display: block;
    padding-top: 22.96875%
}

.about-module-6 .module-bg .detail-bg img {
    transform: translateY(24%);
    transform-origin: bottom;
    width: 100%
}

.about-module-6 .module-bg .detail-bg:before {
    background-image: linear-gradient(0deg, #f3f3f3, hsla(0, 0%, 100%, 0) 80%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.about-module-6 .module-bg .text-wrapper {
    letter-spacing: -6px;
    line-height: .82;
    opacity: .05;
    transform-origin: top
}

.about-module-6 .module-body {
    overflow: hidden;
    padding: 80px;
    position: relative;
    z-index: 10
}

.about-module-6 .col[data-index="0"] .col-item,
.about-module-6 .col[data-index="2"] .col-item {
    transform: translateY(-140px)
}

.about-module-6 .col[data-index="1"] .col-item {
    transform: translateY(-440px)
}

.about-module-6 .col-item {
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-bottom: 80px;
    position: relative;
    width: 400px
}

.about-module-6 .col-item:after {
    content: "";
    display: block;
    padding-top: 130%
}

.about-module-6 .col-item:last-child {
    margin-bottom: 0
}

.about-module-6 .item-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.about-module-6 .item-inner .layer--dragger-move {
    background-color: #fff;
    border-radius: 188px;
    bottom: 0;
    left: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0
}

.about-module-6 .item-inner .name {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 40px;
    line-height: 1.14
}

.about-module-6 .item-inner .position {
    color: #666;
    font-family: Poppins-Regular, SourceHanSansCN-Regular;
    font-size: 18px
}

.about-module-6 .item-inner .img-box {
    padding-top: 64px
}

.about-module-6 .item-inner .img-box img {
    opacity: 0
}

.about-module-6 .item-inner .img-box .img {
    width: 68%
}

.about-module-6 .item-inner .info-box {
    margin-top: 36px
}

.about-module-6 .item-detail-box {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.about-module-6 .item-detail-box .wrapper-limit-width {
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    max-width: 89.5833333333%;
    padding-left: 5.2083333333%;
    padding-right: 5.2083333333%;
    position: relative;
    width: 1720px
}

.about-module-6 .item-detail-box .wrapper-container {
    height: 100%;
    overflow: hidden;
    position: relative
}

.about-module-6 .item-detail-inner {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%
}

.about-module-6 .team-list--mini {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    width: 100%
}

.about-module-6 .team-item--mini {
    cursor: pointer;
    flex: 0 0 auto;
    padding-right: 20px;
    width: 200px
}

.about-module-6 .team-item--mini .inner-box {
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    width: 100%
}

.about-module-6 .team-item--mini .inner-box:after {
    content: "";
    display: block;
    padding-top: 130%
}

.about-module-6 .item-detail-panel {
    position: relative
}

.about-module-6 .item-detail-panel .panel_btn--close {
    align-items: center;
    background-color: #313131;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 90px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 90px
}

.about-module-6 .item-detail-panel .panel_btn--close .ic {
    transform: translateY(2px)
}

.about-module-6 .detail-info-wrapper {
    font-family: Poppins-Regular, SourceHanSansCN-Regular;
    height: 100%;
    padding-top: 90px;
    width: 100%
}

.about-module-6 .detail-info-wrapper .info-head {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    margin-bottom: 50px;
    margin-top: 120px
}

.about-module-6 .detail-info-wrapper .name {
    font-size: 66px;
    line-height: 90px
}

.about-module-6 .detail-info-wrapper .weixin-box {
    display: inline-block;
    position: relative
}

.about-module-6 .detail-info-wrapper .weixin-code {
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 228px
}

.about-module-6 .detail-info-wrapper .weixin-code>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.about-module-6 .detail-info-wrapper .weixin-code:after {
    content: "";
    display: block;
    padding-top: 100%
}

.about-module-6 .detail-info-wrapper .weixin-code img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 90%
}

.about-module-6 .detail-info-wrapper .ae_box {
    left: auto;
    position: absolute;
    right: 110%;
    top: 50%;
    transform: translateY(-50%);
    width: 100px
}

.about-module-6 .detail-info-wrapper .ae_box--deeper {
    display: none
}

.about-module-6 .detail-info-wrapper .ae-wrapper {
    left: auto;
    position: absolute;
    right: 110%;
    top: 50%;
    transform: translateY(-50%);
    width: 144px
}

.about-module-6 .detail-info-wrapper .ae-wrapper img {
    width: 144px
}

.about-module-6 .detail-info-wrapper .text {
    display: inline-block
}

.about-module-6 .detail-info-wrapper .info-body {
    font-size: 18px;
    padding-left: 300px;
    padding-right: 140px
}

.about-module-6 .detail-info-wrapper .info-body>.state-pos--left {
    flex: 0 0 auto;
    margin-right: 138px;
    text-align: right;
    width: 340px
}

.about-module-6 .detail-info-wrapper .info-body>.state-pos--right {
    padding-top: 30px
}

.about-module-6 .detail-info-wrapper .title {
    flex: 0 0 auto;
    font-size: 24px;
    margin: .56em 60px .56em 0;
    white-space: nowrap
}

.about-module-6 .detail-info-wrapper .animate-element {
    opacity: 0
}

.about-module-6 .tip-area {
    align-items: center;
    border-radius: 50%;
    bottom: 2.0833333333vw;
    display: flex;
    height: 7.4479166667vw;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 7.4479166667vw;
    z-index: 100
}

.about-module-6 .tip-area .ae_box {
    border-radius: 50%;
    height: 6.09375vw;
    width: 6.09375vw
}

.about-module-6 .tip-area .tip-bg {
    background-color: #33cc8a;
    border-radius: 50%;
    bottom: 0;
    height: 7.4479166667vw;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 7.4479166667vw
}

.module-contact-us .module-social[data-theme=gray] .social-item {
    background-color: initial
}

.module-contact-us .module-body {
    font-size: 300px;
    height: 100vh;
    padding-bottom: calc(var(--page-footer-h) + 7.6vh);
    padding-top: calc(var(--page-nav-h) + 5.83333vw)
}

.module-contact-us .module-body>.state-pos--right {
    margin-bottom: .2em;
    width: 479px
}

.module-contact-us .module-title {
    letter-spacing: -.0533333333em;
    line-height: 1;
    margin-left: -.0533333333em;
    word-spacing: -.1633333333em
}

.module-contact-us .module-title .row {
    display: inline-block
}

.module-contact-us .module-title .dot {
    background-color: #33cc8a;
    border-radius: 50%;
    display: inline-block;
    height: 57px;
    opacity: 0;
    width: 57px
}

.module-contact-us .module-title .text {
    opacity: 0
}

.module-contact-us .module-title .text--clone {
    box-sizing: initial;
    color: var(--color);
    opacity: 1;
    padding-right: .0533333333em
}

.module-contact-us .social-btns {
    clear: both;
    float: left;
    margin-bottom: 46px;
    margin-left: -15px;
    opacity: 0
}

.module-contact-us .contact-info {
    clear: both;
    float: left
}

.module-contact-us .contact-info .name {
    color: #818181;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 16px
}

.module-contact-us .contact-info .content {
    color: var(--color);
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 18px;
    position: relative
}

.module-contact-us .contact-info .content a {
    width: 100%
}

.module-contact-us .contact-info .content .cursor-dot {
    background-color: #33cc8a;
    border-radius: 50%;
    height: 7px;
    left: -20px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 7px
}

.module-contact-us .contact-item {
    opacity: 0;
    padding-bottom: 56px;
    position: relative
}

.module-contact-us .contact-item:last-child {
    padding-bottom: 0
}

@-webkit-keyframes glitch-animation-1 {
    0% {
        clip: rect(102px, 350px, 140px, 30px)
    }

    5% {
        clip: rect(105px, 350px, 133px, 30px)
    }

    10% {
        clip: rect(93px, 350px, 96px, 30px)
    }

    15% {
        clip: rect(45px, 350px, 51px, 30px)
    }

    20% {
        clip: rect(36px, 350px, 63px, 30px)
    }

    25% {
        clip: rect(17px, 350px, 57px, 30px)
    }

    30% {
        clip: rect(14px, 350px, 23px, 30px)
    }

    35% {
        clip: rect(10px, 350px, 68px, 30px)
    }

    40% {
        clip: rect(101px, 350px, 57px, 30px)
    }

    45% {
        clip: rect(71px, 350px, 128px, 30px)
    }

    50% {
        clip: rect(130px, 350px, 51px, 30px)
    }

    55% {
        clip: rect(49px, 350px, 110px, 30px)
    }

    60% {
        clip: rect(80px, 350px, 60px, 30px)
    }

    65% {
        clip: rect(88px, 350px, 84px, 30px)
    }

    70% {
        clip: rect(70px, 350px, 8px, 30px)
    }

    75% {
        clip: rect(104px, 350px, 32px, 30px)
    }

    80% {
        clip: rect(82px, 350px, 76px, 30px)
    }

    85% {
        clip: rect(137px, 350px, 37px, 30px)
    }

    90% {
        clip: rect(64px, 350px, 66px, 30px)
    }

    95% {
        clip: rect(70px, 350px, 141px, 30px)
    }

    to {
        clip: rect(1px, 350px, 120px, 30px)
    }
}

@keyframes glitch-animation-1 {
    0% {
        clip: rect(102px, 350px, 140px, 30px)
    }

    5% {
        clip: rect(105px, 350px, 133px, 30px)
    }

    10% {
        clip: rect(93px, 350px, 96px, 30px)
    }

    15% {
        clip: rect(45px, 350px, 51px, 30px)
    }

    20% {
        clip: rect(36px, 350px, 63px, 30px)
    }

    25% {
        clip: rect(17px, 350px, 57px, 30px)
    }

    30% {
        clip: rect(14px, 350px, 23px, 30px)
    }

    35% {
        clip: rect(10px, 350px, 68px, 30px)
    }

    40% {
        clip: rect(101px, 350px, 57px, 30px)
    }

    45% {
        clip: rect(71px, 350px, 128px, 30px)
    }

    50% {
        clip: rect(130px, 350px, 51px, 30px)
    }

    55% {
        clip: rect(49px, 350px, 110px, 30px)
    }

    60% {
        clip: rect(80px, 350px, 60px, 30px)
    }

    65% {
        clip: rect(88px, 350px, 84px, 30px)
    }

    70% {
        clip: rect(70px, 350px, 8px, 30px)
    }

    75% {
        clip: rect(104px, 350px, 32px, 30px)
    }

    80% {
        clip: rect(82px, 350px, 76px, 30px)
    }

    85% {
        clip: rect(137px, 350px, 37px, 30px)
    }

    90% {
        clip: rect(64px, 350px, 66px, 30px)
    }

    95% {
        clip: rect(70px, 350px, 141px, 30px)
    }

    to {
        clip: rect(1px, 350px, 120px, 30px)
    }
}

@-webkit-keyframes glitch-animation-2 {
    0% {
        clip: rect(107px, 350px, 89px, 30px)
    }

    5% {
        clip: rect(145px, 350px, 40px, 30px)
    }

    10% {
        clip: rect(63px, 350px, 143px, 30px)
    }

    15% {
        clip: rect(125px, 350px, 45px, 30px)
    }

    20% {
        clip: rect(121px, 350px, 98px, 30px)
    }

    25% {
        clip: rect(16px, 350px, 50px, 30px)
    }

    30% {
        clip: rect(124px, 350px, 149px, 30px)
    }

    35% {
        clip: rect(14px, 350px, 41px, 30px)
    }

    40% {
        clip: rect(131px, 350px, 55px, 30px)
    }

    45% {
        clip: rect(43px, 350px, 139px, 30px)
    }

    50% {
        clip: rect(76px, 350px, 95px, 30px)
    }

    55% {
        clip: rect(109px, 350px, 32px, 30px)
    }

    60% {
        clip: rect(129px, 350px, 20px, 30px)
    }

    65% {
        clip: rect(25px, 350px, 79px, 30px)
    }

    70% {
        clip: rect(80px, 350px, 75px, 30px)
    }

    75% {
        clip: rect(50px, 350px, 5px, 30px)
    }

    80% {
        clip: rect(38px, 350px, 45px, 30px)
    }

    85% {
        clip: rect(124px, 350px, 44px, 30px)
    }

    90% {
        clip: rect(128px, 350px, 9px, 30px)
    }

    95% {
        clip: rect(65px, 350px, 126px, 30px)
    }

    to {
        clip: rect(69px, 350px, 97px, 30px)
    }
}

@keyframes glitch-animation-2 {
    0% {
        clip: rect(107px, 350px, 89px, 30px)
    }

    5% {
        clip: rect(145px, 350px, 40px, 30px)
    }

    10% {
        clip: rect(63px, 350px, 143px, 30px)
    }

    15% {
        clip: rect(125px, 350px, 45px, 30px)
    }

    20% {
        clip: rect(121px, 350px, 98px, 30px)
    }

    25% {
        clip: rect(16px, 350px, 50px, 30px)
    }

    30% {
        clip: rect(124px, 350px, 149px, 30px)
    }

    35% {
        clip: rect(14px, 350px, 41px, 30px)
    }

    40% {
        clip: rect(131px, 350px, 55px, 30px)
    }

    45% {
        clip: rect(43px, 350px, 139px, 30px)
    }

    50% {
        clip: rect(76px, 350px, 95px, 30px)
    }

    55% {
        clip: rect(109px, 350px, 32px, 30px)
    }

    60% {
        clip: rect(129px, 350px, 20px, 30px)
    }

    65% {
        clip: rect(25px, 350px, 79px, 30px)
    }

    70% {
        clip: rect(80px, 350px, 75px, 30px)
    }

    75% {
        clip: rect(50px, 350px, 5px, 30px)
    }

    80% {
        clip: rect(38px, 350px, 45px, 30px)
    }

    85% {
        clip: rect(124px, 350px, 44px, 30px)
    }

    90% {
        clip: rect(128px, 350px, 9px, 30px)
    }

    95% {
        clip: rect(65px, 350px, 126px, 30px)
    }

    to {
        clip: rect(69px, 350px, 97px, 30px)
    }
}

.no_find-body {
    height: 100;
    height: calc(var(--window-inner-min-h, 1)*100);
    position: relative;
    width: 100vw
}

.no_find-body .message-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.no_find-body .message-wrapper svg {
    width: 100%
}

.no_find-body .message-wrapper path {
    fill: #fff
}

.no_find-body .message-wrapper .content-box {
    opacity: .3;
    position: relative;
    transform: scale(3) translateY(-10px);
    width: 18.5%
}

.no_find-body .message-wrapper .layer-2 {
    position: relative
}

.no_find-body .message-wrapper .layer-1,
.no_find-body .message-wrapper .layer-3 {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.no_find-body .message-wrapper .layer-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: reverse-alternate;
    animation-direction: reverse-alternate;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glitch-animation-1;
    animation-name: glitch-animation-1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    left: 1px
}

.no_find-body .message-wrapper .layer-3 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: reverse-alternate;
    animation-direction: reverse-alternate;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: glitch-animation-2;
    animation-name: glitch-animation-2;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    left: -1px
}

.no_find-body .wrapper--404_back {
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.no_find-body .wrapper--404_back .wrapper-btn {
    bottom: 47px;
    position: absolute
}

.no_find-body .wrapper--404_back .box-text {
    color: #999;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 20px;
    margin-top: 17px;
    position: relative;
    z-index: 20
}

.no_find-body .wrapper--404_back .circle {
    background-color: #fff;
    border-radius: 50%;
    height: 568px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -19%, 0);
    width: 590px
}

.no_find-body .wrapper--404_back .arrow-box {
    position: relative;
    z-index: 20
}

.no_find-body .wrapper--404_back .row {
    perspective: 1000px;
    perspective-origin: -2000% 50%;
    transform-style: preserve-3d
}

.no_find-body .wrapper--404_back .row path {
    stroke: #bfbfbf
}

.no_find-body .wrapper--404_back .row-shadow {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.no_find-body .wrapper--404_back .row-shadow svg {
    display: inline-block;
    opacity: 0;
    transform: translateY(180%) rotateX(-87deg);
    transform-origin: 0 0;
    will-change: transform
}

.no_find-body .wrapper--404_back .row-shadow path {
    fill: #fff;
    stroke: hsla(0, 0%, 100%, 0)
}

.no_find-body .wrapper--404_back .btn--go_back {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    z-index: 10
}

.no_find-body .wrapper--404_back .btn--go_back svg {
    display: inline-block
}

.no_find-body .wrapper--404_back .btn--go_back path {
    stroke-width: 2px
}

.module .module-head .module-info--main {
    display: inline-block;
    position: relative
}

.module .module-head .module-info--main .text--origin {
    opacity: 0
}

.module .module-head .text--clone {
    color: var(--color)
}

.module .module-head .subtitle,
.module .module-head .title {
    padding-right: 35px
}

.module .module-head .count,
.module .module-head .subtitle,
.module .module-head .title {
    line-height: 1.22;
    margin: 0;
    white-space: nowrap
}

.module .module-head .title {
    font-family: Poppins-Bold;
    font-size: 126px;
    letter-spacing: -7px
}

.module .module-head .subtitle {
    font-family: SourceHanSansCN-Bold;
    font-size: 48px
}

.module .module-head .count {
    font-family: Poppins-Bold;
    font-size: 20px;
    line-height: 2.2em;
    position: absolute;
    right: 0;
    top: 0
}

.module .module-head .animate-circle {
    margin-bottom: 5px
}

.animate-circle {
    --size: 30px
}

.animate-circle .circle-group {
    perspective: 1200px;
    transform-style: preserve-3d
}

.animate-circle .circle-item {
    cursor: pointer;
    height: var(--size);
    margin-right: calc(var(--size)/-3);
    position: relative;
    transform-style: preserve-3d;
    width: var(--size)
}

.animate-circle .circle-item:hover {
    z-index: 10
}

.animate-circle .circle-item:last-child {
    margin-right: 0
}

.animate-circle .circle-item.state-active .circle-item--left_half {
    transform: rotateY(0)
}

.animate-circle .circle-item.state-active .circle-item--right_half {
    transform: rotateY(0deg)
}

.animate-circle .circle-item.state-active~.circle-item .circle-item--left_half {
    transform: rotateY(180deg)
}

.animate-circle .circle-item.state-active~.circle-item .circle-item--right_half {
    transform: rotateY(0deg)
}

.animate-circle .circle-item--half {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: var(--size);
    position: relative;
    transform-style: preserve-3d;
    width: var(--size)
}

.animate-circle .circle-item--half .circle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #33cc8a;
    color: #fff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: calc(var(--size)/2)
}

.animate-circle .circle-item--half .circle--front {
    background-color: #33cc8a;
    z-index: 1
}

.animate-circle .circle-item--half .circle--back {
    transform: rotateY(180deg)
}

.animate-circle .circle-item--left_half {
    left: 0;
    transform-origin: right
}

.animate-circle .circle-item--left_half .circle--front {
    border-radius: calc(var(--size)/2) 0 0 calc(var(--size)/2)
}

.animate-circle .circle-item--left_half .circle--back {
    border-radius: 0 calc(var(--size)/2) calc(var(--size)/2) 0
}

.animate-circle .circle-item--right_half {
    right: 0;
    transform: rotateY(-180deg);
    transform-origin: left
}

.animate-circle .circle-item--right_half .circle--front {
    -webkit-clip-path: ellipse(calc(var(--size)/2) calc(var(--size)/2) at 0 50%);
    clip-path: ellipse(calc(var(--size)/2) calc(var(--size)/2) at 0 50%)
}

.animate-circle .circle-item--right_half .circle--back {
    -webkit-clip-path: ellipse(calc(var(--size)/2) calc(var(--size)/2) at 100% 50%);
    clip-path: ellipse(calc(var(--size)/2) calc(var(--size)/2) at 100% 50%)
}

.wrapper-tab_pages {
    margin: 0 auto;
    max-width: 98%;
    padding-top: 34px;
    position: relative;
    width: 1880px
}

.wrapper-tab_pages .pages-item.page-ellipsis {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: 25px;
    margin-right: 0;
    padding: 0 2px
}

.wrapper-tab_pages .pages-item.page-ellipsis .dot {
    background-color: #33cc8a;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    width: 5px
}

.wrapper-tab_pages .tab_pages-container {
    padding: 183px 0;
    position: relative;
    z-index: 40
}

.wrapper-tab_pages .wrapper-limit_width {
    max-width: 91.4893617021%;
    width: 1720px
}

.wrapper-tab_pages .layer--bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.wrapper-tab_pages .layer--bg:after,
.wrapper-tab_pages .layer--bg:before {
    border-radius: 70px;
    bottom: 0;
    bottom: 20px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    top: 50%;
    z-index: 10
}

.wrapper-tab_pages .layer--bg:before {
    background-color: #33cc8a;
    bottom: -20px
}

.wrapper-tab_pages .layer--bg:after {
    background-color: rgba(51, 204, 138, .2);
    bottom: -40px
}

.wrapper-tab_pages .layer--bg_inner {
    background-color: var(--bg-color);
    border-radius: 70px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30
}

.wrapper-tab_pages .pages-tab_btns {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 60px;
    height: 0;
    letter-spacing: -3px;
    position: absolute;
    top: 50%;
    width: 100%
}

.wrapper-tab_pages .pages-tab_btns .ic {
    color: #e1e1e1;
    font-size: 40px;
    transition: color .36s ease;
    vertical-align: -11px
}

.wrapper-tab_pages .pages-tab_btns .btn--next,
.wrapper-tab_pages .pages-tab_btns .btn--prev {
    cursor: pointer;
    text-decoration: none
}

.wrapper-tab_pages .pages-tab_btns .btn--next .text--origin,
.wrapper-tab_pages .pages-tab_btns .btn--prev .text--origin {
    color: transparent
}

.wrapper-tab_pages .pages-tab_btns .btn--next.state-disable:hover,
.wrapper-tab_pages .pages-tab_btns .btn--prev.state-disable:hover {
    cursor: not-allowed
}

.wrapper-tab_pages .pages-tab_btns .btn--next.state-disable:hover .ic,
.wrapper-tab_pages .pages-tab_btns .btn--prev.state-disable:hover .ic {
    color: #e1e1e1
}

.wrapper-tab_pages .pages-tab_btns .btn--next:hover .ic,
.wrapper-tab_pages .pages-tab_btns .btn--prev:hover .ic {
    color: #333
}

.wrapper-tab_pages .pages-tab_btns .btn--next .text {
    padding-left: 20px
}

.wrapper-tab_pages .pages-tab_btns .btn--next .ic {
    margin-left: 20px
}

.wrapper-tab_pages .pages-tab_btns .btn--prev .text {
    padding-right: 20px
}

.wrapper-tab_pages .pages-tab_btns .btn--prev .ic {
    margin-right: 20px
}

.wrapper-tab_pages .pages--current_index {
    bottom: 0;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 466px;
    left: 0;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.wrapper-tab_pages .pages--current_index .text {
    color: transparent;
    display: inline-block;
    transform: translateY(34px)
}

.wrapper-tab_pages .pages--current_index .menu__item {
    transform: translateY(46px)
}

.wrapper-tab_pages .pages--current_index .menu__text {
    font-size: 13px;
    letter-spacing: 0
}

.wrapper-tab_pages .pages--current_index text {
    fill: #f7f7f7
}

@supports not ((-webkit-clip-path:ellipse(15px 15px at 100% 50%)) or (clip-path:ellipse(15px 15px at 100% 50%))) {
    .animate-circle .circle--front {
        border-radius: 0 15px 15px 0
    }

    .animate-circle .circle--back {
        border-radius: 15px 0 0 15px
    }
}

.orb-canvas {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.site-top_bar {
    height: var(--page-nav-h);
    left: 0;
    position: fixed;
    top: 0;
    transition: .36s ease;
    width: 100%;
    z-index: 99
}

.site-top_bar .logo-img {
    display: none
}

.site-top_bar .site-logo {
    font-size: 152px;
    line-height: 1;
    text-decoration: none
}

.site-top_bar .btn--open_menu {
    align-items: center;
    box-sizing: initial;
    cursor: pointer;
    display: flex;
    height: 44px;
    margin-right: 17px;
    max-height: var(--page-nav-min-h);
    padding: 0 7px;
    width: 33px
}

.site-top_bar .dot_group {
    border-radius: 50%;
    font-size: 0;
    height: 5px;
    position: relative;
    width: 5px
}

.site-top_bar .dot_item {
    background-color: var(--color);
    border-radius: 50%;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.site-top_bar .dot_item:first-child {
    opacity: 1;
    transform: translateX(-11px)
}

.site-top_bar .dot_item:nth-child(3) {
    opacity: 1
}

.site-top_bar .dot_item:last-child {
    opacity: 1;
    transform: translateX(11px)
}

.site-top_bar .btn--toggle_theme {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    max-height: var(--page-nav-min-h);
    padding: 0 13px
}

.site-top_bar .btn--toggle_theme .ic {
    display: inline-block;
    font-size: 32px
}

.site-top_bar[data-size=mini] {
    background-color: var(--bg-color);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    height: var(--page-nav-min-h)
}

.site-nav {
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 80
}

.site-nav,
.site-nav .wrapper-limit_width {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.site-nav .wrapper-limit_width {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 89.5833333333%;
    padding-bottom: 136px;
    padding-left: 5.2083333333%;
    padding-right: 5.2083333333%;
    width: 1720px
}

.site-nav .wrapper-limit_width>* {
    padding-bottom: env(safe-area-inset-bottom)
}

.site-nav .nav-item {
    color: #999;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 46px;
    margin-bottom: 60px;
    position: relative;
    transition: color .26s ease;
    white-space: nowrap
}

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

.site-nav .nav-item:hover .count {
    color: var(--site-nav-reverse-color)
}

.site-nav .nav-link {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.site-nav .nav-link .count {
    color: var(--site-nav-color);
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0;
    transition: color .36s ease
}

.site-nav .nav-link .row {
    position: relative
}

.site-nav .nav-link .text {
    display: inline-block;
    padding-right: 41px;
    position: relative;
    transform-origin: left;
    transition: color .26s ease;
    vertical-align: middle
}

.site-nav .nav-link .line {
    bottom: -3px;
    left: 0;
    padding-right: 41px;
    perspective: 1000px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.site-nav .nav-link .line-inner {
    background-color: var(--site-nav-reverse-color);
    height: 5px;
    opacity: 0;
    transform: translateY(0) translateY(0) rotate(0deg) rotateX(0deg);
    transform-origin: left;
    width: 100%
}

.site-nav .nav-link .text--origin {
    color: var(--site-nav-color)
}

.site-nav .nav-link .text--clone {
    bottom: 0;
    color: var(--site-nav-reverse-color);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.site-nav .nav-link .text--clone .letter {
    transform: translateY(110%) rotateX(-90deg)
}

.site-nav .nav-link .text--clone,
.site-nav .nav-link .text--origin {
    overflow: hidden;
    perspective: 1000px;
    perspective-origin: -150% 50%
}

.site-nav .nav-link .text--clone .letter,
.site-nav .nav-link .text--origin .letter {
    display: inline-block;
    transform-origin: 0 0;
    will-change: transform
}

.site-nav .list-group {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    padding-bottom: 10px
}

.site-nav .list-group .list-name {
    color: var(--site-nav-list-name-color);
    font-size: 18px;
    margin-bottom: 26px
}

.site-nav .business-group {
    padding-right: 60px;
    width: 260px
}

.site-nav .business-group .list-name {
    margin-bottom: 36px
}

.site-nav .business-group .list-item {
    display: block;
    font-size: 17px;
    padding-bottom: 14px;
    position: relative;
    text-decoration: none;
    transition: .26s ease;
    white-space: nowrap
}

.site-nav .business-group .list-item .cursor-dot {
    border-radius: 50%;
    height: 6px;
    left: 0;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 6px
}

.site-nav .business-group .list-item:last-child {
    padding-bottom: 0
}

.site-nav .business-group .list-item:last-child .cursor-dot {
    margin-top: -4px
}

.site-nav .business-group .list-item:hover {
    padding-left: 16px
}

.site-nav .module-social[data-theme=black] .social-item {
    color: var(--social-normal-color)
}

.site-nav .module-social[data-theme=black] .social-item:hover {
    color: var(--social-hover-color)
}

.site-nav .module-social[data-theme=black] .social-item:hover:after {
    background-color: var(--social-bg)
}

.is-mobile .site-nav .nav-item {
    color: var(--site-nav-color)
}

.module-customer {
    position: relative
}

.module-customer .placeholder {
    background-image: linear-gradient(180deg, var(--bg-color), hsla(0, 0%, 100%, 0));
    height: 300px;
    position: absolute;
    top: -1px;
    width: 100%
}

.module-customer .wrapper-limit_width {
    background: hsla(0, 0%, 100%, .03);
    border: 1px solid hsla(0, 0%, 100%, .03);
    border-radius: 60px;
    box-shadow: 0 85px 75px 0 rgba(26, 26, 26, .06);
    max-width: 98%;
    overflow: hidden;
    padding: 120px 180px 155px;
    position: relative;
    width: 1880px
}

.module-customer .wrapper-limit_width:after {
    border-radius: 0 60px 60px 0;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 276px;
    z-index: 20
}

.module-customer .wrapper-limit_width:before {
    border-radius: 60px 0 0 60px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 276px;
    z-index: 20
}

.module-customer .layer--bg {
    bottom: 0;
    left: 0;
    mix-blend-mode: screen;
    opacity: .015;
    position: absolute;
    right: 0;
    top: 0
}

.module-customer .wrapper-content {
    position: relative;
    z-index: 10
}

.module-customer .module-intro {
    font-size: 30px;
    font-size: 0;
    margin-bottom: 85px;
    white-space: nowrap
}

.module-customer .module-intro p:first-child strong {
    font-size: 48px
}

.module-customer .module-intro strong {
    display: inline-block;
    font-size: 30px;
    transform-origin: center left
}

.module-customer .module-intro p {
    font-size: 0 !important;
    margin: 15px 0
}

.module-customer .customer-group {
    height: 75px;
    margin-right: -146px;
    position: relative
}

.module-customer .customer-group .customer-item {
    margin-right: 146px
}

.module-customer .customer-item {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.module-customer .customer-item .customer-logo,
.module-customer .customer-item .customer-logo svg {
    height: 100%
}

.module-customer .customer-item .customer-logo path {
    clip-rule: evenodd;
    fill: transparent;
    fill-rule: evenodd;
    stroke: #dbdbdb;
    stroke-width: 2px
}

.module-project .btn--more {
    border-radius: 50%;
    color: #aaa;
    cursor: pointer;
    display: block;
    font-family: Poppins-Bold;
    height: 120px;
    margin: 0 auto;
    position: relative;
    transition: color .36s ease;
    width: 120px
}

.module-project .btn--more .circle-pointer {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.module-project .btn--more .dot {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.module-project .btn--more .dot,
.module-project .btn--more .ring {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.module-project .btn--more .ring {
    border: 2px solid #aaa;
    border-radius: 50%;
    height: 100%;
    transition: .36s ease;
    transition-property: background-color, border-color, width, height;
    width: 100%
}

.module-project .btn--more .box-text {
    align-items: center;
    bottom: 0;
    display: flex;
    font-size: 16px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.module-project .btn--more:hover {
    color: #fff
}

.module-project .btn--more:hover .ring-1 {
    background-color: #33cc8a;
    border-color: #33cc8a;
    height: 80%;
    width: 80%
}

.module-project .btn--more:hover .ring-2 {
    border-color: #33cc8a
}

.module-project .module-head {
    margin-bottom: 132px
}

.module-project .module-footer {
    margin-top: -92px;
    padding-bottom: 120px;
    padding-top: 0
}

.module-project .project-group {
    margin-right: -120px
}

.module-project .project-group .project-item {
    margin-right: 120px;
    width: calc(50% - 120px)
}

.module-project .project-group:after {
    clear: both;
    content: "";
    display: block
}

.module-project .project-item {
    color: inherit;
    display: block;
    float: left;
    margin-bottom: 192px;
    text-decoration: none
}

.module-project .project-thumb {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.module-project .project-thumb>img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.module-project .project-thumb:after {
    content: "";
    display: block;
    padding-top: 57.5%
}

.module-project .project-thumb .circle-pointer {
    border-radius: 50%;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 20%;
    width: 1px;
    z-index: 100
}

.module-project .project-intro {
    line-height: 1.3;
    padding-top: 39px
}

.module-project .project-intro .text--clone {
    color: var(--color)
}

.module-project .project-intro .title {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 48px;
    height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.module-project .project-intro .subtitle {
    font-size: 26px;
    height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.module-project .category-wrapper {
    font-size: 36px;
    margin-bottom: 36px;
    padding: 50px 0;
    position: relative
}

.module-project .category-wrapper .oper-area {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.module-project .category-wrapper .oper-area .state-pos_left,
.module-project .category-wrapper .oper-area .state-pos_right {
    cursor: pointer;
    width: 50%
}

.module-project .category-group {
    display: inline-flex;
    flex-wrap: nowrap;
    pointer-events: none;
    position: relative;
    z-index: 10
}

.module-project .category-item {
    -webkit-text-stroke: 1px #bfbfbf;
    color: transparent;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    margin-right: 125px;
    padding-left: 28px;
    pointer-events: all;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

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

.module-project .category-item .cursor-dot {
    border-radius: 50%;
    height: 12px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    width: 12px
}

.module-project .category-item .cursor-dot--inner {
    background-color: #33cc8a;
    border-radius: 50%;
    height: 12px;
    opacity: 0;
    width: 12px
}

.module-project .category-item.state-active {
    -webkit-text-stroke: 0 transparent;
    color: var(--color)
}

.module-project .category-item.state-active .cursor-dot--inner {
    opacity: 1
}

.module-project .category-item .count {
    font-size: 20px;
    position: absolute;
    right: -7px;
    top: 0;
    transform: translateX(100%)
}

.module-service {
    position: relative
}

.module-service:after {
    bottom: -1px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.module-service .service-item--station,
.module-service:after {
    background-color: var(--bg-color)
}

.module-service .module-head {
    margin-bottom: 73px
}

.module-service .module-body {
    color: #fff;
    overflow: hidden;
    padding-bottom: 90px
}

.module-service .module-body .wrapper-limit_width {
    max-width: 98%;
    width: 1880px
}

.module-service .service-group {
    box-sizing: initial;
    height: 720px;
    perspective: 3000px;
    perspective-origin: bottom;
    position: relative
}

.module-service .swiper {
    overflow: visible
}

.module-service .service-item {
    border-radius: 50px;
    cursor: pointer;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: bottom;
    width: 100%
}

.module-service .service-item .box-item_inner {
    height: 100%;
    padding: 0 180px
}

.module-service .service-item .item-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.module-service .service-item .item-index {
    font-family: Poppins-Bold;
    font-size: 66px;
    position: absolute;
    right: 80px;
    top: 66px;
    transform-origin: top
}

.module-service .service-item:first-child {
    z-index: 0
}

.module-service .service-item:first-child .item-img {
    padding-top: 133px
}

.module-service .service-item:first-child .ae_box {
    transform: translate(-16%)
}

.module-service .service-item:nth-child(2) {
    z-index: 10
}

.module-service .service-item:nth-child(3) {
    z-index: 20
}

.module-service .service-item:nth-child(4) {
    transform: translateZ(5px);
    z-index: 30
}

.module-service .service-item .item-intro_wrapper {
    height: 100%;
    position: relative
}

.module-service .service-item .ae_box {
    align-items: center;
    bottom: 139px;
    display: flex;
    height: 140px;
    left: 0;
    min-width: 10px;
    position: absolute;
    transform: translate(-16%)
}

.module-service .service-item .ae_box .cursor-dot {
    border-radius: 50%;
    height: 8px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 8px
}

.module-service .service-item .ae_box svg {
    width: auto !important
}

.module-service .service-intro {
    padding-bottom: 152px
}

.module-service .service-intro .title {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 66px
}

.module-service .service-intro .desc {
    font-size: 20px;
    line-height: 1.7em;
    width: 590px
}

.module-contact {
    background-color: var(--bg-color);
    color: var(--color);
    padding-bottom: var(--page-footer-h);
    padding-top: 158px;
    position: relative
}

.module-contact .wrapper-limit_width,
.module-contact+.page-footer .wrapper-limit_width {
    width: 1522px
}

.module-contact .contact-swiper-main {
    height: 100%;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%
}

.module-contact .module-info .text {
    line-height: 1;
    margin: 0;
    white-space: nowrap
}

.module-contact .module-info .tel {
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: -2px
}

.module-contact .module-info .desc {
    color: #7f7f7f;
    font-family: SourceHanSansCN-Bold;
    font-size: 16px
}

.module-contact .module-body {
    padding-bottom: 172px
}

.module-contact .module-body .letter {
    display: inline-block
}

.module-contact .module-body .card-group {
    position: relative
}

.module-contact .module-body .text-wrapper {
    color: #e9edec;
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 278px;
    letter-spacing: -10px;
    margin: 0;
    pointer-events: none;
    position: relative;
    text-align: center;
    z-index: 20
}

.module-contact .module-body .card-box {
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 463px;
    z-index: 30
}

.module-contact .module-body .card-box:after {
    content: "";
    display: block;
    padding-top: 60.2591792657%
}

.module-contact .module-body .card-body {
    border-radius: 15px;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0);
    transform-style: preserve-3d
}

.module-contact .module-body .card-body:hover .layer--info {
    transform: translateZ(40px)
}

.module-contact .module-body .layer--icon {
    border-radius: 15px;
    bottom: 0;
    left: 0;
    mix-blend-mode: overlay;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.module-contact .module-body .layer--icon .ic {
    line-height: 1;
    position: absolute
}

.module-contact .module-body .svg-box {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.module-contact .module-body .js-tilt-glare {
    border-radius: 15px;
    overflow: hidden
}

.module-contact .module-body .layer--info {
    position: relative;
    transform: translateZ(0);
    transition: .6s;
    z-index: 40
}

.module-contact .module-body .layer--info img {
    width: 100%
}

.module-contact .module-body .card--index_1 {
    transform: translateX(-100px) translateY(258px) rotate(-11deg);
    transform-origin: top left
}

.module-contact .module-body .card--index_1 .card-body {
    background: url(../img/con1.png) no-repeat; background-size: 100% 100%;
}

.module-contact .module-body .card--index_1 svg {
    fill: rgba(0, 84, 230, .3);
    height: 143%;
    position: absolute;
    right: -46%;
    top: -1%;
    transform: rotate(13deg);
    width: auto
}

.module-contact .module-body .card--index_2 {
    left: 50%;
    transform: translateX(-50%) translateY(34px) rotate(-11deg);
    transform-origin: center center
}

.module-contact .module-body .card--index_2 .card-body {
    background: url(../img/con2.png) no-repeat; background-size: 100% 100%;
}

.module-contact .module-body .card--index_2 svg {
    fill: rgba(0, 86, 23, .32);
    height: 280%;
    left: -5%;
    position: absolute;
    top: -104%;
    transform: rotate(11deg);
    width: auto
}

.module-contact .module-body .card--index_3 {
    right: 0;
    transform: translateX(100px) translateY(125px) rotate(-11deg);
    transform-origin: top right;
    z-index: 20
}

.module-contact .module-body .card--index_3 .card-body {
    background: url(../img/con3.png) no-repeat; background-size: 100% 100%;
}

.module-contact .module-body .card--index_3 svg {
    fill: rgba(104, 47, 224, .3);
    bottom: -21%;
    height: 243%;
    left: -46%;
    position: absolute
}

.module-contact .module-footer {
    color: #949596;
    font-family: Poppins-Regular, SourceHanSansCN-Regular;
    font-size: 14px;
    padding: 25px 0
}

@supports not (mix-blend-mode:overlay) {
    .module-contact .module-body .card-body svg {
        fill: #fff
    }

    .module-contact .module-body .card--index_3 svg {
        fill: hsla(0, 7%, 45%, .52)
    }

    .module-contact .module-body .card--index_2 svg {
        fill: #6e5f5f
    }

    .module-contact .module-body .card--index_1 svg {
        fill: #8b7575
    }
}

.module-contact .contact-swiper-main,
.module-contact .contact-swiper-main .swiper-wrapper {
    position: static
}

.module-contact .contact-swiper-main .swiper-wrapper {
    transform: none
}

.module-social[data-theme=black] .social-item {
    background-color: initial;
    color: #bcbcbc
}

.module-social[data-theme=black] .social-item:hover {
    color: #fff
}

.module-social[data-theme=black] .social-item:hover:after {
    background-color: #1b1b1b;
    opacity: 1;
    transform: scale(1)
}

.module-social[data-theme=white] .social-item {
    background-color: hsla(0, 0%, 100%, .02);
    color: hsla(0, 0%, 100%, .8)
}

.module-social[data-theme=white] .social-item:hover {
    color: #33cc8a
}

.module-social[data-theme=white] .social-item:hover:after {
    background-color: #fff;
    opacity: 1;
    transform: scale(1)
}

.module-social[data-theme=gray] .social-item {
    background-color: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .3)
}

.module-social[data-theme=gray] .social-item:hover {
    color: #fff
}

.module-social[data-theme=gray] .social-item:hover:after {
    background-color: #33cc8a;
    opacity: 1;
    transform: scale(1)
}

.social-group {
    margin-right: -15px
}

.social-group .social-item {
    margin-right: 15px
}

.social-item {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    font-size: 21px;
    height: 50px;
    justify-content: center;
    position: relative;
    text-decoration: none;
    transition: .26s ease;
    width: 50px
}

.social-item .ic {
    position: relative;
    z-index: 10
}

.social-item:after {
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.85);
    transition: .36s ease
}

.pop-layer .wrapper-img {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 40px 80px 0 rgba(0, 0, 0, .1);
    font-family: Poppins-Bold, SourceHanSansCN-Bold;
    font-size: 18px;
    line-height: 2;
    max-width: 350px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 350px;
    width: 22%
}

.module-top_banner {
    background-color: var(--banner-bg);
    height: 100vh;
    height: calc(var(---window-inner-min-h, 1vh)*100)
}

.module-top_banner .wrapper-info {
    height: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    pointer-events: none;
    position: relative;
    z-index: 10
}

.module-top_banner .wrapper-info .wrapper-limit_width {
    height: 100%;
    padding-bottom: 90px
}

.module-top_banner .wrapper-info .wrapper-limit_width>.state-pos_left {
    pointer-events: all
}

.module-top_banner .project_item-group {
    margin-top: 30px;
    padding-bottom: 22px
}

.module-top_banner .project_item-group--shadow {
    display: none
}

.module-top_banner .project_item-intro {
    display: inline-block;
    text-decoration: none
}

.module-top_banner .project_item-intro .title {
    box-sizing: initial;
    font-size: 86px;
    height: 110px;
    letter-spacing: -5px;
    line-height: 110px;
    padding-right: 76px;
    perspective: 1000px;
    perspective-origin: 100%;
    position: relative
}

.module-top_banner .project_item-intro .title .text {
    color: transparent
}

.module-top_banner .project_item-intro .title .ic {
    font-size: 54px;
    line-height: 1;
    position: absolute;
    right: 3px;
    top: 26px
}

.module-top_banner .project_item-intro .intro {
    font-size: 30px;
    line-height: 1.2em
}

.module-top_banner .project_item-intro p {
    margin: 6px 0;
    overflow: hidden
}

.module-top_banner .project_item-intro p .text {
    display: inline-block
}

.module-top_banner .project_item-intro .ic {
    opacity: 0;
    perspective: 1000px;
    transform: translateX(-40px) translateY(80px) rotateX(85deg);
    transform-origin: center;
    transition: .6s ease
}

.module-top_banner .project_item-intro:hover .ic {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0)
}

.module-top_banner .scroll_tip {
    --size: 6px;
    font-family: Poppins-SemiBold;
    font-size: 16px;
    padding-right: 14px;
    position: relative
}

.module-top_banner .scroll_tip .ic {
    background-color: initial;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px
}

.module-top_banner .scroll_tip .ic:before {
    -webkit-animation-duration: 2.6s;
    animation-duration: 2.6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll-dot;
    animation-name: scroll-dot;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: var(--bg-reverse-color);
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 10
}

.module-top_banner .scroll_tip .ic:after {
    background-image: var(--scroll-tip-bar);
    content: "";
    height: var(--scroll-bar-h);
    left: 2px;
    position: absolute;
    top: calc(var(--scroll-bar-h)*.4);
    width: 2px
}

.module-top_banner .effect_bg--ball {
    bottom: 0;
    cursor: -webkit-grab;
    cursor: grab;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-style: preserve-3d
}

.module-top_banner .effect_bg--ball:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.module-top_banner .menu__text {
    fill: var(--color)
}

@-webkit-keyframes scroll-dot {
    0% {
        opacity: 0;
        transform: translateY(calc(var(--scroll-bar-h)*-1/4))
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(calc(var(--scroll-bar-h)*1.5))
    }
}

@keyframes scroll-dot {
    0% {
        opacity: 0;
        transform: translateY(calc(var(--scroll-bar-h)*-1/4))
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(calc(var(--scroll-bar-h)*1.5))
    }
}

.is-mobile .site-project_page .wrapper--go_next_btn .btn--to_next {
    bottom: 0;
    position: fixed
}

.is-mobile .site-project_page .wrapper--go_next_btn {
    position: static
}

.is-mobile .site-project_page .wrapper--go_next_btn:after {
    content: "";
    display: block
}

.site-project_page .wrapper--go_next_btn .wrapper-img {
    width: 100%
}

.is-mobile .site-project_page .wrapper--go_next_btn .next-project-info>.wrapper-limit_width {
    padding-bottom: 5.2083333333vw
}

.is-mobile .site-project_page .wrapper--go_next_btn .btn--to_next:after,
.is-mobile .site-project_page .wrapper--go_next_btn:after {
    padding-top: 31.25vw
}

.is-mobile .site-page[data-page-type=ProjectPostPage] .page-footer {
    bottom: 0;
    position: fixed;
    width: 100%
}

@media screen and (max-width:1920px) {
    .module .module-head .title {
        font-size: 6.5625vw;
        letter-spacing: -.0555555556em
    }

    .module .module-head .subtitle {
        font-size: 2.5vw
    }

    .site-nav .wrapper-limit_width {
        padding-bottom: 7.0833333333vw
    }

    .pop-layer .wrapper-img {
        width: 26%
    }

    .module-service .service-item .box-item_inner {
        border-radius: 2.6041666667vw;
        overflow: hidden;
        padding: 0 9.375vw
    }

    .module-top_banner .project_item-intro .title {
        height: 5.7291666667vw;
        padding-right: 3.9583333333vw
    }

    .module-top_banner .project_item-intro .title .ic {
        font-size: 2.8125vw;
        top: 1.3541666667vw
    }

    .module-top_banner .wrapper-info .wrapper-limit_width {
        padding-bottom: 4.6875vw
    }

    .module-top_banner .project_item-intro .intro {
        font-size: 1.5625vw
    }

    .module-top_banner .project_item-group {
        margin-top: 1.5625vw;
        padding-bottom: 1.1458333333vw
    }

    .module-project .project-group {
        margin-right: -6.25vw
    }

    .module-project .project-group .project-item {
        margin-right: 6.25vw;
        width: calc(50% - 6.25vw)
    }

    .module-project .module-head {
        margin-bottom: 6.7708333333vw
    }

    .module-project .project-item {
        margin-bottom: 10vw
    }

    .module-project .project-intro .title {
        font-size: 2.5vw
    }

    .module-project .project-intro .subtitle {
        font-size: 1.3541666667vw
    }

    .module-service .service-group {
        height: 37.5vw
    }

    .module-service .service-intro .title {
        font-size: 3.4375vw
    }

    .module-service .service-item .ae_box {
        height: 7.2395833333vw
    }

    .module-service .module-head {
        margin-bottom: 3.8020833333vw
    }

    .module-service .service-intro .desc {
        font-size: 1.0416666667vw
    }

    .module-service .service-item .item-index {
        font-size: 3.4375vw;
        right: 4.1666666667vw;
        top: 3.4375vw
    }

    .module-customer .module-intro {
        margin-bottom: 4.4270833333vw
    }

    .module-project .module-footer {
        margin-top: -4.7916666667vw;
        padding-bottom: 6.25vw
    }

    .site-index_page .module-project {
        margin-bottom: 9.2708333333vw
    }

    .module-contact .module-body .card-box {
        max-width: 463px;
        width: 26.0416666667vw
    }

    .module-contact .module-body .card--index_1 {
        transform: translateX(-5.2083333333vw) translateY(13.4375vw) rotate(-11deg)
    }

    .module-contact .module-body .card--index_2 {
        transform: translateX(-50%) translateY(1.7708333333vw) rotate(-11deg)
    }

    .module-contact .module-body .card--index_3 {
        transform: translateX(5.2083333333vw) translateY(6.5104166667vw) rotate(-11deg)
    }

    .module-contact .wrapper-limit_width,
    .module-contact+.page-footer .wrapper-limit_width {
        width: 79.2708333333vw
    }

    .module-contact .module-body .text-wrapper {
        font-size: 14.4791666667vw;
        letter-spacing: -.0431654676em
    }

    .site-index_page .module-contact {
        padding-top: 6.4583333333vw
    }

    .module-customer .wrapper-limit_width {
        border-radius: 3.125vw;
        padding: 6.25vw 9.375vw 8.125vw;
        width: 97.9166666667vw
    }

    .module-customer .wrapper-limit_width:before {
        border-radius: 3.125vw 0 0 3.125vw
    }

    .module-customer .wrapper-limit_width:after {
        border-radius: 0 3.125vw 3.125vw 0
    }

    .module-customer .customer-group {
        height: 3.90625vw;
        margin-right: -7.6041666667vw
    }

    .module-customer .customer-group .customer-item {
        margin-right: 7.6041666667vw
    }

    .module-customer .module-intro strong {
        font-size: 1.5625vw
    }

    .module-customer .module-intro p {
        font-size: 1.5625vw;
        margin: .5em 0
    }

    .module-customer .module-intro p:first-child strong {
        font-size: 2.5vw
    }

    .wrapper-tab_pages .tab_pages-container {
        padding: 9.53125vw 0
    }

    .wrapper-tab_pages .pages--current_index {
        font-size: 24.2708333333vw
    }

    .module-project .category-item {
        margin-right: 6.5104166667vw;
        padding-left: 1.4583333333vw
    }

    .site-list_project .site-body {
        padding-top: calc(var(--page-nav-h) + 8.07292vw)
    }

    .wrapper-tab_pages .pages-tab_btns {
        font-size: 3.125vw
    }

    .wrapper-tab_pages .pages-tab_btns .ic {
        font-size: 2.0833333333vw;
        vertical-align: -.5729166667vw
    }

    .wrapper-tab_pages .layer--bg:after,
    .wrapper-tab_pages .layer--bg:before,
    .wrapper-tab_pages .layer--bg_inner {
        border-radius: 3.6458333333vw
    }

    .wrapper-tab_pages .layer--bg:before {
        bottom: -1.0416666667vw
    }

    .wrapper-tab_pages .layer--bg:after {
        bottom: -2.0833333333vw
    }

    .module-contact {
        padding-top: 8.2291666667vw
    }

    .site-list_project .module-project .module-head {
        margin-bottom: 4.2708333333vw
    }

    .site-project_page .wrapper--back_btn {
        top: 5.1041666667vw
    }

    .site-project_page .wrapper--back_btn .circle {
        height: 17.8645833333vw;
        width: 17.8645833333vw
    }

    .about-module-1 .module-desc .wrapper {
        width: 47.3958333333vw
    }

    .about-module-1 .module-head {
        font-size: 9.1666666667vw;
        letter-spacing: -.0397727273em;
        word-spacing: -.0170454545em
    }

    .about-module-1 .module-desc {
        font-size: 1.3541666667vw
    }

    .about-module-1 .module-desc .text {
        margin: 2.7604166667vw 0
    }

    .about-module-2 {
        padding-bottom: 11.4583333333vw
    }

    .about-module-2 .customer-group {
        height: 3.90625vw;
        margin-bottom: 5.1041666667vw;
        margin-right: -7.6041666667vw
    }

    .about-module-4 {
        padding-bottom: 4.6875vw;
        padding-top: 9.375vw
    }

    .about-module-4 .module-title {
        font-size: 6.5625vw
    }

    .about-module-4 .module-subtitle {
        font-size: 2.5vw
    }

    .about-module-4 .module-body {
        width: 79.2708333333vw
    }

    .about-module-4 .history-item .item-title {
        letter-spacing: -.034em;
        word-spacing: -.2em
    }

    .about-module-4 .history-item .item-title .unit {
        font-size: 1.875vw;
        vertical-align: .9375vw
    }

    .about-module-4 .history-item:first-child {
        height: 14.5833333333vw;
        width: 14.5833333333vw
    }

    .about-module-4 .history-item:first-child .dot {
        transform: translateX(7.2916666667vw)
    }

    .about-module-4 .history-item:first-child .item-title {
        font-size: 2.6041666667vw
    }

    .about-module-4 .history-item:first-child .item-subtitle {
        font-size: 1.0416666667vw
    }

    .about-module-4 .history-item:first-child .circle-1 {
        left: -1.25vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(2) {
        height: 9.375vw;
        width: 9.375vw
    }

    .about-module-4 .history-item:nth-child(2) .dot {
        transform: translateX(4.6875vw)
    }

    .about-module-4 .history-item:nth-child(2) .item-title {
        font-size: 2.6041666667vw
    }

    .about-module-4 .history-item:nth-child(2) .item-subtitle {
        font-size: .8333333333vw
    }

    .about-module-4 .history-item:nth-child(2) .circle-1 {
        left: .8333333333vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(3) {
        height: 16.6666666667vw;
        width: 16.6666666667vw
    }

    .about-module-4 .history-item:nth-child(3) .dot {
        transform: translateX(8.3333333333vw)
    }

    .about-module-4 .history-item:nth-child(3) .item-title {
        font-size: 3.125vw
    }

    .about-module-4 .history-item:nth-child(3) .item-subtitle {
        font-size: 1.0416666667vw
    }

    .about-module-4 .history-item:nth-child(3) .circle-1 {
        left: -1.40625vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(4) {
        height: 19.7916666667vw;
        width: 19.7916666667vw
    }

    .about-module-4 .history-item:nth-child(4) .dot {
        transform: translateX(9.8958333333vw)
    }

    .about-module-4 .history-item:nth-child(4) .item-title {
        font-size: 3.125vw
    }

    .about-module-4 .history-item:nth-child(4) .item-subtitle {
        font-size: 1.0416666667vw
    }

    .about-module-4 .history-item:nth-child(4) .circle-1 {
        left: 1.09375vw;
        top: 13px
    }

    .about-module-4 .history-item:nth-child(5) {
        height: 9.375vw;
        width: 9.375vw
    }

    .about-module-4 .history-item:nth-child(5) .dot {
        transform: translateX(4.6875vw)
    }

    .about-module-4 .history-item:nth-child(5) .item-title {
        font-size: 1.875vw
    }

    .about-module-4 .history-item:nth-child(5) .item-subtitle {
        font-size: .8333333333vw
    }

    .about-module-4 .history-item:nth-child(5) .circle-1 {
        left: .2083333333vw;
        top: 13px
    }

    .about-module-4 .history-item:nth-child(6) {
        height: 11.4583333333vw;
        width: 11.4583333333vw
    }

    .about-module-4 .history-item:nth-child(6) .dot {
        transform: translateX(5.7291666667vw)
    }

    .about-module-4 .history-item:nth-child(6) .item-title {
        font-size: 1.875vw
    }

    .about-module-4 .history-item:nth-child(6) .item-subtitle {
        font-size: .8333333333vw
    }

    .about-module-4 .history-item:nth-child(6) .circle-1 {
        left: .8333333333vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(7) {
        height: 14.5833333333vw;
        width: 14.5833333333vw
    }

    .about-module-4 .history-item:nth-child(7) .dot {
        transform: translateX(7.2916666667vw)
    }

    .about-module-4 .history-item:nth-child(7) .item-title {
        font-size: 2.9166666667vw
    }

    .about-module-4 .history-item:nth-child(7) .item-subtitle {
        font-size: .8333333333vw
    }

    .about-module-4 .history-item:nth-child(7) .circle-1 {
        left: -1.40625vw;
        top: 0
    }

    .about-module-5 .module-title {
        font-size: 6.5625vw
    }

    .about-module-5 .module-subtitle {
        font-size: 2.5vw
    }

    .about-module-5 .prize-list .item {
        padding: 1.71875vw 0
    }

    .about-module-5 .prize-list {
        font-size: 1.25vw
    }

    .about-module-6 .col-item {
        margin-bottom: 4.1666666667vw;
        width: 20.8333333333vw
    }

    .about-module-6 .item-inner .layer--dragger-move {
        border-radius: 9.7916666667vw
    }

    .about-module-6 .item-inner .img-box {
        padding-top: 3.3333333333vw
    }

    .about-module-6 .item-inner .info-box {
        margin-top: 1.875vw
    }

    .about-module-6 .item-inner .name {
        font-size: 2.0833333333vw
    }

    .about-module-6 .item-inner .position {
        font-size: .9375vw
    }

    .about-module-6 .module-body {
        padding: 4.1666666667vw
    }

    .about-module-6 .module-bg {
        font-size: 15.8854166667vw
    }

    .about-module-6 .detail-info-wrapper {
        padding-top: calc(var(--page-footer-h) + .98958vw)
    }

    .about-module-6 .item-detail-panel .panel_btn--close {
        font-size: 1.3541666667vw;
        height: 4.6875vw;
        width: 4.6875vw
    }

    .about-module-6 .detail-info-wrapper .info-body {
        padding-left: 15.625vw;
        padding-right: 7.2916666667vw
    }

    .about-module-6 .detail-info-wrapper .info-body>.state-pos--left {
        margin-right: 7.1875vw;
        max-width: 340px;
        width: 19.7916666667vw
    }

    .about-module-1 .module-head .dot {
        border-radius: 50%;
        height: 1.4583333333vw;
        margin-left: -1.5625vw;
        width: 1.4583333333vw
    }

    .about-module-1 {
        margin-bottom: 6.875vw
    }

    .about-module-5 .module-body .preview-thumb-box {
        border-radius: 5.625vw;
        width: 26.0416666667vw
    }

    .module-contact-us .module-body {
        font-size: 15.625vw
    }

    .module-contact-us .module-title .dot {
        height: 2.96875vw;
        width: 2.96875vw
    }

    .module-contact-us .module-body>.state-pos--right {
        width: 24.9479166667vw
    }

    .btn--open_contact_panel {
        height: 6.7708333333vw;
        width: 6.7708333333vw
    }

    .wrapper-contact_panel {
        border-radius: 1.0416666667vw;
        bottom: calc(56px + 3.38542vw);
        padding: 4.1666666667vw 4.6875vw 4.9479166667vw
    }

    .about-module-5 {
        padding-bottom: 7.8645833333vw;
        padding-top: 10.4166666667vw
    }
}

@media screen and (max-width:1460px) {
    :root {
        --page-nav-min-h: 80px;
        --page-nav-h: 124px
    }

    .site-top_bar .site-logo {
        font-size: 138px
    }

    .site-nav .wrapper-limit_width {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 89.5833333333%;
        padding-left: 3.6458333333%;
        padding-right: 3.6458333333%;
        width: 1720px
    }

    .site-nav .nav-item {
        font-size: 44px;
        margin-bottom: 56px
    }

    .page-footer .module-body {
        font-size: 13px
    }

    .pop-layer .wrapper-img {
        border-radius: 1.0416666667vw;
        font-size: 16px
    }

    .module .module-head .count {
        font-size: 2.1875vw;
        line-height: 1.4
    }

    .module .module-head .subtitle,
    .module .module-head .title {
        padding-right: 4.4791666667vw
    }

    .module-project .project-thumb {
        border-radius: 1.0416666667vw
    }

    .module-project .project-intro {
        padding-top: 2.03125vw
    }

    .module-project .btn--more {
        border-radius: 50%;
        height: 110px;
        width: 110px
    }

    .module-contact .module-body {
        padding-bottom: 10.5208333333vw
    }

    .module-service .service-intro .desc {
        width: 41.6666666667vw
    }

    .about-module-6 .detail-info-wrapper .info-body {
        font-size: 16px;
        padding-left: 10.4166666667vw;
        padding-right: 5.2083333333vw
    }

    .about-module-6 .detail-info-wrapper .info-body>.state-pos--left {
        margin-right: 7.1875vw;
        max-width: 340px;
        width: 23.9583333333vw
    }

    .about-module-6 .detail-info-wrapper .title {
        font-size: 22px;
        margin-right: 3.125vw
    }

    .about-module-6 .detail-info-wrapper .info-head {
        margin-top: 100px
    }

    .module-contact-us .social-btns {
        margin-bottom: 42px
    }

    .module-contact-us .contact-item {
        padding-bottom: 43px
    }

    .module-contact-us .module-body {
        padding-bottom: calc(var(--page-footer-h) + 5.6vh)
    }

    .module-contact-us .module-body>.state-pos--right {
        width: 27.0833333333vw
    }

    .module-contact-us .contact-info .name {
        font-size: 15px
    }

    .module-contact-us .contact-info .content {
        font-size: 16px
    }

    .wrapper-contact_panel .btn--send_msg {
        font-size: 16px;
        min-width: 136px;
        padding: 16px 0
    }

    .wrapper-contact_panel {
        height: 560px;
        width: 540px
    }

    .wrapper-contact_panel .row {
        margin-bottom: 30px
    }

    .wrapper-contact_panel .row .name {
        font-size: 16px
    }

    .module-project .category-wrapper {
        font-size: 2.6041666667vw;
        padding: 1em 0
    }

    .module-project .category-item .cursor-dot,
    .module-project .category-item .cursor-dot--inner {
        border-radius: 50%;
        height: 9px;
        width: 9px
    }

    .module-project .category-item .count {
        font-size: 1.4583333333vw
    }

    .site-project_page .project-main_info .project-title {
        font-size: 5.5208333333vw
    }

    .site-project_page .project-main_info .project-subtitle {
        font-size: 1.875vw
    }

    .site-project_page .project-main_info .btn--link img {
        border-radius: 50%;
        height: 118px;
        width: 118px
    }

    .site-project_page .wrapper--go_next_btn .next-project-info .project-name {
        font-size: 4.0625vw
    }

    .site-project_page .wrapper--go_next_btn .next-project-info .project-subtitle {
        font-size: 1.6666666667vw
    }

    .site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_right {
        margin-left: -2.0833333333vw
    }

    .module-contact .module-body .card-body,
    .module-contact .module-body .layer--icon {
        border-radius: .78125vw
    }

    .no_find-body .wrapper--404_back .circle {
        height: 346px;
        width: 420px
    }

    .no_find-body .wrapper--404_back .wrapper-btn {
        bottom: 20px
    }

    .no_find-body .wrapper--404_back .box-text {
        font-size: 18px;
        margin-top: 16px
    }

    .no_find-body .wrapper--404_back .btn--go_back svg {
        width: 46px
    }
}

@media screen and (max-width:1300px) {
    :root {
        --page-nav-min-h: 70px;
        --page-nav-h: 114px;
        --page-footer-h: 70px;
        --scroll-bar-h: 16px
    }

    .site-top_bar .site-logo {
        font-size: 118px
    }

    .animate-circle {
        --size: 26px
    }

    .site-top_bar .btn--toggle_theme .ic {
        font-size: 28px
    }

    .site-top_bar .btn--open_menu {
        margin-right: 13px
    }

    .site-top_bar .dot_group {
        transform: scale(.9)
    }

    .site-nav .nav-item {
        font-size: 44px;
        margin-bottom: 40px
    }

    .site-nav .business-group {
        padding-right: 20px;
        width: 200px
    }

    .site-nav .list-group .list-name {
        font-size: 16px;
        margin-bottom: 20px
    }

    .site-nav .business-group .list-item {
        font-size: 15px;
        padding-bottom: 10px
    }

    .social-item {
        border-radius: 50%;
        font-size: 1.6153846154vw;
        height: 4vw;
        width: 4vw
    }

    .cursor-pointer-dot {
        border-radius: 50%;
        height: 20px;
        width: 20px
    }

    .page-footer .module-body {
        font-size: 1vw;
        padding: 1.5384615385vw 0
    }

    .module-top_banner .scroll_tip {
        font-size: 13px
    }

    .site-index_page .module-customer {
        margin-bottom: 11.4583333333vw;
        padding-top: 9.8958333333vw
    }

    .module-project .project-group {
        margin-right: -3.125vw
    }

    .module-project .project-group .project-item {
        margin-right: 3.125vw;
        width: calc(50% - 3.125vw)
    }

    .module-project .btn--more .box-text {
        font-size: 1.3846153846vw
    }

    .module-project .btn--more {
        border-radius: 50%;
        height: 10vw;
        width: 10vw
    }

    .module-service .service-intro {
        padding-bottom: 13.2307692308vw
    }

    .module-service .service-item .ae_box {
        bottom: 9.0625vw
    }

    .module-contact .module-info .tel {
        font-size: 4.6153846154vw;
        letter-spacing: -.03em
    }

    .module-contact .module-info .desc {
        font-size: 1.0769230769vw
    }

    .site-project_page .project-main_info .btn--link {
        top: -21px
    }

    .site-project_page .project-main_info .btn--link img {
        border-radius: 50%;
        height: 108px;
        width: 108px
    }

    .site-project_page .project-main_info .project-info p {
        padding-top: 26px
    }

    .site-project_page .project-main_info .project-desc,
    .site-project_page .project-main_info .project-info {
        font-size: 16px
    }

    .site-project_page .wrapper--back_btn .btn--go_back svg {
        width: 49px
    }

    .about-module-5 .prize-list .item:after,
    .about-module-5 .prize-list .item:before {
        height: 2px
    }

    .module-contact-us .contact-item {
        padding-bottom: 2.2395833333vw
    }

    .wrapper-contact_panel {
        height: 520px;
        width: 500px
    }

    .wrapper-contact_panel .btn--send_msg {
        font-size: 16px;
        min-width: 126px;
        padding: 14px 0
    }

    .module-contact .module-body .text-wrapper {
        white-space: nowrap
    }

    .module-service .service-item .item-index {
        top: 3.4375vw
    }
}

@media screen and (max-width:834px) {
    .animate-circle {
        --size: 22px
    }

    :root {
        --scroll-bar-h: 16px;
        --page-nav-min-h: 48px;
        --page-nav-h: 76px;
        --page-footer-h: 48px
    }

    .site-top_bar .site-logo {
        font-size: calc(var(--page-nav-min-h)*1.685)
    }

    .site-top_bar .btn--toggle_theme .ic {
        font-size: calc(var(--page-nav-min-h)*.4)
    }

    .site-top_bar .btn--open_menu {
        margin-right: calc(1%*var(--page-nav-min-h))
    }

    .site-top_bar .dot_group {
        transform: scale(.8)
    }

    .module-contact .module-info .tel {
        font-size: 4.6153846154vw
    }

    .module-contact .module-info .desc {
        font-size: 1.875vw
    }

    .pop-layer .wrapper-img {
        font-size: 1.5384615385vw
    }

    .site-nav .nav-item {
        font-size: 3.3846153846vw;
        margin-bottom: 3.0769230769vw
    }

    .site-nav .business-group .list-item {
        font-size: 13px;
        padding-bottom: .5em
    }

    .site-nav .list-group .list-name {
        font-size: 14px;
        margin-bottom: 1.2em
    }

    .site-nav .business-group {
        width: 150px
    }

    .site-nav .nav-link .text {
        padding-right: 3.1538461538vw
    }

    .site-nav .nav-link .count {
        font-size: 1.8461538462vw
    }
}

@media (orientation:portrait)and (max-width:834px) {
    .module-contact .module-body {
        padding-bottom: 13.5416666667vw;
        padding-top: 5.2083333333vw
    }

    .page-footer .module-body {
        font-size: 1.5625vw
    }

    .social-item {
        border-radius: 50%;
        font-size: 2.3958333333vw;
        height: 5.2083333333vw;
        width: 5.2083333333vw
    }

    .social-group .social-item {
        margin-right: 2.6041666667vw
    }

    .site-nav .wrapper-limit_width {
        padding: 0 0 8.3333333333vw
    }

    .site-nav .nav-item {
        font-size: 5.2083333333vw;
        margin-bottom: 2.6041666667vw
    }

    .site-nav .nav-link .count {
        font-size: 2.6041666667vw
    }

    .site-nav .nav-link .text {
        padding-right: 5.2083333333vw
    }

    .site-nav .wrapper-limit_width>.state-pos_left {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-70%)
    }

    .site-nav .list-group .list-name {
        font-size: 2.2916666667vw
    }

    .site-nav .business-group .list-item {
        font-size: 2.3958333333vw
    }

    .site-nav .business-group {
        width: 41.6666666667vw
    }

    :root {
        --page-nav-min-h: 80px;
        --page-nav-h: 120px
    }

    .module-customer .module-intro strong {
        font-size: 2.0833333333vw
    }

    .module-customer .module-intro p:first-child strong {
        font-size: 3.6458333333vw
    }

    .module-customer .module-intro {
        margin-bottom: 6.7708333333vw
    }

    .module-customer .wrapper-limit_width {
        padding-bottom: 8.3333333333vw;
        padding-top: 8.3333333333vw
    }

    .module-customer .customer-group {
        height: 4.6875vw;
        margin-right: -10.4166666667vw
    }

    .module-customer .customer-group .customer-item {
        margin-right: 10.4166666667vw
    }

    .module-project .project-intro .title {
        font-size: 3.4375vw
    }

    .module-project .project-intro .subtitle {
        font-size: 2.0833333333vw
    }

    .module-project .btn--more {
        border-radius: 50%;
        height: 14.5833333333vw;
        width: 14.5833333333vw
    }

    .module-project .btn--more .box-text {
        font-size: 2.0833333333vw
    }

    .module-service .service-intro .desc {
        font-size: 1.5625vw
    }

    .module-service .service-intro {
        padding-bottom: 8.8541666667vw
    }

    .module-service .service-item .ae_box {
        bottom: 7.8125vw
    }

    .module-service .module-body {
        padding-bottom: 7.8125vw
    }

    .wrapper-tab_pages .pages-tab_btns .text-box {
        line-height: 5.2083333333vw;
        margin-bottom: -.25em;
        vertical-align: middle
    }

    .wrapper-tab_pages .pages-tab_btns .ic {
        display: inline-block;
        font-size: 4.1666666667vw;
        line-height: 5.2083333333vw;
        vertical-align: middle
    }

    .wrapper-tab_pages .pages-tab_btns .btn--next,
    .wrapper-tab_pages .pages-tab_btns .btn--prev {
        align-items: center
    }

    .wrapper-tab_pages .pages-tab_btns {
        font-size: 4.6875vw
    }

    .site-project_page .project-main_info .project-title {
        font-size: 8.3333333333vw
    }

    .site-project_page .project-main_info .project-subtitle {
        font-size: 2.1875vw
    }

    .site-project_page .project-main_info .btn--link img {
        border-radius: 50%;
        height: 13.0208333333vw;
        width: 13.0208333333vw
    }

    .site-project_page .project-main_info .btn--link {
        top: -.78125vw
    }

    .site-project_page .project-main_info .project-desc,
    .site-project_page .project-main_info .project-info {
        font-size: 1.9791666667vw
    }

    .is-mobile .site-project_page .wrapper--back_btn .circle {
        background-color: #33cc8a !important;
        border-color: #33cc8a !important;
        border-radius: 50%;
        height: 20.8333333333vw;
        margin: 0;
        width: 20.8333333333vw
    }

    .is-mobile .site-project_page .wrapper--back_btn .btn--go_back path {
        stroke: #fff !important;
        fill: #fff
    }

    .project-post-body {
        padding-top: 26.0416666667vw
    }

    .module-contact-us .module-body {
        align-items: flex-start;
        flex-direction: column;
        font-size: 20.8333333333vw;
        height: auto;
        justify-content: space-between;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100);
        padding-bottom: calc(var(--page-footer-h) + 6vw);
        padding-top: calc(var(--page-nav-h) + 16vw)
    }

    .module-contact-us .module-title .dot {
        border-radius: 50%;
        height: 4.6875vw;
        width: 4.6875vw
    }

    .module-contact-us .contact-item {
        margin-bottom: 1.0416666667vw
    }

    .module-contact-us .contact-info {
        float: none
    }

    .module-contact-us .module-body>.state-pos--right {
        margin-bottom: 0;
        margin-top: 20.8333333333vw;
        width: 100%
    }

    .module-contact-us .contact-info .name {
        font-size: 2.0833333333vw;
        margin-bottom: .5208333333vw
    }

    .module-contact-us .social-btns,
    .module-contact-us .social-group {
        margin: 0
    }

    .module-contact-us .social-btns {
        margin-bottom: 10.4166666667vw
    }

    .module-contact-us .contact-info .content {
        font-size: 2.3958333333vw
    }

    .btn--open_contact_panel {
        border-radius: 50%;
        height: 11.4583333333vw;
        width: 11.4583333333vw
    }

    .module-contact-us .social-group .social-item {
        border-radius: 50%;
        font-size: 2.6041666667vw;
        height: 2em;
        width: 2em
    }

    .about-module-1 .module-head .dot {
        border-radius: 50%;
        height: 2.6041666667vw;
        width: 2.6041666667vw
    }

    .module-top_banner .project_item-intro .title {
        height: 10.4166666667vw;
        margin-bottom: 1.0416666667vw
    }

    .module-top_banner .project_item-intro .intro {
        font-size: 3.6458333333vw
    }

    .module-top_banner .project_item-group {
        margin-top: 3.125vw;
        padding-bottom: 5.2083333333vw
    }

    .module-top_banner .wrapper-info .wrapper-limit_width {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 11.4583333333vw
    }

    .module-top_banner .scroll_tip {
        font-size: 2.0833333333vw
    }

    .animate-circle {
        --size: 4.1666666667vw
    }

    .site-top_bar .dot_group {
        transform: scale(.9)
    }

    .about-module-1 .module-desc {
        font-size: 2.0833333333vw
    }

    .about-module-1 .module-head {
        font-size: 10.4166666667vw
    }

    .about-module-1 .wrapper-limit_width {
        padding: 0
    }

    .about-module-1 .module-desc .wrapper {
        width: 70%
    }

    .about-module-2 .customer-group {
        height: 6.25vw
    }

    .about-module-3 .module-body {
        max-height: 46.875vw
    }

    .about-module-5 {
        padding-top: 15.625vw
    }

    .about-module-5 .prize-list {
        font-size: 2.0833333333vw;
        width: 100%
    }

    .about-module-5 .module-head {
        margin-bottom: 5.2083333333vw
    }

    .about-module-5 .prize-list .item {
        padding: 2.6041666667vw 0
    }

    .about-module-4 {
        padding-bottom: 20.8333333333vw
    }

    .about-module-4 .module-head {
        padding-bottom: 11.4583333333vw
    }

    .about-module-4 .module-body:after {
        padding-top: 63.7582128778%
    }

    .about-module-4 .history-item:first-child {
        height: 21.875vw;
        left: 5.775296%;
        top: 28.6%;
        width: 21.875vw
    }

    .about-module-4 .history-item:first-child .dot {
        transform: translateX(10.9375vw)
    }

    .about-module-4 .history-item:first-child .item-title {
        font-size: 3.90625vw
    }

    .about-module-4 .history-item:first-child .item-subtitle {
        font-size: 1.5625vw
    }

    .about-module-4 .history-item:first-child .circle-1 {
        left: -1.875vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(2) {
        height: 14.0625vw;
        left: 33.4428383706%;
        top: -1%;
        width: 14.0625vw
    }

    .about-module-4 .history-item:nth-child(2) .dot {
        transform: translateX(7.03125vw)
    }

    .about-module-4 .history-item:nth-child(2) .item-title {
        font-size: 3.90625vw
    }

    .about-module-4 .history-item:nth-child(2) .item-subtitle {
        font-size: 1.25vw
    }

    .about-module-4 .history-item:nth-child(2) .circle-1 {
        left: 1.25vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(3) {
        height: 25vw;
        left: 21.007884%;
        top: 84.7%;
        width: 25vw
    }

    .about-module-4 .history-item:nth-child(3) .dot {
        transform: translateX(12.5vw)
    }

    .about-module-4 .history-item:nth-child(3) .item-title {
        font-size: 4.6875vw
    }

    .about-module-4 .history-item:nth-child(3) .item-subtitle {
        font-size: 1.5625vw
    }

    .about-module-4 .history-item:nth-child(3) .circle-1 {
        left: -2.109375vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(4) {
        height: 29.6875vw;
        left: 80.2890932983%;
        top: -5%;
        width: 29.6875vw
    }

    .about-module-4 .history-item:nth-child(4) .dot {
        transform: translateX(14.84375vw)
    }

    .about-module-4 .history-item:nth-child(4) .item-title {
        font-size: 4.6875vw
    }

    .about-module-4 .history-item:nth-child(4) .item-subtitle {
        font-size: 1.5625vw
    }

    .about-module-4 .history-item:nth-child(4) .circle-1 {
        left: 1.640625vw;
        top: 13px
    }

    .about-module-4 .history-item:nth-child(5) {
        height: 14.0625vw;
        left: 60.717477%;
        top: 96.3%;
        width: 14.0625vw
    }

    .about-module-4 .history-item:nth-child(5) .dot {
        transform: translateX(7.03125vw)
    }

    .about-module-4 .history-item:nth-child(5) .item-title {
        font-size: 2.8125vw
    }

    .about-module-4 .history-item:nth-child(5) .item-subtitle {
        font-size: 1.25vw
    }

    .about-module-4 .history-item:nth-child(5) .circle-1 {
        left: .3125vw;
        top: 13px
    }

    .about-module-4 .history-item:nth-child(6) {
        height: 17.1875vw;
        left: 49.123522%;
        top: 40.6%;
        width: 17.1875vw
    }

    .about-module-4 .history-item:nth-child(6) .dot {
        transform: translateX(8.59375vw)
    }

    .about-module-4 .history-item:nth-child(6) .item-title {
        font-size: 2.8125vw
    }

    .about-module-4 .history-item:nth-child(6) .item-subtitle {
        font-size: 1.25vw
    }

    .about-module-4 .history-item:nth-child(6) .circle-1 {
        left: 1.25vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(7) {
        height: 21.875vw;
        left: 90.8015768725%;
        top: 55%;
        width: 21.875vw
    }

    .about-module-4 .history-item:nth-child(7) .dot {
        transform: translateX(10.9375vw)
    }

    .about-module-4 .history-item:nth-child(7) .item-title {
        font-size: 4.375vw
    }

    .about-module-4 .history-item:nth-child(7) .item-subtitle {
        font-size: 1.25vw
    }

    .about-module-4 .history-item:nth-child(7) .circle-1 {
        left: -2.109375vw;
        top: 0
    }

    .about-module-4 .module-title,
    .about-module-5 .module-title {
        font-size: 10.4166666667vw
    }

    .about-module-4 .module-subtitle,
    .about-module-5 .module-subtitle {
        font-size: 3.125vw
    }

    .about-module-6 .tip-area {
        border-radius: 50%;
        height: 14.3229166667vw;
        width: 14.3229166667vw
    }

    .about-module-6 .tip-area .ae_box {
        border-radius: 50%;
        height: 11.71875vw;
        width: 11.71875vw
    }

    .about-module-6 .tip-area .tip-bg {
        border-radius: 50%;
        height: 14.3229166667vw;
        width: 14.3229166667vw
    }

    .about-module-6 .module-body {
        padding-left: 0;
        padding-right: 0
    }

    .about-module-6 .col-item {
        width: 26vw
    }

    .about-module-6 .item-inner .layer--dragger-move {
        border-radius: 13vw
    }

    .about-module-6 .item-inner .name {
        font-size: 2.6041666667vw
    }

    .about-module-6 .item-inner .position {
        font-size: 1.5625vw
    }

    .about-module-6 .item-inner .img-box {
        padding-top: 5.2vw
    }

    .about-module-6 .col-item:after {
        padding-top: 145%
    }

    .about-module-6 .item-inner .img-box .img {
        width: 74%
    }

    .about-module-6 .item-inner .info-box {
        margin-top: 0
    }

    .about-module-6 .detail-info-wrapper .info-body {
        display: block;
        font-size: 1.875vw;
        padding: 0
    }

    .about-module-6 .detail-info-wrapper .info-body>.state-pos--left {
        max-width: 100%;
        width: 100%
    }

    .about-module-6 .detail--desc {
        display: block
    }

    .about-module-6 .item-detail-panel .panel_btn--close {
        border-radius: 50%;
        font-size: 2.0833333333vw;
        height: 80px;
        width: 80px
    }

    .about-module-6 .detail-info-wrapper .title {
        color: #999;
        font-size: 2.0833333333vw;
        margin: 7.2916666667vw 0 0;
        width: 100%
    }

    .about-module-6 .detail-info-wrapper {
        margin-top: calc(var(--page-nav-min-h) + 15.625vw);
        padding-top: 0
    }

    .about-module-6 .detail-info-wrapper .info-head {
        margin-bottom: 3.125vw;
        margin-top: 0;
        padding-top: 16.6666666667vw
    }

    .about-module-6 .detail-info-wrapper .info-body>.state-pos--left p {
        margin: .4em 0
    }

    .about-module-6 .detail-info-wrapper .name {
        font-size: 7.2916666667vw;
        line-height: 1.2em
    }

    .about-module-6 .module-bg .detail-bg img {
        transform: translateY(-60%)
    }

    .about-module-6 .module-bg {
        font-size: 23.9583333333vw
    }

    .about-module-6 .wrapper-limit-width {
        padding: 0
    }
}

@media screen and (max-width:760px) {
    .site-nav .business-group .list-item {
        font-size: 1.6666666667vw;
        padding-bottom: .5em
    }

    .site-nav .list-group .list-name {
        font-size: 1.7708333333vw;
        margin-bottom: 1.2em
    }

    .site-nav .business-group {
        width: 20.8333333333vw
    }

    .about-module-5 .module-body .preview-thumb-box {
        border-radius: 150px;
        width: 300px
    }
}

@media screen and (max-width:600px) {
    :root {
        --page-nav-h: 60px
    }
}

@media (orientation:portrait)and (max-width:735px) {
    :root {
        --page-nav-min-h: 60px;
        --page-nav-h: 90px;
        --page-footer-h: 8.3333333333vw;
        --module-head-title: 12.5vw;
        --module-head-subtitle: 5.2083333333vw
    }

    .social-item {
        border-radius: 50%;
        font-size: 5.2083333333vw;
        height: 46px;
        width: 46px
    }

    .social-group .social-item {
        margin-right: 2.6041666667vw
    }

    .pop-layer .wrapper-img {
        border-radius: 3.125vw;
        font-size: 4.6875vw;
        margin-top: 2.0833333333vw;
        padding: 2.0833333333vw 1.0416666667vw 4.6875vw;
        width: 70%
    }

    .pop-layer .wrapper-img img {
        margin: 0
    }

    .pop-layer .wrapper-img .pop-title {
        font-family: Poppins-Regular, SourceHanSansCN-Regular;
        font-size: 4.1666666667vw
    }

    .module .module-head .count {
        font-size: 4.6875vw;
        line-height: 1.8em
    }

    .module .module-head .title {
        font-size: var(--module-head-title);
        padding-right: 8.3333333333vw
    }

    .module .module-head .subtitle {
        font-size: var(--module-head-subtitle)
    }

    .module-contact .module-head {
        flex-direction: column
    }

    .module-contact .module-info .tel {
        font-size: 9.375vw;
        margin-bottom: 2.6041666667vw
    }

    .module-contact .module-info .desc {
        font-size: 3.6458333333vw
    }

    .module-contact .social-group {
        padding-bottom: 9.375vw;
        padding-top: 10.4166666667vw
    }

    .module-contact .module-body .card-box {
        height: 100%;
        max-width: 100%;
        opacity: 1;
        position: static;
        transform-origin: center center;
        width: 100%
    }

    .module-contact .contact-swiper-main {
        height: auto;
        left: 0;
        position: relative;
        top: 0
    }

    .module-contact .module-body .card--index_1,
    .module-contact .module-body .card--index_2,
    .module-contact .module-body .card--index_3 {
        transform: none
    }

    .module-contact .module-body .card-body,
    .module-contact .module-body .layer--icon {
        border-radius: 4.1666666667vw
    }

    .site-index_page .module-contact {
        padding-top: 15.625vw
    }

    .module-contact .module-body .text-wrapper {
        display: none;
        font-size: 15.625vw;
        margin-bottom: 5.2083333333vw
    }

    .module-contact .wrapper-limit_width,
    .module-contact+.page-footer .wrapper-limit_width {
        max-width: 89.5833333333%;
        width: 1720px
    }

    .site-page:not([data-page-type=ProjectPostPage]) .page-footer .module-body {
        justify-content: center
    }

    .page-footer .module-body {
        font-size: 3.125vw;
        padding: 2.6041666667vw 0
    }

    .site-nav .wrapper-limit_width {
        padding: 0 0 3.6458333333vw
    }

    .site-nav .nav-item {
        font-size: 7.8125vw;
        margin-bottom: 3.125vw
    }

    .site-nav .nav-link .count {
        font-size: 4.1666666667vw
    }

    .site-nav .nav-link .text {
        padding-right: 7.2916666667vw
    }

    .site-nav .wrapper-limit_width>.state-pos_left {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .site-nav .list-group .list-name {
        font-size: 3.6458333333vw
    }

    .site-nav .business-group .list-item {
        font-size: 3.125vw
    }

    .site-nav .business-group {
        width: 41.6666666667vw
    }

    .site-top_bar .site-logo {
        font-size: calc(var(--page-nav-min-h)*1.56)
    }

    .site-top_bar[data-size=mini] {
        background-color: hsla(0, 0%, 100%, .9)
    }

    body[data-site-theme=black] .site-top_bar[data-size=mini] {
        background-color: rgba(0, 0, 0, .9)
    }

    body[data-site-theme=black] .module-customer .customer-item .customer-logo path {
        fill: #fff;
        stroke: #fff
    }

    body[data-site-theme=black][data-site-nav=open] .site-top_bar {
        background-color: var(--site-nav-bg)
    }

    .about-module-6 .detail-info-wrapper .weixin-box {
        position: relative;
        transform: none
    }

    .about-module-6 .detail-info-wrapper .weixin-box .weixin-code {
        margin: 30px auto
    }

    .about-module-6 .detail-info-wrapper .ae_box {
        bottom: 0;
        left: auto;
        position: absolute;
        right: 0;
        transform: none;
        width: 80px
    }

    .btn--open_contact_panel {
        border-radius: 50%;
        bottom: 9.375vw;
        height: 20.8333333333vw;
        width: 20.8333333333vw
    }

    .wrapper-contact_panel {
        background-color: #fff;
        border-radius: 4.1666666667vw;
        bottom: 20.05208vw;
        height: 100vw;
        padding-left: 8.3333333333vw;
        padding-right: 8.3333333333vw;
        padding-top: 10.4166666667vw;
        width: 100%
    }

    .wrapper-contact_panel .row {
        font-size: 4.4791666667vw;
        margin-bottom: 5.2083333333vw
    }

    .wrapper-contact_panel input,
    .wrapper-contact_panel textarea {
        line-height: 10.4166666667vw
    }

    .wrapper-contact_panel .row .name {
        font-size: 3.6458333333vw;
        line-height: 10.4166666667vw
    }

    .wrapper-contact_panel .btn--send_msg {
        font-size: 3.6458333333vw;
        min-width: 26.0416666667vw;
        padding: 2.6041666667vw 0
    }

    .wrapper-contact_panel .row.message {
        height: 5.2083333333vw
    }

    .module-top_banner .wrapper-info .wrapper-limit_width {
        padding-bottom: 6.25vw
    }

    .module-top_banner .project_item-intro .intro {
        font-size: 5.7291666667vw
    }

    .module-top_banner .scroll_tip {
        font-size: 3.125vw
    }

    .module-top_banner .project_item-group {
        margin-top: 5.2083333333vw
    }

    .module-top_banner .project_item-intro p {
        margin: 2px 0
    }

    .module-top_banner .project_item-intro .title .ic {
        top: 4.1666666667vw
    }

    .module-top_banner .project_item-intro .title {
        height: 14.0625vw;
        margin-bottom: 2.6041666667vw;
        padding-right: 5.2083333333vw
    }

    .module-project .project-intro {
        padding-top: 4.6875vw
    }

    .module-project .project-group .project-item {
        margin-right: 0;
        width: 100%
    }

    .module-project .project-group {
        margin-right: 0
    }

    .module-project .module-head {
        margin-bottom: 13.5416666667vw
    }

    .module-project .project-thumb {
        border-radius: 4.1666666667vw
    }

    .module-project .project-intro .title {
        font-size: 7.2916666667vw;
        letter-spacing: -.05em
    }

    .module-project .project-intro .subtitle {
        font-size: 4.6875vw
    }

    .module-project .project-item {
        margin-bottom: 12.5vw
    }

    .module-project .btn--more {
        border-radius: 50%;
        height: 23.9583333333vw;
        width: 23.9583333333vw
    }

    .module-project .btn--more .box-text {
        font-size: 3.6458333333vw
    }

    .module-service .module-head {
        margin-bottom: 13.5416666667vw
    }

    .module-service .service-item {
        border-radius: 5.2083333333vw;
        overflow: hidden;
        padding: 0;
        position: static
    }

    .module-service .service-item .box-item_inner {
        opacity: 0;
        padding: 7.2916666667vw 8.3333333333vw 17.1875vw;
        transform: translateZ(0)
    }

    .module-service .service-group {
        height: auto;
        width: 100%
    }

    .module-service .service-item .item-index {
        font-size: 9.375vw;
        line-height: 1;
        margin-bottom: 5.2083333333vw;
        position: static;
        text-align: right
    }

    .module-service .service-item .item-intro_wrapper {
        display: block
    }

    .module-service .service-intro .title {
        font-size: 8.3333333333vw;
        line-height: 1.3em;
        margin-bottom: 5.7291666667vw;
        width: 70%
    }

    .module-service .service-intro .desc {
        font-size: 3.6458333333vw;
        margin: 0;
        width: 100%
    }

    .module-service .service-item .ae_box {
        height: 23.9583333333vw;
        position: static;
        transform: translateX(-9%)
    }

    .module-service .service-item:first-child .ae_box {
        transform: translateX(-4%)
    }

    .module-service .service-item .item-bg {
        transform: translateY(10%)
    }

    .module-service .service-item:first-child .item-bg {
        background-position: 66%;
        transform: translateY(27%)
    }

    .module-service .service-item:nth-child(2) .item-bg {
        background-position: 66%;
        background-size: 360%;
        transform: translateY(30%)
    }

    .module-service .service-item:nth-child(3) .item-bg {
        background-position: 51%;
        background-size: 460%;
        transform: translateY(3%)
    }

    .module-service .module-body .wrapper-limit_width {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 89.5833333333%;
        width: 1720px
    }

    .module-service .module-body {
        padding-bottom: 19.7916666667vw
    }

    .module-service .service-intro {
        padding-bottom: 9.8958333333vw
    }

    .module-service .service-item:first-child~.service-item .ae_box {
        transform: translateX(-6%)
    }

    .site-list_project .module-project .module-head {
        margin-bottom: 6.25vw
    }

    .module-project .category-wrapper {
        font-size: 4.1666666667vw;
        margin-bottom: 6.25vw
    }

    .module-project .module-footer {
        margin-bottom: 6.25vw;
        margin-top: 0
    }

    .wrapper-tab_pages .pages-tab_btns .text-box {
        display: none
    }

    .wrapper-tab_pages .pages-tab_btns .btn--next.state-disable,
    .wrapper-tab_pages .pages-tab_btns .btn--prev.state-disable {
        pointer-events: none
    }

    .wrapper-tab_pages .pages-tab_btns .btn--next.state-disable .ic,
    .wrapper-tab_pages .pages-tab_btns .btn--prev.state-disable .ic {
        color: #e1e1e1
    }

    .wrapper-tab_pages .pages-tab_btns .ic {
        color: #666;
        font-size: 6.25vw
    }

    .is-mobile .site-project_page .wrapper--back_btn .circle {
        background-color: #33cc8a !important;
        border-color: #33cc8a !important;
        border-radius: 50%;
        height: 41.6666666667vw;
        margin: 0;
        width: 41.6666666667vw
    }

    .site-project_page .wrapper--back_btn .btn--go_back path {
        stroke: #fff !important;
        fill: #fff
    }

    .site-project_page .wrapper--go_next_btn .next-project-info .project-name {
        font-size: 6.25vw
    }

    .site-project_page .wrapper--go_next_btn .next-project-info .project-subtitle {
        font-size: 4.1666666667vw;
        margin-top: 2.0833333333vw
    }

    .site-project_page .wrapper--back_btn .btn--go_back svg {
        width: 10.4166666667vw
    }

    .site-project_page .wrapper--back_btn {
        top: 10.4166666667vw
    }

    .site-project_page .wrapper--back_btn .wrapper-limit_width {
        width: 80%
    }

    .site-project_page .wrapper--go_next_btn {
        position: static
    }

    .site-project_page .wrapper--go_next_btn .wrapper-img {
        width: 100%
    }

    .is-mobile .site-project_page .wrapper--go_next_btn .btn--to_next:after,
    .is-mobile .site-project_page .wrapper--go_next_btn:after {
        padding-top: 66%
    }

    .site-project_page .wrapper--go_next_btn .btn--to_next:after,
    .site-project_page .wrapper--go_next_btn:after {
        content: "";
        display: block
    }

    .site-project_page .wrapper--go_next_btn .next-project-info>.wrapper-limit_width {
        display: block;
        padding-top: 13.5416666667vw
    }

    .site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_left,
    .site-project_page .wrapper--go_next_btn .wrapper-img .state-pos_right {
        width: 110%
    }

    .site-page[data-page-type=ProjectPostPage] .page-footer,
    .site-project_page .wrapper--go_next_btn .btn--to_next {
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100%
    }

    .module-contact-us .module-body {
        align-items: flex-start;
        flex-direction: column;
        font-size: 26.0416666667vw;
        height: auto;
        justify-content: space-between;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)*100);
        padding-bottom: calc(var(--page-footer-h) + 15vw);
        padding-top: calc(var(--page-nav-h) + 16vw)
    }

    .module-contact-us .module-title .dot {
        border-radius: 50%;
        height: 6.25vw;
        width: 6.25vw
    }

    .module-contact-us .contact-item {
        margin-bottom: 3.125vw
    }

    .module-contact-us .contact-info {
        float: none
    }

    .module-contact-us .module-body>.state-pos--right {
        margin-bottom: 0;
        margin-top: 20.8333333333vw;
        width: 100%
    }

    .module-contact-us .contact-info .name {
        font-size: 3.9583333333vw;
        margin-bottom: 1.5625vw
    }

    .module-contact-us .contact-info .content {
        font-size: 3.6458333333vw
    }

    .module-contact-us .social-btns,
    .module-contact-us .social-group {
        margin: 0
    }

    .module-contact-us .social-btns {
        margin-bottom: 10.4166666667vw
    }

    .module-contact-us .social-group .social-item {
        font-size: 5.2083333333vw
    }

    .about-module-1 {
        margin-bottom: 14.5833333333vw
    }

    .about-module-1 .module-head {
        font-size: 16.6666666667vw
    }

    .about-module-1 .module-head .dot {
        border-radius: 50%;
        height: 5.2083333333vw;
        width: 5.2083333333vw
    }

    .about-module-1 .module-desc .wrapper {
        width: 100%
    }

    .about-module-1 .module-desc {
        font-family: Poppins-Regular, SourceHanSansCN-Regular;
        font-size: 3.6458333333vw;
        line-height: 1.7em
    }

    .about-module-2 .customer-group .customer-item {
        margin-right: 10.4166666667vw
    }

    .about-module-2 {
        margin-bottom: 10.4166666667vw
    }

    .about-module-2 .customer-group {
        height: 10.4166666667vw;
        margin-bottom: 8.3333333333vw
    }

    .about-module-3 .module-body {
        height: 80vw;
        max-height: 80vw
    }

    .about-module-3 .image-placeholder:after {
        height: 120vw
    }

    .about-module-3 img {
        width: 40%
    }

    .about-module-4 {
        padding-top: 15.625vw
    }

    .about-module-4 .wrapper-limit_width {
        padding: 0
    }

    .about-module-4 .module-title,
    .about-module-5 .module-title {
        font-size: var(--module-head-title)
    }

    .about-module-4 .module-subtitle,
    .about-module-5 .module-subtitle {
        font-size: var(--module-head-subtitle)
    }

    .about-module-4 .module-body:after {
        padding-top: 180.7582128778%
    }

    .about-module-4 .module-head {
        padding-bottom: 16.6666666667vw
    }

    .about-module-4 .history-item:first-child {
        height: 36.6013071895vw;
        left: 22vw;
        top: 49vw;
        width: 36.6013071895vw
    }

    .about-module-4 .history-item:first-child .dot {
        transform: translateX(18.3006535948vw)
    }

    .about-module-4 .history-item:first-child .item-title {
        font-size: 6.5359477124vw
    }

    .about-module-4 .history-item:first-child .item-subtitle {
        font-size: 2.614379085vw
    }

    .about-module-4 .history-item:first-child .circle-1 {
        left: -3.137254902vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(2) {
        height: 23.5294117647vw;
        left: 18vw;
        top: 8vw;
        width: 23.5294117647vw
    }

    .about-module-4 .history-item:nth-child(2) .dot {
        transform: translateX(11.7647058824vw)
    }

    .about-module-4 .history-item:nth-child(2) .item-title {
        font-size: 6.5359477124vw
    }

    .about-module-4 .history-item:nth-child(2) .item-subtitle {
        font-size: 2.091503268vw
    }

    .about-module-4 .history-item:nth-child(2) .circle-1 {
        left: 2.091503268vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(3) {
        height: 41.8300653595vw;
        left: 70vw;
        top: 60vw;
        width: 41.8300653595vw
    }

    .about-module-4 .history-item:nth-child(3) .dot {
        transform: translateX(20.9150326797vw)
    }

    .about-module-4 .history-item:nth-child(3) .item-title {
        font-size: 7.8431372549vw
    }

    .about-module-4 .history-item:nth-child(3) .item-subtitle {
        font-size: 2.614379085vw
    }

    .about-module-4 .history-item:nth-child(3) .circle-1 {
        left: -3.5294117647vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(4) {
        height: 49.6732026144vw;
        left: 65vw;
        top: 2vw;
        width: 49.6732026144vw
    }

    .about-module-4 .history-item:nth-child(4) .dot {
        transform: translateX(24.8366013072vw)
    }

    .about-module-4 .history-item:nth-child(4) .item-title {
        font-size: 7.8431372549vw
    }

    .about-module-4 .history-item:nth-child(4) .item-subtitle {
        font-size: 2.614379085vw
    }

    .about-module-4 .history-item:nth-child(4) .circle-1 {
        left: 2.7450980392vw;
        top: 13px
    }

    .about-module-4 .history-item:nth-child(5) {
        height: 23.5294117647vw;
        left: 65vw;
        top: 106vw;
        width: 23.5294117647vw
    }

    .about-module-4 .history-item:nth-child(5) .dot {
        transform: translateX(11.7647058824vw)
    }

    .about-module-4 .history-item:nth-child(5) .item-title {
        font-size: 4.7058823529vw
    }

    .about-module-4 .history-item:nth-child(5) .item-subtitle {
        font-size: 2.091503268vw
    }

    .about-module-4 .history-item:nth-child(5) .circle-1 {
        left: .522875817vw;
        top: 13px
    }

    .about-module-4 .history-item:nth-child(6) {
        height: 28.7581699346vw;
        left: 28vw;
        top: 89vw;
        width: 28.7581699346vw
    }

    .about-module-4 .history-item:nth-child(6) .dot {
        transform: translateX(14.3790849673vw)
    }

    .about-module-4 .history-item:nth-child(6) .item-title {
        font-size: 4.7058823529vw
    }

    .about-module-4 .history-item:nth-child(6) .item-subtitle {
        font-size: 2.091503268vw
    }

    .about-module-4 .history-item:nth-child(6) .circle-1 {
        left: 2.091503268vw;
        top: 0
    }

    .about-module-4 .history-item:nth-child(7) {
        height: 36.6013071895vw;
        left: 20vw;
        top: 132vw;
        width: 36.6013071895vw
    }

    .about-module-4 .history-item:nth-child(7) .dot {
        transform: translateX(18.3006535948vw)
    }

    .about-module-4 .history-item:nth-child(7) .item-title {
        font-size: 7.3202614379vw
    }

    .about-module-4 .history-item:nth-child(7) .item-subtitle {
        font-size: 2.091503268vw
    }

    .about-module-4 .history-item:nth-child(7) .circle-1 {
        left: -3.5294117647vw;
        top: 0
    }

    .about-module-5 .prize-list {
        font-size: 4.2708333333vw
    }

    .about-module-5 .prize-list .item {
        padding: 1em 0
    }

    .about-module-5 .prize-list .item:after,
    .about-module-5 .prize-list .item:before {
        background-color: rgba(51, 51, 51, .1)
    }

    .about-module-5 .wrapper-limit_width {
        padding: 0
    }

    .about-module-5 .preview-thumb-box {
        display: none
    }

    .about-module-5 {
        padding-bottom: 15.625vw
    }

    .about-module-6 .tip-area {
        border-radius: 50%;
        height: 22.9166666667vw;
        width: 22.9166666667vw
    }

    .about-module-6 .tip-area .ae_box {
        border-radius: 50%;
        height: 18.75vw;
        width: 18.75vw
    }

    .about-module-6 .tip-area .tip-bg {
        border-radius: 50%;
        height: 22.9166666667vw;
        width: 22.9166666667vw
    }

    .about-module-6 .col-item {
        width: 42.4vw
    }

    .about-module-6 .item-inner .layer--dragger-move {
        border-radius: 21vw
    }

    .about-module-6 .item-inner .name {
        font-size: 5.7291666667vw
    }

    .about-module-6 .item-inner .position {
        color: #666;
        font-family: Poppins-Regular, SourceHanSansCN-Regular;
        font-size: 3.125vw
    }

    .about-module-6 .col-item:after {
        padding-top: 150%
    }

    .about-module-6 .item-inner .img-box .img {
        border-radius: 10vw;
        width: 90%
    }

    .about-module-6 .item-inner .img-box {
        padding-top: 5.7291666667vw
    }

    .about-module-6 .item-detail-panel .panel_btn--close {
        border-radius: 50%;
        font-size: 4.1666666667vw;
        height: 14.5833333333vw;
        width: 14.5833333333vw
    }

    .about-module-6 .detail-info-wrapper .info-body {
        font-size: 3.125vw
    }

    .about-module-6 .detail-info-wrapper .name {
        font-size: 10.4166666667vw
    }

    .about-module-6 .detail-info-wrapper .info-head {
        margin-bottom: 4.6875vw;
        padding-top: 7.5vw
    }

    .about-module-6 .detail-info-wrapper {
        margin-top: calc(var(--page-nav-min-h) + 12.625vw)
    }

    .about-module-6 .detail-info-wrapper .title {
        font-size: 3.6458333333vw;
        margin-top: 5.2083333333vw
    }

    .about-module-6 .module-bg .detail-bg img {
        transform: translateY(-100%)
    }

    .site-top_bar .dot_group {
        transform: scale(.8)
    }

    .site-top_bar .btn--toggle_theme {
        padding: 0 8px
    }

    .animate-circle {
        --size: 6.25vw
    }

    .module-customer .module-intro p:first-child strong {
        font-family: Poppins-Bold, SourceHanSansCN-Bold;
        font-size: 7.2916666667vw;
        line-height: 1.4em
    }

    .module-customer .wrapper-limit_width {
        padding: 5.2083333333vw
    }

    .module-customer .module-intro strong {
        display: inline;
        font-family: Poppins-Regular, SourceHanSansCN-Regular;
        font-size: 4.6875vw;
        line-height: 1.2em
    }

    .module-customer .module-intro {
        white-space: normal
    }

    body .module-customer .wrapper-limit_width:after,
    body .module-customer .wrapper-limit_width:before {
        display: none
    }

    .site-index_page .module-customer {
        margin-bottom: 20.8333333333vw;
        padding-top: 16.6666666667vw
    }

    .module-customer .module-intro p:first-child {
        width: 78%
    }

    .module-customer .module-intro p:nth-child(2) {
        margin-top: 5.2083333333vw
    }

    .module-customer .customer-group .customer-item {
        margin-right: 11.4583333333vw;
        position: static
    }

    .module-customer .customer-item .customer-logo path {
        fill: #333;
        stroke: #333
    }

    .module-customer .customer-group {
        height: 9.375vw;
        margin-bottom: 12.5vw;
        margin-top: 12.5vw
    }

    .module-project .category-item .count {
        font-size: 2.6041666667vw;
        line-height: 1;
        right: -1.0416666667vw
    }

    .module-project .category-item {
        margin-right: 6.25vw;
        padding-left: 3.125vw
    }

    .module-project .category-item .cursor-dot,
    .module-project .category-item .cursor-dot--inner {
        border-radius: 50%;
        height: 1.5625vw;
        width: 1.5625vw
    }

    body[data-page-type=ProjectPostPage][data-site-theme=black] .module-project .category-item,
    body[data-site-theme=white] .module-project .category-item {
        -webkit-text-stroke: initial;
        color: var(--color)
    }

    .wrapper-tab_pages .pages--current_index {
        font-size: 26.0416666667vw
    }

    .project-post-body {
        padding-top: 52.0833333333vw
    }

    .site-project_page .project-main_info .project-title {
        font-size: 13.0208333333vw;
        letter-spacing: -.04em;
        margin-bottom: .2em;
        white-space: normal
    }

    .site-project_page .project-main_info .btn--link {
        display: none
    }

    .site-project_page .project-main_info .project-subtitle {
        font-size: 5.2083333333vw
    }

    .site-project_page .project-main_info .project-desc {
        display: block;
        margin-top: 5.2083333333vw
    }

    .site-project_page .project-main_info .project-desc .text {
        display: block;
        font-size: 3.6458333333vw;
        margin: 0
    }

    .site-project_page .project-main_info .project-info p {
        font-size: 3.6458333333vw;
        text-align: left
    }

    .module-contact {
        padding-top: 15.625vw
    }

    .module-contact .contact-swiper-main,
    .module-contact .contact-swiper-main .swiper-wrapper {
        position: relative
    }

    .module-contact .contact-swiper-main .swiper-wrapper {
        transform: translateZ(0)
    }
}

.about-module-6 .pin-spacer {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

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

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

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

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

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

.swiper-pointer-events {
    touch-action: pan-y
}

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

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

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    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-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

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

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

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

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

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

[dir=ltr] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-right: var(--swiper-centered-offset-before)
}

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

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

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

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.shape-overlays {
    height: 100vh;
    left: -35vw;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: rotate(180deg);
    width: 170vw;
    z-index: 70
}

.shape-overlays.is-opened {
    transform: rotate(0deg)
}

.shape-overlays path {
    fill: var(--site-nav-bg)
}

.text--box {
    position: relative
}

.text--clone {
    bottom: 0;
    color: #333;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.text--clone .letter {
    transform: translateY(110%) rotateX(-90deg);
    vertical-align: middle
}

.text--clone,
.text--origin {
    display: inline-block;
    overflow: hidden;
    perspective: 1000px;
    perspective-origin: -150% 50%;
    vertical-align: middle;
    width: 100%
}

.text--clone .letter,
.text--origin .letter {
    display: inline-block;
    transform-origin: 0 0;
    will-change: transform
}

.menu__item {
    bottom: 0;
    right: 0
}

.menu__item,
.menu__text {
    left: 0;
    position: absolute;
    top: 0
}

.menu__text {
    fill: #333;
    display: block;
    font-size: 10px;
    height: 100%;
    letter-spacing: -.47px;
    pointer-events: none
}

.menu__text text {
    font-family: Poppins-Bold, SourceHanSansCN-Heavy;
    transform-box: view-box;
    transform-origin: 50% 50%
}

.menu__text text g,
.menu__text text text {
    transform: translateZ(0)
}

.menu__text text:nth-child(2) {
    opacity: 0
}



/*******************************/
.map-abc {
    height: 1442px;
    background: #fff;
    background: #237af8 url(../img/map.jpg) top center no-repeat;
    position: relative;
    padding-top: 1020px;
}
.map-abc .ffg-bg8{
   position: absolute;
   left: 0;
   top: 560px;
   width: 100%;
}
.map-abc .ffg-bg8 .flex {
    width: 1200px;
}
.map-abc .foot-bg{
    position: absolute;
    width: 100%;
    left: 0;
    top: 700px;
}
.circle66 {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -300px;
    width: 300px;
    height: 300px;

}
.circle66 .tbt {
    font-size: 20px;
    color: #1370f4;
    position: absolute;
    left: 136px;
    top: 255px;
    width: 120px;
    white-space: nowrap;
}
.circle66 .a198 {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    background: #237bfa;
    left: 190px;
    top: 220px;
}
.circle66 .a198::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    animation: 1.2s linear infinite prop;
}

@keyframes prop {
    from {
        box-shadow: 0 0 0 0 rgba(31, 121, 249, .5);
        opacity: 1;
        filter: alpha(opacity=10)
    }

    to {
        box-shadow: 0 0 0 25px rgba(31, 121, 249, .5);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}
.map-tag {
    position: absolute;
    height: 200px;
    width: 550px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    right: 50%;
    margin-right: -600px;
    top: 307px;
    padding: 70px 0 0 30px;
    font-size: 20px;
    color: #656565;
}
.map-tag .tbt{
    font-size: 30px;
    color: #1370f4;
    margin-bottom: 10px;
}
.map-tag::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 32px;
    width: 60px;
    height: 6px;
    background: #949696;
    border-radius: 2px;
}
.map-tag::after {
    content: "";
    position: absolute;
    left: 0;
    top: 200px;
    width: 601px;
    height: 113px;
    background: url(../img/shade.jpg) no-repeat;
}

.leading-trim {
    
}
/*************************/