@media screen and (min-width: 769px) {
    body {
        min-width:1200px
    }
}

[class*=tpm1-],[class*=tpm1-]:after,[class*=tpm1-]:before,[class*=tpm1-]:focus {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.tpm1-pc-block {
    display: block!important
}

.tpm1-pc-inline-block {
    display: inline-block!important
}

.tpm1-pc-hide {
    display: none!important
}

@media (max-width: 768px) {
    .tpm1-pad-block {
        display:block!important
    }

    .tpm1-pad-inline-block {
        display: inline-block!important
    }

    .tpm1-pad-hide {
        display: none!important
    }
}

@media (max-width: 600px) {
    .tpm1-phone-block {
        display:block!important
    }

    .tpm1-phone-inline-block {
        display: inline-block!important
    }

    .tpm1-phone-hide {
        display: none!important
    }
}

@media screen and (max-width: 768px) {
    .tpm-gap+.tpm-gap:before {
        display:block;
        content: "";
        height: 16px;
        background: #f3f5f8;
        box-shadow: inset 0 -2px 5px 0 #c6ccd7;
        transform: scaleY(-1);
        position: relative;
        z-index: 1
    }
}

[class*=tp1-],[class*=tp1-]:after,[class*=tp1-]:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

[class*=tp1-]:focus {
    outline: none
}

.tp1-overflow-hidden {
    overflow: hidden!important
}

[class*=tp1-][type=search]::-webkit-search-decoration,[class^=tp1-][type=search]::-webkit-search-decoration {
    outline: 0;
    -webkit-appearance: none
}

.tp1-ma-1n {
    margin: 4px
}

.tp1-ma-2n {
    margin: 8px
}

.tp1-ma-3n {
    margin: 12px
}

.tp1-ma-4n {
    margin: 16px
}

.tp1-ma-5n {
    margin: 20px
}

@media screen and (max-width: 768px) {
    .tp1-ma-pad-1n {
        margin:4px
    }

    .tp1-ma-pad-2n {
        margin: 8px
    }

    .tp1-ma-pad-3n {
        margin: 12px
    }

    .tp1-ma-pad-4n {
        margin: 16px
    }

    .tp1-ma-pad-5n {
        margin: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-ma-phone-1n {
        margin:4px
    }

    .tp1-ma-phone-2n {
        margin: 8px
    }

    .tp1-ma-phone-3n {
        margin: 12px
    }

    .tp1-ma-phone-4n {
        margin: 16px
    }

    .tp1-ma-phone-5n {
        margin: 20px
    }
}

.tp1-mt-1n {
    margin-top: 4px
}

.tp1-mt-2n {
    margin-top: 8px
}

.tp1-mt-3n {
    margin-top: 12px
}

.tp1-mt-4n {
    margin-top: 16px
}

.tp1-mt-5n {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mt-pad-1n {
        margin-top:4px
    }

    .tp1-mt-pad-2n {
        margin-top: 8px
    }

    .tp1-mt-pad-3n {
        margin-top: 12px
    }

    .tp1-mt-pad-4n {
        margin-top: 16px
    }

    .tp1-mt-pad-5n {
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mt-phone-1n {
        margin-top:4px
    }

    .tp1-mt-phone-2n {
        margin-top: 8px
    }

    .tp1-mt-phone-3n {
        margin-top: 12px
    }

    .tp1-mt-phone-4n {
        margin-top: 16px
    }

    .tp1-mt-phone-5n {
        margin-top: 20px
    }
}

.tp1-mb-1n {
    margin-bottom: 4px
}

.tp1-mb-2n {
    margin-bottom: 8px
}

.tp1-mb-3n {
    margin-bottom: 12px
}

.tp1-mb-4n {
    margin-bottom: 16px
}

.tp1-mb-5n {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mb-pad-1n {
        margin-bottom:4px
    }

    .tp1-mb-pad-2n {
        margin-bottom: 8px
    }

    .tp1-mb-pad-3n {
        margin-bottom: 12px
    }

    .tp1-mb-pad-4n {
        margin-bottom: 16px
    }

    .tp1-mb-pad-5n {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mb-phone-1n {
        margin-bottom:4px
    }

    .tp1-mb-phone-2n {
        margin-bottom: 8px
    }

    .tp1-mb-phone-3n {
        margin-bottom: 12px
    }

    .tp1-mb-phone-4n {
        margin-bottom: 16px
    }

    .tp1-mb-phone-5n {
        margin-bottom: 20px
    }
}

.tp1-ml-1n {
    margin-left: 4px
}

.tp1-ml-2n {
    margin-left: 8px
}

.tp1-ml-3n {
    margin-left: 12px
}

.tp1-ml-4n {
    margin-left: 16px
}

.tp1-ml-5n {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .tp1-ml-pad-1n {
        margin-left:4px
    }

    .tp1-ml-pad-2n {
        margin-left: 8px
    }

    .tp1-ml-pad-3n {
        margin-left: 12px
    }

    .tp1-ml-pad-4n {
        margin-left: 16px
    }

    .tp1-ml-pad-5n {
        margin-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-ml-phone-1n {
        margin-left:4px
    }

    .tp1-ml-phone-2n {
        margin-left: 8px
    }

    .tp1-ml-phone-3n {
        margin-left: 12px
    }

    .tp1-ml-phone-4n {
        margin-left: 16px
    }

    .tp1-ml-phone-5n {
        margin-left: 20px
    }
}

.tp1-mr-1n {
    margin-right: 4px
}

.tp1-mr-2n {
    margin-right: 8px
}

.tp1-mr-3n {
    margin-right: 12px
}

.tp1-mr-4n {
    margin-right: 16px
}

.tp1-mr-5n {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mr-pad-1n {
        margin-right:4px
    }

    .tp1-mr-pad-2n {
        margin-right: 8px
    }

    .tp1-mr-pad-3n {
        margin-right: 12px
    }

    .tp1-mr-pad-4n {
        margin-right: 16px
    }

    .tp1-mr-pad-5n {
        margin-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mr-phone-1n {
        margin-right:4px
    }

    .tp1-mr-phone-2n {
        margin-right: 8px
    }

    .tp1-mr-phone-3n {
        margin-right: 12px
    }

    .tp1-mr-phone-4n {
        margin-right: 16px
    }

    .tp1-mr-phone-5n {
        margin-right: 20px
    }
}

.tp1-pa-1n {
    padding: 4px
}

.tp1-pa-2n {
    padding: 8px
}

.tp1-pa-3n {
    padding: 12px
}

.tp1-pa-4n {
    padding: 16px
}

.tp1-pa-5n {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pa-pad-1n {
        padding:4px
    }

    .tp1-pa-pad-2n {
        padding: 8px
    }

    .tp1-pa-pad-3n {
        padding: 12px
    }

    .tp1-pa-pad-4n {
        padding: 16px
    }

    .tp1-pa-pad-5n {
        padding: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pa-phone-1n {
        padding:4px
    }

    .tp1-pa-phone-2n {
        padding: 8px
    }

    .tp1-pa-phone-3n {
        padding: 12px
    }

    .tp1-pa-phone-4n {
        padding: 16px
    }

    .tp1-pa-phone-5n {
        padding: 20px
    }
}

.tp1-pt-1n {
    padding-top: 4px
}

.tp1-pt-2n {
    padding-top: 8px
}

.tp1-pt-3n {
    padding-top: 12px
}

.tp1-pt-4n {
    padding-top: 16px
}

.tp1-pt-5n {
    padding-top: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pt-pad-1n {
        padding-top:4px
    }

    .tp1-pt-pad-2n {
        padding-top: 8px
    }

    .tp1-pt-pad-3n {
        padding-top: 12px
    }

    .tp1-pt-pad-4n {
        padding-top: 16px
    }

    .tp1-pt-pad-5n {
        padding-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pt-phone-1n {
        padding-top:4px
    }

    .tp1-pt-phone-2n {
        padding-top: 8px
    }

    .tp1-pt-phone-3n {
        padding-top: 12px
    }

    .tp1-pt-phone-4n {
        padding-top: 16px
    }

    .tp1-pt-phone-5n {
        padding-top: 20px
    }
}

.tp1-pb-1n {
    padding-bottom: 4px
}

.tp1-pb-2n {
    padding-bottom: 8px
}

.tp1-pb-3n {
    padding-bottom: 12px
}

.tp1-pb-4n {
    padding-bottom: 16px
}

.tp1-pb-5n {
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pb-pad-1n {
        padding-bottom:4px
    }

    .tp1-pb-pad-2n {
        padding-bottom: 8px
    }

    .tp1-pb-pad-3n {
        padding-bottom: 12px
    }

    .tp1-pb-pad-4n {
        padding-bottom: 16px
    }

    .tp1-pb-pad-5n {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pb-phone-1n {
        padding-bottom:4px
    }

    .tp1-pb-phone-2n {
        padding-bottom: 8px
    }

    .tp1-pb-phone-3n {
        padding-bottom: 12px
    }

    .tp1-pb-phone-4n {
        padding-bottom: 16px
    }

    .tp1-pb-phone-5n {
        padding-bottom: 20px
    }
}

.tp1-pl-1n {
    padding-left: 4px
}

.tp1-pl-2n {
    padding-left: 8px
}

.tp1-pl-3n {
    padding-left: 12px
}

.tp1-pl-4n {
    padding-left: 16px
}

.tp1-pl-5n {
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pl-pad-1n {
        padding-left:4px
    }

    .tp1-pl-pad-2n {
        padding-left: 8px
    }

    .tp1-pl-pad-3n {
        padding-left: 12px
    }

    .tp1-pl-pad-4n {
        padding-left: 16px
    }

    .tp1-pl-pad-5n {
        padding-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pl-phone-1n {
        padding-left:4px
    }

    .tp1-pl-phone-2n {
        padding-left: 8px
    }

    .tp1-pl-phone-3n {
        padding-left: 12px
    }

    .tp1-pl-phone-4n {
        padding-left: 16px
    }

    .tp1-pl-phone-5n {
        padding-left: 20px
    }
}

.tp1-pr-1n {
    padding-right: 4px
}

.tp1-pr-2n {
    padding-right: 8px
}

.tp1-pr-3n {
    padding-right: 12px
}

.tp1-pr-4n {
    padding-right: 16px
}

.tp1-pr-5n {
    padding-right: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pr-pad-1n {
        padding-right:4px
    }

    .tp1-pr-pad-2n {
        padding-right: 8px
    }

    .tp1-pr-pad-3n {
        padding-right: 12px
    }

    .tp1-pr-pad-4n {
        padding-right: 16px
    }

    .tp1-pr-pad-5n {
        padding-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pr-phone-1n {
        padding-right:4px
    }

    .tp1-pr-phone-2n {
        padding-right: 8px
    }

    .tp1-pr-phone-3n {
        padding-right: 12px
    }

    .tp1-pr-phone-4n {
        padding-right: 16px
    }

    .tp1-pr-phone-5n {
        padding-right: 20px
    }
}

.tp1-dis-block {
    display: block!important
}

.tp1-dis-inline-block {
    display: inline-block!important
}

.tp1-dis-none {
    display: none!important
}

@media screen and (max-width: 768px) {
    .tp1-dis-pad-block {
        display:block!important
    }

    .tp1-dis-pad-inline-block {
        display: inline-block!important
    }

    .tp1-dis-pad-none {
        display: none!important
    }
}

@media screen and (max-width: 600px) {
    .tp1-dis-phone-block {
        display:block!important
    }

    .tp1-dis-phone-inline-block {
        display: inline-block!important
    }

    .tp1-dis-phone-none {
        display: none!important
    }
}

.tp1-loading {
    text-align: center
}

.tp1-loading__dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: #00a4ff;
    border-radius: 100%;
    animation: loadingAnimationDelay .7s ease-in-out infinite both
}

.tp1-loading__dot:first-child {
    animation-delay: -.32s
}

.tp1-loading__dot:nth-child(2) {
    animation-delay: -.16s
}

.tp1-loading--white .tp1-loading__dot {
    background-color: #fff
}

.tp1-loading.size-s .tp1-loading__dot {
    width: 8px;
    height: 8px;
    margin-right: 1px;
    margin-left: 1px
}

.tp1-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1
}

.tp1-icon--error-24,.tp1-icon--info-24,.tp1-icon--pending-24,.tp1-icon--success-24,.tp1-icon--warning-24 {
    font-size: 24px
}

.tp1-icon--loading-32 {
    font-size: 32px
}

.tp1-icon--loading,.tp1-icon--loading-32 {
    animation: tp1-iconloading 2s linear infinite
}

.tp1-icon.size-auto {
    width: 100%;
    height: auto
}

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

    to {
        transform: rotate(359deg)
    }
}

.tp1-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #00a4ff;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer
}

.tp1-btn:active,.tp1-btn:hover {
    background-color: #0092ee;
    transition: all .3s ease-in-out
}

.tp1-btn.is-disabled {
    cursor: default
}

.tp1-btn.is-disabled,.tp1-btn.is-disabled:active,.tp1-btn.is-disabled:hover {
    color: #999;
    background-color: #ddd;
    border-color: #ddd
}

.tp1-btn--pay {
    background-color: #ff7200
}

.tp1-btn--pay:active,.tp1-btn--pay:hover {
    background-color: #f06c00
}

.tp1-btn--pay.is-loading:active,.tp1-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tp1-btn--pay .tp1-loading__dot {
    background-color: #fff
}

.tp1-btn--hole {
    color: #00a4ff;
    background-color: transparent;
    border-color: #00a4ff
}

.tp1-btn--hole:active,.tp1-btn--hole:hover {
    color: #00a4ff;
    background-color: rgba(0,164,255,.15)
}

.tp1-btn--hole.is-loading:active,.tp1-btn--hole.is-loading:hover,.tp1-btn--weak-hole {
    background-color: transparent
}

.tp1-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

.tp1-btn--weak-hole:active,.tp1-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tp1-btn--weak-hole.is-loading:active,.tp1-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp1-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.tp1-btn--white-hole:active,.tp1-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tp1-btn--white-hole.is-loading:active,.tp1-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp1-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #00a4ff;
    background-color: transparent;
    border: none
}

.tp1-btn--link:active,.tp1-btn--link:hover {
    color: #0092ee;
    background-color: transparent
}

.tp1-btn--link.is-disabled {
    background-color: transparent
}

.tp1-btn--link.is-disabled:active,.tp1-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp1-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    border: none
}

.tp1-btn--link-weak:active,.tp1-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tp1-btn--link-weak.is-disabled {
    background-color: transparent
}

.tp1-btn--link-weak.is-disabled:active,.tp1-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp1-btn--icon {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tp1-btn--icon,.tp1-btn .tp1-btn__icon {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp1-btn .tp1-btn__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tp1-btn .tp1-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tp1-btn .tp1-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tp1-btn .tp1-btn__icon svg {
    width: 1em;
    height: auto
}

.tp1-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tp1-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tp1-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tp1-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tp1-btn.size-xl,.tp1-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tp1-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tp1-btn--link-weak.size-auto,.tp1-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tp1-btn.size-auto-width {
    min-width: 0
}

.tp1-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tp1-btn--icon.size-full-width {
    display: -ms-flexbox;
    display: flex
}

.tp1-btn--link-weak[class*=" size-"],.tp1-btn--link-weak[class^=size-],.tp1-btn--link[class*=" size-"],.tp1-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tp1-btn.is-loading {
    cursor: default
}

.tp1-btn--primary.is-loading:active,.tp1-btn--primary.is-loading:hover {
    background-color: #00a4ff
}

.tp1-btn--primary .tp1-loading__dot {
    background-color: #fff
}

.tp1-btn__text {
    color: inherit
}

@media screen and (max-width: 600px) {
    .tp1-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tp1-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tp1-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tp1-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tp1-btn--link,.tp1-btn--link-weak,.tp1-btn--link-weak[class*=" m-size-"],.tp1-btn--link-weak[class^=m-size-],.tp1-btn--link[class*=" m-size-"],.tp1-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

.tpm1-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #0052d9;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

@media screen and (min-width: 769px) {
    .tpm1-btn {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.tpm1-btn:active,.tpm1-btn:hover {
    background-color: #2670e8;
    box-shadow: none
}

.tpm1-btn.is-disabled {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #ecf2fe;
    cursor: default;
    box-shadow: none
}

.tpm1-btn.is-disabled:active,.tpm1-btn.is-disabled:hover {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #ecf2fe;
    box-shadow: inherit
}

.tpm1-btn--white {
    background-color: #fff;
    color: #43474d;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

@media screen and (min-width: 769px) {
    .tpm1-btn--white {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
    }
}

.tpm1-btn--white:active,.tpm1-btn--white:hover {
    border-color: #2670e8;
    background-color: #ecf2fe;
    box-shadow: none;
    color: #0052d9
}

.tpm1-btn--white.is-loading:active,.tpm1-btn--white.is-loading:hover {
    background-color: #fff;
    color: #43474d
}

.tpm1-btn--pay {
    background-color: #ff7200
}

.tpm1-btn--pay:active,.tpm1-btn--pay:hover {
    background-color: #f06c00
}

.tpm1-btn--pay.is-loading:active,.tpm1-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tpm1-btn--pay .tp1-loading__dot {
    background-color: #fff
}

.tpm1-btn--hole {
    color: #0052d9;
    background-color: transparent;
    border-color: #0052d9
}

@media screen and (min-width: 769px) {
    .tpm1-btn--hole {
        transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.tpm1-btn--hole:active,.tpm1-btn--hole:hover {
    color: #0052d9;
    background-color: rgba(0,82,217,.15)
}

.tpm1-btn--hole.is-loading:active,.tpm1-btn--hole.is-loading:hover,.tpm1-btn--weak-hole {
    background-color: transparent
}

.tpm1-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

@media screen and (min-width: 769px) {
    .tpm1-btn--weak-hole {
        transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
    }
}

.tpm1-btn--weak-hole:active,.tpm1-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tpm1-btn--weak-hole.is-loading:active,.tpm1-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tpm1-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: hsla(0,0%,100%,.6);
    box-shadow: none
}

@media screen and (min-width: 769px) {
    .tpm1-btn--white-hole {
        transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
    }
}

.tpm1-btn--white-hole:active,.tpm1-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tpm1-btn--white-hole.is-loading:active,.tpm1-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tpm1-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #0052d9;
    background-color: transparent;
    box-shadow: none;
    border-width: 0
}

@media screen and (min-width: 769px) {
    .tpm1-btn--link {
        transition:color .3s ease-in-out
    }
}

.tpm1-btn--link:active,.tpm1-btn--link:hover {
    color: #0052d9;
    background-color: transparent
}

.tpm1-btn--link.is-disabled {
    background-color: transparent
}

.tpm1-btn--link.is-disabled:active,.tpm1-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tpm1-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    box-shadow: none;
    border-width: 0
}

@media screen and (min-width: 769px) {
    .tpm1-btn--link-weak {
        transition:color .3s ease-in-out
    }
}

.tpm1-btn--link-weak:active,.tpm1-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tpm1-btn--link-weak.is-disabled {
    background-color: transparent
}

.tpm1-btn--link-weak.is-disabled:active,.tpm1-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tpm1-btn--icon {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tpm1-btn--icon,.tpm1-btn .tpm1-btn__icon {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tpm1-btn .tpm1-btn__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tpm1-btn .tpm1-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tpm1-btn .tpm1-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tpm1-btn .tpm1-btn__icon svg {
    width: 1em;
    height: auto
}

.tpm1-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tpm1-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tpm1-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tpm1-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tpm1-btn.size-xl,.tpm1-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tpm1-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tpm1-btn--link-weak.size-auto,.tpm1-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tpm1-btn.size-auto-width {
    min-width: 0
}

.tpm1-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tpm1-btn--icon.size-full-width {
    display: -ms-flexbox;
    display: flex
}

.tpm1-btn--link-weak[class*=" size-"],.tpm1-btn--link-weak[class^=size-],.tpm1-btn--link[class*=" size-"],.tpm1-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tpm1-btn.is-loading {
    cursor: default
}

.tpm1-btn--primary.is-loading:active,.tpm1-btn--primary.is-loading:hover {
    background-color: #0052d9
}

.tpm1-btn--primary .tp1-loading__dot {
    background-color: #fff
}

.tpm1-btn__text {
    color: inherit
}

.tpm1-btn__group {
    margin-top: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.tpm1-btn__group-item,.tpm1-btn__group .tpm1-btn {
    display: block;
    margin-right: 20px
}

.tpm1-btn__group-item:last-child,.tpm1-btn__group .tpm1-btn:last-child {
    margin-right: 0
}

@media screen and (max-width: 600px) {
    .tpm1-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tpm1-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tpm1-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tpm1-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tpm1-btn--link,.tpm1-btn--link-weak,.tpm1-btn--link-weak[class*=" m-size-"],.tpm1-btn--link-weak[class^=m-size-],.tpm1-btn--link[class*=" m-size-"],.tpm1-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }

    .tpm1-btn__group {
        margin-top: 30px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .tpm1-btn__group-item,.tpm1-btn__group .tpm1-btn {
        width: 1px;
        -ms-flex: 1;
        flex: 1
    }
}

.tpm1-action-panel {
    padding: 0 20px;
    height: 160px;
    background: #242933 url(../assets/images/about/bg_887.jpg) 50% no-repeat;
    background-size: auto 100%;
    -webkit-font-smoothing: antialiased
}

.tpm1-action-panel__inner {
    margin: 0 auto;
    max-width: 1180px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    -webkit-font-smoothing: antialiased
}

.tpm1-action-panel__btns {
    margin-top: 12px
}

.tpm1-action-panel__btns .tpm1-btn {
    min-width: 126px;
    border-color: hsla(0,0%,100%,.6)
}

@media screen and (min-width: 1440px) {
    .tpm-view-l .tpm1-action-panel {
        padding-left:40px;
        padding-right: 40px
    }

    .tpm-view-l .tpm1-action-panel__inner {
        max-width: 1420px
    }
}

@media screen and (max-width: 1439px) {
    .tpm1-action-panel {
        background-position:center right -200px
    }

    .tpm1-action-panel__cnt {
        padding-right: 390px
    }
}

@media screen and (max-width: 1200px) {
    .tpm1-action-panel {
        background-position:center right -320px
    }

    .tpm1-action-panel__cnt {
        padding-right: 300px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-action-panel {
        background:#242933 url(../assets/images/about/bg-mobile_a5f.jpg) 100% 100% no-repeat;
        background-size: auto 140%;
        height: auto;
        padding: 0
    }

    .tpm1-action-panel__inner {
        font-size: 18px;
        line-height: 28px;
        padding: 32px 16px
    }

    .tpm1-action-panel__cnt {
        padding-right: 200px
    }

    .tpm1-action-panel__btns {
        margin-top: 32px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-action-panel {
        background-size:auto 100%
    }

    .tpm1-action-panel__inner {
        padding-left: 16px;
        padding-right: 16px
    }

    .tpm1-action-panel__cnt {
        padding-right: 0
    }
}

.tp1-link {
    color: #00a4ff;
    text-decoration: none;
    cursor: pointer
}

.tp1-link:hover {
    color: #0092ee;
    text-decoration: underline
}

.tp1-link--arrow,.tp1-link--weak-arrow,.tp1-link--white-arrow {
    font-size: 14px
}

.tp1-link--arrow:after,.tp1-link--weak-arrow:after,.tp1-link--white-arrow:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(../assets/images/about/link-arrow_727.svg);
    transition: transform .4s;
    content: ""
}

.tp1-link--arrow:hover,.tp1-link--weak-arrow:hover,.tp1-link--white-arrow:hover {
    text-decoration: none
}

.tp1-link--arrow:hover:after,.tp1-link--weak-arrow:hover:after,.tp1-link--white-arrow:hover:after {
    transform: translateX(4px)
}

.tp1-link--arrow.tp1-link--disabled:after,.tp1-link--arrow.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:after,.tp1-link--white-arrow.tp1-link--disabled:after,.tp1-link--white-arrow.tp1-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-disabled_5f5.svg)
}

.tp1-link--arrow.tp1-link--disabled:hover:after,.tp1-link--arrow.tp1-link--disabled:hover:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:hover:after,.tp1-link--white-arrow.tp1-link--disabled:hover:after,.tp1-link--white-arrow.tp1-link--disabled:hover:hover:after {
    transform: none
}

.tp1-link--arrow.size-s,.tp1-link--weak-arrow.size-s,.tp1-link--white-arrow.size-s {
    font-size: 12px
}

.tp1-link--arrow.size-s:after,.tp1-link--weak-arrow.size-s:after,.tp1-link--white-arrow.size-s:after {
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background-image: url(../assets/images/about/link-arrow-s_a15.svg)
}

.tp1-link--arrow.size-s.tp1-link--disabled:after,.tp1-link--arrow.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow.size-s.tp1-link--disabled:after,.tp1-link--white-arrow.size-s.tp1-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-s-disabled_916.svg)
}

.tp1-link--arrow.size-l,.tp1-link--weak-arrow.size-l,.tp1-link--white-arrow.size-l {
    font-size: 16px
}

.tp1-link.size-s {
    font-size: 12px
}

.tp1-link.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow {
    color: #666
}

.tp1-link--weak-arrow:after {
    background-image: url(../assets/images/about/link-arrow-gray_5c0.svg)
}

.tp1-link--weak-arrow:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow:hover:after {
    background-image: url(../assets/images/about/link-arrow_727.svg)
}

.tp1-link--weak-arrow.size-s:after {
    background-image: url(../assets/images/about/link-arrow-s-gray_55c.svg)
}

.tp1-link--weak-arrow.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-s_a15.svg)
}

.tp1-link--white-arrow {
    color: #fff
}

.tp1-link--white-arrow:after {
    background-image: url(../assets/images/about/link-arrow-white_9ef.svg)
}

.tp1-link--white-arrow:hover {
    color: #fff
}

.tp1-link--white-arrow:hover:after {
    background-image: url(../assets/images/about/link-arrow-white_9ef.svg)
}

.tp1-link--white-arrow.size-s:after,.tp1-link--white-arrow.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-s-white_fbc.svg)
}

.tp1-link--arrow-left,.tp1-link--weak-arrow-left,.tp1-link--white-arrow-left {
    font-size: 14px
}

.tp1-link--arrow-left:before,.tp1-link--weak-arrow-left:before,.tp1-link--white-arrow-left:before {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(../assets/images/about/link-arrow-left_548.svg);
    transition: transform .4s;
    content: ""
}

.tp1-link--arrow-left:hover,.tp1-link--weak-arrow-left:hover,.tp1-link--white-arrow-left:hover {
    text-decoration: none
}

.tp1-link--arrow-left:hover:before,.tp1-link--weak-arrow-left:hover:before,.tp1-link--white-arrow-left:hover:before {
    transform: translateX(-4px)
}

.tp1-link--arrow-left.tp1-link--disabled:before,.tp1-link--arrow-left.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-disabled_7e9.svg)
}

.tp1-link--arrow-left.tp1-link--disabled:hover:before,.tp1-link--arrow-left.tp1-link--disabled:hover:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:hover:before {
    transform: none
}

.tp1-link--arrow-left.size-s,.tp1-link--weak-arrow-left.size-s,.tp1-link--white-arrow-left.size-s {
    font-size: 12px
}

.tp1-link--arrow-left.size-s:before,.tp1-link--weak-arrow-left.size-s:before,.tp1-link--white-arrow-left.size-s:before {
    width: 5px;
    height: 8px;
    background-image: url(../assets/images/about/link-arrow-left-s_eed.svg)
}

.tp1-link--arrow-left.size-s.tp1-link--disabled:before,.tp1-link--arrow-left.size-s.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.size-s.tp1-link--disabled:before,.tp1-link--weak-arrow-left.size-s.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.size-s.tp1-link--disabled:before,.tp1-link--white-arrow-left.size-s.tp1-link--disabled:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-s-disabled_8e3.svg)
}

.tp1-link--arrow-left.size-l,.tp1-link--weak-arrow-left.size-l,.tp1-link--white-arrow-left.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-left {
    color: #666
}

.tp1-link--weak-arrow-left:before {
    background-image: url(../assets/images/about/link-arrow-left-gray_4b4.svg)
}

.tp1-link--weak-arrow-left:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-left:hover:before {
    background-image: url(../assets/images/about/link-arrow-left_548.svg)
}

.tp1-link--weak-arrow-left.size-s:before {
    background-image: url(../assets/images/about/link-arrow-left-s-gray_31a.svg)
}

.tp1-link--weak-arrow-left.size-s:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-s_eed.svg)
}

.tp1-link--white-arrow-left {
    color: #fff
}

.tp1-link--white-arrow-left:before {
    background-image: url(../assets/images/about/link-arrow-left-white_aca.svg)
}

.tp1-link--white-arrow-left:hover {
    color: #fff
}

.tp1-link--white-arrow-left:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-white_aca.svg)
}

.tp1-link--white-arrow-left.size-s:before,.tp1-link--white-arrow-left.size-s:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-s-white_ca9.svg)
}

.tp1-link--arrow-top,.tp1-link--weak-arrow-top,.tp1-link--white-arrow-top {
    font-size: 14px
}

.tp1-link--arrow-top:after,.tp1-link--weak-arrow-top:after,.tp1-link--white-arrow-top:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(../assets/images/about/link-arrow-top_4f0.svg);
    content: ""
}

.tp1-link--arrow-top:hover,.tp1-link--weak-arrow-top:hover,.tp1-link--white-arrow-top:hover {
    text-decoration: none
}

.tp1-link--arrow-top.tp1-link--disabled:after,.tp1-link--arrow-top.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-top.tp1-link--disabled:after,.tp1-link--weak-arrow-top.tp1-link--disabled:hover:after,.tp1-link--white-arrow-top.tp1-link--disabled:after,.tp1-link--white-arrow-top.tp1-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-disabled_7c6.svg)
}

.tp1-link--arrow-top.size-s,.tp1-link--weak-arrow-top.size-s,.tp1-link--white-arrow-top.size-s {
    font-size: 12px
}

.tp1-link--arrow-top.size-s:after,.tp1-link--weak-arrow-top.size-s:after,.tp1-link--white-arrow-top.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(../assets/images/about/link-arrow-top-s_a36.svg)
}

.tp1-link--arrow-top.size-s.tp1-link--disabled:after,.tp1-link--arrow-top.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-top.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow-top.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow-top.size-s.tp1-link--disabled:after,.tp1-link--white-arrow-top.size-s.tp1-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-s-disabled_c3c.svg)
}

.tp1-link--arrow-top.size-l,.tp1-link--weak-arrow-top.size-l,.tp1-link--white-arrow-top.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-top {
    color: #666
}

.tp1-link--weak-arrow-top:after {
    background-image: url(../assets/images/about/link-arrow-top-gray_424.svg)
}

.tp1-link--weak-arrow-top:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-top:hover:after {
    background-image: url(../assets/images/about/link-arrow-top_4f0.svg)
}

.tp1-link--weak-arrow-top.size-s:after {
    background-image: url(../assets/images/about/link-arrow-top-s-gray_2b4.svg)
}

.tp1-link--weak-arrow-top.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-s_a36.svg)
}

.tp1-link--white-arrow-top {
    color: #fff
}

.tp1-link--white-arrow-top:after {
    background-image: url(../assets/images/about/link-arrow-top-white_cd3.svg)
}

.tp1-link--white-arrow-top:hover {
    color: #fff
}

.tp1-link--white-arrow-top:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-white_cd3.svg)
}

.tp1-link--white-arrow-top.size-s:after,.tp1-link--white-arrow-top.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-s-white_e64.svg)
}

.tp1-link--arrow-bottom,.tp1-link--weak-arrow-bottom,.tp1-link--white-arrow-bottom {
    font-size: 14px
}

.tp1-link--arrow-bottom:after,.tp1-link--weak-arrow-bottom:after,.tp1-link--white-arrow-bottom:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(../assets/images/about/link-arrow-bottom_78e.svg);
    content: ""
}

.tp1-link--arrow-bottom:hover,.tp1-link--weak-arrow-bottom:hover,.tp1-link--white-arrow-bottom:hover {
    text-decoration: none
}

.tp1-link--arrow-bottom.tp1-link--disabled:after,.tp1-link--arrow-bottom.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-bottom.tp1-link--disabled:after,.tp1-link--weak-arrow-bottom.tp1-link--disabled:hover:after,.tp1-link--white-arrow-bottom.tp1-link--disabled:after,.tp1-link--white-arrow-bottom.tp1-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-disabled_a30.svg)
}

.tp1-link--arrow-bottom.size-s,.tp1-link--weak-arrow-bottom.size-s,.tp1-link--white-arrow-bottom.size-s {
    font-size: 12px
}

.tp1-link--arrow-bottom.size-s:after,.tp1-link--weak-arrow-bottom.size-s:after,.tp1-link--white-arrow-bottom.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(../assets/images/about/link-arrow-bottom-s_ca5.svg)
}

.tp1-link--arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--arrow-bottom.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow-bottom.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--white-arrow-bottom.size-s.tp1-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s-disabled_76e.svg)
}

.tp1-link--arrow-bottom.size-l,.tp1-link--weak-arrow-bottom.size-l,.tp1-link--white-arrow-bottom.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-bottom {
    color: #666
}

.tp1-link--weak-arrow-bottom:after {
    background-image: url(../assets/images/about/link-arrow-bottom-gray_7e3.svg)
}

.tp1-link--weak-arrow-bottom:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-bottom:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom_78e.svg)
}

.tp1-link--weak-arrow-bottom.size-s:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s-gray_cea.svg)
}

.tp1-link--weak-arrow-bottom.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s_ca5.svg)
}

.tp1-link--white-arrow-bottom {
    color: #fff
}

.tp1-link--white-arrow-bottom:after {
    background-image: url(../assets/images/about/link-arrow-bottom-white_c75.svg)
}

.tp1-link--white-arrow-bottom:hover {
    color: #fff
}

.tp1-link--white-arrow-bottom:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-white_c75.svg)
}

.tp1-link--white-arrow-bottom.size-s:after,.tp1-link--white-arrow-bottom.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s-white_cc7.svg)
}

.tp1-link--disabled,.tp1-link--disabled:hover {
    color: #999;
    cursor: default;
    pointer-events: none
}

.tp1-link--underline-primary {
    position: relative
}

.tp1-link--underline-primary:hover {
    text-decoration: none
}

.tp1-link--underline-primary:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #00a4ff;
    content: ""
}

.tp1-link--underline {
    position: relative;
    color: #333
}

.tp1-link--underline:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #333;
    content: ""
}

.tp1-link--underline:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline:hover:after {
    border-bottom-color: #00a4ff
}

.tp1-link--underline-weak {
    position: relative;
    color: #666
}

.tp1-link--underline-weak:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #666;
    content: ""
}

.tp1-link--underline-weak:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline-weak:hover:after {
    border-bottom-color: #00a4ff
}

.tp1-link--underline-weaker {
    position: relative;
    color: #999
}

.tp1-link--underline-weaker:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #999;
    content: ""
}

.tp1-link--underline-weaker:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline-weaker:hover:after {
    border-bottom-color: #00a4ff
}

.tpm1-link.tp1-link {
    color: #0052d9
}

.tpm1-link.tp1-link--arrow:after {
    background-image: url(../assets/images/about/tpm-link-arrow_d42.svg)
}

.tpm1-link.tp1-link--white-arrow {
    color: #fff
}

.tpm1-link.tp1-link--arrow-left:before {
    background-image: url(../assets/images/about/tpm-link-arrow-left_2bf.svg)
}

.tpm1-link.tp1-link--arrow-top:after {
    background-image: url(../assets/images/about/tpm-link-arrow-top_458.svg)
}

.tpm1-link.tp1-link--arrow-bottom:after {
    background-image: url(../assets/images/about/tpm-link-arrow-bottom_49b.svg)
}

.tpm1-link.size-s.tp1-link--arrow:after {
    background-image: url(../assets/images/about/tpm-link-arrow-s_896.svg)
}

.tpm1-link.size-s.tp1-link--arrow-left:before {
    background-image: url(../assets/images/about/tpm-link-arrow-left-s_116.svg)
}

.tpm1-link.size-s.tp1-link--arrow-top:after {
    background-image: url(../assets/images/about/tpm-link-arrow-top-s_0b7.svg)
}

.tpm1-link.size-s.tp1-link--arrow-bottom:after {
    background-image: url(../assets/images/about/tpm-link-arrow-bottom-s_6a6.svg)
}

.pls-section {
    padding: 60px 20px
}

.pls-section.bg-gray {
    background-color: #ebeff5
}

.pls-section.is-full {
    padding-left: 0;
    padding-right: 0
}

.pls-section.is-full .pls-section__inner {
    max-width: 100%
}

.pls-section.left .pls-section__hd {
    text-align: left
}

.pls-section__inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px
}

.pls-section__hd {
    margin-bottom: 60px;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.pls-section__title {
    font-size: 28px;
    color: #16181a;
    line-height: 48px
}

.pls-section__desc {
    margin-top: 8px;
    font-size: 14px;
    color: #495770;
    line-height: 20px
}

.pls-section__desc .tp-link,.pls-section__desc .tpm1-link {
    margin: 0 12px
}

.pls-section__desc .tp-link:last-child,.pls-section__desc .tpm1-link:last-child {
    margin-right: 0
}

.pls-section__links.is-mobile {
    display: none
}

@media screen and (min-width: 1440px) {
    .tpm-view-l .pls-section__inner {
        max-width:1440px
    }
}

@media screen and (max-width: 1023px) {
    .pls-section {
        position:relative;
        padding: 0
    }

    .pls-section:after {
        display: block;
        content: "";
        height: 16px;
        background: #f3f5f8;
        box-shadow: inset 0 -2px 5px 0 #c6ccd7;
        transform: scaleY(-1)
    }

    .pls-section__inner {
        padding: 32px 16px
    }

    .pls-section__hd {
        margin-bottom: 24px
    }

    .pls-section__title {
        font-size: 20px;
        color: #16181a;
        line-height: 28px
    }

    .pls-section__desc {
        margin-top: 4px
    }

    .pls-section__desc .tp-link {
        margin: 0 10px
    }

    .pls-section__links {
        display: block;
        margin-top: 12px
    }

    .pls-section__links.is-pc {
        display: none
    }

    .pls-section__links.is-mobile {
        display: block
    }
}

.pls-video-layer-mask {
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80)
}

.pls-video-layer-container,.pls-video-layer-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: opacity .5s ease
}

.pls-video-layer-container {
    z-index: 1001;
    text-align: center;
    font-size: 0
}

.pls-video-layer-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.pls-video-layer-dialog {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 98%;
    max-height: 100%;
    width: 700px;
    height: 500px;
    font-size: 14px;
    line-height: 500px;
    color: #fff
}

.pls-video-layer-dialog video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.pls-video-layer-dialog video:focus {
    outline: none
}

.pls-video-layer-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background-color: #000;
    opacity: .8
}

.pls-video-layer-close {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 32px;
    height: 32px;
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 25.82781456953642% 0%;
    background-size: 571.875% auto ;
    font-size: 0
}

.pls-video-layer-close:hover {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 17.647058823529413%;
    background-size: 571.875% auto
}

.pls-video-layer-hidden {
    opacity: 0;
    filter: alpha(opacity=0)
}

@media screen and (max-width: 700px) {
    .pls-video-layer-dialog {
        height:auto;
        padding-top: 71.42857143%
    }

    .pls-video-layer-close {
        display: none
    }
}

[class*=tp-],[class*=tp-]:after,[class*=tp-]:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

[class*=tp-]:focus {
    outline: none
}

.tp-overflow-hidden {
    overflow: hidden!important
}

[class*=tp-][type=search]::-webkit-search-decoration,[class^=tp-][type=search]::-webkit-search-decoration {
    outline: 0;
    -webkit-appearance: none
}

.tp-ma-1n {
    margin: 4px
}

.tp-ma-2n {
    margin: 8px
}

.tp-ma-3n {
    margin: 12px
}

.tp-ma-4n {
    margin: 16px
}

.tp-ma-5n {
    margin: 20px
}

@media screen and (max-width: 768px) {
    .tp-ma-pad-1n {
        margin:4px
    }

    .tp-ma-pad-2n {
        margin: 8px
    }

    .tp-ma-pad-3n {
        margin: 12px
    }

    .tp-ma-pad-4n {
        margin: 16px
    }

    .tp-ma-pad-5n {
        margin: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-ma-phone-1n {
        margin:4px
    }

    .tp-ma-phone-2n {
        margin: 8px
    }

    .tp-ma-phone-3n {
        margin: 12px
    }

    .tp-ma-phone-4n {
        margin: 16px
    }

    .tp-ma-phone-5n {
        margin: 20px
    }
}

.tp-mt-1n {
    margin-top: 4px
}

.tp-mt-2n {
    margin-top: 8px
}

.tp-mt-3n {
    margin-top: 12px
}

.tp-mt-4n {
    margin-top: 16px
}

.tp-mt-5n {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .tp-mt-pad-1n {
        margin-top:4px
    }

    .tp-mt-pad-2n {
        margin-top: 8px
    }

    .tp-mt-pad-3n {
        margin-top: 12px
    }

    .tp-mt-pad-4n {
        margin-top: 16px
    }

    .tp-mt-pad-5n {
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-mt-phone-1n {
        margin-top:4px
    }

    .tp-mt-phone-2n {
        margin-top: 8px
    }

    .tp-mt-phone-3n {
        margin-top: 12px
    }

    .tp-mt-phone-4n {
        margin-top: 16px
    }

    .tp-mt-phone-5n {
        margin-top: 20px
    }
}

.tp-mb-1n {
    margin-bottom: 4px
}

.tp-mb-2n {
    margin-bottom: 8px
}

.tp-mb-3n {
    margin-bottom: 12px
}

.tp-mb-4n {
    margin-bottom: 16px
}

.tp-mb-5n {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp-mb-pad-1n {
        margin-bottom:4px
    }

    .tp-mb-pad-2n {
        margin-bottom: 8px
    }

    .tp-mb-pad-3n {
        margin-bottom: 12px
    }

    .tp-mb-pad-4n {
        margin-bottom: 16px
    }

    .tp-mb-pad-5n {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-mb-phone-1n {
        margin-bottom:4px
    }

    .tp-mb-phone-2n {
        margin-bottom: 8px
    }

    .tp-mb-phone-3n {
        margin-bottom: 12px
    }

    .tp-mb-phone-4n {
        margin-bottom: 16px
    }

    .tp-mb-phone-5n {
        margin-bottom: 20px
    }
}

.tp-ml-1n {
    margin-left: 4px
}

.tp-ml-2n {
    margin-left: 8px
}

.tp-ml-3n {
    margin-left: 12px
}

.tp-ml-4n {
    margin-left: 16px
}

.tp-ml-5n {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .tp-ml-pad-1n {
        margin-left:4px
    }

    .tp-ml-pad-2n {
        margin-left: 8px
    }

    .tp-ml-pad-3n {
        margin-left: 12px
    }

    .tp-ml-pad-4n {
        margin-left: 16px
    }

    .tp-ml-pad-5n {
        margin-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-ml-phone-1n {
        margin-left:4px
    }

    .tp-ml-phone-2n {
        margin-left: 8px
    }

    .tp-ml-phone-3n {
        margin-left: 12px
    }

    .tp-ml-phone-4n {
        margin-left: 16px
    }

    .tp-ml-phone-5n {
        margin-left: 20px
    }
}

.tp-mr-1n {
    margin-right: 4px
}

.tp-mr-2n {
    margin-right: 8px
}

.tp-mr-3n {
    margin-right: 12px
}

.tp-mr-4n {
    margin-right: 16px
}

.tp-mr-5n {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .tp-mr-pad-1n {
        margin-right:4px
    }

    .tp-mr-pad-2n {
        margin-right: 8px
    }

    .tp-mr-pad-3n {
        margin-right: 12px
    }

    .tp-mr-pad-4n {
        margin-right: 16px
    }

    .tp-mr-pad-5n {
        margin-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-mr-phone-1n {
        margin-right:4px
    }

    .tp-mr-phone-2n {
        margin-right: 8px
    }

    .tp-mr-phone-3n {
        margin-right: 12px
    }

    .tp-mr-phone-4n {
        margin-right: 16px
    }

    .tp-mr-phone-5n {
        margin-right: 20px
    }
}

.tp-pa-1n {
    padding: 4px
}

.tp-pa-2n {
    padding: 8px
}

.tp-pa-3n {
    padding: 12px
}

.tp-pa-4n {
    padding: 16px
}

.tp-pa-5n {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .tp-pa-pad-1n {
        padding:4px
    }

    .tp-pa-pad-2n {
        padding: 8px
    }

    .tp-pa-pad-3n {
        padding: 12px
    }

    .tp-pa-pad-4n {
        padding: 16px
    }

    .tp-pa-pad-5n {
        padding: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pa-phone-1n {
        padding:4px
    }

    .tp-pa-phone-2n {
        padding: 8px
    }

    .tp-pa-phone-3n {
        padding: 12px
    }

    .tp-pa-phone-4n {
        padding: 16px
    }

    .tp-pa-phone-5n {
        padding: 20px
    }
}

.tp-pt-1n {
    padding-top: 4px
}

.tp-pt-2n {
    padding-top: 8px
}

.tp-pt-3n {
    padding-top: 12px
}

.tp-pt-4n {
    padding-top: 16px
}

.tp-pt-5n {
    padding-top: 20px
}

@media screen and (max-width: 768px) {
    .tp-pt-pad-1n {
        padding-top:4px
    }

    .tp-pt-pad-2n {
        padding-top: 8px
    }

    .tp-pt-pad-3n {
        padding-top: 12px
    }

    .tp-pt-pad-4n {
        padding-top: 16px
    }

    .tp-pt-pad-5n {
        padding-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pt-phone-1n {
        padding-top:4px
    }

    .tp-pt-phone-2n {
        padding-top: 8px
    }

    .tp-pt-phone-3n {
        padding-top: 12px
    }

    .tp-pt-phone-4n {
        padding-top: 16px
    }

    .tp-pt-phone-5n {
        padding-top: 20px
    }
}

.tp-pb-1n {
    padding-bottom: 4px
}

.tp-pb-2n {
    padding-bottom: 8px
}

.tp-pb-3n {
    padding-bottom: 12px
}

.tp-pb-4n {
    padding-bottom: 16px
}

.tp-pb-5n {
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp-pb-pad-1n {
        padding-bottom:4px
    }

    .tp-pb-pad-2n {
        padding-bottom: 8px
    }

    .tp-pb-pad-3n {
        padding-bottom: 12px
    }

    .tp-pb-pad-4n {
        padding-bottom: 16px
    }

    .tp-pb-pad-5n {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pb-phone-1n {
        padding-bottom:4px
    }

    .tp-pb-phone-2n {
        padding-bottom: 8px
    }

    .tp-pb-phone-3n {
        padding-bottom: 12px
    }

    .tp-pb-phone-4n {
        padding-bottom: 16px
    }

    .tp-pb-phone-5n {
        padding-bottom: 20px
    }
}

.tp-pl-1n {
    padding-left: 4px
}

.tp-pl-2n {
    padding-left: 8px
}

.tp-pl-3n {
    padding-left: 12px
}

.tp-pl-4n {
    padding-left: 16px
}

.tp-pl-5n {
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .tp-pl-pad-1n {
        padding-left:4px
    }

    .tp-pl-pad-2n {
        padding-left: 8px
    }

    .tp-pl-pad-3n {
        padding-left: 12px
    }

    .tp-pl-pad-4n {
        padding-left: 16px
    }

    .tp-pl-pad-5n {
        padding-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pl-phone-1n {
        padding-left:4px
    }

    .tp-pl-phone-2n {
        padding-left: 8px
    }

    .tp-pl-phone-3n {
        padding-left: 12px
    }

    .tp-pl-phone-4n {
        padding-left: 16px
    }

    .tp-pl-phone-5n {
        padding-left: 20px
    }
}

.tp-pr-1n {
    padding-right: 4px
}

.tp-pr-2n {
    padding-right: 8px
}

.tp-pr-3n {
    padding-right: 12px
}

.tp-pr-4n {
    padding-right: 16px
}

.tp-pr-5n {
    padding-right: 20px
}

@media screen and (max-width: 768px) {
    .tp-pr-pad-1n {
        padding-right:4px
    }

    .tp-pr-pad-2n {
        padding-right: 8px
    }

    .tp-pr-pad-3n {
        padding-right: 12px
    }

    .tp-pr-pad-4n {
        padding-right: 16px
    }

    .tp-pr-pad-5n {
        padding-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp-pr-phone-1n {
        padding-right:4px
    }

    .tp-pr-phone-2n {
        padding-right: 8px
    }

    .tp-pr-phone-3n {
        padding-right: 12px
    }

    .tp-pr-phone-4n {
        padding-right: 16px
    }

    .tp-pr-phone-5n {
        padding-right: 20px
    }
}

.tp-dis-block {
    display: block!important
}

.tp-dis-inline-block {
    display: inline-block!important
}

.tp-dis-none {
    display: none!important
}

@media screen and (max-width: 768px) {
    .tp-dis-pad-block {
        display:block!important
    }

    .tp-dis-pad-inline-block {
        display: inline-block!important
    }

    .tp-dis-pad-none {
        display: none!important
    }
}

@media screen and (max-width: 600px) {
    .tp-dis-phone-block {
        display:block!important
    }

    .tp-dis-phone-inline-block {
        display: inline-block!important
    }

    .tp-dis-phone-none {
        display: none!important
    }
}

.tp-grid__layout {
    overflow: hidden
}

.tp-grid__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0
}

.tp-grid__row--start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tp-grid__row--center {
    -ms-flex-pack: center;
    justify-content: center
}

.tp-grid__row--end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tp-grid__row--space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tp-grid__row--space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.tp-grid__row--top {
    -ms-flex-align: start;
    align-items: flex-start
}

.tp-grid__row--middle {
    -ms-flex-align: center;
    align-items: center
}

.tp-grid__row--bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.tp-grid__row--split-line .tp-grid__col {
    position: relative
}

.tp-grid__row--split-line .tp-grid__col:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #e5e8ed;
    content: ""
}

.tp-grid__col {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1
}

.tp-grid__col--1-5 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
    -webkit-box-flex: 0
}

.tp-grid__col--0 {
    display: none
}

.tp-grid__col--order-0 {
    -ms-flex-order: 0;
    order: 0
}

.tp-grid__col--1 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4.1666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-1 {
    -ms-flex-order: 1;
    order: 1
}

.tp-grid__col--2 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-2 {
    -ms-flex-order: 2;
    order: 2
}

.tp-grid__col--3 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12.5%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-3 {
    -ms-flex-order: 3;
    order: 3
}

.tp-grid__col--4 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-4 {
    -ms-flex-order: 4;
    order: 4
}

.tp-grid__col--5 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20.8333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-5 {
    -ms-flex-order: 5;
    order: 5
}

.tp-grid__col--6 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-6 {
    -ms-flex-order: 6;
    order: 6
}

.tp-grid__col--7 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29.1666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-7 {
    -ms-flex-order: 7;
    order: 7
}

.tp-grid__col--8 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-8 {
    -ms-flex-order: 8;
    order: 8
}

.tp-grid__col--9 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 37.5%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-9 {
    -ms-flex-order: 9;
    order: 9
}

.tp-grid__col--10 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-10 {
    -ms-flex-order: 10;
    order: 10
}

.tp-grid__col--11 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45.8333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-11 {
    -ms-flex-order: 11;
    order: 11
}

.tp-grid__col--12 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-12 {
    -ms-flex-order: 12;
    order: 12
}

.tp-grid__col--13 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 54.1666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-13 {
    -ms-flex-order: 13;
    order: 13
}

.tp-grid__col--14 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-14 {
    -ms-flex-order: 14;
    order: 14
}

.tp-grid__col--15 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 62.5%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-15 {
    -ms-flex-order: 15;
    order: 15
}

.tp-grid__col--16 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-16 {
    -ms-flex-order: 16;
    order: 16
}

.tp-grid__col--17 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70.8333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-17 {
    -ms-flex-order: 17;
    order: 17
}

.tp-grid__col--18 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-18 {
    -ms-flex-order: 18;
    order: 18
}

.tp-grid__col--19 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 79.1666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-19 {
    -ms-flex-order: 19;
    order: 19
}

.tp-grid__col--20 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-20 {
    -ms-flex-order: 20;
    order: 20
}

.tp-grid__col--21 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 87.5%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-21 {
    -ms-flex-order: 21;
    order: 21
}

.tp-grid__col--22 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-22 {
    -ms-flex-order: 22;
    order: 22
}

.tp-grid__col--23 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 95.8333333333%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-23 {
    -ms-flex-order: 23;
    order: 23
}

.tp-grid__col--24 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    -webkit-box-flex: 0
}

.tp-grid__col--order-24 {
    -ms-flex-order: 24;
    order: 24
}

@media (max-width: 1200px) {
    .tp-grid__col--smallpc-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-0 {
        display: none
    }

    .tp-grid__col--smallpc-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp-grid__col--smallpc-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp-grid__col--smallpc-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp-grid__col--smallpc-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp-grid__col--smallpc-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp-grid__col--smallpc-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp-grid__col--smallpc-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp-grid__col--smallpc-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp-grid__col--smallpc-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp-grid__col--smallpc-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp-grid__col--smallpc-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp-grid__col--smallpc-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp-grid__col--smallpc-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp-grid__col--smallpc-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp-grid__col--smallpc-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp-grid__col--smallpc-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp-grid__col--smallpc-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp-grid__col--smallpc-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp-grid__col--smallpc-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp-grid__col--smallpc-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp-grid__col--smallpc-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp-grid__col--smallpc-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp-grid__col--smallpc-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp-grid__col--smallpc-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp-grid__col--smallpc-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--smallpc-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 1000px) {
    .tp-grid__col--tablet-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-0 {
        display: none
    }

    .tp-grid__col--tablet-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp-grid__col--tablet-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp-grid__col--tablet-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp-grid__col--tablet-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp-grid__col--tablet-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp-grid__col--tablet-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp-grid__col--tablet-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp-grid__col--tablet-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp-grid__col--tablet-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp-grid__col--tablet-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp-grid__col--tablet-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp-grid__col--tablet-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp-grid__col--tablet-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp-grid__col--tablet-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp-grid__col--tablet-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp-grid__col--tablet-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp-grid__col--tablet-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp-grid__col--tablet-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp-grid__col--tablet-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp-grid__col--tablet-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp-grid__col--tablet-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp-grid__col--tablet-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp-grid__col--tablet-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp-grid__col--tablet-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp-grid__col--tablet-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--tablet-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 768px) {
    .tp-grid__col--pad-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-0 {
        display: none
    }

    .tp-grid__col--pad-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp-grid__col--pad-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp-grid__col--pad-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp-grid__col--pad-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp-grid__col--pad-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp-grid__col--pad-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp-grid__col--pad-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp-grid__col--pad-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp-grid__col--pad-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp-grid__col--pad-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp-grid__col--pad-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp-grid__col--pad-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp-grid__col--pad-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp-grid__col--pad-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp-grid__col--pad-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp-grid__col--pad-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp-grid__col--pad-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp-grid__col--pad-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp-grid__col--pad-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp-grid__col--pad-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp-grid__col--pad-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp-grid__col--pad-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp-grid__col--pad-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp-grid__col--pad-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp-grid__col--pad-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--pad-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 600px) {
    .tp-grid__col--phone-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-0 {
        display: none
    }

    .tp-grid__col--phone-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tp-grid__col--phone-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tp-grid__col--phone-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .tp-grid__col--phone-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .tp-grid__col--phone-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .tp-grid__col--phone-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .tp-grid__col--phone-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .tp-grid__col--phone-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .tp-grid__col--phone-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .tp-grid__col--phone-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .tp-grid__col--phone-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .tp-grid__col--phone-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .tp-grid__col--phone-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .tp-grid__col--phone-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .tp-grid__col--phone-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .tp-grid__col--phone-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .tp-grid__col--phone-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .tp-grid__col--phone-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .tp-grid__col--phone-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .tp-grid__col--phone-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .tp-grid__col--phone-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .tp-grid__col--phone-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .tp-grid__col--phone-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .tp-grid__col--phone-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .tp-grid__col--phone-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp-grid__col--phone-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

.tp-grid__row.tp-grid--gutter-0n {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.tp-grid__row.tp-grid--gutter-0n .tp-grid__col {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.tp-grid__row.tp-grid--gutter-1n {
    margin-right: -2px;
    margin-bottom: -4px;
    margin-left: -2px
}

.tp-grid__row.tp-grid--gutter-1n .tp-grid__col {
    margin-bottom: 4px;
    padding-right: 2px;
    padding-left: 2px
}

.tp-grid__row.tp-grid--gutter-2n {
    margin-right: -4px;
    margin-bottom: -8px;
    margin-left: -4px
}

.tp-grid__row.tp-grid--gutter-2n .tp-grid__col {
    margin-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px
}

.tp-grid__row.tp-grid--gutter-3n {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px
}

.tp-grid__row.tp-grid--gutter-3n .tp-grid__col {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px
}

.tp-grid__row.tp-grid--gutter-4n {
    margin-right: -8px;
    margin-bottom: -16px;
    margin-left: -8px
}

.tp-grid__row.tp-grid--gutter-4n .tp-grid__col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.tp-grid__row.tp-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px
}

.tp-grid__row.tp-grid--gutter-5n .tp-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.tp-grid__row.tp-grid--gutter-6n {
    margin-right: -12px;
    margin-bottom: -24px;
    margin-left: -12px
}

.tp-grid__row.tp-grid--gutter-6n .tp-grid__col {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

.tp-grid__row.tp-grid--gutter-7n {
    margin-right: -14px;
    margin-bottom: -28px;
    margin-left: -14px
}

.tp-grid__row.tp-grid--gutter-7n .tp-grid__col {
    margin-bottom: 28px;
    padding-right: 14px;
    padding-left: 14px
}

.tp-grid__row.tp-grid--gutter-8n {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px
}

.tp-grid__row.tp-grid--gutter-8n .tp-grid__col {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px
}

.tp-grid__row.tp-grid--gutter-9n {
    margin-right: -18px;
    margin-bottom: -36px;
    margin-left: -18px
}

.tp-grid__row.tp-grid--gutter-9n .tp-grid__col {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 18px
}

.tp-grid__row.tp-grid--gutter-10n {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px
}

.tp-grid__row.tp-grid--gutter-10n .tp-grid__col {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width: 1200px) {
    .tp-grid__row.tp-grid--gutter-smallpc-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp-grid__row.tp-grid--gutter-smallpc-0n .tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp-grid__row.tp-grid--gutter-smallpc-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-1n .tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-2n .tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-3n .tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-4n .tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-5n .tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-6n .tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-7n .tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-8n .tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-9n .tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp-grid__row.tp-grid--gutter-smallpc-10n .tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 1000px) {
    .tp-grid__row.tp-grid--gutter-tablet-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp-grid__row.tp-grid--gutter-tablet-0n .tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp-grid__row.tp-grid--gutter-tablet-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp-grid__row.tp-grid--gutter-tablet-1n .tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp-grid__row.tp-grid--gutter-tablet-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp-grid__row.tp-grid--gutter-tablet-2n .tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp-grid__row.tp-grid--gutter-tablet-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp-grid__row.tp-grid--gutter-tablet-3n .tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp-grid__row.tp-grid--gutter-tablet-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp-grid__row.tp-grid--gutter-tablet-4n .tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp-grid__row.tp-grid--gutter-tablet-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp-grid__row.tp-grid--gutter-tablet-5n .tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp-grid__row.tp-grid--gutter-tablet-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp-grid__row.tp-grid--gutter-tablet-6n .tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp-grid__row.tp-grid--gutter-tablet-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp-grid__row.tp-grid--gutter-tablet-7n .tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp-grid__row.tp-grid--gutter-tablet-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp-grid__row.tp-grid--gutter-tablet-8n .tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp-grid__row.tp-grid--gutter-tablet-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp-grid__row.tp-grid--gutter-tablet-9n .tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp-grid__row.tp-grid--gutter-tablet-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp-grid__row.tp-grid--gutter-tablet-10n .tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .tp-grid__row.tp-grid--gutter-pad-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp-grid__row.tp-grid--gutter-pad-0n .tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp-grid__row.tp-grid--gutter-pad-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp-grid__row.tp-grid--gutter-pad-1n .tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp-grid__row.tp-grid--gutter-pad-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp-grid__row.tp-grid--gutter-pad-2n .tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp-grid__row.tp-grid--gutter-pad-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp-grid__row.tp-grid--gutter-pad-3n .tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp-grid__row.tp-grid--gutter-pad-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp-grid__row.tp-grid--gutter-pad-4n .tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp-grid__row.tp-grid--gutter-pad-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp-grid__row.tp-grid--gutter-pad-5n .tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp-grid__row.tp-grid--gutter-pad-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp-grid__row.tp-grid--gutter-pad-6n .tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp-grid__row.tp-grid--gutter-pad-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp-grid__row.tp-grid--gutter-pad-7n .tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp-grid__row.tp-grid--gutter-pad-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp-grid__row.tp-grid--gutter-pad-8n .tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp-grid__row.tp-grid--gutter-pad-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp-grid__row.tp-grid--gutter-pad-9n .tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp-grid__row.tp-grid--gutter-pad-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp-grid__row.tp-grid--gutter-pad-10n .tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 600px) {
    .tp-grid__row.tp-grid--gutter-phone-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp-grid__row.tp-grid--gutter-phone-0n .tp-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp-grid__row.tp-grid--gutter-phone-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp-grid__row.tp-grid--gutter-phone-1n .tp-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp-grid__row.tp-grid--gutter-phone-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp-grid__row.tp-grid--gutter-phone-2n .tp-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp-grid__row.tp-grid--gutter-phone-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp-grid__row.tp-grid--gutter-phone-3n .tp-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp-grid__row.tp-grid--gutter-phone-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp-grid__row.tp-grid--gutter-phone-4n .tp-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp-grid__row.tp-grid--gutter-phone-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp-grid__row.tp-grid--gutter-phone-5n .tp-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp-grid__row.tp-grid--gutter-phone-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp-grid__row.tp-grid--gutter-phone-6n .tp-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp-grid__row.tp-grid--gutter-phone-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp-grid__row.tp-grid--gutter-phone-7n .tp-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp-grid__row.tp-grid--gutter-phone-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp-grid__row.tp-grid--gutter-phone-8n .tp-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp-grid__row.tp-grid--gutter-phone-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp-grid__row.tp-grid--gutter-phone-9n .tp-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp-grid__row.tp-grid--gutter-phone-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp-grid__row.tp-grid--gutter-phone-10n .tp-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.pls-db {
    position: relative;
    height: 300px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    padding: 0 10px
}

@media (min-width: 601px) {
    .pls-db-bg-mobile {
        background-color:transparent!important;
        background-image: none!important
    }
}

@media (max-width: 600px) {
    .pls-db-bgs-responsive .pls-db-bg-pc {
        background-color:transparent!important;
        background-image: none!important
    }
}

.pls-db-bg-mobile,.pls-db-bg-pc,.pls-db-bgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pls-db-bg-mobile,.pls-db-bg-pc {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.pls-db-bg-mobile {
    background-size: cover
}

.pls-db-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    white-space: nowrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 0;
    box-sizing: border-box
}

.pls-db-ctn {
    white-space: normal;
    word-wrap: break-word
}

.pls-db-ctn,.pls-db-inner:after {
    display: inline-block;
    vertical-align: middle
}

.pls-db-inner:after {
    content: "";
    height: 100%;
    width: 0
}

.pls-db-title {
    color: #fff;
    font-size: 40px;
    line-height: 60px;
    font-weight: 400
}

.pls-db-txt {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin-top: 12px
}

.pls-db-txt a {
    color: #00a4ff;
    text-decoration: none
}

.pls-db-txt a:hover {
    text-decoration: underline
}

.pls-db-subtxt {
    color: #ccc;
    font-size: 16px;
    line-height: 27px;
    margin-top: 8px
}

.pls-db-btns {
    margin-top: 30px
}

.pls-db-btns .rno-btn {
    min-width: 180px;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    margin: 0 10px;
    vertical-align: top
}

.pls-db-unit {
    margin-top: 20px
}

.pls-db-l {
    height: 360px
}

.pls-db-xl {
    height: 460px
}

.pls-db-xs .pls-db-title {
    font-size: 46px;
    line-height: 65px
}

.pls-db-xs .pls-db-txt {
    margin-top: 16px
}

.pls-db-xs .pls-db-btns {
    margin-top: 40px
}

.pls-db-s {
    height: 240px
}

.pls-db-s .pls-db-title {
    font-size: 34px;
    line-height: 48px
}

.pls-db-s .pls-db-txt {
    line-height: 22px
}

.pls-db-isAir {
    padding-top: 45px
}

.pls-db-center {
    text-align: center
}

.pls-db-left {
    text-align: left
}

.pls-db-left .rno-btn:first-child {
    margin-left: 0
}

.pls-db-left .rno-btn:last-child {
    margin-right: 0
}

.pls-db-left .pls-db-txt {
    max-width: 560px
}

@media (max-width: 768px) {
    .pls-db {
        height:auto;
        padding: 30px 16px 35px
    }

    .pls-db-inner {
        padding-left: 0;
        padding-right: 0
    }

    .pls-db-ctn {
        display: block
    }

    .pls-db-title {
        font-size: 24px;
        line-height: 36px
    }

    .pls-db-txt {
        margin-top: 8px;
        font-size: 14px;
        line-height: 24px
    }

    .pls-db-subtxt p,.pls-db-txt p {
        display: inline-block;
        vertical-align: middle;
        text-align: left
    }

    .pls-db-btns,.pls-db-left {
        text-align: center
    }

    .pls-db-btns {
        font-size: 0;
        margin-top: 25px;
        display: box;
        display: -ms-flexbox;
        display: flex
    }

    .pls-db-btns .rno-btn {
        box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        margin: 0 10px;
        min-width: 0;
        height: 40px;
        line-height: 38px
    }

    .pls-db-btns .rno-btn:first-child {
        margin-left: 0
    }

    .pls-db-btns .rno-btn:last-child {
        margin-right: 0
    }

    .pls-db-l,.pls-db-s,.pls-db-xl {
        height: auto;
        padding: 30px 10px 35px
    }
}

.tp-loading,.tp-loading__dot {
    text-align: center
}

.tp-loading__dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: middle;
    background-color: #00a4ff;
    border-radius: 100%;
    animation: loadingAnimationDelay .7s ease-in-out infinite both
}

.tp-loading__dot:first-child {
    animation-delay: -.32s
}

.tp-loading__dot:nth-child(2) {
    animation-delay: -.16s
}

.tp-loading--white .tp-loading__dot {
    background-color: #fff
}

.tp-loading.size-s .tp-loading__dot {
    width: 8px;
    height: 8px;
    margin-right: 1px;
    margin-left: 1px
}

@keyframes loadingAnimationDelay {
    0%,80%,to {
        transform: scale(.6);
        opacity: .4
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

.tp-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1
}

.tp-icon--error-24,.tp-icon--info-24,.tp-icon--pending-24,.tp-icon--success-24,.tp-icon--warning-24 {
    font-size: 24px
}

.tp-icon--loading-32 {
    font-size: 32px
}

.tp-icon--loading,.tp-icon--loading-32 {
    animation: tp-iconloading 2s linear infinite
}

.tp-icon.size-auto {
    width: 100%;
    height: auto
}

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

    to {
        transform: rotate(359deg)
    }
}

.tp-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #00a4ff;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer
}

.tp-btn:active,.tp-btn:hover {
    background-color: #0092ee;
    transition: all .3s ease-in-out
}

.tp-btn.is-disabled {
    cursor: default
}

.tp-btn.is-disabled,.tp-btn.is-disabled:active,.tp-btn.is-disabled:hover {
    color: #999;
    background-color: #ddd;
    border-color: #ddd
}

.tp-btn--pay {
    background-color: #ff7200
}

.tp-btn--pay:active,.tp-btn--pay:hover {
    background-color: #f06c00
}

.tp-btn--pay.is-loading:active,.tp-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tp-btn--pay .tp-loading__dot {
    background-color: #fff
}

.tp-btn--hole {
    color: #00a4ff;
    background-color: transparent;
    border-color: #00a4ff
}

.tp-btn--hole:active,.tp-btn--hole:hover {
    color: #00a4ff;
    background-color: rgba(0,164,255,.15)
}

.tp-btn--hole.is-loading:active,.tp-btn--hole.is-loading:hover,.tp-btn--weak-hole {
    background-color: transparent
}

.tp-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

.tp-btn--weak-hole:active,.tp-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tp-btn--weak-hole.is-loading:active,.tp-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.tp-btn--white-hole:active,.tp-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tp-btn--white-hole.is-loading:active,.tp-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #00a4ff;
    background-color: transparent;
    border: none
}

.tp-btn--link:active,.tp-btn--link:hover {
    color: #0092ee;
    background-color: transparent
}

.tp-btn--link.is-disabled {
    background-color: transparent
}

.tp-btn--link.is-disabled:active,.tp-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    border: none
}

.tp-btn--link-weak:active,.tp-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tp-btn--link-weak.is-disabled {
    background-color: transparent
}

.tp-btn--link-weak.is-disabled:active,.tp-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp-btn--icon {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tp-btn--icon,.tp-btn .tp-btn__icon {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-btn .tp-btn__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tp-btn .tp-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tp-btn .tp-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tp-btn .tp-btn__icon svg {
    width: 1em;
    height: auto
}

.tp-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tp-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tp-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tp-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tp-btn.size-xl,.tp-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tp-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tp-btn--link-weak.size-auto,.tp-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tp-btn.size-auto-width {
    min-width: 0
}

.tp-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tp-btn--icon.size-full-width {
    display: -ms-flexbox;
    display: flex
}

.tp-btn--link-weak[class*=" size-"],.tp-btn--link-weak[class^=size-],.tp-btn--link[class*=" size-"],.tp-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tp-btn.is-loading {
    cursor: default
}

.tp-btn--primary.is-loading:active,.tp-btn--primary.is-loading:hover {
    background-color: #00a4ff
}

.tp-btn--primary .tp-loading__dot {
    background-color: #fff
}

.tp-btn__text {
    color: inherit
}

@media screen and (max-width: 600px) {
    .tp-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tp-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tp-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tp-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tp-btn--link,.tp-btn--link-weak,.tp-btn--link-weak[class*=" m-size-"],.tp-btn--link-weak[class^=m-size-],.tp-btn--link[class*=" m-size-"],.tp-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

.about-product-series {
    margin: 0 auto;
    padding: 0 98px;
    width: 1204px;
    box-sizing: content-box;
    background-image: url(../assets/images/about/bg_d26.svg);
    background-position: 50%;
    background-size: 1204px 664px;
    background-repeat: no-repeat
}

.about-product-series-inner {
    position: relative;
    padding-top: 664px;
    width: 100%;
    height: 0
}

.about-product-series-anchor {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0;
    cursor: pointer
}

.about-product-series-icon,.about-product-series-tit {
    display: inline-block;
    vertical-align: middle
}

.about-product-series-hd {
    position: relative;
    padding: 12px 12px 12px 40px
}

.about-product-series-hd:before,.about-product-series-icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    background: #fff;
    border-radius: 50%
}

.about-product-series-hd:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.3)
}

.about-product-series-icon {
    padding: 8px;
    font-size: 0;
    z-index: 2
}

.about-product-series-icon i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.about-product-series-tit {
    padding: 3px 0;
    line-height: 26px;
    font-size: 16px;
    color: #000;
    white-space: nowrap
}

.about-product-series-bubble {
    position: absolute;
    right: 100%;
    top: 8px;
    padding-right: 10px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition: all .2s ease-out
}

.about-product-series-bubble-inner {
    position: relative;
    padding: 12px;
    width: 180px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1.73px 3px 0 rgba(0,0,0,.1);
    box-sizing: border-box
}

.about-product-series-bubble-inner:after,.about-product-series-bubble-inner:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 100%;
    width: 0;
    height: 0;
    font-size: 0;
    border: 7px solid transparent
}

.about-product-series-bubble-inner:before {
    border-left-color: #ddd
}

.about-product-series-bubble-inner:after {
    margin-left: -1px;
    border-left-color: #fff
}

.about-product-series-menu {
    max-height: 200px;
    overflow-y: auto
}

.about-product-series-menu-box+.about-product-series-menu-box {
    margin-top: 8px
}

.about-product-series-menu-tit {
    line-height: 24px;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.about-product-series-menu-tit a {
    display: block;
    color: inherit
}

.about-product-series-menu-tit a:hover {
    color: #0052d9
}

.about-product-series-menu-list {
    margin-top: 4px;
    padding: 4px;
    background: #f5f7fa
}

.about-product-series-menu-item {
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.about-product-series-menu-item a {
    display: block;
    color: inherit
}

.about-product-series-menu-item a:hover {
    color: #0052d9
}

.about-product-series-menu-item+.about-product-series-menu-item {
    margin-top: 2px
}

.about-product-series-anchor.reverse {
    left: auto;
    right: 50%
}

.about-product-series-anchor.reverse .about-product-series-hd {
    padding-left: 12px;
    padding-right: 40px
}

.about-product-series-anchor.reverse .about-product-series-hd:before,.about-product-series-anchor.reverse .about-product-series-icon {
    left: auto;
    right: 0
}

.about-product-series-anchor.reverse .about-product-series-bubble {
    right: auto;
    left: 100%;
    padding-right: 0;
    padding-left: 10px;
    transform: translateX(-8px)
}

.about-product-series-anchor.reverse .about-product-series-bubble-inner:after,.about-product-series-anchor.reverse .about-product-series-bubble-inner:before {
    left: auto;
    right: 100%;
    border-left-color: transparent
}

.about-product-series-anchor.reverse .about-product-series-bubble-inner:before {
    border-right-color: #ddd
}

.about-product-series-anchor.reverse .about-product-series-bubble-inner:after {
    margin-right: -1px;
    border-right-color: #fff
}

.about-product-series-anchor:hover {
    z-index: 3
}

.about-product-series-anchor:hover .about-product-series-hd:before {
    box-shadow: 0 0 6px 2px rgba(56,99,170,.3);
    transition: all .2s ease-in-out;
    transform: scale(1.25)
}

.about-product-series-anchor:hover .about-product-series-bubble {
    transform: translateX(-4px);
    opacity: 1;
    visibility: visible
}

.about-product-series-anchor.reverse:hover .about-product-series-bubble {
    transform: translateX(4px);
    opacity: 1;
    visibility: visible
}

.about-product-series-anchor:hover .about-product-series-icon {
    background: #0052d9
}

.about-product-series-anchor:hover .about-product-series-tit {
    color: #0052d9
}

@media (max-width: 768px) {
    .about-product-series {
        display:none
    }
}

.about-product-series-anchor:first-child {
    margin-top: 62px;
    margin-left: 126px
}

.about-product-series-anchor:nth-child(2) {
    margin-top: -76px;
    margin-left: 134px
}

.about-product-series-anchor:nth-child(3) {
    margin-top: -156px;
    margin-left: 62px
}

.about-product-series-anchor:nth-child(4) {
    margin-top: -172px;
    margin-right: 10px
}

.about-product-series-anchor:nth-child(5) {
    margin-top: -104px;
    margin-right: 118px
}

.about-product-series-anchor:nth-child(6) {
    margin-top: -16px;
    margin-right: 144px
}

.about-product-series-anchor:nth-child(7) {
    margin-top: 64px;
    margin-right: 124px
}

.about-product-series-anchor:nth-child(8) {
    margin-top: 138px;
    margin-right: 30px
}

.about-product-series-anchor:nth-child(9) {
    margin-top: 156px;
    margin-left: 90px
}

.about-product-series-anchor:nth-child(10) {
    margin-top: -4px;
    margin-left: 232px
}

.about-product-series-anchor:nth-child(11) {
    margin-top: -170px;
    margin-left: 200px
}

.about-product-series-anchor:nth-child(12) {
    margin-top: -242px;
    margin-left: 114px
}

.about-product-series-anchor:nth-child(13) {
    margin-top: -268px;
    margin-right: 32px
}

.about-product-series-anchor:nth-child(14) {
    margin-top: -206px;
    margin-right: 160px
}

.about-product-series-anchor:nth-child(15) {
    margin-top: -124px;
    margin-right: 225px
}

.about-product-series-anchor:nth-child(16) {
    margin-top: 8px;
    margin-right: 254px
}

.about-product-series-anchor:nth-child(17) {
    margin-top: 126px;
    margin-right: 220px
}

.about-product-series-anchor:nth-child(18) {
    margin-top: 206px;
    margin-right: 156px
}

.about-product-series-anchor:nth-child(19) {
    margin-top: 226px;
    margin-left: 266px
}

.about-product-series-anchor:nth-child(20) {
    margin-top: 162px;
    margin-left: 326px
}

.about-product-series-anchor:nth-child(21) {
    margin-top: 98px;
    margin-left: 364px
}

.about-product-series-anchor:nth-child(22) {
    margin-top: 16px;
    margin-left: 390px
}

.about-product-series-anchor:nth-child(23) {
    margin-top: -64px;
    margin-left: 395px
}

.about-product-series-anchor:nth-child(24) {
    margin-top: -144px;
    margin-left: 384px
}

.about-product-series-anchor:nth-child(25) {
    margin-top: -218px;
    margin-left: 353px
}

.about-product-series-anchor:nth-child(26) {
    margin-top: -299px;
    margin-left: 298px
}

.about-product-series-anchor:nth-child(27) {
    margin-top: -302px;
    margin-right: 315px
}

.about-product-series-anchor:nth-child(28) {
    margin-top: -218px;
    margin-right: 373px
}

.about-product-series-anchor:nth-child(29) {
    margin-top: -128px;
    margin-right: 406px
}

.about-product-series-anchor:nth-child(30) {
    margin-top: -30px;
    margin-right: 420px
}

.about-product-series-anchor:nth-child(31) {
    margin-top: 66px;
    margin-right: 411px
}

.about-product-series-anchor:nth-child(32) {
    margin-top: 152px;
    margin-right: 384px
}

.about-product-series-anchor:nth-child(33) {
    margin-top: 234px;
    margin-right: 340px
}

.about-product-series-anchor:nth-child(34) {
    margin-top: 212px;
    margin-left: 500px
}

.about-product-series-anchor:nth-child(35) {
    margin-top: 104px;
    margin-left: 552px
}

.about-product-series-anchor:nth-child(36) {
    margin-top: -17px;
    margin-left: 578px
}

.about-product-series-anchor:nth-child(37) {
    margin-top: -127px;
    margin-left: 576px
}

.about-product-series-anchor:nth-child(38) {
    margin-top: -237px;
    margin-left: 550px
}

.about-product-series-anchor:nth-child(39) {
    margin-top: -240px;
    margin-right: 546px
}

.about-product-series-anchor:nth-child(40) {
    margin-top: -136px;
    margin-right: 575px
}

.about-product-series-anchor:nth-child(41) {
    margin-top: -16px;
    margin-right: 584px
}

.about-product-series-anchor:nth-child(42) {
    margin-top: 106px;
    margin-right: 570px
}

.about-product-series-anchor:nth-child(43) {
    margin-top: 220px;
    margin-right: 531px
}

.about-product-series-icon .ai-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 47.90419161676647% 47.368421052631575%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .ai-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 38.32335329341318% 47.368421052631575%;
    background-size: 1143.75% auto
}

.about-product-series-icon .application-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 61.67664670658682% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .application-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 61.67664670658682% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .base-communicate {
    background-image: url(../assets/images/about/base-communicate_a37.svg)
}

.about-product-series-anchor:hover .about-product-series-icon .base-communicate {
    background-image: url(../assets/images/about/base-communicate-white_bfc.svg)
}

.about-product-series-icon .block-chain {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .block-chain {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 61.67664670658682% 42.10526315789473%;
    background-size: 1143.75% auto
}

.about-product-series-icon .calculate {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 19.16167664670659% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .calculate {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 9.580838323353294% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-icon .cdn-acceleration {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 38.32335329341318% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .cdn-acceleration {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 28.74251497005988% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-icon .content-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 57.48502994011976% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .content-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 47.90419161676647% 57.89473684210527%;
    background-size: 1143.75% auto
}

.about-product-series-icon .data-application {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 71.25748502994011% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .data-application {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 71.25748502994011% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .data-platform {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 71.25748502994011% 52.63157894736842%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .data-platform {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 71.25748502994011% 42.10526315789473%;
    background-size: 1143.75% auto
}

.about-product-series-icon .data-processing {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .data-processing {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 9.580838323353294% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-icon .data-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 71.25748502994011% 31.57894736842105%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .data-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 71.25748502994011% 21.052631578947366%;
    background-size: 1143.75% auto
}

.about-product-series-icon .data-visual {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 28.74251497005988% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .data-visual {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 19.16167664670659% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-icon .database {
    background-image: url(../assets/images/about/database_c45.svg)
}

.about-product-series-anchor:hover .about-product-series-icon .database {
    background-image: url(../assets/images/about/database-white_21b.svg)
}

.about-product-series-icon .dev-tool {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 47.90419161676647% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .dev-tool {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 38.32335329341318% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-icon .domain-website {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 67.06586826347305% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .domain-website {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 57.48502994011976% 68.42105263157895%;
    background-size: 1143.75% auto
}

.about-product-series-icon .education-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 31.57894736842105%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .education-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 21.052631578947366%;
    background-size: 1143.75% auto
}

.about-product-series-icon .enterprise-application {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .enterprise-application {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 63.1578947368421%;
    background-size: 1143.75% auto
}

.about-product-series-icon .enterprise-communicate {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 52.63157894736842%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .enterprise-communicate {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 42.10526315789473%;
    background-size: 1143.75% auto
}

.about-product-series-icon .expert-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .expert-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 80.83832335329342% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .face-recognition {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 19.16167664670659% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .face-recognition {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 9.580838323353294% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-icon .financial-control {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 38.32335329341318% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .financial-control {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 28.74251497005988% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-icon .financial-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 57.48502994011976% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .financial-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 47.90419161676647% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-icon .game-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 76.64670658682635% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .game-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 67.06586826347305% 78.94736842105263%;
    background-size: 1143.75% auto
}

.about-product-series-icon .host-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .host-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .image-recognition {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 52.63157894736842%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .image-recognition {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 42.10526315789473%;
    background-size: 1143.75% auto
}

.about-product-series-icon .iot {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 73.68421052631578%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .iot {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 63.1578947368421%;
    background-size: 1143.75% auto
}

.about-product-series-icon .manage-audit {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 42.51497005988024% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .manage-audit {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 42.51497005988024% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .marketing-control {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 36.84210526315789%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .marketing-control {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 42.51497005988024% 21.052631578947366%;
    background-size: 1143.75% auto
}

.about-product-series-icon .middleware {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 19.16167664670659% 36.84210526315789%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .middleware {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 9.580838323353294% 36.84210526315789%;
    background-size: 1143.75% auto
}

.about-product-series-icon .mobile-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 38.32335329341318% 36.84210526315789%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .mobile-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 28.74251497005988% 36.84210526315789%;
    background-size: 1143.75% auto
}

.about-product-series-icon .network-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 52.09580838323353% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .network-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 52.09580838323353% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .network {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 52.09580838323353% 31.57894736842105%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .network {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 52.09580838323353% 21.052631578947366%;
    background-size: 1143.75% auto
}

.about-product-series-icon .nlp {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 9.580838323353294% 47.368421052631575%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .nlp {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 47.368421052631575%;
    background-size: 1143.75% auto
}

.about-product-series-icon .operation-maintenance {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 28.74251497005988% 47.368421052631575%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .operation-maintenance {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 19.16167664670659% 47.368421052631575%;
    background-size: 1143.75% auto
}

.about-product-series-icon .quantum-tech {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 9.580838323353294% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .quantum-tech {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-icon .resource-manage {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 28.74251497005988% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .resource-manage {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 19.16167664670659% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-icon .retail-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 47.90419161676647% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .retail-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 38.32335329341318% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-icon .robot {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 67.06586826347305% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .robot {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 57.48502994011976% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-icon .security-manage {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 10.526315789473683%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .security-manage {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 0%;
    background-size: 1143.75% auto
}

.about-product-series-icon .storage {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 86.22754491017965% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .storage {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 76.64670658682635% 89.47368421052632%;
    background-size: 1143.75% auto
}

.about-product-series-icon .terminal-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 52.63157894736842%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .terminal-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 42.10526315789473%;
    background-size: 1143.75% auto
}

.about-product-series-icon .video-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 73.68421052631578%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .video-service {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 63.1578947368421%;
    background-size: 1143.75% auto
}

.about-product-series-icon .voice-technology {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 0% 100%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .voice-technology {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 84.21052631578947%;
    background-size: 1143.75% auto
}

.about-product-series-icon .service-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 31.57894736842105%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .service-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 100% 21.052631578947366%;
    background-size: 1143.75% auto
}

.about-product-series-icon .identity-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 31.57894736842105%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .identity-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 90.41916167664671% 21.052631578947366%;
    background-size: 1143.75% auto
}

.about-product-series-icon .business-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 61.67664670658682% 31.57894736842105%;
    background-size: 1143.75% auto
}

.about-product-series-anchor:hover .about-product-series-icon .business-security {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 61.67664670658682% 21.052631578947366%;
    background-size: 1143.75% auto
}

.tp-link {
    color: #00a4ff;
    text-decoration: none;
    cursor: pointer
}

.tp-link:hover {
    color: #0092ee;
    text-decoration: underline
}

.tp-link--arrow,.tp-link--weak-arrow,.tp-link--white-arrow {
    font-size: 14px
}

.tp-link--arrow:after,.tp-link--weak-arrow:after,.tp-link--white-arrow:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(../assets/images/about/link-arrow_727.svg);
    transition: transform .4s;
    content: ""
}

.tp-link--arrow:hover,.tp-link--weak-arrow:hover,.tp-link--white-arrow:hover {
    text-decoration: none
}

.tp-link--arrow:hover:after,.tp-link--weak-arrow:hover:after,.tp-link--white-arrow:hover:after {
    transform: translateX(4px)
}

.tp-link--arrow.tp-link--disabled:after,.tp-link--arrow.tp-link--disabled:hover:after,.tp-link--weak-arrow.tp-link--disabled:after,.tp-link--weak-arrow.tp-link--disabled:hover:after,.tp-link--white-arrow.tp-link--disabled:after,.tp-link--white-arrow.tp-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-disabled_5f5.svg)
}

.tp-link--arrow.tp-link--disabled:hover:after,.tp-link--arrow.tp-link--disabled:hover:hover:after,.tp-link--weak-arrow.tp-link--disabled:hover:after,.tp-link--weak-arrow.tp-link--disabled:hover:hover:after,.tp-link--white-arrow.tp-link--disabled:hover:after,.tp-link--white-arrow.tp-link--disabled:hover:hover:after {
    transform: none
}

.tp-link--arrow.size-s,.tp-link--weak-arrow.size-s,.tp-link--white-arrow.size-s {
    font-size: 12px
}

.tp-link--arrow.size-s:after,.tp-link--weak-arrow.size-s:after,.tp-link--white-arrow.size-s:after {
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background-image: url(../assets/images/about/link-arrow-s_a15.svg)
}

.tp-link--arrow.size-s.tp-link--disabled:after,.tp-link--arrow.size-s.tp-link--disabled:hover:after,.tp-link--weak-arrow.size-s.tp-link--disabled:after,.tp-link--weak-arrow.size-s.tp-link--disabled:hover:after,.tp-link--white-arrow.size-s.tp-link--disabled:after,.tp-link--white-arrow.size-s.tp-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-s-disabled_916.svg)
}

.tp-link--arrow.size-l,.tp-link--weak-arrow.size-l,.tp-link--white-arrow.size-l {
    font-size: 16px
}

.tp-link.size-s {
    font-size: 12px
}

.tp-link.size-l {
    font-size: 16px
}

.tp-link--weak-arrow {
    color: #666
}

.tp-link--weak-arrow:after {
    background-image: url(../assets/images/about/link-arrow-gray_5c0.svg)
}

.tp-link--weak-arrow:hover {
    color: #00a4ff
}

.tp-link--weak-arrow:hover:after {
    background-image: url(../assets/images/about/link-arrow_727.svg)
}

.tp-link--weak-arrow.size-s:after {
    background-image: url(../assets/images/about/link-arrow-s-gray_55c.svg)
}

.tp-link--weak-arrow.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-s_a15.svg)
}

.tp-link--white-arrow {
    color: #fff
}

.tp-link--white-arrow:after {
    background-image: url(../assets/images/about/link-arrow-white_9ef.svg)
}

.tp-link--white-arrow:hover {
    color: #fff
}

.tp-link--white-arrow:hover:after {
    background-image: url(../assets/images/about/link-arrow-white_9ef.svg)
}

.tp-link--white-arrow.size-s:after,.tp-link--white-arrow.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-s-white_fbc.svg)
}

.tp-link--arrow-left,.tp-link--weak-arrow-left,.tp-link--white-arrow-left {
    font-size: 14px
}

.tp-link--arrow-left:before,.tp-link--weak-arrow-left:before,.tp-link--white-arrow-left:before {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(../assets/images/about/link-arrow-left_548.svg);
    transition: transform .4s;
    content: ""
}

.tp-link--arrow-left:hover,.tp-link--weak-arrow-left:hover,.tp-link--white-arrow-left:hover {
    text-decoration: none
}

.tp-link--arrow-left:hover:before,.tp-link--weak-arrow-left:hover:before,.tp-link--white-arrow-left:hover:before {
    transform: translateX(-4px)
}

.tp-link--arrow-left.tp-link--disabled:before,.tp-link--arrow-left.tp-link--disabled:hover:before,.tp-link--weak-arrow-left.tp-link--disabled:before,.tp-link--weak-arrow-left.tp-link--disabled:hover:before,.tp-link--white-arrow-left.tp-link--disabled:before,.tp-link--white-arrow-left.tp-link--disabled:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-disabled_7e9.svg)
}

.tp-link--arrow-left.tp-link--disabled:hover:before,.tp-link--arrow-left.tp-link--disabled:hover:hover:before,.tp-link--weak-arrow-left.tp-link--disabled:hover:before,.tp-link--weak-arrow-left.tp-link--disabled:hover:hover:before,.tp-link--white-arrow-left.tp-link--disabled:hover:before,.tp-link--white-arrow-left.tp-link--disabled:hover:hover:before {
    transform: none
}

.tp-link--arrow-left.size-s,.tp-link--weak-arrow-left.size-s,.tp-link--white-arrow-left.size-s {
    font-size: 12px
}

.tp-link--arrow-left.size-s:before,.tp-link--weak-arrow-left.size-s:before,.tp-link--white-arrow-left.size-s:before {
    width: 5px;
    height: 8px;
    background-image: url(../assets/images/about/link-arrow-left-s_eed.svg)
}

.tp-link--arrow-left.size-s.tp-link--disabled:before,.tp-link--arrow-left.size-s.tp-link--disabled:hover:before,.tp-link--weak-arrow-left.size-s.tp-link--disabled:before,.tp-link--weak-arrow-left.size-s.tp-link--disabled:hover:before,.tp-link--white-arrow-left.size-s.tp-link--disabled:before,.tp-link--white-arrow-left.size-s.tp-link--disabled:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-s-disabled_8e3.svg)
}

.tp-link--arrow-left.size-l,.tp-link--weak-arrow-left.size-l,.tp-link--white-arrow-left.size-l {
    font-size: 16px
}

.tp-link--weak-arrow-left {
    color: #666
}

.tp-link--weak-arrow-left:before {
    background-image: url(../assets/images/about/link-arrow-left-gray_4b4.svg)
}

.tp-link--weak-arrow-left:hover {
    color: #00a4ff
}

.tp-link--weak-arrow-left:hover:before {
    background-image: url(../assets/images/about/link-arrow-left_548.svg)
}

.tp-link--weak-arrow-left.size-s:before {
    background-image: url(../assets/images/about/link-arrow-left-s-gray_31a.svg)
}

.tp-link--weak-arrow-left.size-s:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-s_eed.svg)
}

.tp-link--white-arrow-left {
    color: #fff
}

.tp-link--white-arrow-left:before {
    background-image: url(../assets/images/about/link-arrow-left-white_aca.svg)
}

.tp-link--white-arrow-left:hover {
    color: #fff
}

.tp-link--white-arrow-left:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-white_aca.svg)
}

.tp-link--white-arrow-left.size-s:before,.tp-link--white-arrow-left.size-s:hover:before {
    background-image: url(../assets/images/about/link-arrow-left-s-white_ca9.svg)
}

.tp-link--arrow-top,.tp-link--weak-arrow-top,.tp-link--white-arrow-top {
    font-size: 14px
}

.tp-link--arrow-top:after,.tp-link--weak-arrow-top:after,.tp-link--white-arrow-top:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(../assets/images/about/link-arrow-top_4f0.svg);
    content: ""
}

.tp-link--arrow-top:hover,.tp-link--weak-arrow-top:hover,.tp-link--white-arrow-top:hover {
    text-decoration: none
}

.tp-link--arrow-top.tp-link--disabled:after,.tp-link--arrow-top.tp-link--disabled:hover:after,.tp-link--weak-arrow-top.tp-link--disabled:after,.tp-link--weak-arrow-top.tp-link--disabled:hover:after,.tp-link--white-arrow-top.tp-link--disabled:after,.tp-link--white-arrow-top.tp-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-disabled_7c6.svg)
}

.tp-link--arrow-top.size-s,.tp-link--weak-arrow-top.size-s,.tp-link--white-arrow-top.size-s {
    font-size: 12px
}

.tp-link--arrow-top.size-s:after,.tp-link--weak-arrow-top.size-s:after,.tp-link--white-arrow-top.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(../assets/images/about/link-arrow-top-s_a36.svg)
}

.tp-link--arrow-top.size-s.tp-link--disabled:after,.tp-link--arrow-top.size-s.tp-link--disabled:hover:after,.tp-link--weak-arrow-top.size-s.tp-link--disabled:after,.tp-link--weak-arrow-top.size-s.tp-link--disabled:hover:after,.tp-link--white-arrow-top.size-s.tp-link--disabled:after,.tp-link--white-arrow-top.size-s.tp-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-s-disabled_c3c.svg)
}

.tp-link--arrow-top.size-l,.tp-link--weak-arrow-top.size-l,.tp-link--white-arrow-top.size-l {
    font-size: 16px
}

.tp-link--weak-arrow-top {
    color: #666
}

.tp-link--weak-arrow-top:after {
    background-image: url(../assets/images/about/link-arrow-top-gray_424.svg)
}

.tp-link--weak-arrow-top:hover {
    color: #00a4ff
}

.tp-link--weak-arrow-top:hover:after {
    background-image: url(../assets/images/about/link-arrow-top_4f0.svg)
}

.tp-link--weak-arrow-top.size-s:after {
    background-image: url(../assets/images/about/link-arrow-top-s-gray_2b4.svg)
}

.tp-link--weak-arrow-top.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-s_a36.svg)
}

.tp-link--white-arrow-top {
    color: #fff
}

.tp-link--white-arrow-top:after {
    background-image: url(../assets/images/about/link-arrow-top-white_cd3.svg)
}

.tp-link--white-arrow-top:hover {
    color: #fff
}

.tp-link--white-arrow-top:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-white_cd3.svg)
}

.tp-link--white-arrow-top.size-s:after,.tp-link--white-arrow-top.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-top-s-white_e64.svg)
}

.tp-link--arrow-bottom,.tp-link--weak-arrow-bottom,.tp-link--white-arrow-bottom {
    font-size: 14px
}

.tp-link--arrow-bottom:after,.tp-link--weak-arrow-bottom:after,.tp-link--white-arrow-bottom:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(../assets/images/about/link-arrow-bottom_78e.svg);
    content: ""
}

.tp-link--arrow-bottom:hover,.tp-link--weak-arrow-bottom:hover,.tp-link--white-arrow-bottom:hover {
    text-decoration: none
}

.tp-link--arrow-bottom.tp-link--disabled:after,.tp-link--arrow-bottom.tp-link--disabled:hover:after,.tp-link--weak-arrow-bottom.tp-link--disabled:after,.tp-link--weak-arrow-bottom.tp-link--disabled:hover:after,.tp-link--white-arrow-bottom.tp-link--disabled:after,.tp-link--white-arrow-bottom.tp-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-disabled_a30.svg)
}

.tp-link--arrow-bottom.size-s,.tp-link--weak-arrow-bottom.size-s,.tp-link--white-arrow-bottom.size-s {
    font-size: 12px
}

.tp-link--arrow-bottom.size-s:after,.tp-link--weak-arrow-bottom.size-s:after,.tp-link--white-arrow-bottom.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(../assets/images/about/link-arrow-bottom-s_ca5.svg)
}

.tp-link--arrow-bottom.size-s.tp-link--disabled:after,.tp-link--arrow-bottom.size-s.tp-link--disabled:hover:after,.tp-link--weak-arrow-bottom.size-s.tp-link--disabled:after,.tp-link--weak-arrow-bottom.size-s.tp-link--disabled:hover:after,.tp-link--white-arrow-bottom.size-s.tp-link--disabled:after,.tp-link--white-arrow-bottom.size-s.tp-link--disabled:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s-disabled_76e.svg)
}

.tp-link--arrow-bottom.size-l,.tp-link--weak-arrow-bottom.size-l,.tp-link--white-arrow-bottom.size-l {
    font-size: 16px
}

.tp-link--weak-arrow-bottom {
    color: #666
}

.tp-link--weak-arrow-bottom:after {
    background-image: url(../assets/images/about/link-arrow-bottom-gray_7e3.svg)
}

.tp-link--weak-arrow-bottom:hover {
    color: #00a4ff
}

.tp-link--weak-arrow-bottom:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom_78e.svg)
}

.tp-link--weak-arrow-bottom.size-s:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s-gray_cea.svg)
}

.tp-link--weak-arrow-bottom.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s_ca5.svg)
}

.tp-link--white-arrow-bottom {
    color: #fff
}

.tp-link--white-arrow-bottom:after {
    background-image: url(../assets/images/about/link-arrow-bottom-white_c75.svg)
}

.tp-link--white-arrow-bottom:hover {
    color: #fff
}

.tp-link--white-arrow-bottom:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-white_c75.svg)
}

.tp-link--white-arrow-bottom.size-s:after,.tp-link--white-arrow-bottom.size-s:hover:after {
    background-image: url(../assets/images/about/link-arrow-bottom-s-white_cc7.svg)
}

.tp-link--disabled,.tp-link--disabled:hover {
    color: #999;
    cursor: default;
    pointer-events: none
}

.tp-link--underline-primary {
    position: relative
}

.tp-link--underline-primary:hover {
    text-decoration: none
}

.tp-link--underline-primary:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #00a4ff;
    content: ""
}

.tp-link--underline {
    position: relative;
    color: #333
}

.tp-link--underline:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #333;
    content: ""
}

.tp-link--underline:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp-link--underline:hover:after {
    border-bottom-color: #00a4ff
}

.tp-link--underline-weak {
    position: relative;
    color: #666
}

.tp-link--underline-weak:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #666;
    content: ""
}

.tp-link--underline-weak:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp-link--underline-weak:hover:after {
    border-bottom-color: #00a4ff
}

.tp-link--underline-weaker {
    position: relative;
    color: #999
}

.tp-link--underline-weaker:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #999;
    content: ""
}

.tp-link--underline-weaker:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp-link--underline-weaker:hover:after {
    border-bottom-color: #00a4ff
}

.about-scene-card {
    display: block;
    position: relative;
    padding: 20px 20px 170px;
    overflow: hidden;
    background-image: linear-gradient(179deg,#292f3b 2%,#242933);
    box-shadow: 8px 8px 20px 0 rgba(18,21,26,.6),-8px -8px 20px 0 rgba(54,62,77,.5),inset 0 4px 20px 0 rgba(36,41,51,.5);
    border-radius: 4px
}

.about-scene-card:hover {
    background: #242933;
    box-shadow: inset 8px 8px 20px 0 rgba(18,21,26,.5),inset -8px -8px 20px 0 rgba(54,62,77,.5);
    border-radius: 4px
}

.about-scene-card:hover .tp-link--arrow:after {
    transform: translateX(4px)
}

.about-scene-card-motion {
    transform: translateZ(0);
    transition: transform .2s
}

.about-scene-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.about-scene-card-cnt {
    position: relative;
    z-index: 2
}

.about-scene-card-tit {
    margin-bottom: 8px;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.about-scene-card-desc {
    line-height: 24px;
    font-size: 14px;
    color: hsla(0,0%,100%,.6);
    max-height: 72px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden
}

.about-scene-card-arrowlink {
    margin-top: 4px
}

.about-scene-card .about-scene-card-arrowlink .tp-link--arrow {
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.about-scene-card .about-scene-card-arrowlink .tp-link--arrow:after {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 35.59322033898305% 20.253164556962027%;
    background-size: 3050% auto
}

.about-scene-card-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.about-scene-card-img {
    display: block;
    width: 200px;
    height: 200px;
    font-size: 0
}

@media screen and (max-width: 768px) {
    .about-scene-card {
        padding:20px 120px 20px 20px
    }

    .about-scene-card-desc {
        max-height: 48px;
        -webkit-line-clamp: 2
    }

    .about-scene-card-arrowlink {
        margin-top: 12px
    }

    .about-scene-card-img {
        width: 290px;
        height: 168px;
        margin-right: -102px;
        margin-bottom: -31px
    }
}

.about-location-card {
    position: relative;
    padding: 20px;
    box-sizing: border-box
}

.about-location-card:hover .tp-link--white-arrow:after {
    transform: translateX(4px)
}

.about-location-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 3
}

.about-location-card-tit {
    margin-bottom: 8px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.about-location-card-object {
    width: 100%
}

.about-location-card-image {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
}

.about-location-card-des {
    margin-top: 8px;
    line-height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.about-location-card-bottom {
    position: absolute
}

.about-location-card-simple {
    position: relative;
    padding-top: 36px;
    padding-bottom: 70px
}

.about-location-card-simple .about-location-card-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    width: 100%;
    text-align: center;
    background: #495770;
    box-sizing: border-box
}

.about-location-card-dark {
    width: 380px;
    height: 216px;
    border-radius: 4px;
    background: rgba(47,54,69,.8)
}

.about-location-card-dark .about-location-card-des,.about-location-card-dark .about-location-card-tit {
    color: #fff
}

.about-bgwall-section {
    overflow: hidden
}

.about-bgwall {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    z-index: 1;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
    animation: bgScroll 24s linear infinite;
    will-change: transform;
    pointer-events: none
}

.about-bgwall-group {
    box-sizing: border-box;
    min-height: 280px
}

.about-bgwall-item {
    margin: 0 50px 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.about-bgwall-item-last {
    margin-left: 1100px
}

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

    to {
        transform: translateY(-33.333%)
    }
}

@media screen and (min-width: 769px) {
    .about-bgwall-section {
        position:relative
    }

    .about-bgwall-section:after,.about-bgwall-section:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 2;
        pointer-events: none
    }

    .about-bgwall-section:after {
        bottom: 0;
        background: linear-gradient(top,hsla(0,0%,100%,0),#fff);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0)
    }

    .about-bgwall-section.rno-section-bg:after {
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f7f8fa);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff",endColorstr="#f7f8fa",GradientType=0)
    }
}

.about-bgwall-item.logo-58 {
    width: 146px;
    height: 48px;
    background-image: url(../assets/images/about/58_b25.png)
}

.about-bgwall-item.logo-bilibili {
    width: 146px;
    height: 48px;
    background-image: url(../assets/images/about/bilibili_861.png)
}

.about-bgwall-item.logo-dianping {
    width: 164px;
    height: 55px;
    background-image: url(../assets/images/about/dianping_ac4.png)
}

.about-bgwall-item.logo-didi {
    width: 177px;
    height: 45px;
    background-image: url(../assets/images/about/didi_1a4.png)
}

.about-bgwall-item.logo-douyu {
    width: 197px;
    height: 51px;
    background-image: url(../assets/images/about/douyu_5a9.png)
}

.about-bgwall-item.logo-futus {
    width: 196px;
    height: 46px;
    background-image: url(../assets/images/about/futus_01c.png)
}

.about-bgwall-item.logo-gf {
    width: 197px;
    height: 70px;
    background-image: url(../assets/images/about/gf_445.png)
}

.about-bgwall-item.logo-gjdw {
    width: 196px;
    height: 66px;
    background-image: url(../assets/images/about/gjdw_2ed.png)
}

.about-bgwall-item.logo-jumei {
    width: 117px;
    height: 49px;
    background-image: url(../assets/images/about/jumei_757.png)
}

.about-bgwall-item.logo-kuaishou {
    width: 167px;
    height: 50px;
    background-image: url(../assets/images/about/kuaishou_186.png)
}

.about-bgwall-item.logo-txkt {
    width: 216px;
    height: 53px;
    background-image: url(../assets/images/about/txkt_eee.png)
}

.about-bgwall-item.logo-webank {
    width: 162px;
    height: 36px;
    background-image: url(../assets/images/about/webank_1e1.png)
}

.about-bgwall-item.logo-xhs {
    width: 102px;
    height: 50px;
    background-image: url(../assets/images/about/xhs_aa1.png)
}

.about-bgwall-item.logo-eqxiu {
    width: 176px;
    height: 41px;
    background-image: url(../assets/images/about/eqxiu_ae7.png)
}

.about-bgwall-item.logo-yhjy {
    width: 193px;
    height: 59px;
    background-image: url(../assets/images/about/yhjy_bc8.png)
}

.about-bgwall-item.logo-yjqy {
    width: 180px;
    height: 55px;
    background-image: url(../assets/images/about/yjqy_2d1.png)
}

.about-bgwall-item.logo-zglt {
    width: 118px;
    height: 64px;
    background-image: url(../assets/images/about/zglt_a07.png)
}

.about-bgwall-item.logo-zgyh {
    width: 394px;
    height: 60px;
    background-image: url(../assets/images/about/zgyh_74f.png)
}

.about-bgwall-item.logo-sany {
    width: 203px;
    height: 51px;
    background-image: url(../assets/images/about/sany_a98.png)
}

.about-feature-card {
    box-sizing: border-box;
    padding: 40px 28px;
    height: 270px;
    max-width: 236px;
    position: relative
}

.about-feature-card-inner {
    position: relative;
    z-index: 1
}

.about-feature-card-hd {
    margin-bottom: 32px
}

.about-feature-card-title {
    font-size: 20px;
    color: #495770;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 500
}

.about-feature-card-desc {
    font-size: 14px;
    color: #9ea6b3;
    letter-spacing: 0;
    line-height: 24px;
    max-height: 120px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal
}

.about-feature-card-icon {
    width: 136px;
    height: 136px;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    top: -70px;
    right: 8px;
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.about-feature-card.is-current {
    background: url(../assets/images/about/featrue-card-bg_0c8.png) 50% no-repeat;
    background-size: contain
}

.about-feature-card.is-current .about-feature-card-title {
    color: #fff
}

.about-feature-card.is-current .about-feature-card-desc {
    color: #fff;
    transition: all .2s ease-in-out
}

.about-feature-card.is-current .about-feature-card-icon {
    opacity: 1;
    visibility: visible
}

.tp1-mask {
    background: rgba(0,0,0,.75)
}

.tp1-mask,.tp1-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%
}

.tp1-modal {
    padding: 32px 0;
    overflow: auto;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.tp1-modal:before {
    width: 0;
    height: 100%;
    content: ""
}

.tp1-modal:before,.tp1-modal__inner {
    display: inline-block;
    vertical-align: middle
}

.tp1-modal__inner {
    position: relative;
    width: 480px;
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
    white-space: normal;
    text-align: left;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(3,27,78,.06)
}

.tp1-modal__hd {
    padding: 28px 28px 12px
}

.tp1-modal__title {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.tp1-modal__close {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    font-size: 0;
    background-image: url(../assets/images/about/close_3fb.svg);
    cursor: pointer
}

.tp1-modal__close:hover {
    background-image: url(../assets/images/about/close-hover_80b.svg)
}

.tp1-modal__bd {
    max-height: 638px;
    padding: 12px 28px 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-height: 768px) {
    .tp1-modal__bd {
        max-height:438px
    }
}

.tp1-modal__bd:last-child {
    padding-bottom: 28px
}

.tp1-modal__bd::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.tp1-modal__bd::-webkit-scrollbar-thumb {
    background-color: #dee1e6;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 6px
}

.tp1-modal__ft {
    padding: 28px;
    font-size: 0;
    text-align: center
}

.tp1-modal__ft .tp1-btn {
    margin: 0 6px
}

.tp1-modal.size-s .tp1-modal__inner {
    width: 380px
}

.tp1-modal.size-l .tp1-modal__inner {
    width: 580px
}

.tp1-modal.size-auto .tp1-modal__inner {
    width: auto
}

.tp1-modal--no-title .tp1-modal__hd {
    padding-bottom: 0
}

.tp1-modal--no-title .tp1-modal__bd {
    padding-top: 0
}

.tp1-modal--no-title .tp1-modal__bd:first-child {
    padding-top: 28px
}

.tp1-modal__msg-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 0
}

.tp1-modal__msg-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 24px;
    margin-right: 8px;
    color: #00a4ff
}

.tp1-modal__msg-icon img {
    display: block;
    max-height: 100%
}

.tp1-modal__msg-icon .tp1-icon--success-24 {
    color: #0abf5b
}

.tp1-modal__msg-icon .tp1-icon--error-24 {
    color: #e54545
}

.tp1-modal__msg-icon .tp1-icon--warning-24 {
    color: #f0b64b
}

.tp1-modal__msg-title {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.tp1-modal__msg-bd {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    word-wrap: break-word
}

@media screen and (max-width: 600px) {
    .tp1-modal {
        padding:0
    }

    .tp1-modal__inner {
        width: 300px!important
    }

    .tp1-modal__hd {
        padding: 24px 24px 8px
    }

    .tp1-modal__bd {
        max-height: none;
        padding: 0 24px 24px
    }

    .tp1-modal__bd:last-child {
        padding-bottom: 24px
    }

    .tp1-modal__ft {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0;
        border-top: 1px solid transparent
    }

    .tp1-modal__ft:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e8ed;
        transform: scaleY(.5);
        transform-origin: center top;
        content: ""
    }

    .tp1-modal__ft .tp1-btn {
        position: relative;
        margin: 0
    }

    .tp1-modal__ft .tp1-btn:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #e5e8ed;
        transform: scaleX(.5);
        transform-origin: left center;
        content: ""
    }

    .tp1-modal__ft .tp1-btn:last-child:before {
        display: none
    }

    .tp1-modal__ft .tp1-btn,.tp1-modal__ft .tp1-btn:hover {
        -ms-flex: 1;
        flex: 1;
        height: 48px;
        color: #00a4ff;
        font-size: 16px;
        line-height: 48px;
        background: transparent;
        border: none
    }

    .tp1-modal__ft .tp1-btn:active,.tp1-modal__ft .tp1-btn:hover:active {
        background: rgba(0,0,0,.04)
    }

    .tp1-modal__ft .tp1-btn--hole,.tp1-modal__ft .tp1-btn--hole:hover {
        color: #000
    }

    .tp1-modal--no-title .tp1-modal__bd:first-child {
        padding-top: 24px
    }

    .tp1-modal.m-size-full .tp1-modal__inner {
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%!important;
        max-width: none;
        height: 100%;
        border-radius: 0;
        box-shadow: none
    }

    .tp1-modal.m-size-full .tp1-modal__hd {
        position: relative;
        height: 56px;
        padding: 16px 32px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(3,27,78,.12)
    }

    .tp1-modal.m-size-full .tp1-modal__title {
        overflow: hidden;
        color: #000;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis
    }

    .tp1-modal.m-size-full .tp1-modal__close {
        top: 0;
        right: 0;
        bottom: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 48px;
        height: 56px;
        margin-bottom: 0;
        background-image: none
    }

    .tp1-modal.m-size-full .tp1-modal__close:after {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(../assets/images/about/m-close_244.svg);
        content: ""
    }

    .tp1-modal.m-size-full .tp1-modal__close:active:after {
        background-image: url(../assets/images/about/m-close-active_eea.svg)
    }

    .tp1-modal.m-size-full .tp1-modal__bd {
        -ms-flex: 1;
        flex: 1;
        max-height: none;
        padding: 20px 16px
    }

    .tp1-modal.m-size-full .tp1-modal__ft {
        padding: 16px 10px
    }

    .tp1-modal.m-size-full .tp1-modal__ft .tp1-btn {
        margin: 0 6px
    }

    .tp1-modal.m-size-full .tp1-modal__ft .tp1-btn:before {
        display: none
    }

    .tp1-modal.m-size-full .tp1-modal__ft .tp1-btn,.tp1-modal.m-size-full .tp1-modal__ft .tp1-btn:hover {
        color: #fff;
        line-height: 46px;
        background: #00a4ff;
        border: 1px solid transparent
    }

    .tp1-modal.m-size-full .tp1-modal__ft .tp1-btn:active {
        background: #0092ee
    }

    .tp1-modal.m-size-full .tp1-modal__ft .tp1-btn--hole,.tp1-modal.m-size-full .tp1-modal__ft .tp1-btn--hole:hover {
        color: #00a4ff;
        background: transparent;
        border: 1px solid #00a4ff
    }

    .tp1-modal.m-size-full .tp1-modal__ft .tp1-btn--hole:active {
        color: #00a4ff;
        background: rgba(0,164,255,.15)
    }
}

.tp1-img-preview {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: zoom-in
}

.tp1-img-preview img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.tp1-img-preview__viewer .tp1-modal__inner {
    width: auto;
    min-width: 600px;
    max-width: 90%
}

.tp1-img-preview__viewer .tp1-modal__close {
    z-index: 9
}

.tp1-img-preview__viewer .tp1-modal__hd {
    padding: 0
}

.tp1-img-preview__viewer .tp1-modal__bd {
    max-height: 88vh;
    padding: 12px 28px
}

.tp1-img-preview__viewer img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .tp1-img-preview__viewer.tp1-modal {
        overflow:hidden
    }

    .tp1-img-preview__viewer .tp1-modal__inner {
        position: static;
        min-width: 300px;
        background: transparent;
        box-shadow: none
    }

    .tp1-img-preview__viewer .tp1-modal__close {
        top: 16px;
        right: 16px;
        bottom: auto
    }

    .tp1-img-preview__viewer .tp1-modal__bd {
        max-height: 90vh;
        padding: 0!important;
        overflow: visible
    }

    .tp1-img-preview__viewer img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: none;
        transform: translate(-50%,-50%);
        -ms-touch-action: none;
        touch-action: none
    }
}

.tpm1-global-facilities__actionbar {
    padding-left: 20px;
    padding-right: 20px;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    -ms-flex-pack: center
}

.tpm1-global-facilities__actionbar,.tpm1-global-facilities__actionbar-btn {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.tpm1-global-facilities__actionbar-btn {
    padding: 20px 18px;
    max-width: 256px;
    font-size: 0;
    box-sizing: border-box;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    transition: all .3s ease-in-out;
    border-radius: 34px;
    min-width: 0;
    min-height: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    -ms-flex-pack: center
}

.tpm1-global-facilities__actionbar-btn:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
}

.tpm1-global-facilities__actionbar-btn-icon {
    margin-right: 16px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tpm1-global-facilities__actionbar-btn-icon i {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.tpm1-global-facilities__actionbar-btn-icon .icon-open-area {
    background-image: url(../assets/images/about/icon-open-area_a5b.svg)
}

.tpm1-global-facilities__actionbar-btn-icon .icon-os-coop {
    background-image: url(../assets/images/about/icon-os-coop_7d1.svg)
}

.tpm1-global-facilities__actionbar-btn-icon .icon-cdn {
    background-image: url(../assets/images/about/icon-cdn_805.svg)
}

.tpm1-global-facilities__actionbar-btn-text {
    line-height: 24px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.tpm1-global-facilities__actionbar-btn.is-disable .tpm1-global-facilities__actionbar-btn-icon .icon-open-area,.tpm1-global-facilities__actionbar-btn.is-disable:hover .tpm1-global-facilities__actionbar-btn-icon .icon-open-area {
    background-image: url(../assets/images/about/icon-open-area-disable_976.svg)
}

.tpm1-global-facilities__actionbar-btn.is-disable .tpm1-global-facilities__actionbar-btn-icon .icon-os-coop,.tpm1-global-facilities__actionbar-btn.is-disable:hover .tpm1-global-facilities__actionbar-btn-icon .icon-os-coop {
    background-image: url(../assets/images/about/icon-os-coop-disable_976.svg)
}

.tpm1-global-facilities__actionbar-btn.is-disable .tpm1-global-facilities__actionbar-btn-icon .icon-cdn,.tpm1-global-facilities__actionbar-btn.is-disable:hover .tpm1-global-facilities__actionbar-btn-icon .icon-cdn {
    background-image: url(../assets/images/about/icon-cdn-disable_f4e.svg)
}

.tpm1-global-facilities__actionbar-btn.is-disable .tpm1-global-facilities__actionbar-btn-text,.tpm1-global-facilities__actionbar-btn.is-disable:hover .tpm1-global-facilities__actionbar-btn-text {
    color: #5f7292
}

.tpm1-global-facilities__actionbar-btn+.tpm1-global-facilities__actionbar-btn {
    margin-left: 20px
}

.tpm1-global-facilities__panel {
    margin-top: 10px
}

.tpm1-global-facilities__panel:first-child {
    margin-top: 0
}

.tpm1-global-facilities__panel.has-border {
    margin-top: -34px;
    padding: 54px 18px 20px;
    background-color: #f3f5f8;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 8px 8px 20px 0 rgba(219,229,239,.65),inset -8px -8px 20px 0 #fff;
    border-radius: 4px
}

.tpm1-global-facilities__panel.has-border:first-child {
    margin-top: 0;
    padding-top: 20px
}

.tpm1-global-facilities__map {
    position: relative;
    padding-top: 49.4828%;
    background-image: url(../assets/images/about/bg-map_ace.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.tpm1-global-facilities__map-group.is-hide {
    display: none
}

.tpm1-global-facilities__map-group.is-open-area .tpm1-global-facilities__map-dot-icon .icon {
    background-image: url(../assets/images/about/icon-open-area_a5b.svg)
}

.tpm1-global-facilities__map-group.is-os-coop .tpm1-global-facilities__map-dot-icon .icon {
    background-image: url(../assets/images/about/icon-os-coop_7d1.svg)
}

.tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot-icon:after,.tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot-icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: all .3s ease-out
}

.tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot-icon:before {
    z-index: -1;
    width: 16px;
    height: 16px;
    box-shadow: inset 0 0 6px 0 rgba(0,89,246,.6)
}

.tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot-icon:after {
    z-index: 2;
    width: 0;
    height: 0;
    background-color: #fff
}

.tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot-icon .icon {
    width: 6px;
    height: 6px;
    background-color: #0053d9;
    box-shadow: none
}

.tpm1-global-facilities__map-dot {
    position: absolute;
    cursor: pointer
}

.tpm1-global-facilities__map-dot-icon {
    position: relative;
    z-index: 1
}

.tpm1-global-facilities__map-dot-icon .icon {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 4px 4px 8px 0 rgba(5,43,105,.43);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transition: all .3s ease-out
}

.tpm1-global-facilities__map-dot-text {
    position: absolute;
    left: 100%;
    top: 50%;
    padding-left: 4px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    white-space: nowrap;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.tpm1-global-facilities__map-dot-text.is-left {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 4px
}

.tpm1-global-facilities__map-dot-bubble {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 10px;
    width: 200px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    cursor: default;
    pointer-events: none;
    transition: all .3s ease-out
}

.tpm1-global-facilities__map-dot-bubble-inner {
    display: inline-block;
    vertical-align: top;
    left: 50%;
    top: 100%;
    padding: 1px 10px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 4px 4px 8px 0 rgba(5,43,105,.43)
}

.tpm1-global-facilities__map-dot-bubble-inner:after,.tpm1-global-facilities__map-dot-bubble-inner:before {
    content: "";
    position: absolute;
    top: inherit;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px dashed transparent
}

.tpm1-global-facilities__map-dot-bubble-inner:before {
    margin-left: -6px;
    border-top-color: #fff
}

.tpm1-global-facilities__map-dot-bubble-inner:after {
    margin-left: -5px;
    border: 5px dashed transparent
}

.tpm1-global-facilities__thumbnail {
    display: none
}

.tpm1-global-facilities__thumbnail img {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (min-width: 769px) {
    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-icon .icon {
        transform:scale(2);
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2)
    }

    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-icon:before {
        width: 20px;
        height: 20px
    }

    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-icon:after {
        width: 4px;
        height: 4px
    }

    .tpm1-global-facilities__map-dot:hover {
        z-index: 9
    }

    .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-bubble {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

@media screen and (max-width: 1199px) {
    .tpm1-global-facilities__actionbar-btn {
        padding:14px 12px
    }

    .tpm1-global-facilities__actionbar-btn-icon {
        margin-right: 12px
    }

    .tpm1-global-facilities__panel.has-border {
        margin-top: -28px;
        padding-top: 48px
    }

    .tpm1-global-facilities__panel.has-border:first-child {
        margin-top: 0
    }

    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot-icon:before {
        width: 12px;
        height: 12px
    }

    .tpm1-global-facilities__map-dot-icon .icon {
        width: 16px;
        height: 16px
    }
}

@media screen and (min-width: 769px) and (max-width:1199px) {
    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-icon .icon {
        transform:scale(1.5);
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }

    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-icon:before {
        width: 16px;
        height: 16px
    }

    .tpm1-global-facilities__map-group.is-cdn .tpm1-global-facilities__map-dot:hover .tpm1-global-facilities__map-dot-icon:after {
        width: 3px;
        height: 3px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-global-facilities__actionbar {
        display:none
    }

    .tpm1-global-facilities__panel,.tpm1-global-facilities__panel.has-border {
        margin: 0
    }

    .tpm1-global-facilities__panel.has-border {
        padding: 4px
    }

    .tpm1-global-facilities__map {
        display: none
    }

    .tpm1-global-facilities__thumbnail {
        display: block
    }
}

@media screen and (min-width: 769px) {
    .about-timeline {
        position:relative;
        overflow: hidden;
        padding-bottom: 32px
    }

    .about-timeline__line {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -18px;
        height: 4px;
        background-repeat: repeat-x;
        background-image: url(../assets/images/about/bg-dot-horizontal_9b1.png);
        background-size: auto 4px;
        background-position: 0;
        transition: transform .6s ease-in-out
    }

    .about-timeline__line:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: linear-gradient(left,hsla(0,0%,100%,0),#fff);
        background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1)
    }

    .about-timeline__list {
        padding-top: 252px;
        padding-bottom: 252px;
        height: 0;
        font-size: 0;
        white-space: nowrap;
        transition: transform .6s ease-in-out
    }

    .about-timeline__item+.about-timeline__item {
        margin-left: 120px
    }

    .about-timeline__item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }

    .about-timeline__item-inner {
        position: absolute;
        width: 220px
    }

    .about-timeline__item-order {
        position: absolute;
        left: 0;
        width: 20px;
        height: 49px
    }

    .about-timeline__item-order:after {
        content: "";
        display: block;
        position: absolute;
        left: 3px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #526897
    }

    .about-timeline__item-main {
        padding: 12px;
        height: 212px;
        background-color: #fff;
        overflow: hidden;
        box-sizing: border-box;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .about-timeline__item-tit {
        line-height: 28px;
        font-size: 20px;
        font-weight: 400;
        color: #0052d9
    }

    .about-timeline__item-desc {
        margin-top: 12px;
        line-height: 24px;
        font-size: 14px;
        color: #495770
    }

    .about-timeline__item-desc .replenish {
        position: relative;
        border: 1px solid #495770;
        border-radius: 2px;
        padding: 10px;
        margin-top: 30px
    }

    .about-timeline__item-desc .replenish i {
        position: absolute;
        left: 10px;
        top: -12px;
        background-color: #fff;
        padding: 0 8px
    }

    .about-timeline__item:nth-child(odd) .about-timeline__item-inner {
        bottom: -10px;
        padding-bottom: 49px
    }

    .about-timeline__item:nth-child(odd) .about-timeline__item-order {
        bottom: 0;
        background-image: url(../assets/images/about/bg-order-bottom_757.svg);
        background-size: cover
    }

    .about-timeline__item:nth-child(odd) .about-timeline__item-order:after {
        bottom: 3px
    }

    .about-timeline__item:nth-child(odd) .about-timeline__item-main {
        border-radius: 4px 4px 4px 0
    }

    .about-timeline__item:nth-child(2n) .about-timeline__item-inner {
        top: -10px;
        padding-top: 49px;
        margin-left: -120px
    }

    .about-timeline__item:nth-child(2n) .about-timeline__item-order {
        left: auto;
        right: 0;
        top: 0;
        background-image: url(../assets/images/about/bg-order-top_4ea.svg)
    }

    .about-timeline__item:nth-child(2n) .about-timeline__item-order:after {
        top: 3px
    }

    .about-timeline__item:nth-child(2n) .about-timeline__item-main {
        border-radius: 4px 0 4px 4px
    }

    .about-timeline__ft {
        gap: 32px
    }

    .about-timeline__btn,.about-timeline__ft {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .about-timeline__btn {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        border: 1px solid #fff;
        background: linear-gradient(90deg,#f4f5f8,#fefefe);
        box-shadow: 6px 6px 15px 0 rgba(55,99,170,.1);
        border-radius: 50%;
        color: #0052d9;
        cursor: pointer
    }

    .about-timeline__btn:hover {
        border: 1px solid #afccff;
        background: #d7e6ff
    }

    .about-timeline__btn.is-disabled {
        color: #96a3b7;
        cursor: not-allowed;
        pointer-events: none
    }

    .about-timeline__btn--prev {
        background: linear-gradient(-90deg,#f4f5f8,#fefefe)
    }
}

@media screen and (max-width: 768px) {
    .about-timeline {
        position:relative
    }

    .about-timeline__line {
        position: absolute;
        left: 8px;
        top: 0;
        bottom: 0;
        width: 4px;
        background-repeat: repeat-y;
        background-image: url(../assets/images/about/bg-dot-vertical_dfa.png);
        background-size: 4px auto;
        background-position: top;
        transform: none!important
    }

    .about-timeline__line:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 4px;
        height: 140px;
        background: linear-gradient(top,hsla(0,0%,100%,0),#fff);
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=0)
    }

    .about-timeline__list {
        display: -ms-flexbox;
        display: flexbox;
        display: flex;
        box-orient: vertical;
        box-direction: reverse;
        -ms-flex-flow: column nowrap;
        -ms-flex-direction: column-reverse;
        flex-flow: column nowrap;
        flex-direction: column-reverse;
        transform: none!important
    }

    .about-timeline__ft {
        display: none
    }

    .about-timeline__item+.about-timeline__item {
        margin-bottom: 16px
    }

    .about-timeline__item-inner {
        padding-left: 39px
    }

    .about-timeline__item-order {
        position: absolute;
        left: 0;
        width: 39px;
        height: 24px;
        background-image: url(../assets/images/about/sprite.About-202412091943.svg);
        background-position: 0% 0%;
        background-size: 469.2307692307692% auto
    }

    .about-timeline__item-order:after {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #526897
    }

    .about-timeline__item-main {
        padding: 10px 16px;
        background-color: #fff;
        border-radius: 0 4px 4px 4px;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5)
    }

    .about-timeline__item-tit {
        line-height: 28px;
        font-size: 18px;
        font-weight: 400;
        color: #0052d9
    }

    .about-timeline__item-desc {
        margin-top: 4px;
        line-height: 24px;
        font-size: 14px;
        color: #495770
    }
}

[class*=pls-media-panel-clamp-],[class^=pls-media-panel-clamp-] {
    display: -webkit-box;
    box-orient: vertical;
    overflow: hidden
}

.pls-media-panel-clamp-2 {
    -webkit-line-clamp: 2;
    max-height: 48px
}

.pls-media-panel-clamp-3 {
    -webkit-line-clamp: 3;
    max-height: 72px
}

.pls-media-panel {
    box-sizing: border-box;
    display: block;
    text-align: center;
    font-size: 14px
}

.pls-media-panel-object {
    margin: 0 auto 20px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px
}

.pls-media-panel-object-border {
    width: 86px;
    height: 86px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    line-height: 86px
}

.pls-media-panel-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px
}

.pls-media-panel-title {
    font-size: 18px;
    line-height: 28px;
    color: #16181a;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-media-panel-desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
    color: #495770
}

.pls-media-panel-desc p {
    margin: 0
}

.pls-media-panel-links {
    margin-top: 10px
}

.pls-media-panel-link {
    color: #0052d9;
    text-decoration: none
}

.pls-media-panel-link:after {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-color: transparent #0052d9 #0052d9 transparent;
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    transition: transform .3s ease-in-out
}

.pls-media-panel-link:hover:after {
    transform: rotate(-45deg) translate3d(3px,3px,0)
}

.pls-media-panel-horizontal {
    position: relative;
    padding-left: 116px;
    min-height: 86px;
    text-align: left
}

.pls-media-panel-horizontal .pls-media-panel-object {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box
}

.pls-media-panel-horizontal .pls-media-panel-body {
    padding-top: 10px
}

.pls-media-panel-horizontal .pls-media-panel-desc {
    margin-top: 15px
}

.pls-media-panel-left {
    text-align: left
}

.pls-media-panel-left .pls-media-panel-object {
    margin-left: 0
}

@media (max-width: 768px) {
    .pls-media-panel {
        text-align:center;
        padding-left: 0
    }

    .pls-media-panel .pls-media-panel-object {
        position: static;
        display: block;
        margin: 0 auto 20px
    }

    .pls-media-panel .pls-media-panel-body {
        padding-top: 0
    }

    .pls-media-panel .pls-media-panel-title {
        font-size: 16px
    }

    .pls-media-panel .pls-media-panel-desc {
        margin-top: 10px
    }
}

.page-about-home .mod-hero {
    position: relative
}

.page-about-home .pls-db-isAir {
    padding-top: 62px
}

.page-about-home .pls-db {
    position: relative;
    height: 500px;
    box-sizing: border-box;
    overflow: hidden
}

.page-about-home .pls-db:after,.page-about-home .pls-db:before {
    content: none!important
}

.page-about-home .pls-db-inner:after {
    display: none
}

.page-about-home .pls-db-video-wrap {
    width: 2560px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background-size: 100% 100%
}

.page-about-home .pls-db-video-wrap.is-bg-show {
    background-image: url(../assets/images/about/bannerPC-new_b71.jpg)
}

.page-about-home .pls-db-video-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(19,22,27,.1);
    z-index: 1
}

.page-about-home .pls-db-video {
    width: 2560px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page-about-home .pls-db-ctn {
    margin: 0 auto;
    padding-top: 60px;
    display: block;
    max-width: 859px;
    text-align: center
}

.page-about-home .pls-db-title {
    display: inline-block;
    font-weight: 500;
    font-size: 42px;
    line-height: 54px;
    color: #fff;
    position: relative;
    margin-right: 41px
}

.page-about-home .pls-db-title:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: hsla(0,0%,100%,.8);
    top: 0;
    right: -20px
}

.page-about-home .pls-db-subtitle {
    display: inline-block;
    font-weight: 500;
    font-size: 42px;
    line-height: 54px;
    color: #fff
}

.page-about-home .pls-db-left .pls-db-txt {
    max-width: 100%
}

.page-about-home .pls-db-txt {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-align: justify
}

.page-about-home .pls-db-btns {
    margin-top: 20px
}

.page-about-home .mod-hero__player {
    cursor: pointer;
    margin: 20px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 176px;
    height: 48px;
    border: 1px solid #fff;
    filter: drop-shadow(8px 8px 20px rgba(55,99,170,.1))
}

.page-about-home .mod-hero__player:before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 23.636363636363637% 21.333333333333336%;
    background-size: 1016.6666666666666% auto
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-hero__player {
        transition:background-color .3s ease-in-out
    }

    .page-about-home .mod-hero__player:hover {
        background-color: hsla(0,0%,100%,.4)
    }
}

.page-about-home .mod-hero__player-btn {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-left: 10px
}

.page-about-home .mod-hero__event {
    margin: 0 auto;
    box-sizing: border-box
}

.page-about-home .mod-hero__event-inner {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.page-about-home .mod-hero__event .tp-grid__col,.page-about-home .mod-hero__event .tp-grid__row {
    margin: 0;
    padding: 0
}

.page-about-home .mod-hero__event-cell {
    padding: 20px 20px 24px;
    text-align: center
}

.page-about-home .mod-hero__event-tit {
    line-height: 48px;
    font-size: 32px;
    color: #0052d9;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.page-about-home .mod-hero__event-desc {
    margin-top: 12px;
    line-height: 26px;
    font-size: 16px;
    color: #495770
}

@media screen and (min-width: 1920px) {
    .page-about-home .pls-db:after,.page-about-home .pls-db:before {
        content:"";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 200px;
        box-sizing: border-box;
        pointer-events: none;
        z-index: 2
    }

    .page-about-home .pls-db:before {
        left: 50%;
        margin-left: -962px;
        background: linear-gradient(left,#f3f5f8,rgba(243,245,248,0));
        background: linear-gradient(90deg,#f3f5f8 0,rgba(243,245,248,0));
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#f3f5f8",endColorstr="#00f3f5f8",GradientType=1)
    }

    .page-about-home .pls-db:after {
        right: 50%;
        margin-right: -962px;
        background: linear-gradient(left,rgba(243,245,248,0),#f3f5f8);
        background: linear-gradient(90deg,rgba(243,245,248,0) 0,#f3f5f8);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00f3f5f8",endColorstr="#f3f5f8",GradientType=1)
    }
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-hero__event {
        position:absolute;
        bottom: -64px;
        left: 50%;
        z-index: 2;
        padding: 0 10px;
        max-width: 1200px;
        width: 100%;
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .mod-hero {
        margin-top:-57px
    }

    .page-about-home .pls-db {
        padding-top: 92px;
        height: 436px;
        box-sizing: border-box
    }

    .page-about-home .pls-db-left {
        text-align: left
    }

    .page-about-home .pls-db-ctn {
        padding-top: 0;
        max-width: none;
        width: 528px;
        margin: 0 auto
    }

    .page-about-home .pls-db-subtitle,.page-about-home .pls-db-title {
        font-weight: 400;
        font-size: 32px;
        line-height: 40px
    }

    .page-about-home .pls-db-txt {
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        margin-top: 10px
    }

    .page-about-home .pls-db-btns {
        margin-top: 20px
    }

    .page-about-home .mod-hero__player {
        display: -ms-flexbox;
        display: flex
    }

    .page-about-home .mod-hero__event {
        position: relative;
        margin-top: -65px;
        margin-left: 16px;
        margin-right: 16px;
        z-index: 2
    }

    .page-about-home .mod-hero__event-inner {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .page-about-home .mod-hero__event-cell {
        padding: 10px
    }

    .page-about-home .mod-hero__event-tit {
        line-height: 32px;
        font-size: 24px
    }

    .page-about-home .mod-hero__event-desc {
        margin-top: 8px
    }
}

@media screen and (max-width: 600px) {
    .page-about-home .pls-db {
        padding-top:116px;
        background-image: url(../assets/images/about/bg-banner-mb_290.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat
    }

    .page-about-home .pls-db-video-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: 100% 100%;
        transform: translate(0)
    }

    .page-about-home .pls-db-video-wrap.is-bg-show {
        background-image: none
    }

    .page-about-home .pls-db-video {
        display: none
    }

    .page-about-home .pls-db-title {
        display: block;
        font-weight: 500;
        font-size: 36px;
        line-height: 44px;
        margin-right: 0
    }

    .page-about-home .pls-db-title:after {
        content: none
    }

    .page-about-home .pls-db-subtitle {
        display: block;
        margin-top: 20px;
        font-weight: 400;
        font-size: 24px;
        line-height: 32px
    }

    .page-about-home .pls-db-txt {
        display: none
    }

    .page-about-home .pls-db-ctn {
        width: auto
    }
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-timeline {
        overflow:hidden;
        padding: 0 10px
    }

    .page-about-home .mod-timeline .pls-section__inner {
        padding-left: 0;
        padding-right: 0
    }

    .page-about-home .mod-timeline .about-timeline__line {
        right: -194px
    }

    .page-about-home .mod-timeline .about-timeline__line:after {
        background: linear-gradient(left,rgba(235,239,245,0),#ebeff5);
        background: linear-gradient(90deg,rgba(235,239,245,0) 0,#ebeff5);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ebeff5",endColorstr="#ebeff5",GradientType=1)
    }
}

@media screen and (max-width: 769px) {
    .page-about-home .mod-timeline {
        overflow:hidden
    }

    .page-about-home .mod-timeline .about-timeline__line:after {
        background: linear-gradient(top,rgba(235,239,245,0),#ebeff5);
        background: linear-gradient(180deg,rgba(235,239,245,0) 0,#ebeff5);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ebeff5",endColorstr="#ebeff5",GradientType=0)
    }
}

.page-about-home .tp-grid__row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px
}

.page-about-home .tp-grid__col {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.page-about-home .tp-grid__col--5 {
    width: 20%
}

.page-about-home .tp-link--arrow {
    color: #0052d9
}

.page-about-home .tp-btn {
    background-color: #0052d9
}

.page-about-home .tp-link--arrow:after {
    background-image: url(../assets/images/about/sprite.About-202412091943.svg);
    background-position: 32.20338983050847% 20.253164556962027%;
    background-size: 3050% auto
}

.page-about-home .mod-footer {
    margin-top: 28px;
    text-align: center
}

.page-about-home .mod-footer .tp-link--arrow {
    line-height: 24px
}

@media screen and (min-width: 769px) {
    .page-about-home {
        overflow:hidden
    }

    .page-about-home .pls-section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .page-about-home .pls-section__title {
        font-weight: 400
    }

    .page-about-home .pls-section__desc {
        line-height: 26px;
        font-size: 16px
    }
}

@media screen and (max-width: 1023px) {
    .page-about-home .pls-section:after {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .page-about-home {
        min-width:320px;
        background: #f7f8fa
    }

    .page-about-home .pls-section {
        padding-top: 32px;
        padding-bottom: 32px;
        background: #fff
    }

    .page-about-home .pls-section__inner {
        padding: 0 16px
    }

    .page-about-home .pls-section__hd {
        margin-bottom: 32px
    }

    .page-about-home .pls-section__title {
        line-height: 32px;
        font-size: 24px;
        color: #000;
        font-weight: 400
    }

    .page-about-home .pls-section__desc {
        display: none;
        margin-top: 12px;
        line-height: 26px
    }

    .page-about-home .mod-footer {
        margin-top: 20px
    }
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-choose__mb {
        display:none
    }

    .page-about-home .mod-choose.pls-section {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        background-image: url(../assets/images/about/bg-mod-choose_507.jpg);
        padding-bottom: 0;
        padding-top: 124px
    }

    .page-about-home .mod-choose.pls-section .pls-section__hd {
        margin-bottom: 82px
    }

    .page-about-home .mod-choose.pls-section .tp-grid__layout {
        overflow: initial
    }

    .page-about-home .mod-choose.pls-section .tp-grid__col,.page-about-home .mod-choose .tp-grid__row {
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .mod-choose__pc {
        display:none
    }

    .page-about-home .mod-choose.pls-section {
        background: none
    }

    .page-about-home .mod-choose .pls-section__hd {
        margin-bottom: 24px
    }

    .page-about-home .mod-choose .tp-grid__row {
        margin-bottom: -10px
    }

    .page-about-home .mod-choose .tp-grid__col {
        margin-bottom: 10px
    }

    .page-about-home .mod-choose .pls-media-panel {
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 12px 16px;
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
        border-radius: 4px;
        box-sizing: border-box
    }

    .page-about-home .mod-choose .pls-media-panel-object {
        display: table-cell;
        vertical-align: top;
        margin: 0;
        width: 80px
    }

    .page-about-home .mod-choose .pls-media-panel-icon {
        position: static;
        display: block;
        width: 80px;
        height: 80px
    }

    .page-about-home .mod-choose .pls-media-panel-body {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0 0 12px;
        text-align: left
    }

    .page-about-home .mod-choose .pls-media-panel-title {
        line-height: 28px;
        font-size: 16px;
        color: #495770
    }

    .page-about-home .mod-choose .pls-media-panel-desc {
        margin-top: 4px;
        line-height: 24px;
        font-size: 14px;
        color: #495770
    }
}

.page-about-home .mod-product .mod-footer .tp-btn {
    min-width: 220px;
    border-radius: 2px;
    background-color: #0052d9
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-product .mod-footer .tp-btn {
        transition:background-color .3s ease-in-out
    }
}

.page-about-home .mod-product .mod-footer .tp-btn:hover {
    background-color: #2670e8
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-product .pls-section__hd {
        margin-bottom:40px
    }

    .page-about-home .mod-product .mod-footer {
        margin-top: 0;
        position: relative;
        top: -104px;
        margin-bottom: -40px
    }

    .page-about-home .mod-product .pls-section__inner {
        max-width: 100%
    }

    .page-about-home .mod-product .mod-product-img-wrap {
        height: 460px;
        background: no-repeat 50% url(../assets/images/about/bg-product-series_87d.png);
        background-size: auto 100%;
        margin-top: 70px
    }

    .page-about-home .mod-product-mb-list {
        display: none
    }
}

@media screen and (max-width: 1440px) {
    .page-about-home .mod-product .about-product-series {
        width:100%;
        box-sizing: border-box;
        background-size: 1003px 553px
    }

    .page-about-home .mod-product .about-product-series-inner {
        padding-top: 553px;
        transform: scale(.8333)
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .mod-product .pls-section__hd {
        margin-bottom:54px
    }

    .page-about-home .mod-product .mod-footer {
        margin-top: 32px
    }

    .page-about-home .mod-product .mod-footer .tp-btn {
        min-width: auto;
        max-width: 190px;
        width: 100%
    }

    .page-about-home .mod-product .pls-section__desc {
        display: block
    }

    .page-about-home .mod-product .mod-product-img-wrap {
        height: auto;
        padding-top: 85.7971014493%;
        background: url(../assets/images/about/bg-product-series-mb_42c.png) 50% no-repeat;
        background-size: contain
    }

    .page-about-home .mod-product-mb-list {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 278px;
        height: 278px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        background-image: url(../assets/images/about/bg-product_d50.png)
    }

    .page-about-home .mod-product-mb-item {
        position: absolute;
        top: 50%;
        left: 50%
    }

    .page-about-home .mod-product-mb-item .item-object {
        position: relative;
        width: 48px;
        height: 48px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 5px 0 #c6d3da
    }

    .page-about-home .mod-product-mb-item .item-image {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
        width: 24px;
        height: 24px
    }

    .page-about-home .mod-product-mb-item .item-tit {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 2px;
        line-height: 26px;
        font-size: 14px;
        color: #000;
        text-align: center;
        white-space: nowrap;
        transform: translateX(-50%)
    }

    .page-about-home .mod-product-mb-item:first-child {
        margin-top: -161px;
        margin-left: -24px
    }

    .page-about-home .mod-product-mb-item:nth-child(2) {
        margin-top: -142px;
        margin-left: -100px
    }

    .page-about-home .mod-product-mb-item:nth-child(3) {
        margin-top: -72px;
        margin-left: -154px
    }

    .page-about-home .mod-product-mb-item:nth-child(4) {
        margin-top: 12px;
        margin-left: -158px
    }

    .page-about-home .mod-product-mb-item:nth-child(5) {
        margin-top: 85px;
        margin-left: -106px
    }

    .page-about-home .mod-product-mb-item:nth-child(6) {
        margin-top: 110px;
        margin-left: -22px
    }

    .page-about-home .mod-product-mb-item:nth-child(7) {
        margin-top: 86px;
        margin-left: 56px
    }

    .page-about-home .mod-product-mb-item:nth-child(8) {
        margin-top: 18px;
        margin-left: 108px
    }

    .page-about-home .mod-product-mb-item:nth-child(9) {
        margin-top: -72px;
        margin-left: 106px
    }

    .page-about-home .mod-product-mb-item:nth-child(10) {
        margin-top: -138px;
        margin-left: 58px
    }
}

@media screen and (max-width: 374px) {
    .page-about-home .mod-product .pls-section__hd {
        margin-bottom:22px
    }

    .page-about-home .mod-product .mod-footer {
        margin-top: 42px
    }

    .page-about-home .mod-product-mb-list {
        transform: scale(.8333)
    }
}

.page-about-home .mod-service .tp-link--arrow {
    line-height: 24px
}

.page-about-home .mod-service .pls-section__desc,.page-about-home .mod-service .pls-section__title {
    color: #fff
}

.page-about-home .mod-service .about-scene-card {
    min-height: 280px;
    box-sizing: border-box
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-service.pls-section {
        color:#fff;
        background-repeat: no-repeat;
        background-color: #242933;
        background-image: url(../assets/images/about/bg-mod-service-left_469.jpg),url(../assets/images/about/bg-mod-service-right_76f.png);
        background-position: calc(50% - 611.5px) bottom,calc(50% + 834.5px) top;
        background-size: auto 235px,auto 220px
    }

    .page-about-home .mod-service .about-scene-card-desc {
        max-height: 48px;
        -webkit-line-clamp: 2
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .pls-section.mod-service {
        background:#242933
    }

    .page-about-home .mod-service .tp-grid__row {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -16px
    }

    .page-about-home .mod-service .tp-grid__col {
        margin-bottom: 16px;
        padding-left: 8px;
        padding-right: 8px
    }

    .page-about-home .mod-service .about-scene-card {
        min-height: auto
    }

    .page-about-home .mod-service .about-scene-card-desc {
        height: 48px
    }

    .page-about-home .mod-service .about-scene-card-img {
        margin: 0 -8px -10px 0;
        width: 120px;
        height: 120px
    }
}

@media screen and (max-width: 600px) {
    .page-about-home .mod-service .about-scene-card {
        min-height:auto
    }

    .page-about-home .mod-service .about-scene-card-desc {
        display: block;
        max-height: none;
        height: auto
    }
}

.page-about-home .mod-location.pls-section {
    background: #242933
}

.page-about-home .mod-location .pls-section__title {
    color: #fff
}

.page-about-home .mod-location .pls-section__desc {
    color: hsla(0,0%,100%,.6)
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-facilities .mobile-part,.page-about-home .mod-location__mb {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .mod-location__pc {
        display:none
    }

    .page-about-home .mod-location .pls-section__hd {
        margin-bottom: 20px
    }

    .page-about-home .mod-location .mod-footer {
        margin-top: 32px
    }

    .page-about-home .mod-facilities .pls-section__desc {
        display: block
    }

    .page-about-home .mod-facilities .pls-section__hd {
        margin-bottom: 24px
    }

    .page-about-home .mod-facilities .pc-part {
        display: none
    }

    .page-about-home .mod-facilities .tpm1-global-facilities__panel {
        margin-top: 0
    }

    .page-about-home .mod-location-mb-image {
        margin: 0 auto;
        max-width: 318px;
        width: 100%;
        font-size: 0
    }

    .page-about-home .mod-location-mb-image img {
        display: block;
        width: 100%;
        height: auto
    }

    .page-about-home .mod-location__mb-list {
        display: table;
        padding: 12px;
        width: 100%;
        background-color: #2f3645;
        border-radius: 8px;
        box-sizing: border-box
    }

    .page-about-home .mod-location__mb-item {
        display: table-row
    }

    .page-about-home .mod-location__mb-item-desc,.page-about-home .mod-location__mb-item-tit {
        display: table-cell;
        vertical-align: top;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .page-about-home .mod-location__mb-item-tit {
        min-width: 4em;
        line-height: 26px;
        font-size: 16px;
        color: #fff
    }

    .page-about-home .mod-location__mb-item-desc {
        padding-left: 12px;
        line-height: 26px;
        font-size: 14px;
        color: #fff
    }
}

.page-about-home .mod-authentic-card {
    display: block;
    padding: 20px
}

.page-about-home .mod-authentic-card:hover .pls-media-panel-title {
    color: #0052d9
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-authentic-main .mod-authentic-card-motion:hover {
        box-shadow:8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff;
        transform: translateY(-3px)
    }
}

.page-about-home .mod-authentic-main .mod-authentic-card {
    min-height: 200px;
    box-sizing: border-box;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-authentic-main .mod-authentic-card-motion {
        transition:transform .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.page-about-home .mod-authentic-main .mod-authentic-card:hover .pls-media-panel-title {
    color: #0052d9
}

.page-about-home .mod-authentic-main .pls-media-panel {
    padding-left: 140px
}

.page-about-home .mod-authentic-main .pls-media-panel-object {
    margin: 0;
    width: 120px;
    height: auto
}

.page-about-home .mod-authentic-main .pls-media-panel-icon {
    position: static;
    top: 0;
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

.page-about-home .mod-authentic-main .pls-media-panel-body {
    padding-top: 8px
}

.page-about-home .mod-authentic-main .pls-media-panel-title {
    line-height: 28px;
    font-size: 18px
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-authentic-main .pls-media-panel-title {
        transition:color .3s ease-in-out
    }
}

.page-about-home .mod-authentic-main .pls-media-panel-desc {
    margin-top: 12px;
    line-height: 24px;
    font-size: 14px;
    max-height: 96px;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .page-about-home .mod-authentic-main .tp-grid__row {
        margin-left:-8px;
        margin-right: -8px;
        margin-bottom: -16px
    }

    .page-about-home .mod-authentic-main .tp-grid__col {
        margin-bottom: 16px;
        padding-left: 8px;
        padding-right: 8px
    }

    .page-about-home .mod-authentic-main .mod-authentic-card {
        min-height: 150px
    }

    .page-about-home .mod-authentic-main .pls-media-panel {
        padding: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box
    }

    .page-about-home .mod-authentic-main .pls-media-panel-body,.page-about-home .mod-authentic-main .pls-media-panel-object {
        display: table-cell;
        vertical-align: top
    }

    .page-about-home .mod-authentic-main .pls-media-panel-object {
        width: 75px
    }

    .page-about-home .mod-authentic-main .pls-media-panel-body {
        padding-top: 0;
        padding-left: 12px;
        text-align: left
    }

    .page-about-home .mod-authentic-main .pls-media-panel-title {
        font-size: 16px;
        max-height: 56px;
        display: -webkit-box;
        box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal
    }

    .page-about-home .mod-authentic-main .pls-media-panel-desc {
        margin-top: 4px;
        max-height: 48px;
        -webkit-line-clamp: 2
    }
}

@media screen and (max-width: 600px) {
    .page-about-home .mod-authentic-main .pls-media-panel-object {
        display:table-cell;
        vertical-align: top
    }

    .page-about-home .mod-authentic-main .pls-media-panel-body {
        display: table-cell;
        vertical-align: middle
    }

    .page-about-home .mod-authentic-main .mod-authentic-card {
        min-height: auto
    }

    .page-about-home .mod-authentic-main .pls-media-panel-desc {
        display: block;
        max-height: none;
        height: auto
    }
}

.page-about-home .mod-authentic-others {
    margin-top: 40px
}

.page-about-home .mod-authentic-others-divider {
    position: relative;
    margin-bottom: 20px;
    text-align: center
}

.page-about-home .mod-authentic-others-divider:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    background-image: linear-gradient(90deg,#fff,#e4e4e4,#fff,#e4e4e4,#fff)
}

.page-about-home .mod-authentic-others-divider .divider-cnt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 40px;
    line-height: 24px;
    font-size: 14px;
    color: #9dadc1;
    background: #fff;
    z-index: 2
}

.page-about-home .mod-authentic-others .mod-authentic-others-bd {
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px
}

.page-about-home .mod-authentic-others .pls-media-panel-object {
    margin-bottom: 12px
}

.page-about-home .mod-authentic-others .pls-media-panel-icon,.page-about-home .mod-authentic-others .pls-media-panel-object {
    width: 80px;
    height: 80px
}

.page-about-home .mod-authentic-others .pls-media-panel-title {
    line-height: 24px;
    font-size: 14px
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-authentic-others .pls-media-panel-title {
        transition:color .3s ease-in-out
    }
}

.page-about-home .mod-authentic-others .pls-media-panel-desc {
    display: none
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-authentic-others .pls-media-panel-icon {
        padding:8px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #e5e8ed;
        box-sizing: border-box;
        transition: all .3s ease-in-out
    }

    .page-about-home .mod-authentic-others .mod-authentic-card:hover .pls-media-panel-icon {
        padding: 7px;
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .mod-authentic-others {
        margin-top:20px
    }

    .page-about-home .mod-authentic-others .mod-authentic-others-bd {
        background: none;
        box-shadow: none
    }

    .page-about-home .mod-authentic-others .tp-grid__row {
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: -12px
    }

    .page-about-home .mod-authentic-others .tp-grid__col {
        margin-bottom: 12px;
        padding-left: 6px;
        padding-right: 6px
    }

    .page-about-home .mod-authentic-others-divider .divider-cnt {
        padding: 0 20px
    }

    .page-about-home .mod-authentic-others .mod-authentic-card {
        padding: 12px;
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
        border-radius: 4px
    }

    .page-about-home .mod-authentic-others .pls-media-panel-icon,.page-about-home .mod-authentic-others .pls-media-panel-object {
        width: 48px;
        height: 48px
    }

    .page-about-home .mod-authentic-others .pls-media-panel-object {
        margin-bottom: 8px
    }
}

.page-about-home .mod-customer .mod-customer-card {
    display: block;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.page-about-home .mod-customer .mod-customer-card-motion {
    transform: translateZ(0)
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-customer .mod-customer-card-motion {
        transition:transform .3s ease-in-out,box-shadow .3s ease-in-out
    }
}

.page-about-home .mod-customer .pls-media-panel-object {
    margin-bottom: 12px;
    width: 100%;
    height: 48px;
    text-align: left
}

.page-about-home .mod-customer .pls-media-panel-icon {
    display: block;
    position: static;
    top: auto;
    max-width: 100%;
    width: auto;
    height: 48px;
    margin: 0 auto
}

.page-about-home .mod-customer .pls-media-panel-body {
    text-align: left
}

.page-about-home .mod-customer .pls-media-panel-title {
    line-height: 26px;
    font-size: 16px;
    color: #000
}

.page-about-home .mod-customer .pls-media-panel-desc {
    margin-top: 8px;
    height: 72px
}

@media screen and (min-width: 769px) {
    .page-about-home .mod-customer-inner {
        position:relative;
        z-index: 2
    }

    .page-about-home .mod-customer .mod-customer-card-motion:hover {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2);
        transform: translateY(-3px)
    }
}

@media screen and (max-width: 768px) {
    .page-about-home .pls-section.mod-customer {
        background:none
    }

    .page-about-home .mod-customer-bg {
        display: none
    }

    .page-about-home .mod-customer .tp-grid__row {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -16px
    }

    .page-about-home .mod-customer .tp-grid__col {
        margin-bottom: 16px;
        padding-left: 8px;
        padding-right: 8px
    }

    .page-about-home .mod-customer .pls-media-panel {
        text-align: left
    }

    .page-about-home .mod-customer .mod-footer {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .page-about-home .mod-customer .pls-media-panel-desc {
        height:auto
    }
}

.page-about-home .tpm1-action-panel {
    position: relative;
    z-index: 2
}

#FEFLOW {
    content: xlg202412091943
}