.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

[data-mod-id=solutions] {
    background: #fff
}

@media (min-width:1776px) {
    .por-container {
        max-width: 1600px
    }
}

@media (max-width:1775px) {
    .por-container {
        max-width: none;
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (max-width:1024px) {
    .por-container {
        max-width: none;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media (max-width:768px) {
    .por-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:375px) {
    .por-container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.section {
    padding: 76px 0
}

.section-merge-spacing {
    padding-top: 0
}

.section-head {
    padding-bottom: 32px;
    text-align: center
}

.section-head-title {
    color: #191919;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px
}

.section-head-subtitle {
    color: #595959;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 14px
}

    .section-head-subtitle a {
        margin-left: 1em;
        -webkit-transition: .2s;
        transition: .2s
    }

        .section-head-subtitle a i {
            margin-top: -4px;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s,-webkit-transform .2s;
            vertical-align: middle
        }

        .section-head-subtitle a:hover {
            color: #c7000b
        }

            .section-head-subtitle a:hover i {
                -webkit-transform: translate(4px);
                transform: translate(4px)
            }

.section-head[data-theme=light] .section-head-subtitle, .section-head[data-theme=light] .section-head-title {
    color: #fff
}

.section-more {
    color: #191919;
    margin-top: 36px;
    text-align: center
}

    .section-more a {
        display: inline-block;
        font-size: 0
    }

        .section-more a:hover span {
            text-decoration: underline
        }

        .section-more a:hover i {
            -webkit-transform: translate(4px);
            transform: translate(4px)
        }

    .section-more span {
        display: inline-block;
        font-size: 18px;
        line-height: 28px;
        margin-right: 4px;
        vertical-align: middle
    }

    .section-more i {
        font-size: 24px;
        -webkit-transition: all .2s;
        transition: all .2s;
        vertical-align: middle
    }

@media (max-width:1536px) {
    .section {
        padding: 60px 0
    }
}

@media (max-width:1366px) {
    .section {
        padding: 52px 0
    }

    .section-head-title {
        font-size: 28px;
        line-height: 42px
    }

    .section-head {
        padding-bottom: 24px
    }

    .section-more {
        margin-top: 24px
    }

        .section-more span {
            font-size: 14px;
            line-height: 22px
        }

        .section-more i {
            font-size: 16px
        }
}

@media (min-width:1024px) {
    .hidden-pc {
        display: none !important
    }

    .element-entrance-container {
        background: #f2f2f2;
        margin: 20px;
        padding: 10px;
        text-align: center
    }

    .element-entrance-1 {
        -webkit-transition: .5s;
        transition: .5s
    }

        .element-entrance-1.ee-out {
            opacity: 0;
            -webkit-transform: translateY(50px);
            transform: translateY(50px)
        }

        .element-entrance-1.ee-enter {
            opacity: 1;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

    .element-entrance-2 {
        -webkit-transition: .5s;
        transition: .5s
    }

        .element-entrance-2.ee-out {
            opacity: 0;
            -webkit-transform: scale(.5);
            transform: scale(.5)
        }

        .element-entrance-2.ee-enter {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
}

@media (max-width:1023px) {
    .section {
        padding: 52px 0
    }

    .section-head {
        padding-bottom: 32px
    }

    .hidden-m {
        display: none !important
    }

    .section-more {
        margin-top: 24px
    }
}

@media (max-width:768px) {
    .section {
        padding: 32px 0
    }

    .section-merge-spacing {
        padding-top: 0
    }

    .section-head {
        padding-bottom: 20px
    }

    .section-head-title {
        font-size: 20px;
        line-height: 32px
    }

    .section-head-subtitle {
        font-size: 12px;
        line-height: 18px;
        margin-top: 8px
    }

    .section-more span {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width:375px) {
    .section {
        padding: 28px 0
    }

    .section-more {
        margin-top: 20px
    }
}

@media (min-width:769px) {
    .home-solutions .por-tab > ul > li, .section-company .por-tab > ul > li {
        padding: 0 !important;
        width: auto !important
    }

        .home-solutions .por-tab > ul > li:first-child a, .section-company .por-tab > ul > li:first-child a {
            margin-left: 0
        }

        .home-solutions .por-tab > ul > li:last-child a, .section-company .por-tab > ul > li:last-child a {
            margin-right: 0
        }

        .home-solutions .por-tab > ul > li a, .section-company .por-tab > ul > li a {
            padding: 0 0 10px
        }

    .home-solutions .por-collapse-container, .section-company .por-collapse-container {
        border: none
    }

    .home-solutions .por-collapse-trigger, .section-company .por-collapse-trigger {
        display: none
    }

    .home-solutions .por-collapse, .section-company .por-collapse {
        display: block
    }

    .home-solutions .por-tab-wrapper, .section-company .por-tab-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 17px
    }

    .home-solutions .por-tab, .section-company .por-tab {
        border-bottom: none
    }

        .home-solutions .por-tab li, .section-company .por-tab li {
            padding: 0
        }

        .home-solutions .por-tab a, .section-company .por-tab a {
            color: #595959;
            height: auto;
            line-height: 1;
            margin: 0 40px;
            padding: 0
        }

            .home-solutions .por-tab a:after, .section-company .por-tab a:after {
                background-color: #191919
            }

            .home-solutions .por-tab a:hover, .section-company .por-tab a:hover {
                color: #191919;
                font-weight: 700
            }

        .home-solutions .por-tab li.active a, .section-company .por-tab li.active a {
            color: #191919
        }

            .home-solutions .por-tab li.active a:after, .section-company .por-tab li.active a:after {
                height: 2px;
                width: 100%
            }

        .home-solutions .por-tab .por-tab-text, .section-company .por-tab .por-tab-text {
            font-size: 18px;
            line-height: 28px;
            min-width: auto
        }
}

@media (min-width:769px) and (max-width:1366px) {
    .home-solutions .por-tab a, .section-company .por-tab a {
        margin: 0 26px
    }

    .home-solutions .por-tab .por-tab-text, .section-company .por-tab .por-tab-text {
        font-size: 14px;
        line-height: 22px
    }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (min-width:769px) {
    .banner {
        position: relative
    }

        .banner .banner-countDown {
            position: absolute;
            right: 0;
            top: 20px;
            z-index: 1
        }

        .banner .banner-container {
            height: 650px;
            position: relative
        }

        .banner .carousel-wrapper {
            background: #f7f7f7;
            background-position: 50%;
            background-size: cover;
            height: 100%;
            position: relative;
            width: 100%;
        }

        .banner .carousel-container {
            background: none !important
        }

        .banner .carousel-slide {
            background-image: none !important;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            visibility: hidden;
            width: 100%
        }

        .banner .carousel-slide-current {
            opacity: 1;
            visibility: visible
        }

            .banner .carousel-slide-current a {
                z-index: 2
            }

        .banner .carousel-slide-active {
            opacity: 1;
            visibility: visible;
            z-index: 1
        }

        .banner .carousel-indicator-wrapper {
            bottom: 127px;
            font-size: 0;
            left: 0;
            position: absolute;
            right: 0;
            text-align: center;
            width: 100%
        }

        .banner .carousel-indicator {
            cursor: pointer;
            display: inline-block;
            padding: 5px 6px;
            position: relative;
            z-index: 99
        }

            .banner .carousel-indicator span {
                background: #000;
                border-radius: 4px;
                display: block;
                height: 8px;
                opacity: .1;
                -webkit-transition: .2s;
                transition: .2s;
                width: 8px
            }

            .banner .carousel-indicator:first-child {
                margin-left: -3px
            }

            .banner .carousel-indicator:hover span {
                opacity: .3
            }

        .banner .carousel-indicator-active span {
            opacity: .8;
            width: 20px
        }

        .banner .banner-content {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 100%;
            position: relative
        }

        .banner .banner-content-bg {
            background-position: 50%;
            background-size: cover;
            bottom: 0;
            height: 100%;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transition-duration: 0ms;
            transition-duration: 0ms;
            z-index: 0
        }

            .banner .banner-content-bg video {
                -o-object-fit: cover;
                object-fit: cover;
                opacity: 0
            }

            .banner .banner-content-bg video, .banner .banner-content-bg-video, .banner .banner-content-bg-video video {
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%
            }

                .banner .banner-content-bg-video video {
                    -o-object-fit: cover;
                    object-fit: cover
                }

        .banner .banner-content-inner {
            display: block;
            height: 100%;
            position: relative;
            z-index: 1
        }

        .banner .banner-content-main {
            margin-left: auto;
            margin-right: auto;
            max-width: 1600px;
            width: 100%
        }

        .banner .banner-content-main, .banner .banner-content-main-inner {
            height: 100%;
            position: relative
        }

            .banner .banner-content-main-inner:after, .banner .banner-content-main-inner:before {
                clear: both;
                content: "";
                display: table
            }

        .banner .banner-text {
            margin-top: 165px;
            width: 60%
        }

            .banner .banner-text h5 {
                color: #191919;
                font-size: 60px;
                font-weight: 700;
                line-height: 90px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                .banner .banner-text h5 + p {
                    margin-top: 2px
                }

            .banner .banner-text p {
                color: #191919;
                font-size: 20px;
                line-height: 30px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

        .banner .banner-text-btn-wrapper {
            margin-top: 48px
        }

        .banner .banner-text-mb {
            display: none
        }

        .banner [data-enter-transition=banner-text-enter] {
            opacity: 0
        }

        .banner .banner-text-enter {
            opacity: 1;
            -webkit-transition: .15s;
            transition: .15s
        }

        .banner [data-enter-transition=banner-btn-enter], .banner [data-enter-transition=banner-subtitle-enter], .banner [data-enter-transition=banner-tag-enter], .banner [data-enter-transition=banner-title-enter] {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        .banner .banner-btn-enter, .banner .banner-subtitle-enter, .banner .banner-tag-enter, .banner .banner-title-enter {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .banner .banner-tag-enter, .banner .banner-tag-exit {
            -webkit-transition: .6s ease-out;
            transition: .6s ease-out
        }

        .banner .banner-subtitle-enter, .banner .banner-subtitle-exit, .banner .banner-title-enter, .banner .banner-title-exit {
            -webkit-transition: .6s ease-out .1s;
            transition: .6s ease-out .1s
        }

        .banner .banner-btn-enter, .banner .banner-btn-exit {
            -webkit-transition: .6s ease-out .3s;
            transition: .6s ease-out .3s
        }

        .banner .banner-btn-exit, .banner .banner-subtitle-exit, .banner .banner-tag-exit, .banner .banner-title-exit {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        .banner .banner-exit-none {
            opacity: 1
        }

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

        to {
            opacity: 0
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .banner .banner-fadeOut {
        -webkit-animation: fadeOut .35s forwards;
        animation: fadeOut .35s forwards
    }

    .banner [data-enter-transition=banner-trans-fadeInUp] {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    .banner .banner-trans-fadeInUp {
        opacity: 1
    }

    .banner .banner-trans-fadeInUp, .banner .banner-trans-fadeOut {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: .5s;
        transition: .5s
    }

    .banner .banner-trans-fadeOut {
        opacity: 0
    }

    .banner [data-enter-transition=banner-trans-fadeInLeft] {
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    .banner .banner-trans-fadeInLeft {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: 1s;
        transition: 1s
    }

    .banner .banner-trans-fadeOutLeft {
        opacity: 0;
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0);
        -webkit-transition: 1s;
        transition: 1s
    }

    .banner .img-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(100% - 100px);
        min-height: calc(100% - 100px)
    }

        .banner .img-wrapper .banner-img {
            width: 60%
        }

            .banner .img-wrapper .banner-img img {
                height: 100%;
                width: 100%
            }

    .events-container {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: hsla(0,0%,94%,.7);
        bottom: 0;
        height: 100px;
        position: absolute;
        width: 100%;
        z-index: 99
    }

        .events-container .events-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%
        }

        .events-container .event-item {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-box-flex: 1;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
            flex: 1;
            padding: 0 24px;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .events-container .event-icon {
            display: none
        }

        .events-container .event-content {
            text-align: center;
            width: 100%
        }

        .events-container .event-title {
            color: #191919;
            font-size: 18px;
            font-weight: 700;
            line-height: 28px;
            margin-bottom: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-transition: all .2s;
            transition: all .2s;
            white-space: nowrap
        }

        .events-container .event-desc {
            color: #595959;
            font-size: 14px;
            line-height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .events-container .event-item:hover {
            background-color: hsla(0,0%,100%,.8)
        }
}

@media (min-width:769px) and (max-width:1776px) {
    .banner .banner-content-main {
        max-width: none;
        padding: 0 5%
    }
}

@media (min-width:769px) and (max-width:1599px) {
    .banner .banner-container {
        height: 490px
    }

    .banner .carousel-indicator-wrapper {
        bottom: 120px
    }

    .banner .banner-text {
        margin-top: 88px;
        width: 55%
    }

        .banner .banner-text h5 {
            font-size: 52px;
            line-height: 80px
        }

            .banner .banner-text h5 + p {
                margin-top: 12px
            }

        .banner .banner-text p {
            font-size: 20px;
            line-height: 30px
        }

    .banner .img-wrapper {
        height: calc(100% - 90px);
        min-height: calc(100% - 90px)
    }

        .banner .img-wrapper .banner-img {
            width: 45%
        }
}

@media (min-width:769px) and (max-width:1366px) {
    .banner .banner-container {
        height: 420px
    }

    .banner .banner-text {
        margin-top: 65px
    }

        .banner .banner-text h5 {
            font-size: 40px;
            line-height: 60px
        }

            .banner .banner-text h5 + p {
                margin-top: 8px
            }

        .banner .banner-text p {
            font-size: 16px;
            line-height: 24px
        }

        .banner .banner-text .banner-text-btn-wrapper {
            margin-top: 36px
        }

    .banner .carousel-indicator-wrapper {
        bottom: 95px
    }

    .banner .img-wrapper {
        margin-left: 40px
    }

        .banner .img-wrapper .banner-img {
            width: 55%
        }

    .banner .por-btn-large {
        height: 32px;
        line-height: 32px;
        padding: 0 24px
    }
}

@media (min-width:769px) and (max-width:1279px) {
    .banner .banner-container {
        height: 350px
    }

    .banner .banner-text {
        margin-top: 70px
    }

        .banner .banner-text .banner-text-btn-wrapper {
            margin-top: 32px
        }

        .banner .banner-text h5 {
            font-size: 32px;
            line-height: 40px
        }

            .banner .banner-text h5 + p {
                margin-top: 12px
            }

        .banner .banner-text p {
            font-size: 14px;
            line-height: 22px
        }

    .banner .img-wrapper {
        height: calc(100% - 60px);
        min-height: calc(100% - 60px)
    }

        .banner .img-wrapper .banner-img {
            width: 55%
        }
}

@media (min-width:769px) and (max-width:1024px) {
    .banner .carousel-indicator-wrapper {
        bottom: 75px
    }

    .banner .banner-content-main {
        padding: 0 3%
    }

    .banner .img-wrapper .banner-img {
        width: 60%
    }
}

@media (min-width:769px) and (max-width:1599px) {
    .events-container {
        height: 80px
    }
}

@media (min-width:769px) and (max-width:1366px) {
    .events-container {
        height: 60px
    }

        .events-container .event-title {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 4px
        }

        .events-container .event-desc {
            font-size: 12px;
            line-height: 18px
        }
}

@media (min-width:769px) and (max-width:1279px) {
    .events-container .event-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .events-container .event-icon {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        display: inline-block;
        height: 32px;
        margin-bottom: 0;
        width: 32px
    }

    .events-container .event-desc {
        display: none
    }

    .events-container .event-title {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
        margin-left: 12px
    }
}

@media (max-width:768px) {
    .banner .por-carousel-pagination .por-carousel-bullet {
        border: none;
        border-radius: 4px;
        height: 8px;
        margin: 0 6px;
        width: 8px
    }

        .banner .por-carousel-pagination .por-carousel-bullet.active {
            width: 20px
        }

    .carousel-slide {
        padding: 20px 24px 0;
        position: relative
    }

        .carousel-slide a {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 16px;
            display: block;
            height: 350px;
            overflow: hidden;
            position: relative
        }

        .carousel-slide img {
            display: block;
            height: 100%;
            width: 100%
        }

    .carousel-wrapper {
        /*-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: none !important;*/
        background-position: 50%;
        background-repeat: no-repeat;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .por-carousel-slide {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 100%;
        width: 100%
    }

    .banner-container:not(.init-img) .carousel-slide {
        background-size: cover;
        overflow: hidden
    }

    .banner-container {
        background-image: none !important;
        background-size: cover;
        display: block;
        position: relative;
        z-index: 1
    }

    .banner-text-more {
        display: none
    }

    .banner-text {
        color: #191919;
        left: 0;
        margin: 110px 0 0 32px;
        max-width: 44%;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0
    }

        .banner-text h5 {
            font-size: 24px;
            font-weight: 600;
            line-height: 30px
        }

        .banner-text p {
            font-size: 14px;
            line-height: 22px;
            margin-top: 12px
        }

        .banner-text .banner-text-btn-wrapper {
            margin-top: 32px
        }

        .banner-text .por-btn-large {
            font-size: 12px;
            height: 32px;
            line-height: 32px;
            padding: 0 24px
        }

    .banner-content-bg, .banner-text-pc, .img-wrapper {
        display: none
    }

    .banner-container .por-carousel-pagination {
        bottom: 130px;
        font-size: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 999
    }

    .events-container {
        background: hsla(0,0%,100%,.7);
        bottom: 0;
        overflow: hidden;
        padding: 12px 0;
        width: 100%;
        z-index: 2
    }

        .events-container .events-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            height: 100%;
            position: relative
        }

        .events-container .event-item {
            display: none;
            width: 25%
        }

            .events-container .event-item.show-mb {
                display: inline-block
            }

            .events-container .event-item .event-content {
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                justify-content: left;
                padding: 8px 10px
            }

                .events-container .event-item .event-content .event-title {
                    color: #191919;
                    font-size: 12px;
                    height: 18px;
                    line-height: 18px;
                    overflow: hidden;
                    text-align: center;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .events-container .event-item .event-content .event-desc {
                    display: none
                }

                .events-container .event-item .event-content .event-icon {
                    background-repeat: no-repeat;
                    background-size: cover;
                    border-radius: 10px;
                    display: inline-block;
                    height: 48px;
                    margin-bottom: 8px;
                    width: 48px
                }
}

@media (max-width:500px) {
    .banner .carousel-slide {
        padding: 20px 16px 0
    }

        .banner .carousel-slide a {
            height: 200px
        }

    .banner .banner-text {
        margin-left: 20px;
        margin-top: 60px
    }

        .banner .banner-text h5 {
            font-size: 18px;
            line-height: 28px
        }

        .banner .banner-text p {
            font-size: 12px;
            line-height: 18px;
            margin-top: 8px
        }

        .banner .banner-text .banner-text-btn-wrapper {
            display: none
        }

    .banner .banner-container .por-carousel-pagination {
        bottom: 122px
    }

    .banner .events-container .event-item .event-content .event-icon {
        border-radius: 8px;
        height: 40px;
        width: 40px
    }
}

.immersion-banner-container {
    cursor: pointer;
    height: 100vh;
    max-height: 840px;
    min-height: 330px;
    position: relative;
    top: 0
}

    .immersion-banner-container .immersion-banner-link {
        background: transparent;
        display: inline-block;
        height: 100vh;
        width: 100%
    }

    .immersion-banner-container .immersion-banner-fixed {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(100vh - 75px);
        justify-content: center;
        left: 0;
        max-height: 865px;
        min-height: 330px;
        min-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: fixed;
        top: 75px;
        width: 100%
    }

    .immersion-banner-container.video, .immersion-banner-container.video .immersion-banner-fixed {
        height: 0;
        padding-bottom: 43.75%
    }

    .immersion-banner-container .immersion-banner-content-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(100% - 100px);
        left: 50%;
        margin: 0 auto;
        max-height: 840px;
        min-height: 330px;
        position: fixed;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        width: 100%
    }

    .immersion-banner-container .immersion-banner-content {
        background-repeat: no-repeat;
        background-size: contain;
        height: 305px;
        min-height: 200px;
        width: 490px
    }

    .immersion-banner-container .immersion-banner-bg {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 100%;
        margin: 0 auto;
        max-height: 940px;
        min-width: 100%;
        width: auto
    }

    .immersion-banner-container .immersion-banner-bg-mb {
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        height: 100%;
        width: 100%
    }

@media (max-width:768px) {
    .immersion-banner-container .immersion-banner-bg, .immersion-banner-container .immersion-banner-video {
        display: none
    }

    .immersion-banner-container .immersion-banner-bg-mb {
        display: block;
        max-height: 1024px
    }
}

.immersion-banner-container .immersion-banner-video {
    left: 0;
    margin-top: -25px;
    position: absolute;
    top: 0;
    width: 100% !important
}

.immersion-banner-container .immersion-banner-activity {
    bottom: calc(6% - 25px);
    height: 236px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 1440px
}

    .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%
    }

        .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-icon {
            background-repeat: no-repeat;
            background-size: 100% 100%;
            float: left;
            height: 100%;
            width: 325px
        }

        .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100px;
            justify-content: space-between;
            margin-left: -15px;
            width: 1025px
        }

            .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links .link-column {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-pack: distribute;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                justify-content: space-around
            }

                .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links .link-column a {
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    align-items: center;
                    background: hsla(0,0%,100%,.6);
                    background-size: 100% 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    font-size: 14px;
                    height: 32px;
                    justify-content: center;
                    line-height: 32px;
                    max-width: 176px;
                    min-width: 166px;
                    overflow: hidden;
                    padding: 0 8px;
                    text-align: center;
                    text-overflow: ellipsis;
                    -webkit-transition: all .2s;
                    transition: all .2s;
                    -webkit-transition: all .3s;
                    transition: all .3s;
                    white-space: nowrap
                }

@media (max-width:1376px) {
    .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links .link-column a {
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        max-width: 140px;
        min-width: auto
    }
}

@media (max-width:1279px) {
    .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links .link-column a {
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        max-width: 120px
    }
}

.immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links .link-column a .por-icon {
    margin-left: 5px
}

.immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links .link-column a + a {
    margin-top: 8px
}

@media (max-width:1376px) {
    .immersion-banner-container .immersion-banner-activity {
        height: 188.8px;
        width: 1152px
    }

        .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-icon {
            width: 260px
        }

        .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links {
            width: 816px
        }
}

@media (max-width:1279px) {
    .immersion-banner-container .immersion-banner-activity {
        height: 169.92px;
        width: 1036.8px
    }

        .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-icon {
            width: 234px
        }

        .immersion-banner-container .immersion-banner-activity .immersion-banner-activity-bg .immersion-banner-activity-links {
            width: 734.4px
        }
}

@media (max-width:1024px) {
    .immersion-banner-container .immersion-banner-activity {
        display: none
    }

    .immersion-banner-container .immersion-banner-video {
        margin-top: 25px
    }
}

@media (max-width:768px) {
    .immersion-banner-container .immersion-banner-content-wrapper {
        display: none
    }
}

.immersion-banner-container .immersion-banner-mask {
    background: transparent;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1921px) {
    .immersion-banner-container {
        height: 0;
        padding-bottom: 43.7%
    }

        .immersion-banner-container .immersion-banner-fixed, .immersion-banner-container .immersion-banner-fixed .immersion-banner-bg {
            height: 0;
            padding-bottom: 45%
        }

            .immersion-banner-container .immersion-banner-fixed .immersion-banner-activity {
                bottom: calc(10% - 25px)
            }

        .immersion-banner-container .immersion-banner-content-wrapper {
            max-height: none
        }
}

@media (max-width:1280px) {
    .immersion-banner-container .immersion-banner-content {
        height: 36.30952%
    }
}

@media (max-width:1024px) {
    .immersion-banner-container .immersion-banner-fixed {
        top: 110px
    }
}

@media (max-width:768px) {
    .immersion-banner-container {
        height: 100vh;
        max-height: 1024px
    }

        .immersion-banner-container.video, .immersion-banner-container.video .immersion-banner-fixed {
            height: 100vh;
            padding-bottom: 0
        }

        .immersion-banner-container .immersion-banner-fixed {
            height: 100vh;
            max-height: 1024px;
            padding-bottom: 0;
            top: 48px
        }

            .immersion-banner-container .immersion-banner-fixed .immersion-banner-bg {
                height: 100vh;
                padding-bottom: 0
            }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

.section-group-product {
    background-repeat: no-repeat;
    background-size: 1920px auto;
    position: relative
}

@media (min-width:1920px) {
    .section-group-product {
        background-size: cover
    }
}

.section-product {
    background-color: #f7f7f7;
    position: relative
}

    .section-product .por-container {
        position: relative;
        z-index: 1
    }

.section-product-bg {
    background-position: bottom;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

@media (min-width:1920px) {
    .section-product-bg {
        background-size: 100% auto
    }
}

.product-tag {
    background: #c7000b;
    border: 1px solid #c7000b;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 18px;
    line-height: 16px;
    padding: 0 4px;
    vertical-align: middle
}

.product-tag-outline {
    background-color: transparent;
    color: #c7000b;
    padding: 0 8px
}

.product-tag-outline-grey {
    background-color: transparent;
    border-color: #adb0b8;
    color: #8a8e99;
    padding: 0 8px
}

.product-label-hot {
    margin-bottom: 3px;
    margin-left: 4px
}

.product-label-angel {
    height: 66px;
    overflow: hidden;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 66px
}

    .product-label-angel span {
        color: #fff;
        display: block;
        font-size: 12px;
        height: 23px;
        line-height: 23px;
        margin: 0 -67px;
        text-align: center;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        width: 200px
    }

.product-label-angel-red span {
    background-color: #c7000b
}

.product-label-angel-orange span {
    background-color: #fa9841
}

.product-label-angel-blue span {
    background-color: #5e7ce0
}

.product-nav {
    background-size: cover;
    background: #f7f7f7;
    border-bottom: none;
    font-size: 0;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 0 28px;
    position: relative;
    text-align: center;
    width: 100%
}

    .product-nav .u-icon {
        cursor: pointer;
        display: none;
        height: 38px;
        line-height: 24px;
        position: absolute;
        top: 2px;
        width: 100px;
        z-index: 1
    }

        .product-nav .u-icon.u-icon-left {
            background: -webkit-gradient(linear,left top,right top,color-stop(50%,#f7f7f7),color-stop(120%,hsla(0,0%,97%,0)));
            background: linear-gradient(90deg,#f7f7f7 50%,hsla(0,0%,97%,0) 120%);
            left: 0;
            padding-left: 28px;
            text-align: left
        }

        .product-nav .u-icon.u-icon-right {
            background: -webkit-gradient(linear,right top,left top,color-stop(50%,#f7f7f7),color-stop(120%,hsla(0,0%,97%,0)));
            background: linear-gradient(270deg,#f7f7f7 50%,hsla(0,0%,97%,0) 120%);
            padding-right: 28px;
            right: 0;
            text-align: right
        }

    .product-nav .product-nav-menus {
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-align: center;
        white-space: nowrap
    }

        .product-nav .product-nav-menus .product-nav-menu {
            display: inline-block;
            padding: 0;
            position: relative;
            width: auto
        }

.product-wrapper {
    position: relative;
    width: 100%
}

.product-nav-menu .product-nav-menu-inner {
    color: #595959;
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    margin: 0 40px;
    padding-bottom: 10px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

    .product-nav-menu .product-nav-menu-inner:hover {
        color: #191919;
        font-weight: 700
    }

    .product-nav-menu .product-nav-menu-inner:before {
        border-bottom: 2px solid #000;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition: .2s;
        transition: .2s;
        width: 100%
    }

.product-nav-menu:first-child .product-nav-menu-inner {
    margin-left: 0
}

.product-nav-menu:last-child .product-nav-menu-inner {
    margin-right: 0
}

.product-nav-menu.active .product-nav-menu-inner {
    color: #191919;
    font-weight: 700
}

    .product-nav-menu.active .product-nav-menu-inner:before {
        opacity: 1
    }

.product-content:not(.show) {
    display: none
}

.product-content {
    margin: 0 -8px
}

.product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px;
}

    .product-list li {
        padding: 8px;
        width: 25%;
    }

.product-card {
    background: #fff;
    border-radius: 16px;
    display: block;
    height: 100%;
    padding: 20px 32px;
    position: relative;
    text-align: center;
}

    .product-card .product-card-inner {
        width: 100%;
        height: 248px;
        overflow: hidden;
    }

    .product-card .product-card-inner img {
        background-size: cover;
        border-radius: 16px;
        font-size: 36px;
        height: 200px;
        width:auto;
    }

    .product-card .product-card-inner h5 {
        color: #191919;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 12px
    }

        .product-card h5 .product-tag {
            margin-left: 4px;
            margin-top: -4px
        }

    .product-card p {
        color: #595959;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
        text-align:left;
    }

    .product-card:hover {
        -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
        box-shadow: 0 4px 12px rgba(0,0,0,.08);
        z-index: 1
    }

@media (max-width:1280px) {
    
    .product-card h5 {
        font-size: 14px;
    }

    .product-card .product-card-inner {
        width: 100%;
        height: 240px;
        overflow: hidden;
    }    
    
    .product-card .product-card-inner img {
        height: 200px;
    }
    
}

@media (max-width:800px) {
    
    .product-card h5 {
        font-size: 14px;
    }

    .product-card .product-card-inner {
        width: 100%;
        height: 230px;
        overflow: hidden;
    }    
    
    .product-card .product-card-inner img {
        height: 180px;
    }
    
}

.product-price {
    color: #595959;
    overflow: hidden
}

    .product-price em {
        color: #191919;
        font-style: normal;
        font-weight: 700
    }

    .product-price em, .product-price span, .product-price strong {
        font-size: 24px;
        line-height: 24px
    }

    .product-price p {
        display: inline;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0
    }

.product-card-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #191919;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0;
    -webkit-transition: .2s;
    transition: .2s
}

.product-card:hover .product-card-more .por-icon {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.product-card-more .por-icon {
    color: inherit;
    font-size: 16px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.product-mb-container {
    display: none
}

@media (max-width:1500px) {
    .product-nav-menu .product-nav-menu-inner {
        margin: 0 30px
    }
}

@media (max-width:1680px) {
    .product-card {
        padding: 76px 32px
    }
    /*

    .product-card-inner img {
        height: 64px;
        margin-bottom: 24px;
        width: 64px
    }
*/
    .product-card-inner h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width:1366px) {
    .product-card {
        padding: 48px 32px
    }

    .product-nav-menu .product-nav-menu-inner {
        font-size: 14px;
        line-height: 22px;
        margin: 0 28px
    }
/*
    .product-card-inner img {
        height: 60px;
        margin-bottom: 24px;
        width: 60px
    }
*/
    .product-card-inner h5 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .product-card-inner p {
        font-size: 12px;
        height: 44px;
        line-height: 18px
    }
}

@media (max-width:1024px) {
    .product-list li {
        width: 33.33333%
    }

        .product-list li:nth-child(6) ~ li {
            display: none
        }
}

@media (max-width:768px) 
{
    .product-list li {
        width: 50%
    }


    .section-group-product {
        background-image: none !important
    }

    .product-m-list {
        font-size: 0;
        padding: 16px 0;
        text-align: justify
    }

        .product-m-list li {
            display: inline-block;
            padding-right: 16px;
            width: 50%
        }

    .por-collapse-trigger .por-icon-down {
        font-size: 24px
    }

        .por-collapse-trigger .por-icon-down:before {
            content: "\ea0c"
        }

    .section-product {
        background: #f7f7f7;
        background-size: 100% 100%;
        border-radius: 16px 16px 0 0
    }

        .section-product .product-container {
            display: none
        }

    .product-mb-container {
        background-color: #fff;
        border-radius: 16px;
        display: block;
        padding: 0 20px
    }

    .product-m-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        position: relative
    }

        .product-m-tab.expended a {
            border-bottom: 1px solid #c9c9c9;
            color: #000
        }

            .product-m-tab.expended a span:before {
                opacity: 1
            }

            .product-m-tab.expended a .por-icon.por-icon-down {
                -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg)
            }

        .product-m-tab a {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #191919;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-weight: 700;
            position: relative;
            width: 100%
        }

            .product-m-tab a span {
                display: inline-block;
                font-size: 16px;
                height: 56px;
                line-height: 56px;
                position: relative
            }

                .product-m-tab a span:before {
                    border-bottom: 2px solid #000;
                    bottom: -1px;
                    content: "";
                    left: 0;
                    opacity: 0;
                    position: absolute;
                    right: 0;
                    -webkit-transition: .2s;
                    transition: .2s
                }

            .product-m-tab a .por-icon.por-icon-down {
                position: absolute;
                right: 0
            }

            .product-m-tab a i {
                color: #777;
                font-size: 24px;
                height: 24px;
                -webkit-transition: .35s;
                transition: .35s;
                width: 24px
            }

    .product-m-tab-wrapper {
        overflow: hidden;
        -webkit-transition: .35s;
        transition: .35s
    }

    .product-m-tab-container {
        border: none
    }

        .product-m-tab-container:last-child .product-m-tab, .product-m-tab-container:last-child .product-m-tab-content {
            border-bottom: none
        }

    .product-m-tab-content {
        padding: 0
    }

    .product-m-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 0
    }

        .product-m-card img {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 10px;
            height: 48px;
            margin-right: 16px;
            width: 48px
        }

        .product-m-card .text-container {
            width: calc(100% - 64px)
        }

            .product-m-card .text-container h5 {
                color: #191919;
                font-size: 16px;
                font-weight: 600;
                line-height: 24px;
                margin-bottom: 6px
            }

            .product-m-card .text-container p {
                color: #595959;
                font-size: 12px;
                line-height: 18px
            }

    .product-mb-more {
        padding-top: 16px;
        text-align: center
    }
}

@media (max-width:500px)
{
    .product-list li {
        padding: 8px;
        width:100%;
    }
    /*
        .product-list li:nth-child(10) ~ li {
            display: none
        }
*/
    .product-m-tab a span {
        height: 55px;
        line-height: 55px
    }

    .product-m-card {
        padding: 16px 0
    }

        .product-m-card img {
            border-radius: 8px;
            height: 40px;
            margin-right: 12px;
            width: 40px
        }

        .product-m-card .text-container h5 {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 0
        }

    .product-m-list li {
        padding-right: 0;
        width: 100%
    }

        .product-m-list li:nth-child(6) ~ li {
            display: none
        }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

.section-company {
    background: #f7f7f7;
    padding-top: 0
}

    .section-company .product-nav {
        height: 100%;
        min-height: auto
    }

    .section-company .product-nav-more {
        position: static
    }

@media (max-width:1024px) {
    .section-company .product-list li:nth-child(3) ~ li {
        display: none
    }
}

@media (max-width:768px) {
    .section-company .por-tab-content .por-collapse-trigger:not(.expended) {
        border-bottom: none
    }

    .section-company .por-collapse-trigger {
        padding: 16px 0
    }

        .section-company .por-collapse-trigger.expended .por-collapse-head-text:after {
            display: inline-block
        }

    .section-company .product-list li:nth-child(3) ~ li {
        display: block
    }

    .section-company .por-tab-wrapper {
        padding: 0 20px
    }

    .section-company .por-collapse-container {
        background: #fff;
        border: none;
        margin-bottom: 0
    }

    .section-company .product-content {
        margin: 0
    }

    .section-company .por-tab {
        display: none
    }

    .section-company .por-icon-down, .section-company .por-icon-up {
        font-size: 24px;
        margin-top: 0;
        right: 0;
        top: calc(50% - 12px)
    }

        .section-company .por-icon-down:before {
            content: "\ea0c"
        }

        .section-company .por-icon-up:before {
            content: "\ea0d"
        }

    .section-company .por-collapse-head-text {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        position: relative
    }

        .section-company .por-collapse-head-text:after {
            background-color: #191919;
            bottom: -16px;
            content: "";
            display: none;
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%
        }

    .section-company .por-tab-container {
        background-color: #fff;
        border-radius: 16px;
        overflow: hidden
    }

    .section-company .product-price {
        display: none
    }

    .section-company .product-recommends {
        display: block;
        margin: 0;
        padding: 16px 0
    }

        .section-company .product-recommends > li {
            border: none;
            height: auto;
            padding: 16px 0;
            width: auto
        }

        .section-company .product-recommends .product-card {
            display: block;
            padding: 0
        }

            .section-company .product-recommends .product-card:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

        .section-company .product-recommends .product-card-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            text-align: left
        }

            .section-company .product-recommends .product-card-inner > img {
                border-radius: 10px;
                height: 48px;
                margin-bottom: 0;
                margin-right: 16px;
                width: 48px
            }

            .section-company .product-recommends .product-card-inner .product-text {
                width: calc(100% - 54px)
            }

            .section-company .product-recommends .product-card-inner h5 {
                font-size: 16px;
                font-weight: 600;
                line-height: 24px;
                margin-bottom: 6px
            }

            .section-company .product-recommends .product-card-inner p {
                display: block;
                font-size: 12px;
                height: auto;
                line-height: 18px;
                margin-bottom: 0;
                width: 100%
            }
}

@media (max-width:500px) {
    .section-company .product-recommends .product-card-inner h5 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0
    }

    .section-company .product-recommends .product-card-inner img {
        border-radius: 8px;
        height: 40px;
        width: 40px
    }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

.home-solutions .por-carousel-next, .home-solutions .por-carousel-prev {
    font-family: por-icon !important;
    font-size: 32px
}

.home-solutions.por-container {
    max-width: none;
    padding: 0
}

.home-solutions .solutions-card {
    -webkit-user-drag: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0;
    background-size: cover;
    border-radius: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 560px;
    overflow: hidden;
    padding: 0 80px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.home-solutions .solution-content {
    width: 100%
}

.home-solutions .solutions-icon img {
    height: 72px;
    width: 72px
}

.home-solutions .solutions-card-text {
    width: 100%
}

.home-solutions .solutions-icon ~ .solutions-card-text {
    margin-top: 24px
}

.home-solutions .solutions-card-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 8px
}

    .home-solutions .solutions-card-title img {
        display: none
    }

.home-solutions .solutions-card-subTitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px
}

.home-solutions .solutions-card-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
    width: 45%
}

.home-solutions .por-btn-light {
    -webkit-animation: textIn .4s .15s forwards;
    animation: textIn .4s .15s forwards;
    background: hsla(0,0%,100%,.07)
}

.home-solutions .solution-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

    .home-solutions .solution-bg:before {
        background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.6)),color-stop(60%,hsla(0,0%,100%,.06)),to(rgba(0,0,0,.12)));
        background: linear-gradient(90deg,rgba(0,0,0,.6) 0,hsla(0,0%,100%,.06) 60%,rgba(0,0,0,.12));
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .home-solutions .solution-bg video {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 1;
        position: absolute;
        top: 0;
        width: 100%
    }

.home-solutions .por-carousel-wrapper {
    height: auto
}

.home-solutions .por-carousel {
    margin: 0 auto;
    position: unset
}

    .home-solutions .por-carousel .por-carousel-slide:not(.swiper-slide-active) .solution-bg:before {
        background: hsla(0,0%,100%,.5)
    }

    .home-solutions .por-carousel .por-carousel-slide:not(.swiper-slide-active) .solutions-card-text, .home-solutions .por-carousel .por-carousel-slide:not(.swiper-slide-active) .solutions-icon {
        visibility: hidden
    }

    .home-solutions .por-carousel .por-carousel-next, .home-solutions .por-carousel .por-carousel-prev {
        -webkit-backdrop-filter: blur(67px);
        backdrop-filter: blur(67px);
        background: hsla(0,0%,100%,.7);
        color: #595959;
        height: 64px;
        width: 64px;
        z-index: 2
    }

        .home-solutions .por-carousel .por-carousel-next:before, .home-solutions .por-carousel .por-carousel-prev:before {
            left: 50%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .home-solutions .por-carousel .por-carousel-next:hover, .home-solutions .por-carousel .por-carousel-prev:hover {
            background: #fff;
            color: #191919
        }

        .home-solutions .por-carousel .por-carousel-prev:before {
            content: "\ea08"
        }

        .home-solutions .por-carousel .por-carousel-next:before {
            content: "\ea09"
        }

    .home-solutions .por-carousel .por-carousel-prev {
        left: 160px
    }

    .home-solutions .por-carousel .por-carousel-next {
        right: 160px
    }

    .home-solutions .por-carousel .por-carousel-slide {
        padding: 0 12px
    }

.home-solutions .solutions-wrapper {
    overflow: hidden;
    padding-top: 22px;
    position: relative
}

    .home-solutions .solutions-wrapper .por-carousel {
        overflow: visible
    }

    .home-solutions .solutions-wrapper .por-carousel-wrapper {
        margin: 0 auto
    }

@media (max-width:1536px) {
    .home-solutions .por-carousel .por-carousel-slide {
        padding: 0 8px
    }

    .home-solutions .por-carousel .por-carousel-next, .home-solutions .por-carousel .por-carousel-prev {
        height: 48px;
        width: 48px
    }

    .home-solutions .por-carousel .por-carousel-prev {
        left: 76px
    }

    .home-solutions .por-carousel .por-carousel-next {
        right: 76px
    }

    .home-solutions .solutions-card {
        height: 480px;
        padding: 0 56px
    }

    .home-solutions .solutions-icon img {
        height: 64px;
        width: 64px
    }

    .home-solutions .solutions-card-text {
        margin-top: 20px
    }

    .home-solutions .solutions-card-title {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 6px
    }

    .home-solutions .solutions-card-subTitle {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px
    }

    .home-solutions .solutions-card-desc {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width:1366px) {
    .home-solutions .solutions-card {
        height: 400px;
        padding: 0 44px
    }

    .home-solutions .solutions-icon img {
        height: 56px;
        width: 56px
    }

    .home-solutions .solutions-card-text {
        margin-top: 16px
    }

    .home-solutions .solutions-card-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 4px
    }

    .home-solutions .solutions-card-subTitle {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .home-solutions .solutions-card-desc {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 28px
    }
}

@media (max-width:1024px) {
    .home-solutions .por-carousel .por-carousel-prev {
        left: 28px
    }

    .home-solutions .por-carousel .por-carousel-next {
        right: 28px
    }
}

@media (max-width:768px) {
    .home-solutions .por-carousel .por-carousel-next, .home-solutions .por-carousel .por-carousel-prev, .home-solutions .solutions-tabs {
        display: none
    }

    .home-solutions .solutions-card {
        background: #f5f5f5;
        color: #191919;
        display: block;
        height: auto;
        padding: 0
    }

    .home-solutions .solution-bg {
        height: 360px;
        position: relative;
        z-index: 0
    }

    .home-solutions .por-carousel .por-carousel-slide:not(.swiper-slide-active) .solutions-card-text, .home-solutions .por-carousel .por-carousel-slide:not(.swiper-slide-active) .solutions-icon {
        visibility: visible
    }

    .home-solutions .por-carousel .por-carousel-slide {
        padding: 0 24px
    }

    .home-solutions .solutions-icon img {
        display: none
    }

    .home-solutions .solutions-card-text {
        margin-top: 0;
        padding: 24px 14px
    }

    .home-solutions .solutions-card-title {
        font-size: 0;
        margin-bottom: 12px
    }

        .home-solutions .solutions-card-title img {
            display: inline-block;
            height: 36px;
            margin-right: 8px;
            vertical-align: middle;
            width: 36px
        }

        .home-solutions .solutions-card-title h3 {
            display: inline-block;
            font-size: 18px;
            line-height: 28px;
            vertical-align: middle
        }

    .home-solutions .solutions-card-desc {
        margin-bottom: 0;
        width: 100%
    }

    .home-solutions .section-more {
        margin-top: 48px
    }

    .home-solutions .solutions-card-more {
        display: none
    }

    .home-solutions .solutions-wrapper {
        overflow: visible;
        padding-top: 0
    }

        .home-solutions .solutions-wrapper .por-carousel {
            overflow: hidden
        }

    .home-solutions .por-carousel-pagination {
        bottom: -32px
    }

        .home-solutions .por-carousel-pagination .por-carousel-bullet {
            border: none;
            border-radius: 4px;
            height: 8px;
            margin: 0 6px;
            width: 8px
        }

            .home-solutions .por-carousel-pagination .por-carousel-bullet.active {
                width: 20px
            }

    .home-solutions .por-carousel .por-carousel-slide:not(.swiper-slide-active) .solution-bg:before {
        display: none
    }
}

@media (max-width:500px) {
    .home-solutions .solution-bg {
        height: 180px
    }
}

@media (max-width:375px) {
    .home-solutions .por-carousel .por-carousel-slide {
        padding: 0 16px
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes progress {
    0% {
        stroke-dashoffset: 100
    }

    50% {
        stroke-dashoffset: 50
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes progress {
    0% {
        stroke-dashoffset: 100
    }

    50% {
        stroke-dashoffset: 50
    }

    to {
        stroke-dashoffset: 0
    }
}

.home-customers {
    color: #fff
}

    .home-customers .section {
        background-size: cover;
        position: relative
    }

    .home-customers .customers-mask {
        background: #fff;
        height: 100%;
        opacity: .3;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 3
    }

    .home-customers .customers-bgs {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .home-customers .customers-bg {
        -webkit-animation: fadeIn .4s forwards;
        animation: fadeIn .4s forwards;
        background-position: top;
        background-size: cover;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

        .home-customers .customers-bg:first-child {
            z-index: 2
        }

        .home-customers .customers-bg:nth-child(2) {
            z-index: 1
        }

            .home-customers .customers-bg:nth-child(2) ~ * {
                visibility: hidden
            }

    .home-customers .por-container {
        position: relative;
        z-index: 2
    }

    .home-customers .customers-tab-head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .home-customers .customers-tab-item {
        color: hsla(0,0%,100%,.8);
        cursor: pointer;
        display: block;
        font-size: 18px;
        line-height: 28px;
        margin: 0 40px;
        padding-bottom: 5px;
        position: relative;
        text-align: center;
        -webkit-transition: .2s;
        transition: .2s
    }

        .home-customers .customers-tab-item:hover {
            color: #fff;
            font-weight: 700
        }

        .home-customers .customers-tab-item:first-child {
            margin-left: 0
        }

        .home-customers .customers-tab-item:last-child {
            margin-right: 0
        }

        .home-customers .customers-tab-item:after {
            background-color: #fff;
            bottom: 0;
            content: "";
            height: 2px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            -webkit-transition: .2s;
            transition: .2s;
            width: 0
        }

        .home-customers .customers-tab-item.active {
            color: #fff;
            font-weight: 700
        }

            .home-customers .customers-tab-item.active:after {
                width: 100%
            }

    .home-customers .customers-more {
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        -webkit-transition: .2s;
        transition: .2s
    }

        .home-customers .customers-more i {
            margin-left: 12px;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s,-webkit-transform .2s;
            vertical-align: middle
        }

        .home-customers .customers-more:hover {
            color: #d64a52
        }

            .home-customers .customers-more:hover i {
                -webkit-transform: translate(4px);
                transform: translate(4px)
            }

    .home-customers .customers-tab-content:not(.show) {
        display: none
    }

    .home-customers .customers-texts {
        height: 480px;
        padding: 72px 0 94px
    }

    .home-customers .customers-text:not(.show) {
        display: none
    }

    .home-customers .customers-text-title {
        -webkit-animation: textIn .4s forwards;
        animation: textIn .4s forwards;
        font-size: 36px;
        font-weight: 700;
        line-height: 54px;
        margin: 30px 0 20px;
        max-width: 42%;
        opacity: 0;
        position: relative;
        text-align: justify
    }

        .home-customers .customers-text-title span {
            text-align: justify;
            width: calc(100% - 64px)
        }

        .home-customers .customers-text-title .por-player-btn {
            margin-left: 12px;
            margin-top: 10px;
            position: absolute
        }

    .home-customers .customers-text-desc {
        -webkit-animation: textIn .4s .1s forwards;
        animation: textIn .4s .1s forwards;
        font-size: 16px;
        line-height: 24px;
        max-width: 42%;
        opacity: 0
    }

    .home-customers .customers-text-effect {
        display: none;
        margin-top: 32px
    }

        .home-customers .customers-text-effect .customers-effect-block {
            margin-right: 76px
        }

        .home-customers .customers-text-effect .customers-effect-number {
            font-size: 60px
        }

        .home-customers .customers-text-effect .customers-effect-unit {
            font-size: 24px
        }

        .home-customers .customers-text-effect .customers-effect-icon {
            height: 40px;
            margin-left: 30px;
            width: 30px
        }

        .home-customers .customers-text-effect .customers-effect-text {
            font-size: 18px;
            line-height: 28px;
            margin-top: 16px
        }

        .home-customers .customers-text-effect .customers-effect-presentation {
            font-size: 0;
            height: 84px;
            line-height: 84px
        }

    .home-customers .customers-text-btn {
        -webkit-animation: textIn .4s .15s forwards;
        animation: textIn .4s .15s forwards;
        background: hsla(0,0%,100%,.07);
        margin-top: 48px
    }

    .home-customers .customers-logos {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

        .home-customers .customers-logos .customers-logo {
            background-size: cover;
            border-radius: 50%;
            height: 34px;
            margin: 4px 10px;
            position: relative;
            width: 34px
        }

            .home-customers .customers-logos .customers-logo:after {
                background-color: #000;
                border-radius: 50%;
                content: "";
                display: inline-block;
                height: 100%;
                left: 0;
                opacity: .25;
                position: absolute;
                top: 0;
                -webkit-transition: all .3s;
                transition: all .3s;
                width: 100%
            }

            .home-customers .customers-logos .customers-logo:hover:after {
                opacity: .1
            }

            .home-customers .customers-logos .customers-logo:hover {
                -webkit-transform: scale(1.05);
                transform: scale(1.05)
            }

            .home-customers .customers-logos .customers-logo .progress-circle {
                height: calc(100% + 10px);
                width: calc(100% + 10px)
            }

            .home-customers .customers-logos .customers-logo .progress {
                stroke-dasharray: 100 100;
                stroke-dashoffset: 0;
                stroke: #fff;
                stroke-linecap: round;
                fill: transparent;
                -webkit-animation: progress 5s linear forwards;
                animation: progress 5s linear forwards;
                display: none;
                height: 100%;
                left: -5px;
                position: relative;
                top: -5px;
                width: 100%
            }

            .home-customers .customers-logos .customers-logo.active .progress {
                display: block
            }

            .home-customers .customers-logos .customers-logo.active:after {
                opacity: 0
            }

    .home-customers .customers-logo {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        height: 60px;
        position: relative;
        -webkit-transition: .2s;
        transition: .2s;
        width: 130px
    }

    .home-customers .section-more {
        color: #fff;
        margin-top: 24px
    }

@media (max-width:1536px) {
    .home-customers .customers-text-title {
        font-size: 32px;
        line-height: 48px;
        margin-top: 16px;
        max-width: 50%
    }

        .home-customers .customers-text-title .por-player-btn {
            margin-top: 6px
        }

    .home-customers .customers-text-desc {
        max-width: 50%
    }

    .home-customers .customers-texts {
        height: 400px;
        padding: 42px 0 20px
    }

    .home-customers .section-more {
        margin-top: 16px
    }
}

@media (max-width:1366px) {
    .home-customers .section-head {
        padding-bottom: 24px
    }

    .home-customers .customers-text-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 8px
    }

        .home-customers .customers-text-title .por-player-btn {
            display: none
        }

    .home-customers .customers-text-desc {
        font-size: 14px;
        line-height: 22px
    }

    .home-customers .customers-tab-item {
        font-size: 14px;
        line-height: 22px;
        margin: 0 28px
    }

    .home-customers .customers-texts {
        height: 400px;
        padding: 20px 0
    }

    .home-customers .customers-text-effect .customers-effect-presentation {
        height: 50px;
        line-height: 50px
    }

    .home-customers .customers-text-effect .customers-effect-number {
        font-size: 44px;
        line-height: 50px
    }

    .home-customers .customers-text-effect .customers-effect-icon {
        height: 32px;
        margin-left: 14px;
        width: 26px
    }

    .home-customers .customers-text-effect .customers-effect-text {
        font-size: 16px;
        line-height: 18px;
        margin-top: 6px
    }

    .home-customers .customers-text-btn {
        font-size: 14px;
        margin-top: 32px;
        padding: 0 24px
    }

    .home-customers .customers-logos .customers-logo {
        height: 28px;
        margin: 4px 8px;
        width: 28px
    }

    .home-customers .section-more {
        margin-top: 20px
    }
}

@media (min-width:1024px) {
    #customers {
        position: relative;
        z-index: 2
    }

    .home-customers .hidden-pc {
        display: none !important
    }
}

@media (max-width:1023px) {
    .home-customers {
        color: #191919
    }

        .home-customers .section {
            background-color: #f7f7f7;
            background-image: none !important;
            padding: 0 0 52px
        }

        .home-customers .section-head {
            padding-bottom: 28px
        }

        .home-customers .customers-m-logos {
            background: #fff;
            border-radius: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 20px 52px
        }

            .home-customers .customers-m-logos .customers-m-logo {
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                align-items: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 0;
                height: 67px;
                justify-content: center;
                margin: 12px 0;
                width: 33.33333%
            }

        .home-customers .customers-m-logo img {
            background-position: 0;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
            height: 60px;
            width: 140px
        }

        .home-customers .section-more {
            color: #191919;
            margin-top: 28px
        }

    .customers-mask {
        display: none
    }
}

@media (max-width:560px) {
    .home-customers .section-head {
        padding-bottom: 20px
    }

    .home-customers .customers-m-logos {
        padding: 14px 12px
    }

        .home-customers .customers-m-logos .customers-m-logo {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 64px;
            justify-content: center;
            margin: 6px 0;
            width: 50%
        }

            .home-customers .customers-m-logos .customers-m-logo img {
                height: 60px;
                width: 140px
            }

            .home-customers .customers-m-logos .customers-m-logo:nth-child(9) {
                display: none
            }

    .home-customers .section-more {
        margin-top: 20px
    }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (min-width:1025px) {
    .home-information {
        background-image: none !important
    }
}

.home-information .section {
    background: #f7f7f7
}

.home-information .information-main {
    padding-bottom: 132px;
    padding-top: 190px;
    position: relative;
    z-index: 1
}

@media (min-width:1025px) {
    .home-information .information-main {
        background-image: none !important
    }
}

.home-information .information-title {
    color: #191919;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 12px;
    width: 33.33333%
}

.home-information .information-desc {
    color: #595959;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 48px;
    width: 33.33333%
}

.home-information .information-frontground {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -40px;
    height: calc(100% + 40px);
    position: absolute;
    right: 0;
    -webkit-transition: right .2s;
    transition: right .2s;
    width: 66.66667%
}

@media (min-width:1025px) {
    .home-information .information-frontground:not(.init-parallax) {
        display: none
    }
}

.home-information .information-news {
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9
}

.home-information .information-news-column {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 33.33333333%
}

    .home-information .information-news-column + .information-news-column {
        margin-left: 16px
    }

    .home-information .information-news-column:hover {
        -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
        box-shadow: 0 4px 12px rgba(0,0,0,.08)
    }

.home-information .information-news-card {
    background-color: #fff;
    height: 100%;
    padding: 32px;
    text-align: left
}

.home-information .information-news-card-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .home-information .information-news-card-title span {
        color: #191919;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        -webkit-transition: .2s;
        transition: .2s
    }

.home-information .information-news-card-subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px
}

.home-information .information-news-card-icon {
    background-size: cover;
    display: block;
    height: 48px;
    margin-bottom: 20px;
    width: 48px
}

.home-information .information-news-card-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px
}

    .home-information .information-news-card-list > li {
        position: relative
    }

    .home-information .information-news-card-list li:not(:last-child) {
        margin-right: 16px;
        padding-right: 16px
    }

        .home-information .information-news-card-list li:not(:last-child):after {
            background-color: #252b3a;
            content: "";
            height: 16px;
            position: absolute;
            right: 0;
            top: 3px;
            width: 1px
        }

    .home-information .information-news-card-list a {
        color: #252b3a;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: .2s;
        transition: .2s;
        white-space: nowrap
    }

        .home-information .information-news-card-list a em {
            color: inherit;
            font-style: normal;
            font-weight: 600
        }

        .home-information .information-news-card-list a:hover {
            color: #c7000b
        }

@media (max-width:1024px) {
    .home-information .information-news-card-list a {
        font-size: 12px
    }

    .home-information .information-news-card-list li:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px
    }

        .home-information .information-news-card-list li:not(:last-child):after {
            top: 1px
        }
}

.home-information .information-frontground-m {
    display: none
}

@media (max-width:1776px) {
    .home-information .information-main {
        padding: 100px 0
    }
}

@media (max-width:1366px) {
    .home-information .information-main {
        padding: 134px 0 107px
    }

    .home-information .information-title {
        font-size: 18px;
        line-height: 28px
    }

    .home-information .information-news-card-icon {
        height: 36px;
        margin-bottom: 16px;
        width: 36px
    }

    .home-information .information-news-card-title span {
        font-size: 14px;
        line-height: 22px
    }

    .home-information .information-desc {
        margin-bottom: 36px
    }

    .home-information .information-news-card-subtitle {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:1280px) {
    .home-information .information-main {
        padding: 86px 0
    }
}

@media (max-width:1024px) {
    .home-information .information-frontground {
        bottom: -20px;
        height: calc(100% + 20px)
    }

    .home-information .information-main {
        padding: 66px 0
    }

    .home-information .information-title {
        font-size: 24px;
        line-height: 36px
    }

    .home-information .information-news-card {
        padding: 24px
    }

    .home-information .information-news-card-subtitle {
        margin-top: 6px
    }
}

@media (max-width:900px) {
    .home-information .information-main {
        padding: 36px 0 23px
    }
}

@media (max-width:768px) {
    .home-information .information-frontground {
        display: none
    }

    .home-information .information-frontground-m {
        display: block
    }

    .home-information .section-body {
        background-color: #fff;
        border-radius: 16px;
        padding: 28px 20px 0
    }

    .home-information .information-main {
        padding: 0;
        text-align: center
    }

    .home-information .information-title {
        font-size: 20px;
        line-height: 30px;
        width: 100%
    }

    .home-information .information-desc {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
        width: 100%
    }

    .home-information .information-news {
        background: transparent;
        display: none
    }

    .home-information .information-news-column {
        border: 1px solid hsla(0,0%,60%,.3);
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .home-information .information-news-column:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .home-information .information-news-card-subtitle {
        display: none
    }

    .home-information .information-news-card-icon {
        margin: 0 auto 10px
    }

    .home-information .information-news-card-title {
        display: block;
        text-align: center
    }

    .home-information .information-frontground-m {
        padding-top: 48px
    }

        .home-information .information-frontground-m img {
            display: block;
            margin: 0 auto;
            width: 80%
        }
}

@media (max-width:520px) {
    .home-information .information-news-card {
        padding: 16px
    }
}

@media (max-width:470px) {
    .home-information .section-body {
        padding: 28px 20px 0
    }

    .home-information .information-desc {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 20px
    }

    .home-information .information-news-card-icon {
        height: 32px;
        margin-bottom: 10px;
        width: 32px
    }

    .home-information .information-frontground-m {
        padding-top: 32px
    }

    .home-information .information-news-column {
        border: none;
        border-radius: 0;
        margin: 0
    }

        .home-information .information-news-column + .information-news-column {
            margin-left: 0
        }

    .home-information .information-news-card {
        padding: 0
    }

    .home-information .information-news-card-title span {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:375px) {
    .home-information .information-title {
        font-size: 16px;
        line-height: 24px
    }

    .home-information .information-main {
        padding-bottom: 32px
    }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

.home-global-site-3d {
    position: relative;
    width: 100%
}

    .home-global-site-3d .section {
        background: #f7f7f7;
        height: 100%;
        padding-bottom: 50px
    }

    .home-global-site-3d .link-more {
        margin-top: 16px
    }

    .home-global-site-3d .por-container {
        height: 100%
    }

    .home-global-site-3d #earth {
        height: 100% !important;
        width: 100% !important
    }

    .home-global-site-3d #labels {
        color: #fff;
        left: 0;
        position: absolute;
        top: 5px;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
        z-index: 0;
        z-index: 99
    }

        .home-global-site-3d #labels > div {
            background-image: -webkit-gradient(linear,left top,left bottom,from(#007dff),to(rgba(82,110,204,0)));
            background-image: linear-gradient(180deg,#007dff,rgba(82,110,204,0));
            background-size: contain;
            color: #191919;
            cursor: pointer;
            height: 40px;
            left: 0;
            pointer-events: all;
            position: absolute;
            top: -18px;
            -webkit-transform: translate(-50%,-75%);
            transform: translate(-50%,-75%);
            width: 2px
        }

            .home-global-site-3d #labels > div.rec {
                background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9400),to(rgba(204,143,82,0)));
                background-image: linear-gradient(180deg,#ff9400,rgba(204,143,82,0));
                background-size: contain
            }

                .home-global-site-3d #labels > div.rec .labelText:before {
                    border-color: #e58026 !important
                }

                .home-global-site-3d #labels > div.rec .labelText:after {
                    background: #e58026 !important
                }

            .home-global-site-3d #labels > div.server {
                background-image: url(//res.hc-cdn.com/cpage-pep-home-page/2.5.25/components/global-site-3d/images/server-blue.svg);
                background-repeat: no-repeat;
                height: 32px;
                width: 18px
            }

                .home-global-site-3d #labels > div.server.rec {
                    background-image: url(//res.hc-cdn.com/cpage-pep-home-page/2.5.25/components/global-site-3d/images/server-orange.svg)
                }

            .home-global-site-3d #labels > div .labelText {
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                background: hsla(0,0%,100%,.9);
                -webkit-box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
                box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
                display: inline-block;
                font-size: 12px;
                line-height: 26px;
                opacity: .9;
                padding: 0 14px;
                position: relative;
                -webkit-transform: translate(0) translate(3px);
                transform: translate(0) translate(3px);
                white-space: nowrap
            }

                .home-global-site-3d #labels > div .labelText.line-right:before {
                    background: transparent;
                    border-left: 1px solid #045fcc;
                    border-top: 1px solid #045fcc;
                    content: "";
                    display: block;
                    height: 6px;
                    left: -12px;
                    pointer-events: none;
                    position: absolute;
                    top: 11px;
                    width: 11px
                }

                .home-global-site-3d #labels > div .labelText.line-right-top:before {
                    height: 10px;
                    left: -62px;
                    width: 62px
                }

                .home-global-site-3d #labels > div .labelText.line-right-top1:before, .home-global-site-3d #labels > div .labelText.line-right-top:before {
                    background: transparent;
                    border-left: 1px solid #045fcc;
                    border-top: 1px solid #045fcc;
                    content: "";
                    display: block;
                    pointer-events: none;
                    position: absolute;
                    top: 12px
                }

                .home-global-site-3d #labels > div .labelText.line-right-top1:before {
                    height: 40px;
                    left: -12px;
                    width: 14px
                }

                .home-global-site-3d #labels > div .labelText.line-left:before {
                    background: transparent;
                    border-right: 1px solid #045fcc;
                    border-top: 1px solid #045fcc;
                    content: "";
                    display: block;
                    height: 3px;
                    pointer-events: none;
                    position: absolute;
                    right: -22px;
                    top: 6px;
                    width: 22px
                }

                .home-global-site-3d #labels > div .labelText.line-top:before {
                    background: transparent;
                    border-left: 1px solid #045fcc;
                    content: "";
                    display: block;
                    height: 13px;
                    pointer-events: none;
                    position: absolute;
                    right: 50%;
                    top: 25px
                }

                .home-global-site-3d #labels > div .labelText .label-title {
                    backface-visibility: hidden;
                    -webkit-backface-visibility: hidden;
                    pointer-events: none
                }

                .home-global-site-3d #labels > div .labelText .label-desc {
                    display: none
                }

                .home-global-site-3d #labels > div .labelText.bottom {
                    -webkit-transform: translate(-100%) translate(-4px,-1px);
                    transform: translate(-100%) translate(-4px,-1px)
                }

                .home-global-site-3d #labels > div .labelText.left {
                    -webkit-transform: translate(-100%) translate(-2px);
                    transform: translate(-100%) translate(-2px)
                }

                .home-global-site-3d #labels > div .labelText.server, .home-global-site-3d #labels > div .labelText.serverright {
                    border-radius: 7px 7px 7px 0;
                    -webkit-transform: translate(8px) translateY(-23px);
                    transform: translate(8px) translateY(-23px)
                }

                    .home-global-site-3d #labels > div .labelText.server.line-right, .home-global-site-3d #labels > div .labelText.serverright.line-right {
                        border-radius: 7px;
                        -webkit-transform: translate(20px) translateY(-14px);
                        transform: translate(20px) translateY(-14px)
                    }

                    .home-global-site-3d #labels > div .labelText.server.line-right-top, .home-global-site-3d #labels > div .labelText.serverright.line-right-top {
                        border-radius: 7px;
                        -webkit-transform: translate(70px) translateY(-24px);
                        transform: translate(70px) translateY(-24px)
                    }

                    .home-global-site-3d #labels > div .labelText.server.line-right-top1, .home-global-site-3d #labels > div .labelText.serverright.line-right-top1 {
                        border-radius: 7px;
                        -webkit-transform: translate(21px) translateY(-48px);
                        transform: translate(21px) translateY(-48px)
                    }

                .home-global-site-3d #labels > div .labelText.serverbottom {
                    border-radius: 0 7px 7px 7px;
                    -webkit-transform: translate(-100%) translate(10px,-21px);
                    transform: translate(-100%) translate(10px,-21px);
                    z-index: 10
                }

                .home-global-site-3d #labels > div .labelText.serverleft {
                    border-radius: 7px 7px 0 7px;
                    -webkit-transform: translate(-100%) translate(10px,-22px);
                    transform: translate(-100%) translate(10px,-22px);
                    z-index: 100
                }

                    .home-global-site-3d #labels > div .labelText.serverleft.line-left {
                        -webkit-transform: translate(-100%) translate(-13px,-7px);
                        transform: translate(-100%) translate(-13px,-7px)
                    }

                .home-global-site-3d #labels > div .labelText.servertop {
                    border-radius: 7px;
                    -webkit-transform: translate(-50%) translate(10px,-23px);
                    transform: translate(-50%) translate(10px,-23px)
                }

                    .home-global-site-3d #labels > div .labelText.servertop.line-top {
                        -webkit-transform: translate(-50%) translate(10px,-35px);
                        transform: translate(-50%) translate(10px,-35px)
                    }

            .home-global-site-3d #labels > div:hover {
                z-index: 20 !important
            }

@-webkit-keyframes server-base1 {
    0% {
        top: 4px;
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }

    to {
        top: 3px
    }
}

@keyframes server-base1 {
    0% {
        top: 4px;
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }

    to {
        top: 3px
    }
}

.home-global-site-3d #labels > div:hover .server-base {
    -webkit-animation: server-base1 1.5s ease-out infinite;
    animation: server-base1 1.5s ease-out infinite;
    background-image: url(//res.hc-cdn.com/cpage-pep-home-page/2.5.25/components/global-site-3d/images/server-base-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 36px;
    left: -9px;
    position: absolute;
    width: 36px;
    z-index: -666
}

    .home-global-site-3d #labels > div:hover .server-base.rec {
        background-image: url(//res.hc-cdn.com/cpage-pep-home-page/2.5.25/components/global-site-3d/images/server-base-orange.svg)
    }

.home-global-site-3d #labels > div:hover .labelText {
    -webkit-box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
    box-shadow: 0 10px 21px 0 rgba(91,116,148,.17);
    min-width: 88px;
    padding: 10px 12px;
    z-index: 10
}

    .home-global-site-3d #labels > div:hover .labelText .label-title {
        font-size: 14px;
        font-weight: 600;
        height: 22px;
        line-height: 22px
    }

    .home-global-site-3d #labels > div:hover .labelText .label-desc {
        display: block;
        font-size: 12px;
        line-height: 18px
    }

    .home-global-site-3d #labels > div:hover .labelText.server, .home-global-site-3d #labels > div:hover .labelText.serverright {
        -webkit-transform: translate(9px) translateY(-55px);
        transform: translate(9px) translateY(-55px)
    }

        .home-global-site-3d #labels > div:hover .labelText.server.line-right, .home-global-site-3d #labels > div:hover .labelText.serverright.line-right {
            -webkit-transform: translate(20px) translateY(-14px);
            transform: translate(20px) translateY(-14px)
        }

        .home-global-site-3d #labels > div:hover .labelText.server.line-right-top, .home-global-site-3d #labels > div:hover .labelText.serverright.line-right-top {
            -webkit-transform: translate(70px) translateY(-24px);
            transform: translate(70px) translateY(-24px)
        }

        .home-global-site-3d #labels > div:hover .labelText.server.line-right-top1, .home-global-site-3d #labels > div:hover .labelText.serverright.line-right-top1 {
            -webkit-transform: translate(21px) translateY(-48px);
            transform: translate(21px) translateY(-48px)
        }

    .home-global-site-3d #labels > div:hover .labelText.serverbottom {
        -webkit-transform: translate(-90%) translateY(-52px);
        transform: translate(-90%) translateY(-52px)
    }

    .home-global-site-3d #labels > div:hover .labelText.serverleft {
        -webkit-transform: translate(-90%) translateY(-55px);
        transform: translate(-90%) translateY(-55px)
    }

        .home-global-site-3d #labels > div:hover .labelText.serverleft.line-left {
            -webkit-transform: translate(-100%) translate(-13px,-7px);
            transform: translate(-100%) translate(-13px,-7px)
        }

    .home-global-site-3d #labels > div:hover .labelText.line-top:before {
        top: 56px
    }

    .home-global-site-3d #labels > div:hover .labelText.servertop {
        -webkit-transform: translate(-50%) translate(10px,-55px);
        transform: translate(-50%) translate(10px,-55px)
    }

        .home-global-site-3d #labels > div:hover .labelText.servertop.line-top {
            -webkit-transform: translate(-50%) translate(10px,-67px);
            transform: translate(-50%) translate(10px,-67px)
        }

.home-global-site-3d #labels > div:hover .az-label {
    top: 72px
}

    .home-global-site-3d #labels > div:hover .az-label.server {
        top: 25px
    }

.home-global-site-3d #labels > div:hover .pop-label {
    top: 72px
}

    .home-global-site-3d #labels > div:hover .pop-label.server {
        top: 25px
    }

.home-global-site-3d .section-body {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    position: relative
}

    .home-global-site-3d .section-body .section-body-left {
        padding-right: calc(50% - 620px)
    }

    .home-global-site-3d .section-body .section-body-right {
        height: 750px;
        margin-right: 30px;
        width: 750px
    }

.home-global-site-3d .section-body-bottom {
    background: #fff;
    border-radius: 16px;
    bottom: 24px;
    left: 0;
    margin-bottom: -24px;
    position: relative;
    width: 100%
}

    .home-global-site-3d .section-body-bottom .safety-card-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 70px
    }

    .home-global-site-3d .section-body-bottom .safety-card {
        display: block;
        -webkit-transition: .2s;
        transition: .2s
    }

        .home-global-site-3d .section-body-bottom .safety-card p {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #191919;
            display: -webkit-box;
            font-size: 16px;
            line-height: 24px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis
        }

        .home-global-site-3d .section-body-bottom .safety-card:hover p {
            text-decoration: underline
        }

    .home-global-site-3d .section-body-bottom .safety-card-icon {
        background-size: cover;
        display: block;
        height: 88px;
        margin: 0 auto 10px;
        width: 88px
    }

.home-global-site-3d .section-body-left {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.home-global-site-3d .global-site-intro-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #191919;
    display: -webkit-box;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-global-site-3d .global-site-intro-desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #595959;
    display: -webkit-box;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-global-site-3d .global-site-intro-link {
    margin-top: 48px
}

.home-global-site-3d .global-site-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
}

    .home-global-site-3d .global-site-data .global-site-text {
        margin: 16px 0;
        width: 50%
    }

        .home-global-site-3d .global-site-data .global-site-text .title {
            color: #191919;
            font-size: 40px;
            font-weight: 600;
            line-height: 66px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .home-global-site-3d .global-site-data .global-site-text .desc {
            color: #191919;
            font-size: 18px;
            line-height: 28px;
            margin-top: 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

.home-global-site-3d .global-site-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin-top: 100px
}

    .home-global-site-3d .global-site-legend .legend {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 24px;
        line-height: 24px
    }

        .home-global-site-3d .global-site-legend .legend span {
            color: #191919;
            font-size: 14px;
            margin-left: 10px
        }

        .home-global-site-3d .global-site-legend .legend + .legend {
            margin-left: 32px
        }

.home-global-site-3d #mountNode {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: relative;
    width: 100%
}

    .home-global-site-3d #mountNode .shadow {
        background-position: 50%;
        background-size: 96% 96%;
        left: 0;
        top: 0
    }

    .home-global-site-3d #mountNode .shadow, .home-global-site-3d #mountNode .shadow2 {
        background-repeat: no-repeat;
        height: 100%;
        pointer-events: none;
        position: absolute;
        width: 100%
    }

    .home-global-site-3d #mountNode .shadow2 {
        background-position: -50% -50%;
        background-size: 100% 100%;
        display: none;
        left: 100px;
        top: 100px;
        z-index: -1
    }

.home-global-site-3d .site-mask {
    background: #fff;
    height: 100%;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

@media (max-width:1680px) {
    .home-global-site-3d .section-body .section-body-right {
        height: 656px;
        width: 656px
    }
}

@media (max-width:1366px) {
    .home-global-site-3d .section {
        padding-bottom: 20px
    }

    .home-global-site-3d .section-body .section-body-right {
        height: 600px;
        width: 600px
    }

    .home-global-site-3d .global-site-intro-title {
        font-size: 18px;
        line-height: 28px
    }

    .home-global-site-3d .global-site-intro-desc {
        font-size: 14px;
        line-height: 22px
    }

    .home-global-site-3d .global-site-intro-link {
        margin-top: 36px
    }

    .home-global-site-3d .section-body-bottom .safety-card-icon {
        height: 80px;
        margin-bottom: 12px;
        width: 80px
    }

    .home-global-site-3d .section-body-bottom .safety-card-list {
        padding: 32px 40px
    }

    .home-global-site-3d .section-body-bottom .safety-card p {
        font-size: 14px;
        line-height: 22px
    }

    .home-global-site-3d .global-site-data .global-site-text .title {
        font-size: 28px;
        line-height: 42px
    }

    .home-global-site-3d .global-site-data .global-site-text .desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 2px
    }
}

@media (max-width:1280px) {
    .home-global-site-3d .section-body .section-body-right {
        height: 526px;
        margin-right: 0;
        width: 526px
    }

    .home-global-site-3d .section-body .section-body-bottom {
        bottom: 16px
    }

    .home-global-site-3d .global-site-data {
        margin-top: 34px
    }

    .home-global-site-3d .global-site-intro-title {
        font-size: 24px;
        line-height: 36px
    }

    .home-global-site-3d .global-site-intro-link {
        font-size: 12px;
        height: 32px;
        line-height: 32px
    }
}

@media (max-width:1024px) {
    .home-global-site-3d .section-body-bottom .safety-card-icon {
        height: 88px;
        margin-bottom: 8px;
        width: 88px
    }

    .home-global-site-3d .section-body-bottom .safety-card-list {
        padding: 24px
    }

    .home-global-site-3d .global-site-data .global-site-text .title {
        font-size: 40px;
        line-height: 60px
    }

    .home-global-site-3d .global-site-data .global-site-text .desc {
        margin-top: 0
    }
}

@media (max-width:1023px) {
    .home-global-site-3d .section-body-right, .home-global-site-3d .site-mask {
        display: none
    }

    .home-global-site-3d .section-head {
        padding-bottom: 32px
    }

    .home-global-site-3d .global-site-intro {
        margin: 0 auto;
        max-width: 560px
    }

    .home-global-site-3d .section-body {
        background: #fff;
        border-radius: 16px;
        padding: 40px;
        text-align: center
    }

        .home-global-site-3d .section-body .section-body-bottom {
            bottom: 0;
            margin-bottom: 0
        }

            .home-global-site-3d .section-body .section-body-bottom .safety-card-list {
                padding: 0
            }

            .home-global-site-3d .section-body .section-body-bottom .safety-card-icon {
                height: 80px;
                width: 80px
            }

            .home-global-site-3d .section-body .section-body-bottom .safety-card-item {
                width: 33.33333%
            }

    .home-global-site-3d .global-site-intro-title {
        font-size: 20px;
        line-height: 30px
    }

    .home-global-site-3d .global-site-intro-link {
        margin-top: 20px
    }

    .home-global-site-3d .global-site-data {
        margin-bottom: -14px;
        text-align: left
    }

        .home-global-site-3d .global-site-data .global-site-text {
            padding-left: 60px
        }

            .home-global-site-3d .global-site-data .global-site-text .title {
                font-size: 44px;
                line-height: 66px
            }

            .home-global-site-3d .global-site-data .global-site-text .desc {
                margin-top: 2px
            }

    .home-global-site-3d .safety-card {
        margin-top: 48px;
        padding: 12px
    }

    .home-global-site-3d .section {
        padding: 0 0 32px
    }

    .home-global-site-3d .section-head {
        padding-bottom: 24px
    }

    .home-global-site-3d .section-body {
        padding: 28px 8px 8px
    }

    .home-global-site-3d .section-body-left {
        margin-bottom: 0
    }

    .home-global-site-3d .global-site-intro {
        margin-bottom: 25px;
        padding: 0 20px;
        width: auto
    }

    .home-global-site-3d .global-site-data {
        display: none;
        margin-bottom: 12px;
        margin-top: 0
    }

        .home-global-site-3d .global-site-data .global-site-text {
            margin-bottom: 24px;
            margin-top: 0;
            padding-left: 80px;
            text-align: center
        }

            .home-global-site-3d .global-site-data .global-site-text .desc, .home-global-site-3d .global-site-data .global-site-text .title {
                text-align: left
            }

    .home-global-site-3d .safety-card {
        margin-bottom: 20px;
        margin-top: 0
    }
}

@media (max-width:768px) {
    .home-global-site-3d .global-site-intro-desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px
    }
}

@media (max-width:470px) {
    .home-global-site-3d .global-site-intro-title {
        font-size: 16px;
        line-height: 24px
    }

    .home-global-site-3d .global-site-intro-desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 12px
    }

    .home-global-site-3d .global-site-intro {
        margin-bottom: 20px
    }

    .home-global-site-3d .global-site-data {
        margin-top: 16px
    }

        .home-global-site-3d .global-site-data .global-site-text {
            margin: 16px 0;
            padding-left: 24px
        }

            .home-global-site-3d .global-site-data .global-site-text .title {
                font-size: 30px;
                line-height: 46px
            }

            .home-global-site-3d .global-site-data .global-site-text .desc {
                font-size: 12px;
                line-height: 18px
            }

    .home-global-site-3d .safety-card {
        margin-top: 0
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-icon {
        height: 50px;
        margin-bottom: 0;
        width: 50px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card p {
        font-size: 10px;
        line-height: 16px
    }
}

.home-register {
    position: relative
}

.home-register-bg {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.home-register-content {
    font-size: 0;
    height: 150px;
    line-height: 150px;
    position: relative;
    text-align: center;
    z-index: 1
}

.home-register-text {
    color: #fff;
    display: inline-block;
    font-size: 32px;
    line-height: 45px;
    max-width: calc(100% - 170px);
    padding-right: 150px;
    vertical-align: middle
}

.home-register-text-dark {
    color: #252b3a
}

@media (max-width:1024px) {
    .home-register-content {
        height: 128px
    }

    .home-register-text {
        font-size: 24px;
        line-height: 1.5
    }
}

@media (max-width:768px) {
    .home-register-content {
        height: 128px;
        line-height: 0;
        padding-top: 37px
    }

    .home-register-text {
        display: block;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px;
        max-width: none;
        padding: 0
    }
}

.home-activity-nav {
    background: #e14340;
    background: url(https://res-static.hc-cdn.cn/aem/content/dam/cloudbu-site/archive/china/zh-cn/home/activity-nav/20220618/bg.png);
    background-position: 50%;
    background-size: cover;
    height: 150px;
    padding: 0;
    position: relative;
    z-index: 1
}

.activity-nav-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 150px;
    justify-content: center
}

.nav-wrapper-left, .nav-wrapper-right {
    width: calc(50% - 89.5px)
}

.nav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-content-top {
    margin-bottom: 16px
}

.nav-wrapper-left .nav-content-top {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 0
}

.nav-wrapper-left .nav-content-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 42px
}

.nav-wrapper-right .nav-content-top {
    margin-left: 0
}

.nav-wrapper-right .nav-content-bottom {
    margin-left: 42px
}

.nav-item + .nav-item {
    margin-left: 16px
}

.nav-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    justify-content: center;
    line-height: 42px;
    text-align: center;
    white-space: nowrap;
    width: 160px
}

    .nav-item .por-icon {
        margin-left: 5px
    }

.nav-wrapper-middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 184px;
    margin-top: 60px;
    min-width: 244px;
    position: relative;
    width: 244px
}

.home-activity-nav .nav-logo, .home-activity-nav .nav-logo-hover {
    background-size: 100% 100%;
    height: 100%;
    margin-top: 0;
    width: 100%
}

.home-activity-nav .nav-logo-hover {
    display: none
}

.home-activity-nav .nav-logo-btn {
    color: #c7000b;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    left: 0;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 109px;
    width: 100%;
    z-index: 10
}

.nav-logo-btn:hover + .nav-logo {
    display: none
}

.nav-logo-btn:hover ~ .nav-logo-hover {
    display: block
}

.hide-item {
    background: url(https://res-static.hc-cdn.cn/aem/content/dam/cloudbu-site/archive/china/zh-cn/home/activity-nav/20220618/logo-hover.png);
    height: 0
}

@media (max-width:1023px) {
    .home-activity-nav {
        display: none
    }
}

@media (max-width:1440px) {
    .activity-nav-container, .home-activity-nav {
        height: 132px
    }

    .nav-content-top {
        margin-bottom: 14px
    }

    .nav-item {
        height: 39px;
        line-height: 34px;
        width: 141px
    }

    .nav-wrapper-middle {
        height: 160px;
        margin-top: 56px;
        min-width: 212px;
        width: 212px
    }

    .home-activity-nav .nav-logo-btn {
        height: 44px;
        line-height: 44px;
        top: 96px
    }

    .nav-item + .nav-item {
        margin-left: 14px
    }

    .nav-wrapper-left .nav-content-bottom {
        margin-right: 38px
    }

    .nav-wrapper-right .nav-content-bottom {
        margin-left: 38px
    }
}

@media (max-width:1280px) {
    .activity-nav-container, .home-activity-nav {
        height: 108px
    }

    .nav-content-top {
        margin-bottom: 12px
    }

    .nav-item {
        font-size: 12px;
        height: 33px;
        line-height: 29px;
        min-width: 120px;
        width: 120px
    }

        .nav-item + .nav-item {
            margin-left: 10px
        }

    .nav-wrapper-left .nav-content-bottom {
        margin-right: 30px
    }

    .nav-wrapper-right .nav-content-bottom {
        margin-left: 30px
    }

    .nav-wrapper-middle {
        height: 132px;
        margin-top: 45px;
        min-width: 175px;
        width: 175px
    }

    .home-activity-nav .nav-logo-btn {
        font-size: 14px;
        height: 37px;
        line-height: 37px;
        top: 78px
    }
}

.por-btn {
    border-radius: 20px
}

.por-btn-dark {
    border-color: #595959;
    color: #191919
}

    .por-btn-dark:hover {
        border-color: #999;
        color: #191919
    }

.por-btn-light:hover {
    border-color: hsla(0,0%,100%,.6)
}

.por-btn-large {
    border-radius: 24px;
    height: 48px;
    line-height: 46px;
    padding: 0 40px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:1599px) {
    .por-btn-large {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 24px
    }
}

@media (max-width:1366px) {
    .por-btn-large {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

@media (max-width:1024px) {
    .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        padding: 0 24px
    }
}

[data-mod-id=consultation] {
    background: #f7f7f7
}

.home-consultation {
    background: #f7f7f7;
    padding: 52px 0 48px
}

    .home-consultation .home-consultation-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home-consultation .home-consultation-card {
        background: #fff;
        border-radius: 16px;
        margin-left: 16px;
        -webkit-transition: all .3s;
        transition: all .3s;
        width: 33.33333%
    }

        .home-consultation .home-consultation-card:first-child {
            margin-left: 0
        }

        .home-consultation .home-consultation-card:hover {
            -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
            box-shadow: 0 4px 12px rgba(0,0,0,.08)
        }

        .home-consultation .home-consultation-card a {
            display: block;
            height: 100%;
            padding: 48px
        }

        .home-consultation .home-consultation-card img {
            display: block;
            height: 48px;
            margin-bottom: 28px;
            width: 48px
        }

        .home-consultation .home-consultation-card h5 {
            color: #191919;
            font-size: 18px;
            font-weight: 600;
            line-height: 28px;
            margin-bottom: 10px
        }

        .home-consultation .home-consultation-card p {
            color: #595959;
            font-size: 14px;
            line-height: 22px
        }

@media (max-width:1366px) {
    .home-consultation {
        padding: 48px 0 44px
    }

        .home-consultation .home-consultation-card a {
            padding: 32px
        }

        .home-consultation .home-consultation-card img {
            height: 36px;
            margin-bottom: 16px;
            width: 36px
        }

        .home-consultation .home-consultation-card h5 {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 4px
        }

        .home-consultation .home-consultation-card p {
            font-size: 12px;
            line-height: 18px
        }
}

@media (max-width:1024px) {
    .home-consultation {
        padding: 40px 0 32px
    }

        .home-consultation .home-consultation-card a {
            padding: 32px 24px
        }
}

@media (max-width:768px) {
    .home-consultation {
        background: #f7f7f7;
        padding: 0 0 32px
    }

        .home-consultation .home-consultation-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .home-consultation .home-consultation-card {
            background: #fff;
            margin: 16px 0 0;
            width: 100%
        }

            .home-consultation .home-consultation-card:first-child {
                margin-top: 0
            }

            .home-consultation .home-consultation-card:hover {
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .home-consultation .home-consultation-card a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 32px
            }

            .home-consultation .home-consultation-card img {
                height: 32px;
                margin-bottom: 0;
                margin-right: 16px;
                width: 32px
            }

            .home-consultation .home-consultation-card h5 {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 2px
            }
}

@media (max-width:470px) {
    .home-consultation .home-consultation-card a {
        padding: 20px 28px
    }

    .home-consultation .home-consultation-card img {
        height: 32px;
        margin-right: 16px;
        width: 32px
    }

    .home-consultation .home-consultation-card h5 {
        margin-bottom: 4px
    }

    .home-consultation .home-consultation-card p {
        font-size: 12px;
        line-height: 18px
    }
}