/* Company introduction page styles aligned with the current site theme. */
body.company_introduction {
    --main: #1948a0;
    --white: #ffffff;
    --black: rgba(0, 0, 0, 1);
    --gray: rgba(0, 0, 0, .5);
    --green: #5bd0fb;
    --blue: rgba(0, 0, 100, 1);
    --fm: #1948a0;
    --ease: cubic-bezier(.76, 0, .24, 1);
    --ease3: cubic-bezier(.76, 0, .24, 1);
    --ease1: cubic-bezier(.4, 0, .2, 1);
    --ease2: cubic-bezier(.25, .74, .22, .99);
    --picEase: cubic-bezier(.65, 0, .35, 1);
    --container: 15rem;
}

main {
    background: linear-gradient(239deg, rgba(72, 139, 218, 0.40) -21.78%, rgba(234, 238, 246, 0.40) 105.21%);
}

.fc {
    color: var(--fm)
}

.bc {
    color: var(--black)
}

/* @font-face {
    font-family: iconfont;
    src: url(../font/font_5112919_poj2zmwvxi.woff2) format("woff2"), url(../font/font_5112919_poj2zmwvxi.woff) format("woff"), url(../font/font_5112919_poj2zmwvxi.ttf) format("truetype")
} */

.iconfont {
    font-family: iconfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wordSemi {
    font-family: inherit;
    font-weight: 600
}

.wordLight {
    font-family: inherit;
    font-weight: 300
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: inherit
}

ol,
ul,
li {
    list-style-type: none;
    vertical-align: middle
}

img {
    /* vertical-align: top; */
    border: 0
}

input,
select,
textarea,
button {
    vertical-align: middle
}

textarea,
input {
    text-indent: 10px
}

input[type=submit],
input[type=button],
button {
    text-indent: 0;
    text-align: center;
    cursor: pointer
}

label,
button,
a {
    cursor: pointer
}

ins,
em,
b,
i {
    text-decoration: none;
    font-style: normal
}

select:focus,
textarea:focus,
input:focus,
button {
    outline: none
}

a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
/* 
::-webkit-scrollbar {
    width: 5px;
    background-color: #0000001a
}

::-webkit-scrollbar-thumb {
    border: solid 1px transparent;
    width: 3px;
    border-radius: 4px;
    background-color: var(--blue)
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-webkit-scrollbar:horizontal {
    height: 9px
} */

::-webkit-selection {
    background: transparent;
    color: transparent
}

::-moz-selection {
    background: transparent;
    color: transparent
}

::selection {
    background-color: #1c509c;
    color: #fff;
    -webkit-text-fill-color: #fff
}

input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
    color: #999;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
    color: #c2c2c2
}

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

a[href] {
    cursor: pointer
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

a:focus {
    background-color: transparent
}

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

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    width: 100%;
    scroll-behavior: initial;
    overflow-x: hidden
}

a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img[src=""],
img:not([src]) {
    opacity: 0
}

b {
    font-size: inherit;
    color: inherit;
    font-family: inherit
}

font {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    text-transform: inherit
}

[data-ahref] {
    cursor: pointer
}

.fxc,
.layer-title [data-text] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row2>.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.f-90 {
    font-size: 5.625rem
}

.f-80 {
    font-size: 5rem
}

.f-48 {
    font-size: 3rem
}

.f-24 {
    font-size: 1.5rem
}

.f-30 {
    font-size: 1.875rem;
}

.f-35 {
    font-size: 2.1875rem;
    font-size: 500;
    line-height: 1.5;
}

.f-18 {
    font-size: 1.125rem
}

[data-text].alanGo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: .9 !important
}

[data-text].alanGo .letter {
    display: block;
    -webkit-transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), color .3s var(--ease), -webkit-transform 1.2s var(--ease);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(5deg) translate3d(1.25rem, 0, 0);
    transform: rotate(5deg) translate3d(1.25rem, 0, 0)
}

[data-text].alanGo .letter:nth-child(1) {
    -webkit-transition-delay: .03s;
    transition-delay: .03s
}

[data-text].alanGo .letter:nth-child(2) {
    -webkit-transition-delay: .06s;
    transition-delay: .06s
}

[data-text].alanGo .letter:nth-child(3) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s
}

[data-text].alanGo .letter:nth-child(4) {
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}

[data-text].alanGo .letter:nth-child(5) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

[data-text].alanGo .letter:nth-child(6) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

[data-text].alanGo .letter:nth-child(7) {
    -webkit-transition-delay: .21s;
    transition-delay: .21s
}

[data-text].alanGo .letter:nth-child(8) {
    -webkit-transition-delay: .24s;
    transition-delay: .24s
}

[data-text].alanGo .letter:nth-child(9) {
    -webkit-transition-delay: .27s;
    transition-delay: .27s
}

[data-text].alanGo .letter:nth-child(10) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-text].alanGo .letter:nth-child(11) {
    -webkit-transition-delay: .33s;
    transition-delay: .33s
}

[data-text].alanGo .letter:nth-child(12) {
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

[data-text].alanGo .letter:nth-child(13) {
    -webkit-transition-delay: .39s;
    transition-delay: .39s
}

[data-text].alanGo .letter:nth-child(14) {
    -webkit-transition-delay: .42s;
    transition-delay: .42s
}

[data-text].alanGo .letter:nth-child(15) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

[data-text].alanGo .letter:nth-child(16) {
    -webkit-transition-delay: .48s;
    transition-delay: .48s
}

[data-text].alanGo .letter:nth-child(17) {
    -webkit-transition-delay: .51s;
    transition-delay: .51s
}

[data-text].alanGo .letter:nth-child(18) {
    -webkit-transition-delay: .54s;
    transition-delay: .54s
}

[data-text].alanGo .letter:nth-child(19) {
    -webkit-transition-delay: .57s;
    transition-delay: .57s
}

[data-text].alanGo .letter:nth-child(20) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-text].alanGo .letter:nth-child(21) {
    -webkit-transition-delay: .63s;
    transition-delay: .63s
}

[data-text].alanGo .letter:nth-child(22) {
    -webkit-transition-delay: .66s;
    transition-delay: .66s
}

[data-text].alanGo .letter:nth-child(23) {
    -webkit-transition-delay: .69s;
    transition-delay: .69s
}

[data-text].alanGo .letter:nth-child(24) {
    -webkit-transition-delay: .72s;
    transition-delay: .72s
}

[data-text].alanGo .letter:nth-child(25) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

[data-text].alanGo .letter:nth-child(26) {
    -webkit-transition-delay: .78s;
    transition-delay: .78s
}

[data-text].alanGo .letter:nth-child(27) {
    -webkit-transition-delay: .81s;
    transition-delay: .81s
}

[data-text].alanGo .letter:nth-child(28) {
    -webkit-transition-delay: .84s;
    transition-delay: .84s
}

[data-text].alanGo .letter:nth-child(29) {
    -webkit-transition-delay: .87s;
    transition-delay: .87s
}

[data-text].alanGo .letter:nth-child(30) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-text].alanGo .letter:nth-child(31) {
    -webkit-transition-delay: .93s;
    transition-delay: .93s
}

[data-text].alanGo .letter:nth-child(32) {
    -webkit-transition-delay: .96s;
    transition-delay: .96s
}

[data-text].alanGo .letter:nth-child(33) {
    -webkit-transition-delay: .99s;
    transition-delay: .99s
}

[data-text].alanGo .letter:nth-child(34) {
    -webkit-transition-delay: 1.02s;
    transition-delay: 1.02s
}

[data-text].alanGo .letter:nth-child(35) {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-text].alanGo .letter:nth-child(36) {
    -webkit-transition-delay: 1.08s;
    transition-delay: 1.08s
}

[data-text].alanGo .letter:nth-child(37) {
    -webkit-transition-delay: 1.11s;
    transition-delay: 1.11s
}

[data-text].alanGo .letter:nth-child(38) {
    -webkit-transition-delay: 1.14s;
    transition-delay: 1.14s
}

[data-text].alanGo .letter:nth-child(39) {
    -webkit-transition-delay: 1.17s;
    transition-delay: 1.17s
}

[data-text].alanGo .letter:nth-child(40) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-text].alanGo .letter:nth-child(41) {
    -webkit-transition-delay: 1.23s;
    transition-delay: 1.23s
}

[data-text].alanGo .letter:nth-child(42) {
    -webkit-transition-delay: 1.26s;
    transition-delay: 1.26s
}

[data-text].alanGo .letter:nth-child(43) {
    -webkit-transition-delay: 1.29s;
    transition-delay: 1.29s
}

[data-text].alanGo .letter:nth-child(44) {
    -webkit-transition-delay: 1.32s;
    transition-delay: 1.32s
}

[data-text].alanGo .letter:nth-child(45) {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-text].alanGo .letter:nth-child(46) {
    -webkit-transition-delay: 1.38s;
    transition-delay: 1.38s
}

[data-text].alanGo .letter:nth-child(47) {
    -webkit-transition-delay: 1.41s;
    transition-delay: 1.41s
}

[data-text].alanGo .letter:nth-child(48) {
    -webkit-transition-delay: 1.44s;
    transition-delay: 1.44s
}

[data-text].alanGo .letter:nth-child(49) {
    -webkit-transition-delay: 1.47s;
    transition-delay: 1.47s
}

[data-text].alanGo .letter:nth-child(50) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-text].alanGo.go .letter {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

@-webkit-keyframes color-transition {
    0% {
        color: #0000004d
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--black)
    }
}

@keyframes color-transition {
    0% {
        color: #0000004d
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--black)
    }
}

@-webkit-keyframes color-transition-banner {
    0% {
        color: var(--black)
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--black)
    }
}

@keyframes color-transition-banner {
    0% {
        color: var(--black)
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--black)
    }
}

@-webkit-keyframes color-transition-wc {
    0% {
        color: #0074ff00
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--white)
    }
}

@keyframes color-transition-wc {
    0% {
        color: #0074ff00
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--white)
    }
}

@-webkit-keyframes color-transition-mc {
    0% {
        color: var(--gray)
    }

    30% {
        color: var(--black)
    }

    to {
        color: var(--main)
    }
}

@keyframes color-transition-mc {
    0% {
        color: var(--gray)
    }

    30% {
        color: var(--black)
    }

    to {
        color: var(--main)
    }
}

@-webkit-keyframes color-transition-gc {
    0% {
        color: #fff0
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--green)
    }
}

@keyframes color-transition-gc {
    0% {
        color: #fff0
    }

    30% {
        color: var(--main)
    }

    to {
        color: var(--green)
    }
}

.layer-title [data-text] {
    margin-bottom: 5px
}

.layer-title [data-text].bc {
    color: #0e0e18e6
}

.layer-title [data-text] .letter {
    display: block;
    -webkit-transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease), -webkit-filter 1.2s var(--picEase);
    transition: opacity 1s var(--ease), -webkit-transform 1s var(--ease), -webkit-filter 1.2s var(--picEase);
    transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1.2s var(--picEase);
    transition: opacity 1s var(--ease), transform 1s var(--ease), filter 1.2s var(--picEase), -webkit-transform 1s var(--ease), -webkit-filter 1.2s var(--picEase);
    opacity: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.layer-title [data-text] .letter:nth-child(1) {
    -webkit-transform: translate3d(0, .8125rem, 0);
    transform: translate3d(0, .8125rem, 0)
}

.layer-title [data-text] .letter:nth-child(2) {
    -webkit-transform: translate3d(0, 1.125rem, 0);
    transform: translate3d(0, 1.125rem, 0)
}

.layer-title [data-text] .letter:nth-child(3) {
    -webkit-transform: translate3d(0, 1.4375rem, 0);
    transform: translate3d(0, 1.4375rem, 0)
}

.layer-title [data-text] .letter:nth-child(4) {
    -webkit-transform: translate3d(0, 1.75rem, 0);
    transform: translate3d(0, 1.75rem, 0)
}

.layer-title [data-text] .letter:nth-child(5) {
    -webkit-transform: translate3d(0, 2.0625rem, 0);
    transform: translate3d(0, 2.0625rem, 0)
}

.layer-title [data-text] .letter:nth-child(6) {
    -webkit-transform: translate3d(0, 2.375rem, 0);
    transform: translate3d(0, 2.375rem, 0)
}

.layer-title [data-text] .letter:nth-child(7) {
    -webkit-transform: translate3d(0, 2.6875rem, 0);
    transform: translate3d(0, 2.6875rem, 0)
}

.layer-title [data-text] .letter:nth-child(8) {
    -webkit-transform: translate3d(0, 3rem, 0);
    transform: translate3d(0, 3rem, 0)
}

.layer-title [data-text] .letter:nth-child(9) {
    -webkit-transform: translate3d(0, 3.3125rem, 0);
    transform: translate3d(0, 3.3125rem, 0)
}

.layer-title [data-text] .letter:nth-child(10) {
    -webkit-transform: translate3d(0, 3.625rem, 0);
    transform: translate3d(0, 3.625rem, 0)
}

.layer-title [data-text] .letter:nth-child(11) {
    -webkit-transform: translate3d(0, 3.9375rem, 0);
    transform: translate3d(0, 3.9375rem, 0)
}

.layer-title [data-text] .letter:nth-child(12) {
    -webkit-transform: translate3d(0, 4.25rem, 0);
    transform: translate3d(0, 4.25rem, 0)
}

.layer-title [data-text] .letter:nth-child(13) {
    -webkit-transform: translate3d(0, 4.5625rem, 0);
    transform: translate3d(0, 4.5625rem, 0)
}

.layer-title [data-text] .letter:nth-child(14) {
    -webkit-transform: translate3d(0, 4.875rem, 0);
    transform: translate3d(0, 4.875rem, 0)
}

.layer-title [data-text] .letter:nth-child(15) {
    -webkit-transform: translate3d(0, 5.1875rem, 0);
    transform: translate3d(0, 5.1875rem, 0)
}

.layer-title [data-text] .letter:nth-child(16) {
    -webkit-transform: translate3d(0, 5.5rem, 0);
    transform: translate3d(0, 5.5rem, 0)
}

.layer-title [data-text] .letter:nth-child(17) {
    -webkit-transform: translate3d(0, 5.8125rem, 0);
    transform: translate3d(0, 5.8125rem, 0)
}

.layer-title [data-text] .letter:nth-child(18) {
    -webkit-transform: translate3d(0, 6.125rem, 0);
    transform: translate3d(0, 6.125rem, 0)
}

.layer-title [data-text] .letter:nth-child(19) {
    -webkit-transform: translate3d(0, 6.4375rem, 0);
    transform: translate3d(0, 6.4375rem, 0)
}

.layer-title [data-text] .letter:nth-child(20) {
    -webkit-transform: translate3d(0, 6.75rem, 0);
    transform: translate3d(0, 6.75rem, 0)
}

.layer-title [data-text] .letter:nth-child(21) {
    -webkit-transform: translate3d(0, 7.0625rem, 0);
    transform: translate3d(0, 7.0625rem, 0)
}

.layer-title [data-text] .letter:nth-child(22) {
    -webkit-transform: translate3d(0, 7.375rem, 0);
    transform: translate3d(0, 7.375rem, 0)
}

.layer-title [data-text] .letter:nth-child(23) {
    -webkit-transform: translate3d(0, 7.6875rem, 0);
    transform: translate3d(0, 7.6875rem, 0)
}

.layer-title [data-text] .letter:nth-child(24) {
    -webkit-transform: translate3d(0, 8rem, 0);
    transform: translate3d(0, 8rem, 0)
}

.layer-title [data-text] .letter:nth-child(25) {
    -webkit-transform: translate3d(0, 8.3125rem, 0);
    transform: translate3d(0, 8.3125rem, 0)
}

.layer-title [data-text] .letter:nth-child(26) {
    -webkit-transform: translate3d(0, 8.625rem, 0);
    transform: translate3d(0, 8.625rem, 0)
}

.layer-title [data-text] .letter:nth-child(27) {
    -webkit-transform: translate3d(0, 8.9375rem, 0);
    transform: translate3d(0, 8.9375rem, 0)
}

.layer-title [data-text] .letter:nth-child(28) {
    -webkit-transform: translate3d(0, 9.25rem, 0);
    transform: translate3d(0, 9.25rem, 0)
}

.layer-title [data-text] .letter:nth-child(29) {
    -webkit-transform: translate3d(0, 9.5625rem, 0);
    transform: translate3d(0, 9.5625rem, 0)
}

.layer-title [data-text] .letter:nth-child(30) {
    -webkit-transform: translate3d(0, 9.875rem, 0);
    transform: translate3d(0, 9.875rem, 0)
}

.layer-title [data-text] .letter:nth-child(31) {
    -webkit-transform: translate3d(0, 10.1875rem, 0);
    transform: translate3d(0, 10.1875rem, 0)
}

.layer-title [data-text] .letter:nth-child(32) {
    -webkit-transform: translate3d(0, 10.5rem, 0);
    transform: translate3d(0, 10.5rem, 0)
}

.layer-title [data-text] .letter:nth-child(33) {
    -webkit-transform: translate3d(0, 10.8125rem, 0);
    transform: translate3d(0, 10.8125rem, 0)
}

.layer-title [data-text] .letter:nth-child(34) {
    -webkit-transform: translate3d(0, 11.125rem, 0);
    transform: translate3d(0, 11.125rem, 0)
}

.layer-title [data-text] .letter:nth-child(35) {
    -webkit-transform: translate3d(0, 11.4375rem, 0);
    transform: translate3d(0, 11.4375rem, 0)
}

.layer-title [data-text] .letter:nth-child(36) {
    -webkit-transform: translate3d(0, 11.75rem, 0);
    transform: translate3d(0, 11.75rem, 0)
}

.layer-title [data-text] .letter:nth-child(37) {
    -webkit-transform: translate3d(0, 12.0625rem, 0);
    transform: translate3d(0, 12.0625rem, 0)
}

.layer-title [data-text] .letter:nth-child(38) {
    -webkit-transform: translate3d(0, 12.375rem, 0);
    transform: translate3d(0, 12.375rem, 0)
}

.layer-title [data-text] .letter:nth-child(39) {
    -webkit-transform: translate3d(0, 12.6875rem, 0);
    transform: translate3d(0, 12.6875rem, 0)
}

.layer-title [data-text] .letter:nth-child(40) {
    -webkit-transform: translate3d(0, 13rem, 0);
    transform: translate3d(0, 13rem, 0)
}

.layer-title [data-text] .letter:nth-child(41) {
    -webkit-transform: translate3d(0, 13.3125rem, 0);
    transform: translate3d(0, 13.3125rem, 0)
}

.layer-title [data-text] .letter:nth-child(42) {
    -webkit-transform: translate3d(0, 13.625rem, 0);
    transform: translate3d(0, 13.625rem, 0)
}

.layer-title [data-text] .letter:nth-child(43) {
    -webkit-transform: translate3d(0, 13.9375rem, 0);
    transform: translate3d(0, 13.9375rem, 0)
}

.layer-title [data-text] .letter:nth-child(44) {
    -webkit-transform: translate3d(0, 14.25rem, 0);
    transform: translate3d(0, 14.25rem, 0)
}

.layer-title [data-text] .letter:nth-child(45) {
    -webkit-transform: translate3d(0, 14.5625rem, 0);
    transform: translate3d(0, 14.5625rem, 0)
}

.layer-title [data-text] .letter:nth-child(46) {
    -webkit-transform: translate3d(0, 14.875rem, 0);
    transform: translate3d(0, 14.875rem, 0)
}

.layer-title [data-text] .letter:nth-child(47) {
    -webkit-transform: translate3d(0, 15.1875rem, 0);
    transform: translate3d(0, 15.1875rem, 0)
}

.layer-title [data-text] .letter:nth-child(48) {
    -webkit-transform: translate3d(0, 15.5rem, 0);
    transform: translate3d(0, 15.5rem, 0)
}

.layer-title [data-text] .letter:nth-child(49) {
    -webkit-transform: translate3d(0, 15.8125rem, 0);
    transform: translate3d(0, 15.8125rem, 0)
}

.layer-title [data-text] .letter:nth-child(50) {
    -webkit-transform: translate3d(0, 16.125rem, 0);
    transform: translate3d(0, 16.125rem, 0)
}

.layer-title [data-split] .letter {
    margin: 0 .12em
}

.layer-title.colorTxt [data-text].above.bc {
    color: var(--gray)
}

.layer-title.colorTxt .letter {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: var(--ease);
    animation-timing-function: var(--ease);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.layer-title.colorTxt .letter:nth-child(1) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}

.layer-title.colorTxt .letter:nth-child(2) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}

.layer-title.colorTxt .letter:nth-child(3) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}

.layer-title.colorTxt .letter:nth-child(4) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.layer-title.colorTxt .letter:nth-child(5) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.layer-title.colorTxt .letter:nth-child(6) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}

.layer-title.colorTxt .letter:nth-child(7) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}

.layer-title.colorTxt .letter:nth-child(8) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}

.layer-title.colorTxt .letter:nth-child(9) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}

.layer-title.colorTxt .letter:nth-child(10) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.layer-title.colorTxt .letter:nth-child(11) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}

.layer-title.colorTxt .letter:nth-child(12) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}

.layer-title.colorTxt .letter:nth-child(13) {
    -webkit-animation-delay: .93s;
    animation-delay: .93s
}

.layer-title.colorTxt .letter:nth-child(14) {
    -webkit-animation-delay: .99s;
    animation-delay: .99s
}

.layer-title.colorTxt .letter:nth-child(15) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

.layer-title.colorTxt .letter:nth-child(16) {
    -webkit-animation-delay: 1.11s;
    animation-delay: 1.11s
}

.layer-title.colorTxt .letter:nth-child(17) {
    -webkit-animation-delay: 1.17s;
    animation-delay: 1.17s
}

.layer-title.colorTxt .letter:nth-child(18) {
    -webkit-animation-delay: 1.23s;
    animation-delay: 1.23s
}

.layer-title.colorTxt .letter:nth-child(19) {
    -webkit-animation-delay: 1.29s;
    animation-delay: 1.29s
}

.layer-title.colorTxt .letter:nth-child(20) {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

.layer-title.colorTxt .letter:nth-child(21) {
    -webkit-animation-delay: 1.41s;
    animation-delay: 1.41s
}

.layer-title.colorTxt .letter:nth-child(22) {
    -webkit-animation-delay: 1.47s;
    animation-delay: 1.47s
}

.layer-title.colorTxt .letter:nth-child(23) {
    -webkit-animation-delay: 1.53s;
    animation-delay: 1.53s
}

.layer-title.colorTxt .letter:nth-child(24) {
    -webkit-animation-delay: 1.59s;
    animation-delay: 1.59s
}

.layer-title.colorTxt .letter:nth-child(25) {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}

.layer-title.colorTxt .letter:nth-child(26) {
    -webkit-animation-delay: 1.71s;
    animation-delay: 1.71s
}

.layer-title.colorTxt .letter:nth-child(27) {
    -webkit-animation-delay: 1.77s;
    animation-delay: 1.77s
}

.layer-title.colorTxt .letter:nth-child(28) {
    -webkit-animation-delay: 1.83s;
    animation-delay: 1.83s
}

.layer-title.colorTxt .letter:nth-child(29) {
    -webkit-animation-delay: 1.89s;
    animation-delay: 1.89s
}

.layer-title.colorTxt .letter:nth-child(30) {
    -webkit-animation-delay: 1.95s;
    animation-delay: 1.95s
}

.layer-title.colorTxt .letter:nth-child(31) {
    -webkit-animation-delay: 2.01s;
    animation-delay: 2.01s
}

.layer-title.colorTxt .letter:nth-child(32) {
    -webkit-animation-delay: 2.07s;
    animation-delay: 2.07s
}

.layer-title.colorTxt .letter:nth-child(33) {
    -webkit-animation-delay: 2.13s;
    animation-delay: 2.13s
}

.layer-title.colorTxt .letter:nth-child(34) {
    -webkit-animation-delay: 2.19s;
    animation-delay: 2.19s
}

.layer-title.colorTxt .letter:nth-child(35) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.layer-title.colorTxt .letter:nth-child(36) {
    -webkit-animation-delay: 2.31s;
    animation-delay: 2.31s
}

.layer-title.colorTxt .letter:nth-child(37) {
    -webkit-animation-delay: 2.37s;
    animation-delay: 2.37s
}

.layer-title.colorTxt .letter:nth-child(38) {
    -webkit-animation-delay: 2.43s;
    animation-delay: 2.43s
}

.layer-title.colorTxt .letter:nth-child(39) {
    -webkit-animation-delay: 2.49s;
    animation-delay: 2.49s
}

.layer-title.colorTxt .letter:nth-child(40) {
    -webkit-animation-delay: 2.55s;
    animation-delay: 2.55s
}

.layer-title.colorTxt .letter:nth-child(41) {
    -webkit-animation-delay: 2.61s;
    animation-delay: 2.61s
}

.layer-title.colorTxt .letter:nth-child(42) {
    -webkit-animation-delay: 2.67s;
    animation-delay: 2.67s
}

.layer-title.colorTxt .letter:nth-child(43) {
    -webkit-animation-delay: 2.73s;
    animation-delay: 2.73s
}

.layer-title.colorTxt .letter:nth-child(44) {
    -webkit-animation-delay: 2.79s;
    animation-delay: 2.79s
}

.layer-title.colorTxt .letter:nth-child(45) {
    -webkit-animation-delay: 2.85s;
    animation-delay: 2.85s
}

.layer-title.colorTxt .letter:nth-child(46) {
    -webkit-animation-delay: 2.91s;
    animation-delay: 2.91s
}

.layer-title.colorTxt .letter:nth-child(47) {
    -webkit-animation-delay: 2.97s;
    animation-delay: 2.97s
}

.layer-title.colorTxt .letter:nth-child(48) {
    -webkit-animation-delay: 3.03s;
    animation-delay: 3.03s
}

.layer-title.colorTxt .letter:nth-child(49) {
    -webkit-animation-delay: 3.09s;
    animation-delay: 3.09s
}

.layer-title.colorTxt .letter:nth-child(50) {
    -webkit-animation-delay: 3.15s;
    animation-delay: 3.15s
}

.layer-title>p {
    -webkit-transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), -webkit-transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease);
    transition: opacity 1.2s var(--ease), transform 1.5s var(--ease), -webkit-transform 1.5s var(--ease);
    -webkit-transform: translate3d(0, 1.875rem, 0);
    transform: translate3d(0, 1.875rem, 0);
    opacity: 0
}

.layer-title.go [data-text] .letter {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translateZ(0) !important
}

.layer-title.go.colorTxt [data-text].above.bc .letter {
    -webkit-animation-name: color-transition;
    animation-name: color-transition
}

.layer-title.go>p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1
}

@-webkit-keyframes scrFn {
    0% {
        -webkit-transform: translate3d(0, -.125rem, 0);
        transform: translate3d(0, -.125rem, 0)
    }

    to {
        -webkit-transform: translate3d(0, .125rem, 0);
        transform: translate3d(0, .125rem, 0)
    }
}

@keyframes scrFn {
    0% {
        -webkit-transform: translate3d(0, -.125rem, 0);
        transform: translate3d(0, -.125rem, 0)
    }

    to {
        -webkit-transform: translate3d(0, .125rem, 0);
        transform: translate3d(0, .125rem, 0)
    }
}

.letter {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    min-width: .2em
}

@-webkit-keyframes jumpMouse {
    0% {
        -webkit-transform: translateY(.3125rem);
        transform: translateY(.3125rem)
    }

    to {
        -webkit-transform: translateY(-.0625rem);
        transform: translateY(-.0625rem)
    }
}

@keyframes jumpMouse {
    0% {
        -webkit-transform: translateY(.3125rem);
        transform: translateY(.3125rem)
    }

    to {
        -webkit-transform: translateY(-.0625rem);
        transform: translateY(-.0625rem)
    }
}

@media (max-width: 990px) {
    .f-80 {
        font-size: 8vw
    }

    .f-48 {
        font-size: 6vw
    }

    .f-24 {
        font-size: 15px
    }

    .f-18 {
        font-size: 14px
    }

    .f-35{
        font-size: 20px;
        font-weight: 400;
    }
}

.f-90 {
    letter-spacing: -.01em
}

.row2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.row2>.bg {
    z-index: 1;
    pointer-events: none
}

.row2>.inner {
    position: relative;
    z-index: 2
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2),
.company_introduction .r2 .inner .group .swiper-slide:nth-child(1),
.company_introduction .r2 .inner .group .swiper,
.company_introduction .r2 .inner .group {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    will-change: transform, opacity;
    -webkit-animation-delay: calc(var(--go) * -1s);
    animation-delay: calc(var(--go) * -1s);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.pub_img_box {
    position: relative
}

.pub_img_box:before {
    content: "";
    display: block;
    padding-bottom: calc(var(--ImgRatio) * 100%)
}

.pub_img_box img,
.pub_img_box video {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    object-fit: cover;
    object-position: center;
    font-size: 1.5rem
}

.pub_case {
    padding-right: var(--container);
    padding-left: var(--container);
}

.swiper_nav_box {
    margin-top: 4.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1.25rem;
}

.swiper_nav_box .swiper-button-prev {
    left: unset;
}

.swiper_nav_box .swiper-button-next {
    right: unset;
}

.swiper_nav_box .swiper-button-prev,
.swiper_nav_box .swiper-button-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--main);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 3.4375rem;
    height: 3.4375rem;
    cursor: pointer;
}

.swiper_nav_box .swiper-button-prev:before,
.swiper_nav_box .swiper-button-next:before {
    content: "";
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
    transform: translate3d(-50%, -50%, 0) scale(0);
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: var(--blue);
    -webkit-transition: -webkit-transform .5s var(--ease);
    transition: -webkit-transform .5s var(--ease);
    transition: transform .5s var(--ease);
    transition: transform .5s var(--ease), -webkit-transform .5s var(--ease)
}

.swiper_nav_box .swiper-button-prev>span,
.swiper_nav_box .swiper-button-next>span {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 2
}

.swiper_nav_box .swiper-button-prev>span i,
.swiper_nav_box .swiper-button-next>span i {
    padding: .625rem;
    line-height: 1;
    color: var(--white);
    font-size: 1.125rem;
    -webkit-transition: -webkit-transform .5s var(--ease);
    transition: -webkit-transform .5s var(--ease);
    transition: transform .5s var(--ease);
    transition: transform .5s var(--ease), -webkit-transform .5s var(--ease);
    display: block
}

.swiper_nav_box .swiper-button-prev>span i:nth-child(2),
.swiper_nav_box .swiper-button-next>span i:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0
}

.swiper_nav_box .swiper-button-prev.swiper-button-disabled,
.swiper_nav_box .swiper-button-next.swiper-button-disabled {
    opacity: .3;
    pointer-events: none
}

@media (min-width: 991px) {

    .swiper_nav_box .swiper-button-prev:hover:before,
    .swiper_nav_box .swiper-button-next:hover:before {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    .swiper_nav_box .swiper-button-prev:hover>span i:nth-child(2),
    .swiper_nav_box .swiper-button-next:hover>span i:nth-child(2) {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.swiper_nav_box .swiper-button-prev>span i:nth-child(2) {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

@media (min-width: 991px) {
    .swiper_nav_box .swiper-button-prev:hover>span i {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.swiper_nav_box .swiper-button-next {
    margin-left: 10px
}

.swiper_nav_box .swiper-button-next>span i:nth-child(2) {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

@media (min-width: 991px) {
    .swiper_nav_box .swiper-button-next:hover>span i {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.alanUpOnly {
    -webkit-transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease);
    transition: opacity 1s var(--ease), transform 1s var(--ease), color .3s var(--ease), -webkit-transform 1s var(--ease);
    opacity: 0;
    -webkit-transform: translate3d(0, 2.60417vw, 0);
    transform: translate3d(0, 2.60417vw, 0)
}

.alanUpOnly:nth-child(4n-2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.alanUpOnly:nth-child(4n-1) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.alanUpOnly:nth-child(4n) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.alanUpOnly.go {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.fontGoAni-case span {
    font-family: inherit;
    font-weight: inherit
}

.fontGoAni {
    display: block;
    position: relative;
    width: 100%
}

.fontGoAni-line {
    display: block;
    white-space: nowrap;
    color: #0006
}

.fontGoAni-reveal {
    position: absolute;
    inset: 0;
    overflow: hidden;
    color: inherit;
    -webkit-clip-path: inset(0 calc((1 - var(--go, 0)) * 100%) 0 0);
    clip-path: inset(0 calc((1 - var(--go, 0)) * 100%) 0 0);
    will-change: clip-path
}

.pub_banner .swiper {
    margin-left: auto;
    margin-right: auto;
    list-style: none
}

.pub_banner .swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pub_banner .swiper .swiper-wrapper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.pub_banner .swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.pub_banner .swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pub_banner .layer-title-case {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pub_banner .layer-title-case .layer-title .fxc,
.pub_banner .layer-title-case .layer-title [data-text] {
    position: relative;
    z-index: 1;
    overflow: visible
}

.pub_banner .layer-title-case .layer-title .fxc h2,
.pub_banner .layer-title-case .layer-title [data-text] h2 {
    margin-bottom: 0;
    -webkit-mask-size: 23.75rem;
    mask-size: 23.75rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: -57% 34%;
    mask-position: -57% 34%;
    position: relative;
    z-index: 6
}

.pub_banner .layer-title-case .layer-title .fxc .above,
.pub_banner .layer-title-case .layer-title [data-text] .above {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
    height: 100%;
    padding: 0;
    line-height: 1
}

.pub_banner .layer-title-case .layer-title .h3en {
    color: #000000b3
}

.pub_banner .layer-title .h3en {
    line-height: .85;
    margin-top: 1.09375vw;
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(5deg) translate3d(0, 1.25rem, 0);
    transform: rotate(5deg) translate3d(0, 1.25rem, 0);
    -webkit-transition-timing-function: var(--ease);
    transition-timing-function: var(--ease);
    -webkit-transition-duration: 1.2s, 1.2s, .3s;
    transition-duration: 1.2s, 1.2s, .3s;
    -webkit-transition-property: opacity, color, -webkit-transform;
    transition-property: opacity, color, -webkit-transform;
    transition-property: opacity, transform, color;
    transition-property: opacity, transform, color, -webkit-transform;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.pub_banner .layer-title h2 {
    line-height: 1
}

.pub_banner .layer-title.go h3 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.company_introduction .r1 {
    position: relative;
    background-size: 100% 100%;
    padding-top: 5.625rem;
    padding-bottom: 22.65625vw
}

.company_introduction .r1 .inner {
    position: relative;

}

.company_introduction .r1 .inner .font_bg {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
    width: 55%;
    position: absolute;
    right: 9%;
    top: 3.125rem;
}

.company_introduction .r1 .inner .font_bg img {
    display: block;
    width: 100%
}

.company_introduction .r1 .inner .pub_case {
    position: relative;
    z-index: 2;
    padding-top: 7.08333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.company_introduction .r1 .inner .pub_case .layer-title-case .layer-title .fxc h2,
.company_introduction .r1 .inner .pub_case .layer-title-case .layer-title [data-text] h2 {
    -webkit-mask-position: -450% 37%;
    mask-position: -450% 37%
}

.company_introduction .r1 .inner .pub_case .layer-title-case .layer-title .h3en {
    margin-top: 4.94792vw
}

.company_introduction .r1 .inner .pub_case .right {
    width: 60%;
    padding-top: 6.25rem;
}

.company_introduction .r1 .inner .pub_case .right .line {
    width: calc(100vw - var(--container) - var(--container));
    margin-left: -65%;
    display: block;
    height: 1px;
    background: rgba(25, 72, 160, 0.30);
    margin-bottom: 1.97917vw
}

.company_introduction .r1 .inner .pub_case .right .line+div {
    width: 100%;
}

.company_introduction .r1 .inner .pub_case .right p {
    line-height: 1.77;
    margin-bottom: 1.09375vw;
    letter-spacing: .01em;
    text-align: justify
}

.company_introduction .r1 .inner .pub_case .right p div,
.company_introduction .r1 .inner .pub_case .right p span {
    font-family: inherit;
    font-weight: inherit
}

@-webkit-keyframes windthAni {
    0% {
        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%);
        clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%)
    }

    to {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
    }
}

@keyframes windthAni {
    0% {
        -webkit-clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%);
        clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%)
    }

    to {
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
    }
}

@-webkit-keyframes maskAni {
    0% {
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0)
    }

    50% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%)
    }
}

@keyframes maskAni {
    0% {
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0)
    }

    50% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%)
    }
}

.company_introduction .r2 {
    height: 350vh;
    background-size: 100% 100%;
    margin-top: calc(-73vh - 13.28125vw);
    overflow: visible;
    padding-bottom: 7.5rem;
}

.company_introduction .r2 .bg {
    background-size: 100% 100%;
    height: calc(100% - 73vh - 13.28125vw + 2PX);
    left: 0;
    top: calc(73vh + 13.28125vw - 1PX);
    position: absolute;
    width: 100%
}

.company_introduction .r2 .inner {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    left: 0;
    color: #fff;
    top: 0;
    padding-left: 1.04167vw;
    padding-right: 1.04167vw;
    z-index: 2
}

@media (min-width: 991px) {
    .company_introduction .r2 .inner .swiper-wrapper {
        display: block
    }

    .company_introduction .r2 .inner .swiper-wrapper .swiper-slide {
        position: relative
    }

    .company_introduction .r2 .inner .swiper-wrapper .swiper-slide:nth-child(2) {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0
    }
}

.company_introduction .r2 .inner .swiper-slide {
    width: 100%
}

.company_introduction .r2 .inner .swiper-slide .img_case {
    height: 100vh;
    display: block;
    cursor: auto
}

.company_introduction .r2 .inner .swiper-slide .img_case:hover {
    color: #fff;
}

.company_introduction .r2 .inner .swiper-slide .img_case .pub_img_box {
    height: 100%
}

.company_introduction .r2 .inner .swiper-slide .img_case .pub_img_box:before {
    display: none
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_case {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-left: 11.45833vw;
    padding-right: 11.45833vw;
    padding-top: 35vh
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h5,
.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h4,
.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h3 {
    line-height: 1;
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(5deg) translate3d(0, 1.25rem, 0);
    transform: rotate(5deg) translate3d(0, 1.25rem, 0);
    -webkit-transition-timing-function: var(--ease);
    transition-timing-function: var(--ease);
    -webkit-transition-duration: 1.2s, 1.2s;
    transition-duration: 1.2s, 1.2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h5 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h3 {
    margin-top: 6.66667vw;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h3 br {
    display: none
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_case h4 {
    margin-top: 1.30208vw;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.company_introduction .r2 .inner .swiper-slide .img_case .txt_s {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    right: 0;
    bottom: 0;
    width: 28.4375vw;
    height: 8.33333vw;
    -webkit-transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), -webkit-transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    transition: opacity .5s var(--ease), transform .5s var(--ease), -webkit-transform .5s var(--ease);
    padding-left: 4.6875vw;
    padding-right: 4.01042vw
}

.company_introduction .r2 .inner .swiper-slide.on {
    opacity: 1
}

.company_introduction .r2 .inner .swiper-slide.on .img_case .txt_case h5,
.company_introduction .r2 .inner .swiper-slide.on .img_case .txt_case h4,
.company_introduction .r2 .inner .swiper-slide.on .img_case .txt_case h3 {
    opacity: 1;
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
    transform: rotate(0) translateZ(0)
}

.company_introduction .r2 .inner .swiper-slide.on .img_case .txt_case h5 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.company_introduction .r2 .inner .swiper-slide.on .img_case .txt_case h3 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.company_introduction .r2 .inner .swiper-slide.on .img_case .txt_case h4 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.company_introduction .r2 .inner .group {
    -webkit-mask-position: 56.5% 70%;
    mask-position: 56.5% 70%;
    -webkit-mask-size: 19.3125rem;
    mask-size: 19.3125rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 100%;
    -webkit-mask-image: url(https://cloud-1251007531.bcdn8.com/hongwo0710/uploads/20260715/4c1e1f4b274fd005bba476044f13467f.png);
    mask-image: url(https://cloud-1251007531.bcdn8.com/hongwo0710/uploads/20260715/4c1e1f4b274fd005bba476044f13467f.png);
    -webkit-animation-name: maskYe;
    animation-name: maskYe
}

.company_introduction .r2 .inner .group .swiper {
    -webkit-transform: scale(.28);
    -ms-transform: scale(.28);
    transform: scale(.28);
    -webkit-transform-origin: 65% 74%;
    -ms-transform-origin: 65% 74%;
    transform-origin: 65% 74%;
    -webkit-animation-name: swiperYe;
    animation-name: swiperYe
}

.company_introduction .r2 .inner .group .swiper-slide {
    border-radius: .83333vw
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(1) {
    -webkit-mask-image: url(https://cloud-1251007531.bcdn8.com/hongwo0710/uploads/20260714/19b8d84e4d40169beb0daf065137a0c9.png);
    mask-image: url(https://cloud-1251007531.bcdn8.com/hongwo0710/uploads/20260714/19b8d84e4d40169beb0daf065137a0c9.png);
    -webkit-mask-size: 120%;
    mask-size: 120%;
    -webkit-mask-position: right bottom;
    mask-position: right bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-animation-name: sMaskYe;
    animation-name: sMaskYe
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2) {
    -webkit-mask-image: url(https://cloud-1251007531.bcdn8.com/hongwo0710/uploads/20260714/ebe7fa94e9ad5626b844c5e60de41109.png);
    mask-image: url(https://cloud-1251007531.bcdn8.com/hongwo0710/uploads/20260714/ebe7fa94e9ad5626b844c5e60de41109.png);
    -webkit-mask-size: 28.4375vw 8.33333vw;
    mask-size: 28.4375vw 8.33333vw;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: right bottom;
    mask-position: right bottom;
    background-color: #000;
    -webkit-transition: all .8s var(--ease);
    transition: all .8s var(--ease);
    opacity: 0;
    -webkit-animation-name: sOpYe;
    animation-name: sOpYe
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2) .pub_img_box {
    opacity: .7;
    -webkit-transform: scale(.291);
    -ms-transform: scale(.291);
    transform: scale(.291);
    -webkit-transform-origin: 99.95% 105%;
    -ms-transform-origin: 99.95% 105%;
    transform-origin: 99.95% 105%;
    -webkit-transition: all 1.2s var(--ease);
    transition: all 1.2s var(--ease)
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2) .pub_img_box:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
    left: 0;
    top: 0;
    background-color: #0003
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2).on {
    z-index: 3;
    -webkit-mask-size: 150% 150%;
    mask-size: 150% 150%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transition: all 1.2s var(--ease);
    transition: all 1.2s var(--ease)
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2).on .pub_img_box {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .8s var(--ease);
    transition: all .8s var(--ease)
}

.company_introduction .r2 .inner .group .swiper-slide:nth-child(2).on .img_case .txt_s {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

@-webkit-keyframes maskYe {
    0% {
        -webkit-mask-size: 19.3125rem;
        mask-size: 19.3125rem;
        -webkit-mask-position: 52.5% 70%;
        mask-position: 52.5% 70%
    }

    50% {
        -webkit-mask-size: 400%;
        mask-size: 400%;
        -webkit-mask-position: 50%;
        mask-position: 50%
    }

    to {
        -webkit-mask-size: 400%;
        mask-size: 400%;
        -webkit-mask-position: 50%;
        mask-position: 50%
    }
}

@keyframes maskYe {
    0% {
        -webkit-mask-size: 18.22917vw;
        mask-size: 18.22917vw;
        -webkit-mask-position: 52.5% 70%;
        mask-position: 52.5% 70%
    }

    50% {
        -webkit-mask-size: 400%;
        mask-size: 400%;
        -webkit-mask-position: 50%;
        mask-position: 50%
    }

    to {
        -webkit-mask-size: 400%;
        mask-size: 400%;
        -webkit-mask-position: 50%;
        mask-position: 50%
    }
}

@-webkit-keyframes swiperYe {
    0% {
        -webkit-transform: scale(.28);
        transform: scale(.28);
        -webkit-transform-origin: 54% 74%;
        transform-origin: 54% 74%
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@keyframes swiperYe {
    0% {
        -webkit-transform: scale(.28);
        transform: scale(.28);
        -webkit-transform-origin: 59% 74%;
        transform-origin: 59% 74%
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@-webkit-keyframes sMaskYe {
    0% {
        -webkit-mask-size: 120%;
        mask-size: 120%;
        -webkit-mask-position: 80% 96%;
        mask-position: 80% 96%
    }

    50% {
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-position: right bottom;
        mask-position: right bottom
    }

    to {
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-position: right bottom;
        mask-position: right bottom
    }
}

@keyframes sMaskYe {
    0% {
        -webkit-mask-size: 120%;
        mask-size: 120%;
        -webkit-mask-position: 80% 96%;
        mask-position: 80% 96%
    }

    50% {
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-position: right bottom;
        mask-position: right bottom
    }

    to {
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-position: right bottom;
        mask-position: right bottom
    }
}

@-webkit-keyframes sOpYe {
    0% {
        opacity: 0;
        -webkit-transform: translateY(84px);
        transform: translateY(84px)
    }

    8% {
        opacity: 0;
        -webkit-transform: translateY(84px);
        transform: translateY(84px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sOpYe {
    0% {
        opacity: 0;
        -webkit-transform: translateY(84px);
        transform: translateY(84px)
    }

    8% {
        opacity: 0;
        -webkit-transform: translateY(84px);
        transform: translateY(84px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.company_introduction .r3 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    border-radius: 3.75rem 3.75rem 0 0;
    background: linear-gradient(180deg, rgba(25, 72, 160, 0.10) 0%, rgba(25, 72, 160, 0.00) 100%), #FFF;
}

.company_introduction .r3 .swiper {
    overflow: hidden
}

.company_introduction .r3 .abo_r4_con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.75rem
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav {
    
    width: 35%
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper_case,
.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper {
    height: 33rem;
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-block: 1.30208vw;
    -webkit-transition: padding-top .3s var(--ease), padding-bottom .3s var(--ease), padding-right .3s var(--ease), opacity .3s var(--ease);
    transition: padding-top .3s var(--ease), padding-bottom .3s var(--ease), padding-right .3s var(--ease), opacity .3s var(--ease);
    position: relative;
    padding-right: 0;
    cursor: pointer
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide span {
    color: #364147;
    font-size: 1.25vw;
    line-height: .8;
    -webkit-transition: color .3s var(--ease), font-size .3s var(--ease), -webkit-transform .3s var(--ease);
    transition: color .3s var(--ease), font-size .3s var(--ease), -webkit-transform .3s var(--ease);
    transition: color .3s var(--ease), font-size .3s var(--ease), transform .3s var(--ease);
    transition: color .3s var(--ease), font-size .3s var(--ease), transform .3s var(--ease), -webkit-transform .3s var(--ease);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide i {
    text-align: right;
    width: 0;
    overflow: hidden;
    font-size: 1.75rem;
    font-weight: 600;
    transform: rotate(90deg);
    color: var(--main);
    -webkit-transition: width .3s var(--ease);
    transition: width .3s var(--ease);
    line-height: 1;
    position: absolute;
    right: 0;
    bottom: 3.25rem
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on {
    padding-block: 1.45833vw;
    padding-right: 4.42708vw
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on span {
    color: #343434;
    text-align: right;
    font-family: Montserrat;
    font-size: 5rem;
    font-weight: 600;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on span.font-ban {
    font-size: 4.16667vw
}

.company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on i {
    width: 4.42708vw
}

@media (min-width: 991px) {
    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide:hover span {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.company_introduction .r3 .abo_r4_con .abo_r4_img {
    width: 50%;
    position: relative;
    /* margin-right: 15.625vw */
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper {
    overflow: visible
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide {
    opacity: 0 !important;
    -webkit-transition: opacity .7s var(--ease);
    transition: opacity .7s var(--ease)
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide>div {
    -webkit-transition: -webkit-transform .7s var(--ease);
    transition: -webkit-transform .7s var(--ease);
    transition: transform .7s var(--ease);
    transition: transform .7s var(--ease), -webkit-transform .7s var(--ease)
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .pub_img_box {
    border-radius: 1.04167vw;
    overflow: hidden;
    width: 70%;
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .pub_img_box:before {
    padding-bottom: 65%
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt {
    margin-top: 3.4375rem;
    width: 100%;

    color: #6D6D6D;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.1875rem;
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt .pub_info {
    font-size: .83333vw;
    line-height: 1.5;
    padding-left: 4.16667vw;
    opacity: 0;
    -webkit-transition: -webkit-transform .7s var(--ease);
    transition: -webkit-transform .7s var(--ease);
    transition: transform .7s var(--ease);
    transition: transform .7s var(--ease), -webkit-transform .7s var(--ease);
    font-family: inherit;
    font-weight: 600;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    letter-spacing: -.04em
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt .pub_info span {
    font-family: inherit
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt .pub_info:before {
    content: "";
    position: absolute;
    left: 2.44792vw;
    top: calc(.75em + 6px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-top: -2px;
    background-color: var(--main)
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide.swiper-slide-prev {
    opacity: .2 !important;
    visibility: visible !important;
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide.swiper-slide-prev>div {
    -webkit-transform: translate(4.16667vw, 1.71875vw);
    -ms-transform: translate(4.16667vw, 1.71875vw);
    transform: translate(4.16667vw, 1.71875vw)
}
.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide.swiper-slide-prev .abo_r4_txt{
    opacity: 0;
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide.active {
    opacity: 1 !important
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide.active .abo_r4_txt .pub_info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.company_introduction .r3 .abo_r4_con .abo_r4_img .swiper_nav_box {
    display: none
}

@media (max-width: 990px) {
    .pub_case {
        padding-right: 5vw;
        padding-left: 5vw
    }

    .swiper_nav_box .swiper-button-prev,
    .swiper_nav_box .swiper-button-next {
        width: 2.75rem;
        height: 2.75rem
    }

    .swiper_nav_box .swiper-button-prev>span i,
    .swiper_nav_box .swiper-button-next>span i {
        font-size: 14px
    }

    .swiper_nav_box .swiper-button-next {
        margin-left: .58929rem
    }

    .swiper_nav_box .swiper-button-next>span i:nth-child(2) {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .alanUpOnly:nth-child(4n-1) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .alanUpOnly:nth-child(4n) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .pub_banner .layer-title-case .layer-title .fxc,
    .pub_banner .layer-title-case .layer-title [data-text] {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .pub_banner .layer-title .h3en {
        margin-top: 5px
    }

    .pub_banner .layer-title h2 {
        line-height: 1.3 !important;
        font-size: 24px;
    }

    .company_introduction .r1 {
        overflow: hidden;
        padding-top: 0px;
        padding-bottom: 50px
    }

    .company_introduction .r1 .inner .font_bg {
        padding-right: 5vw;
        padding-left: 5vw;
        right: 0;
        width: 40%;
        top: 3rem;
    }

    .company_introduction .r1 .inner .pub_case {
        padding-top: 11vw;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .company_introduction .r1 .inner .pub_case .layer-title-case .layer-title .h3en {
        margin-top: 5px
    }

    .company_introduction .r1 .inner .pub_case .right {
        width: 100%;
        padding-top: 1.57143rem
    }

    .company_introduction .r1 .inner .pub_case .right .line {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1.57143rem
    }

    .company_introduction .r1 .inner .pub_case .right .line+div {
        width: 100%
    }

    .company_introduction .r1 .inner .pub_case .right p {
        line-height: 1.5;
        margin-bottom: .98214rem
    }

    .company_introduction .r2 {
        padding-bottom: 30px;
        --marHeight: 72vw;
        height: 525vw;
        margin-top: calc(-8.64286rem - var(--marHeight) + 30.5vw)
    }

    .company_introduction .r2 .bg {
        height: calc(100% - var(--marHeight) - 11.78571rem + 3.14286rem + 30.5vw + 2PX);
        top: calc(var(--marHeight) + 11.78571rem - 3.14286rem - 1PX - 30.5vw)
    }

    .company_introduction .r2 .inner {
        overflow: hidden;
        padding-left: .78571rem;
        padding-right: .78571rem
    }

    .company_introduction .r2 .inner .swiper-wrapper {
        display: block
    }

    .company_introduction .r2 .inner .swiper-wrapper .swiper-slide {
        position: relative
    }

    .company_introduction .r2 .inner .swiper-wrapper .swiper-slide:nth-child(2) {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .pub_img_box {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        will-change: transform, opacity;
        -webkit-animation-delay: calc(var(--go) * -1s);
        animation-delay: calc(var(--go) * -1s);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case {
        padding-left: 1.96429rem;
        padding-right: 1.96429rem;
        padding-top: 35vw;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        will-change: transform, opacity;
        -webkit-animation-delay: calc(var(--go) * -1s);
        animation-delay: calc(var(--go) * -1s);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case h5,
    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case h4,
    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case h3 {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case h3 {
        margin-top: 3.92857rem;
        line-height: 1.15
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case h3 br {
        display: block
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_case h4 {
        margin-top: 1.17857rem
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_s {
        width: 30.5%;
        height: 8.2vw;
        padding-left: 4%;
        padding-right: 3%
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_s .f-48 {
        font-size: 4vw
    }

    .company_introduction .r2 .inner .swiper-slide .img_case .txt_s i {
        font-size: 10px
    }

    .company_introduction .r2 .inner .group {
        -webkit-mask-size: 50%;
        mask-size: 50%;
        -webkit-mask-image: none;
        mask-image: none;
        -webkit-animation-name: maskYe-m;
        animation-name: maskYe-m;
        -webkit-clip-path: inset(calc(50% - 30.5vw) 0 calc(50% - 30.5vw) 0 round 1.57143rem);
        clip-path: inset(calc(50% - 30.5vw) 0 calc(50% - 30.5vw) 0 round 1.57143rem)
    }

    .company_introduction .r2 .inner .group .swiper {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation-name: none;
        animation-name: none
    }

    .company_introduction .r2 .inner .group .swiper-slide {
        border-radius: .78571rem
    }

    .company_introduction .r2 .inner .group .swiper-slide:nth-child(1) .pub_img_box {
        -webkit-animation-name: imgS01-m;
        animation-name: imgS01-m
    }

    .company_introduction .r2 .inner .group .swiper-slide:nth-child(1) .txt_case {
        -webkit-animation-name: text_show01;
        animation-name: text_show01
    }

    .company_introduction .r2 .inner .group .swiper-slide:nth-child(2) {
        opacity: 1;
        -webkit-mask-image: none;
        mask-image: none;
        -webkit-clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem);
        clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem);
        -webkit-animation-name: sOpYe-m;
        animation-name: sOpYe-m
    }

    .company_introduction .r2 .inner .group .swiper-slide:nth-child(2) .pub_img_box {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-animation-name: imgS02-m;
        animation-name: imgS02-m
    }

    .company_introduction .r2 .inner .group .swiper-slide:nth-child(2) .txt_case {
        -webkit-animation-name: text_show02;
        animation-name: text_show02
    }

    .company_introduction .r2 .inner .group .swiper-slide:nth-child(2) .txt_s {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        will-change: transform, opacity;
        -webkit-animation-delay: calc(var(--go) * -1s);
        animation-delay: calc(var(--go) * -1s);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: text_bottom;
        animation-name: text_bottom
    }

    @-webkit-keyframes maskYe-m {
        0% {
            -webkit-clip-path: inset(calc(50% - 30.5vw) 0 calc(50% - 30.5vw) 0 round 1.57143rem);
            clip-path: inset(calc(50% - 30.5vw) 0 calc(50% - 30.5vw) 0 round 1.57143rem)
        }

        40% {
            -webkit-clip-path: inset(0 0 0 0 round .86429rem);
            clip-path: inset(0 0 0 0 round .86429rem)
        }

        to {
            -webkit-clip-path: inset(0 0 0 0 round .86429rem);
            clip-path: inset(0 0 0 0 round .86429rem)
        }
    }

    @keyframes maskYe-m {
        0% {
            -webkit-clip-path: inset(calc(50% - 30.5vw) 0 calc(50% - 30.5vw) 0 round 1.57143rem);
            clip-path: inset(calc(50% - 30.5vw) 0 calc(50% - 30.5vw) 0 round 1.57143rem)
        }

        40% {
            -webkit-clip-path: inset(0 0 0 0 round .86429rem);
            clip-path: inset(0 0 0 0 round .86429rem)
        }

        to {
            -webkit-clip-path: inset(0 0 0 0 round .86429rem);
            clip-path: inset(0 0 0 0 round .86429rem)
        }
    }

    @-webkit-keyframes text_show01 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        20% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        55% {
            opacity: 1;
            -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0)
        }
    }

    @keyframes text_show01 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        20% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        55% {
            opacity: 1;
            -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0)
        }
    }

    @-webkit-keyframes text_show02 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        80% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0)
        }
    }

    @keyframes text_show02 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        80% {
            opacity: 0;
            -webkit-transform: translateY(1.17857rem);
            transform: translateY(1.17857rem)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0)
        }
    }

    @-webkit-keyframes text_bottom {
        0% {
            opacity: 1
        }

        50% {
            opacity: 1
        }

        51% {
            opacity: 0
        }

        to {
            opacity: 0
        }
    }

    @keyframes text_bottom {
        0% {
            opacity: 1
        }

        50% {
            opacity: 1
        }

        51% {
            opacity: 0
        }

        to {
            opacity: 0
        }
    }

    @-webkit-keyframes sOpYe-m {
        0% {
            -webkit-clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem);
            clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem)
        }

        50% {
            -webkit-clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem);
            clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem)
        }

        to {
            -webkit-clip-path: inset(0 0 0 0 round .86429rem);
            clip-path: inset(0 0 0 0 round .86429rem)
        }
    }

    @keyframes sOpYe-m {
        0% {
            -webkit-clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem);
            clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem)
        }

        50% {
            -webkit-clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem);
            clip-path: inset(calc(100% - 8.2vw) 0 0 70.2% round 2.35714rem)
        }

        to {
            -webkit-clip-path: inset(0 0 0 0 round .86429rem);
            clip-path: inset(0 0 0 0 round .86429rem)
        }
    }

    @-webkit-keyframes imgS01-m {
        0% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        50% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes imgS01-m {
        0% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        50% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        to {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @-webkit-keyframes imgS02-m {
        0% {
            opacity: .7;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        50% {
            opacity: .7;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes imgS02-m {
        0% {
            opacity: .7;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        50% {
            opacity: .7;
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    .company_introduction .r3 {
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .company_introduction .r3 .swiper {
        overflow: hidden
    }

    .company_introduction .r3 .abo_r4_con {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 2.35714rem
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav {
        height: auto;
        margin-top: 0;
        width: 100%
    }
    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper_case, .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper{
        height: auto;
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper {
        overflow: visible
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide {
        width: auto;
        padding: 0
    }
    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .pub_img_box{
        width: 85%;
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide span {
        font-size: 30px;
        width: 2.5em;
        text-align: center;
        -webkit-transform: scale(.62);
        -ms-transform: scale(.62);
        transform: scale(.62);
        -webkit-transform-origin: 50% 78%;
        -ms-transform-origin: 50% 78%;
        transform-origin: 50% 78%;
        -webkit-transition: font-weight .3s var(--ease), -webkit-transform .3s var(--ease);
        transition: font-weight .3s var(--ease), -webkit-transform .3s var(--ease);
        transition: transform .3s var(--ease), font-weight .3s var(--ease);
        transition: transform .3s var(--ease), font-weight .3s var(--ease), -webkit-transform .3s var(--ease);
        line-height: 1.2
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide span.font-ban {
        width: 5.5em;
        font-size: 1.96429rem
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide i {
        font-size: 13px;
        bottom: auto;
        right: auto;
        top: 100%;
        left: 50%;
        margin-left: -.5em;
        width: 1em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        line-height: 1;
        opacity: 0;
        -webkit-transition: opacity .3s var(--ease), -webkit-transform .3s var(--ease);
        transition: opacity .3s var(--ease), -webkit-transform .3s var(--ease);
        transition: transform .3s var(--ease), opacity .3s var(--ease);
        transition: transform .3s var(--ease), opacity .3s var(--ease), -webkit-transform .3s var(--ease)
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on {
        padding-block: 0;
        padding-right: 0
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on span {
        font-size: 1.96429rem;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-weight: 900;
        width: 3.6em
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on span.font-ban {
        font-size: 1.96429rem
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper-slide.on i {
        width: 1em;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_nav .swiper_nav_box {
        display: none
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img {
        margin-top: 2.35714rem;
        width: 100%;
        padding-right: 0
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .pub_img_box {
        border-radius: 1.17857rem
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt {
        margin-top: 2.75rem;
        width: calc(100% + 2.35714rem)
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt .pub_info {
        font-size: 13px;
        line-height: 1.4;
        padding-left: 1.96429rem
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide .abo_r4_txt .pub_info:before {
        left: .78571rem;
        top: calc(.75em + 6px);
        width: 6px;
        height: 6px;
        margin-top: -3px
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper .swiper-slide.swiper-slide-prev>div {
        -webkit-transform: translate(7.82vw, 4.9vw);
        -ms-transform: translate(7.82vw, 4.9vw);
        transform: translate(7.82vw, 4.9vw)
    }

    .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper_nav_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin-top: 3rem;
        width: 100%;
    }

    /* .company_introduction .r3 .abo_r4_con .abo_r4_img .swiper_nav_box .swiper-button-prev span i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    } */
}

@-webkit-keyframes loadMask {
    0% {
        -webkit-mask-size: 25rem;
        mask-size: 25rem;
        -webkit-mask-position: -12.5rem 70%;
        mask-position: -12.5rem 70%
    }

    to {
        -webkit-mask-size: 50rem;
        mask-size: 50rem;
        -webkit-mask-position: 31.25rem 50%;
        mask-position: 31.25rem 50%
    }
}

@keyframes loadMask {
    0% {
        -webkit-mask-size: 25rem;
        mask-size: 25rem;
        -webkit-mask-position: -12.5rem 70%;
        mask-position: -12.5rem 70%
    }

    to {
        -webkit-mask-size: 50rem;
        mask-size: 50rem;
        -webkit-mask-position: 31.25rem 50%;
        mask-position: 31.25rem 50%
    }
}

@-webkit-keyframes bannerStart {
    0% {
        -webkit-mask-size: 36.25rem;
        mask-size: 36.25rem;
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-mask-size: 36.25rem;
        mask-size: 36.25rem
    }

    to {
        -webkit-mask-size: 8000vw;
        mask-size: 8000vw;
        opacity: 1;
        -webkit-mask-position-x: 50.8%
    }
}

@keyframes bannerStart {
    0% {
        -webkit-mask-size: 36.25rem;
        mask-size: 36.25rem;
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-mask-size: 36.25rem;
        mask-size: 36.25rem
    }

    to {
        -webkit-mask-size: 8000vw;
        mask-size: 8000vw;
        opacity: 1;
        -webkit-mask-position-x: 50.8%
    }
}

@-webkit-keyframes bannerStart_app {
    0% {
        -webkit-mask-size: 88vw;
        mask-size: 88vw;
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-mask-size: 88vw;
        mask-size: 88vw
    }

    to {
        -webkit-mask-size: 8000vw;
        mask-size: 8000vw;
        opacity: 1;
        -webkit-mask-position-x: 50.8%
    }
}

@keyframes bannerStart_app {
    0% {
        -webkit-mask-size: 88vw;
        mask-size: 88vw;
        opacity: 0
    }

    20% {
        opacity: 1;
        -webkit-mask-size: 88vw;
        mask-size: 88vw
    }

    to {
        -webkit-mask-size: 8000vw;
        mask-size: 8000vw;
        opacity: 1;
        -webkit-mask-position-x: 50.8%
    }
}

@-webkit-keyframes bannerMask {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes bannerMask {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes txtClip {
    0% {
        -webkit-clip-path: inset(0 100% 0 0 round 0);
        clip-path: inset(0 100% 0 0 round 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0 round 0);
        clip-path: inset(0 0 0 0 round 0)
    }
}

@keyframes txtClip {
    0% {
        -webkit-clip-path: inset(0 100% 0 0 round 0);
        clip-path: inset(0 100% 0 0 round 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0 round 0);
        clip-path: inset(0 0 0 0 round 0)
    }
}

@media (max-width: 990px) {

    html,
    body {
        -ms-scroll-chaining: none;
        overscroll-behavior: none
    }

    .f-90 {
        font-size: 8vw
    }
}