@font-face {
    font-family: 'avatrfont-bold';
    src: url('../fonts/avatr/avatrfont-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'avatrfont-light';
    src: url('../fonts/avatr/avatrfont-light.ttf') format('truetype');
}

@font-face {
    font-family: 'avatrfont-regular';
    src: url('../fonts/avatr/avatrfont-regular.ttf') format('truetype');
}


/* ================================
           Global Reset & Base
  ================================ */
/* ════════════════════════ RESET ════════════════════════ */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: avatrfont-bold !important;
}

main {
    width: 100%; /* العرض على الشاشات الصغيرة */
    /*max-width: 1600px;*/ /* أقصى عرض يصل إليه المحتوى مهما كبرت الشاشة */
    margin: 0 auto; /* لتوسيط الحاوية في منتصف الصفحة */
}

html {
    scroll-behavior: smooth;
}

body {
    background: #fff;
    color: #111;
    font-size: 11px;
    line-height: 1.5;
    overflow-x: hidden;
}

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

img {
    display: block;
    max-width: 100%;
}
.deepal .deepal-light {
    color: #fff
}

.deepal .deepal-img {
    margin-top: 4.1666666667vw
}

.deepal .deepal-title {
    font-size: 3.3333333333vw;
    line-height: 1.5;
    font-weight: 800
}

.deepal .deepal-section {
    margin-top: 4.1666666667vw
}

    .deepal .deepal-section.marTop {
        margin-top: 6.25vw
    }

    .deepal .deepal-section.marTop-0 {
        margin-top: 0;
        margin-bottom: 6.25vw
    }

    .deepal .deepal-section .deepal-title {
        font-size: 3.3333333333vw;
        line-height: 1.5;
        font-weight: 800
    }

    .deepal .deepal-section .sub-title {
        color: #0b457f;
        font-size: 1.5625vw;
        line-height: 2.34375vw;
        font-weight: 700;
        margin-top: 2.0833333333vw
    }

    .deepal .deepal-section .deepal-desc {
        margin-top: 2.0833333333vw
    }

        .deepal .deepal-section .deepal-desc a {
            font-weight: 700;
            color: #0b457f
        }

    .deepal .deepal-section p {
        font-size: 1.25vw;
        font-weight: 400;
        line-height: 2.0833333333vw
    }

        .deepal .deepal-section p + p {
            margin-top: 1.0416666667vw
        }

.deepal .deepal-swiper-sec .article-detail-swiper {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-right: 0;
    padding-left: 13.5416666667vw;
    position: relative
}

    .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper {
        margin-left: -13.5416666667vw;
        padding-left: 13.5416666667vw;
        padding-right: 13.5416666667vw;
        margin-top: 2.0833333333vw
    }

        .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .swp-img {
            overflow: hidden
        }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .swp-img img {
                transform: scale(1);
                transition: transform 5s cubic-bezier(.23,1,.32,1),-webkit-transform 5s cubic-bezier(.23,1,.32,1);
                transform-origin: center center
            }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .swp-img:hover img {
                background: #000;
                transform: scale(1.1)
            }

        .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .swiper-slide {
            width: 48.5714285714%;
            margin-right: 2.8571428571%
        }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .swiper-slide:last-of-type {
                margin-right: 0
            }

        .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper + .article-detail-swiper-content {
            margin-top: 3.125vw
        }

        .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .sp-t {
            width: 100%;
            text-align: center;
            font-size: 2.5vw;
            line-height: 1.5;
            font-weight: 700;
            background-color: #f8f9f9;
            padding: .7291666667vw
        }

        .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .sp-desc {
            font-size: 1.25vw;
            font-weight: 400;
            line-height: 2.0833333333vw;
            margin-top: 1.0416666667vw;
            text-align: center
        }

        .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .detail-sw-btn {
            position: absolute;
            top: 39.8148148%;
            z-index: 2;
            width: 2.6041666667vw;
            height: 2.6041666667vw;
            opacity: .6;
            right: 8.3333333333vw;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer
        }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .detail-sw-btn svg {
                width: 100%
            }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .detail-sw-btn.detail-sw-prev {
                -webkit-transform: translateY(-50%) rotate(-180deg);
                transform: translateY(-50%) rotate(-180deg);
                left: 8.3333333333vw;
                right: auto
            }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .detail-sw-btn:hover {
                opacity: 1
            }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .detail-sw-btn.swiper-button-disabled {
                opacity: 0;
                visibility: hidden
            }

.deepal .deepal-sec-w {
    margin-left: -13.5416666667vw;
    margin-right: -13.5416666667vw
}

    .deepal .deepal-sec-w .deepal-desc {
        margin-top: 2.0833333333vw
    }

        .deepal .deepal-sec-w .deepal-desc p {
            font-size: 1.25vw;
            font-weight: 400;
            line-height: 2.0833333333vw
        }

            .deepal .deepal-sec-w .deepal-desc p span {
                font-weight: 700
            }

@media screen and (max-aspect-ratio: 11/10) {
    .deepal .deepal-img {
        margin-top: 10.6666666667vw
    }

    .deepal .deepal-swiper-sec {
        padding: 16vw 5.3333333333vw
    }

        .deepal .deepal-swiper-sec .article-detail-swiper {
            padding: 0 !important;
            margin: 0 !important
        }

            .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper {
                padding: 0 !important;
                margin-left: 0;
                margin-right: 0;
                margin-top: 0
            }

                .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .sp-t {
                    font-size: 6.4vw;
                    padding: 1.8666666667vw
                }

                .deepal .deepal-swiper-sec .article-detail-swiper .deepal-swiper .sp-desc {
                    font-size: 3.7333333333vw;
                    font-weight: 400;
                    line-height: 6.9333333333vw;
                    margin-top: 2.6666666667vw;
                    text-align: center
                }

            .deepal .deepal-swiper-sec .article-detail-swiper .detail-sw-btn {
                display: none
            }

            .deepal .deepal-swiper-sec .article-detail-swiper .swiper-wrapper {
                flex-direction: column
            }

                .deepal .deepal-swiper-sec .article-detail-swiper .swiper-wrapper .swiper-slide {
                    width: 100%;
                    margin-right: 0;
                    margin-top: 5.3333333333vw
                }

    .deepal .deepal-sec-w {
        margin-left: -5.3333333333vw;
        margin-right: -5.3333333333vw
    }

        .deepal .deepal-sec-w .deepal-desc {
            margin-top: 5.3333333333vw
        }

            .deepal .deepal-sec-w .deepal-desc p {
                font-size: 3.7333333333vw;
                line-height: 6.9333333333vw
            }

    .deepal .deepal-title {
        font-size: 8vw;
        line-height: 12vw
    }

    .deepal .deepal-section, .deepal .deepal-section.deepal-img {
        margin-top: 10.6666666667vw
    }

        .deepal .deepal-section.marTop {
            margin-top: 16vw
        }

        .deepal .deepal-section.marTop-0 {
            margin-bottom: 16vw
        }

        .deepal .deepal-section .deepal-desc {
            margin-top: 5.3333333333vw
        }

        .deepal .deepal-section p {
            font-size: 3.7333333333vw;
            line-height: 6.9333333333vw
        }

            .deepal .deepal-section p + p {
                margin-top: 3.2vw
            }

        .deepal .deepal-section .deepal-title {
            font-size: 8vw;
            line-height: 12vw
        }

        .deepal .deepal-section .sub-title {
            font-size: 4.5333333333vw;
            line-height: 6.8vw;
            margin-top: 5.3333333333vw
        }
}






/***index*****/
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff");
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-play-circle:before {
        content: ""
    }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-spinner:before {
        content: ""
    }

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-hd:before {
        content: ""
    }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-downloading {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-downloading:before {
        content: ""
    }

.vjs-icon-file-download {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-file-download:before {
        content: ""
    }

.vjs-icon-file-download-done {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-file-download-done:before {
        content: ""
    }

.vjs-icon-file-download-off {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-file-download-off:before {
        content: ""
    }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-share:before {
        content: ""
    }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-cog:before {
        content: ""
    }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-square:before {
        content: ""
    }

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
        content: ""
    }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-circle-outline:before {
        content: ""
    }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-circle-inner-circle:before {
        content: ""
    }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-repeat {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-repeat:before {
        content: ""
    }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-next-item:before {
        content: ""
    }

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-previous-item:before {
        content: ""
    }

.vjs-icon-shuffle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-shuffle:before {
        content: ""
    }

.vjs-icon-cast {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-cast:before {
        content: ""
    }

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: ""
    }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-facebook:before {
        content: ""
    }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-linkedin:before {
        content: ""
    }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-twitter:before {
        content: ""
    }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-tumblr:before {
        content: ""
    }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-pinterest:before {
        content: ""
    }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
        content: ""
    }

.video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: avatrfont-regular;
    word-break: initial
}

    .video-js:-moz-full-screen {
        position: absolute
    }

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important
    }

    .video-js[tabindex="-1"] {
        outline: none
    }

    .video-js *, .video-js *:before, .video-js *:after {
        box-sizing: inherit
    }

    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin: 0
    }

    .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 {
        width: 100%;
        max-width: 100%
    }

        .video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
            height: 0
        }

        .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
            padding-top: 56.25%
        }

        .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
            padding-top: 75%
        }

        .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
            padding-top: 177.7777777778%
        }

        .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
            padding-top: 100%
        }

    .video-js.vjs-fill:not(.vjs-audio-only-mode) {
        width: 100%;
        height: 100%
    }

    .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .video-js.vjs-audio-only-mode .vjs-tech {
        display: none
    }

body.vjs-full-window, body.vjs-pip-window {
    padding: 0;
    margin: 0;
    height: 100%
}

    .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js {
        position: fixed;
        overflow: hidden;
        z-index: 1000;
        inset: 0
    }

    .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js {
        width: 100% !important;
        height: 100% !important;
        padding-top: 0 !important
    }

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-pip-container .vjs-pip-text {
    position: absolute;
    bottom: 10%;
    font-size: 2em;
    background-color: #000000b3;
    padding: .5em;
    text-align: center;
    width: 100%
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: avatrfont-regular;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

    .vjs-no-js a, .vjs-no-js a:visited {
        color: #66a8cc
    }

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin-top: -.81666em;
    margin-left: -1.5em;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: #2b333fb3;
    border-radius: .3em;
    transition: all .4s
}

    .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
        border-color: #fff;
        background-color: #73859f;
        background-color: #73859f80;
        transition: all 0s
    }

.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));
    overflow: auto
}

    .video-js .vjs-modal-dialog > * {
        box-sizing: border-box
    }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

    .vjs-menu-button.vjs-disabled {
        cursor: default
    }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: avatrfont-regular;
    overflow: auto
}

    .vjs-menu .vjs-menu-content > * {
        box-sizing: border-box
    }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

    .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
        background-color: #73859f;
        background-color: #73859f80
    }

    .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover {
        background-color: #fff;
        color: #2b333f
    }

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: #2b333fb3
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: #2b333fb3;
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

    .video-js .vjs-menu-button-inline:before {
        width: 2.222222222em
    }

    .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active {
        width: 12em
    }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

    .video-js .vjs-control.vjs-visible-text {
        width: auto;
        padding-left: 1em;
        padding-right: 1em
    }

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button > .vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

    .video-js .vjs-progress-control.disabled {
        cursor: default
    }

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

    .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
        font-size: 1em
    }

.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

    .video-js .vjs-play-progress:before {
        font-size: .9em;
        position: absolute;
        right: -.5em;
        line-height: .35em;
        z-index: 1
    }

.video-js .vjs-load-progress {
    background: rgba(115,133,159,.5)
}

    .video-js .vjs-load-progress div {
        background: rgba(115,133,159,.75)
    }

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: avatrfont-regular;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: #73859f80
}

    .video-js .vjs-slider.disabled {
        cursor: default
    }

    .video-js .vjs-slider:focus {
        text-shadow: 0em 0em 1em white;
        box-shadow: 0 0 1em #fff
    }

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

    .video-js .vjs-volume-control.vjs-volume-horizontal {
        width: 5em
    }

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
    }

        .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
            width: 5em;
            height: 3em;
            margin-right: 0
        }

        .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
            left: -3.5em;
            transition: left 0s
        }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
        width: 10em;
        transition: width .1s
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 4em
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        height: 8em;
        width: 3em;
        left: -3000em;
        transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
    }

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

    .video-js .vjs-volume-level:before {
        position: absolute;
        font-size: .9em;
        z-index: 1
    }

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

    .vjs-slider-vertical .vjs-volume-level:before {
        top: -.5em;
        left: -.3em;
        z-index: 1
    }

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

    .vjs-slider-horizontal .vjs-volume-level:before {
        line-height: .35em;
        right: -.5em
    }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: #2b333fb3
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: #fffc;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: avatrfont-regular;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: #000c
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    inset: 0;
    height: 100%
}

.vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster {
    display: block
}

.vjs-poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.video-js .vjs-play-control {
    cursor: pointer
}

    .video-js .vjs-play-control .vjs-icon-placeholder {
        flex: none
    }

.vjs-text-track-display {
    position: absolute;
    inset: 0 0 3em;
    pointer-events: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: avatrfont-regular;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:before, .vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

    .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: "";
        font-size: 1.5em;
        line-height: inherit
    }

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

    .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: " ";
        font-size: 1.5em;
        line-height: inherit
    }

.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: #2b333fbf;
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 10px;
    border: none
}

    .vjs-text-track-settings fieldset span {
        display: inline-block;
        padding: 0 6px 8px
    }

        .vjs-text-track-settings fieldset span > select {
            max-width: 7.3em
        }

.vjs-text-track-settings legend {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.vjs-text-track-settings .vjs-label {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    margin: 0 5px 5px 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg,#fff 88%,#73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: #2b333fbf
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg,#fff 88%,#73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

.vjs-title-bar {
    background: rgba(0,0,0,.9);
    background: linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-title-bar-title, .vjs-title-bar-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vjs-title-bar-title {
    font-weight: 700;
    margin-bottom: .333em
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s
}

.video-js .vjs-skip-forward-5, .video-js .vjs-skip-forward-10, .video-js .vjs-skip-forward-30, .video-js .vjs-skip-backward-5, .video-js .vjs-skip-backward-10, .video-js .vjs-skip-backward-30 {
    cursor: pointer
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}



/*
***style****/



@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

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

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main {
    display: block
}

audio:not([controls]) {
    display: none
}

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

    a:focus, a:hover, a:active {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, button strong {
    font-weight: 700
}

blockquote {
    margin: 0
}

dfn {
    font-style: italic
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

pre, code, kbd, samp {
    font-family: avatrfont-regular;
    font-size: 1em
}

pre {
    white-space: pre;
    word-wrap: break-word
}

q {
    quotes: none
}

    q:before, q:after {
        content: ""
    }

small {
    font-size: 85%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

nav ul, nav ol, ul, ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

img {
    width: 100%;
    object-fit: cover;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

video {
    width: 100%
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button, input, select {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: 0;
    font: inherit;
    background-color: inherit;
    line-height: normal
}

    button, input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button;
        border: 0
    }

        button[disabled], input[disabled] {
            cursor: default
        }

    input[type=text], input[type=email], input[type=password], input[type=search], textarea {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

textarea {
    font: inherit;
    margin: 0;
    padding: 0;
    outline: 0;
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

    input:invalid, textarea:invalid {
        background-color: #ffffff
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: transparent
}

td {
    vertical-align: top
}

body {
    font-family: avatrfont-regular;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.25;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.changan {
    box-sizing: border-box
}

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

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-button-lock {
    display: none
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

html.noscroll, html.noscroll body {
    overflow: hidden !important;
    height: 100% !important
}

.global-header-placeholder {
    height: 4.1666666667vw;
    display: none
}

    .global-header-placeholder.is-show {
        display: block
    }

@media screen and (max-aspect-ratio: 11/10) {
    .global-header-placeholder {
        height: 13.0666666667vw
    }
}

.changan .rich-text i {
    font-style: italic
}

.changan .rich-text b {
    font-weight: 700
}

.changan .rich-text ul {
    list-style-type: disc;
    list-style-position: inside
}

.changan .rich-text ol {
    list-style-type: decimal;
    list-style-position: inside
}

.changan .rich-text h1, .changan .rich-text h2, .changan .rich-text h3, .changan .rich-text h4, .changan .rich-text h5, .changan .rich-text h6 {
    font-weight: 700
}

.changan .rich-text h1 {
    font-size: 2em
}

.changan .rich-text h2 {
    font-size: 1.5rem
}

.changan .rich-text h3 {
    font-size: 1.17rem
}

.changan .rich-text h4 {
    font-size: 1rem
}

.changan .rich-text h5 {
    font-size: .83rem
}

.changan .rich-text h6 {
    font-size: .67rem
}

.changan .rich-text a {
    color: #0b457f;
    text-decoration: underline
}

.changan .rich-text img {
    width: auto
}

#global-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 100%);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    --text-color: #fff;
    --line-color: #fff;
    --text-color-active: #fff;
    --text-color-blue: #0b457f;
    --fill-color: #fff;
    --fill-color-active: #ffffff;
    --bg-color: transparent;
    --bg-color-active: rgba(0, 0, 0, .1)
}

    #global-header.is-open {
        transform: none;
        -webkit-transform: none
    }

    #global-header svg, #global-header img {
        pointer-events: none
    }

    #global-header #backdrop {
        position: fixed;
        top: 4.1666666667vw;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #0000004d;
        z-index: 0;
        display: none
    }

        #global-header #backdrop.search-cli, #global-header.nav-open #backdrop {
            display: block
        }

    #global-header .global-nav {
        position: relative;
        height: 4.1666666667vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: var(--fill-color);
        color: var(--text-color);
        background-color: var(--bg-color);
        transition: fill .3s,color .3s,background-color .3s;
        will-change: fill,color,background-color;
        perspective: 0;
        padding: 0 6.25vw;
        font-size: 0;
        z-index: 999
    }

        #global-header .global-nav:after {
            content: "";
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px
        }

        #global-header .global-nav.is-open .close-nav {
            display: block
        }

        #global-header .global-nav.is-open:hover {
            -webkit-backdrop-filter: none;
            backdrop-filter: none
        }

        #global-header .global-nav:hover {
            background-color: #ffffffe6;
            -webkit-backdrop-filter: blur(2.6041666667vw);
            backdrop-filter: blur(2.6041666667vw)
        }

            #global-header .global-nav:hover .nav-item-wrap .nav-item, #global-header .global-nav:hover .nav-change-site {
                color: #0b457f
            }

            #global-header .global-nav:hover .global-logo-link svg path, #global-header .global-nav:hover .nav-other-item svg path {
                fill: #0b457f
            }

        #global-header .global-nav .close-nav {
            cursor: pointer;
            display: none;
            position: absolute;
            right: 2.0833333333vw;
            top: 6.25vw;
            z-index: 3
        }

            #global-header .global-nav .close-nav svg {
                width: .78125vw
            }

            #global-header .global-nav .close-nav.align-left {
                right: unset;
                left: 41.8229166667vw
            }

        #global-header .global-nav .global-logo-link {
            margin-right: 1.0416666667vw;
            position: relative;
            z-index: 9
        }

            #global-header .global-nav .global-logo-link svg {
                width: 9.8958333333vw;
                height: auto
            }

        #global-header .global-nav .global-logo {
            width: 10.3125vw;
            fill: inherit;
            height: auto;
            transition: opacity 0s,fill 0s
        }

        #global-header .global-nav .nav-main {
            flex: 1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: 100%
        }

        #global-header .global-nav .nav-item-wrap {
            height: 100%;
            display: flex
        }

            #global-header .global-nav .nav-item-wrap.is-active .nav-popup-wrap {
                opacity: 1;
                transition: opacity 0s 0s,clip-path .3s;
                pointer-events: all
            }

            #global-header .global-nav .nav-item-wrap.default-active .nav-item, #global-header .global-nav .nav-item-wrap.is-active .nav-item {
                color: #000
            }

                #global-header .global-nav .nav-item-wrap.default-active .nav-item:before, #global-header .global-nav .nav-item-wrap.is-active .nav-item:before {
                    background-color: #ff9632
                }

            #global-header .global-nav .nav-item-wrap.default-active.default-active-remove .nav-item {
                color: #0b457f
            }

                #global-header .global-nav .nav-item-wrap.default-active.default-active-remove .nav-item:before {
                    background-color: #fff
                }

            #global-header .global-nav .nav-item-wrap .nav-sec-link {
                margin-right: 4.5833333333vw;
                font-size: 1.6666666667vw;
                line-height: 1.12;
                font-weight: 700;
                display: flex;
                flex-direction: column;
                margin-bottom: 2.0833333333vw;
                color: #fff;
                position: relative;
                z-index: 10;
                margin-top: 2.34375vw
            }

                #global-header .global-nav .nav-item-wrap .nav-sec-link:hover circle {
                    fill: #0b457f
                }

                #global-header .global-nav .nav-item-wrap .nav-sec-link:hover path {
                    fill: #fff
                }

                #global-header .global-nav .nav-item-wrap .nav-sec-link svg {
                    width: 2.2916666667vw;
                    margin-top: 1.0416666667vw
                }

                #global-header .global-nav .nav-item-wrap .nav-sec-link .sec-icon-mb {
                    display: none
                }

            #global-header .global-nav .nav-item-wrap.has-img .nav-popup-wrap {
                height: calc(100vh - 4.1666666667vw);
                padding: 2.34375vw 6.25vw 0
            }

            #global-header .global-nav .nav-item-wrap.has-img .nav-links-item {
                position: relative;
                z-index: 10
            }

        #global-header .global-nav .nav-item {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 1.5625vw;
            height: 100%;
            z-index: 9
        }

            #global-header .global-nav .nav-item:before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 100%;
                left: 0;
                top: 0;
                height: .2083333333vw;
                transition: background-color .2s
            }

            #global-header .global-nav .nav-item .arrow-mb {
                display: none
            }

        #global-header .global-nav .nav-item-link {
            font-size: .8333333333vw;
            font-weight: 400;
            line-height: 1.5
        }

        #global-header .global-nav .nav-popup-wrap {
            color: #fffc;
            position: absolute;
            top: 4.1666666667vw;
            left: 0;
            width: 100%;
            background-color: var(--bg-color-active);
            -webkit-backdrop-filter: blur(2.6041666667vw);
            backdrop-filter: blur(2.6041666667vw);
            padding: 2.34375vw 6.25vw 6.25vw;
            max-height: calc(100vh - 4.1666666667vw);
            display: flex;
            overflow-y: auto;
            justify-content: flex-start;
            clip-path: inset(0 0 100% 0);
            pointer-events: none;
            box-shadow: 0 0 4px 6px #00000005;
            opacity: 0;
            z-index: 2;
            transition: opacity .2s .2s,clip-path .3s
        }

            #global-header .global-nav .nav-popup-wrap .brand-bg {
                display: none;
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0
            }

                #global-header .global-nav .nav-popup-wrap .brand-bg .brand-img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    object-fit: cover;
                    width: 100%;
                    height: 100%
                }

                #global-header .global-nav .nav-popup-wrap .brand-bg .logo-wrap {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: calc(100% - 44.7916666667vw);
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                #global-header .global-nav .nav-popup-wrap .brand-bg .brand-logo {
                    width: calc(var(--w, 240) / 19.2 * 1vw)
                }

            #global-header .global-nav .nav-popup-wrap .nav-links-item-wrap.is-active .brand-bg {
                display: block
            }

            #global-header .global-nav .nav-popup-wrap .nav-links-item-wrap.is-active .nav-links-item {
                color: #fff;
                font-weight: 500
            }

            #global-header .global-nav .nav-popup-wrap .nav-sec-drop {
                width: 44.7916666667vw;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                background-color: #0000001a;
                -webkit-backdrop-filter: blur(2.6041666667vw);
                backdrop-filter: blur(2.6041666667vw);
                z-index: 9
            }

        #global-header .global-nav .nav-links-list {
            width: 28.6458333333vw;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: column
        }

        #global-header .global-nav .nav-links-item {
            font-size: 1.6666666667vw;
            line-height: 1.5;
            font-weight: 400;
            cursor: pointer;
            margin-top: 2.0833333333vw;
            display: inline-block
        }

            #global-header .global-nav .nav-links-item:hover {
                color: #fff;
                font-weight: 500
            }

            #global-header .global-nav .nav-links-item.has-sub .nav-title {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                #global-header .global-nav .nav-links-item.has-sub .nav-title svg {
                    width: .5729166667vw
                }

                #global-header .global-nav .nav-links-item.has-sub .nav-title .arrow-mb {
                    display: none
                }

            #global-header .global-nav .nav-links-item.has-sub.is-active {
                color: #fff;
                font-weight: 500
            }

                #global-header .global-nav .nav-links-item.has-sub.is-active .nav-third-list {
                    display: flex;
                    pointer-events: all
                }

            #global-header .global-nav .nav-links-item.has-sub .nav-third-list {
                position: absolute;
                top: 4.4270833333vw;
                left: 50.3125vw;
                flex-direction: column;
                display: none;
                pointer-events: none
            }

                #global-header .global-nav .nav-links-item.has-sub .nav-third-list .nav-third-link {
                    font-size: 1.1458333333vw;
                    line-height: 1.5;
                    font-weight: 400;
                    display: inline-block;
                    margin-bottom: 1.25vw;
                    color: #fffc
                }

                    #global-header .global-nav .nav-links-item.has-sub .nav-third-list .nav-third-link:hover {
                        color: #fff;
                        font-weight: 500
                    }

        #global-header .global-nav .nav-other {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-right: -.5208333333vw;
            margin-left: 0;
            z-index: 3
        }

        #global-header .global-nav .nav-change-site-wrap .nav-site-mb {
            display: none
        }

        #global-header .global-nav .nav-change-site {
            position: relative;
            z-index: 9;
            color: #fff;
            font-size: .8333333333vw;
            line-height: 1.5;
            font-weight: 400;
            margin-right: .78125vw;
            margin-left: 2.3958333333vw
        }

        #global-header .global-nav .nav-other-item {
            margin: 0 .78125vw
        }

            #global-header .global-nav .nav-other-item.g-search {
                margin-right: .2604166667vw
            }

            #global-header .global-nav .nav-other-item.g-site {
                position: relative;
                z-index: 9;
                cursor: pointer
            }

                #global-header .global-nav .nav-other-item.g-site.is-active .find-market {
                    display: block
                }

                #global-header .global-nav .nav-other-item.g-site .g-site-mb {
                    display: none
                }

                #global-header .global-nav .nav-other-item.g-site .find-market {
                    display: none;
                    position: absolute;
                    white-space: nowrap;
                    font-size: .8333333333vw;
                    line-height: 1.5;
                    font-weight: 300;
                    padding: .5729166667vw .8333333333vw .4166666667vw;
                    background: rgba(206,218,229,.4);
                    color: #000;
                    top: 3.2291666667vw;
                    z-index: 9;
                    right: 50%;
                    transform: translate(50%);
                    border-radius: .2083333333vw
                }

                    #global-header .global-nav .nav-other-item.g-site .find-market:before {
                        content: "";
                        position: absolute;
                        left: 50%;
                        width: .4427083333vw;
                        height: .4427083333vw;
                        background: conic-gradient(from 90deg at 0 0,rgba(206,218,229,.4) 0,rgba(206,218,229,.4) 45deg,transparent 45deg);
                        transform: translate(-50%,-50%) rotate(315deg);
                        border-radius: .15625vw;
                        top: 0
                    }

                    #global-header .global-nav .nav-other-item.g-site .find-market:after {
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: .8333333333vw;
                        top: -.8333333333vw;
                        left: 0;
                        opacity: 0
                    }

            #global-header .global-nav .nav-other-item svg {
                width: .8333333333vw;
                height: .8333333333vw;
                fill: inherit
            }

        #global-header .global-nav .g-search-popup {
            position: absolute;
            z-index: 1;
            background-color: #fff;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            padding: 6.25vw 6.25vw 2.0833333333vw;
            pointer-events: none;
            clip-path: inset(0 0 100% 0);
            transition: opacity .2s .2s,clip-path .3s
        }

        #global-header .global-nav .g-search-icon-wrap {
            cursor: pointer;
            position: relative;
            z-index: 9
        }

        #global-header .global-nav .close-search-popup {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            visibility: hidden
        }

            #global-header .global-nav .close-search-popup svg {
                width: .8333333333vw;
                height: .8333333333vw
            }

        #global-header .global-nav .g-search {
            cursor: default
        }

            #global-header .global-nav .g-search.is-active .close-search-popup {
                visibility: visible
            }

            #global-header .global-nav .g-search.is-active .g-search-icon {
                visibility: hidden
            }

            #global-header .global-nav .g-search.is-active .g-search-popup {
                opacity: 1;
                pointer-events: all;
                transition: opacity 0s,clip-path .3s;
                clip-path: inset(0 0 -5% 0)
            }

        #global-header .global-nav .g-search-wrap {
            position: relative
        }

        #global-header .global-nav .g-search-input {
            border: 1px solid #0b457f;
            border-radius: 0;
            width: 100%;
            padding: 1.25vw 4.1666666667vw 1.3541666667vw;
            font-size: 1.0416666667vw;
            line-height: 1.5;
            color: #000;
            font-weight: 400
        }

            #global-header .global-nav .g-search-input::placeholder {
                color: #0006
            }

        #global-header .global-nav .search-submit {
            position: absolute;
            left: 1.5625vw;
            top: 50%;
            transform: translateY(-50%)
        }

            #global-header .global-nav .search-submit svg {
                fill: #0b457f;
                width: 1.3020833333vw;
                height: 1.3020833333vw
            }

        #global-header .global-nav.is-open {
            --line-color: #FF9632;
            fill: var(--fill-color-active);
            color: var(--text-color-active);
            transition: fill .3s,color .3s;
            transition-delay: 0s;
            background-color: #fff
        }

            #global-header .global-nav.is-open:after {
                box-shadow: 0 2px 3px #00000026;
                z-index: 3
            }

            #global-header .global-nav.is-open .nav-popup-wrap, #global-header .global-nav.is-open .g-search-popup {
                transition: opacity 0s,clip-path .3s;
                clip-path: inset(0 0 -5% 0)
            }

            #global-header .global-nav.is-open .nav-item-wrap .nav-item, #global-header .global-nav.is-open .nav-change-site {
                color: #0b457f
            }

            #global-header .global-nav.is-open .global-logo-link svg path, #global-header .global-nav.is-open .nav-other-item svg path {
                fill: #0b457f
            }

            #global-header .global-nav.is-open .nav-item-wrap.is-active .nav-item {
                color: #000
            }

        #global-header .global-nav .menu-button-trigger, #global-header .global-nav .g-search-mob {
            display: none
        }

    #global-header.is-hover .global-logo-link svg path, #global-header.is-hover .nav-other-item svg path {
        fill: #0b457f
    }

    #global-header.theme-transparent-white {
        --text-color: #fff;
        --fill-color: #fff;
        --line-color: #fff
    }

    #global-header.theme-transparent-blue {
        --text-color: #0b457f;
        --fill-color: #0b457f;
        --line-color: #0b457f
    }

        #global-header.theme-transparent-blue .global-nav.is-open {
            -webkit-backdrop-filter: none;
            backdrop-filter: none
        }

        #global-header.theme-transparent-blue .global-nav .nav-change-site {
            color: #0b457f
        }

        #global-header.theme-transparent-blue .global-nav .g-search-icon-wrap .g-search-icon path {
            fill: #0b457f
        }

        #global-header.theme-transparent-blue .global-logo-link path {
            fill: #0b457f
        }

    #global-header.is-hover, #global-header.theme-opaque-blue {
        --bg-color: rgba(255, 255, 255, .9);
        --text-color: #0b457f;
        --fill-color: #0b457f;
        --line-color: #0b457f;
        box-shadow: 0 0 6px #0000001a
    }

        #global-header.is-hover .global-nav, #global-header.theme-opaque-blue .global-nav {
            -webkit-backdrop-filter: blur(2.6041666667vw);
            backdrop-filter: blur(2.6041666667vw)
        }

            #global-header.is-hover .global-nav.is-open, #global-header.theme-opaque-blue .global-nav.is-open {
                -webkit-backdrop-filter: none;
                backdrop-filter: none
            }

            #global-header.is-hover .global-nav .nav-change-site, #global-header.theme-opaque-blue .global-nav .nav-change-site {
                color: #0b457f
            }

            #global-header.is-hover .global-nav .global-logo-link svg path, #global-header.theme-opaque-blue .global-nav .global-logo-link svg path {
                fill: #0b457f
            }

            #global-header.is-hover .global-nav .g-search-icon-wrap .g-search-icon path, #global-header.theme-opaque-blue .global-nav .g-search-icon-wrap .g-search-icon path {
                fill: #0b457f
            }

@media screen and (max-aspect-ratio: 11/10) {
    #global-header.is-hover .global-nav:hover {
        background-color: #ffffffe6
    }

        #global-header.is-hover .global-nav:hover .global-logo-link svg path, #global-header.is-hover .global-nav:hover .nav-other-item svg path {
            fill: #0b457f
        }

    #global-header.is-hover .global-logo-link svg path, #global-header.is-hover .nav-other-item svg path {
        fill: #0b457f
    }

    #global-header.is-hover .global-nav {
        -webkit-backdrop-filter: blur(2.6041666667vw) !important;
        backdrop-filter: blur(2.6041666667vw) !important
    }

    #global-header.is-open .global-logo-link svg path, #global-header.is-open .nav-other-item svg path {
        fill: #fff
    }

    #global-header.is-open .global-nav {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important
    }

    #global-header .global-nav {
        height: 13.0666666667vw;
        padding: 0 5.3333333333vw;
        font-size: 0;
        transition: none;
        perspective: none
    }

        #global-header .global-nav .nav-sec-drop {
            display: none
        }

        #global-header .global-nav .brand-bg {
            display: none !important
        }

        #global-header .global-nav:after {
            width: calc(100% - 10.6666666667vw)
        }

        #global-header .global-nav .global-logo-link {
            margin-right: 0
        }

            #global-header .global-nav .global-logo-link svg {
                width: 34.6666666667vw;
                height: auto
            }

        #global-header .global-nav .global-logo {
            transition: none;
            width: 37.3333333333vw
        }

        #global-header .global-nav .close-nav {
            display: none
        }

        #global-header .global-nav.is-open .global-logo-link svg path, #global-header .global-nav.is-open .nav-other-item svg path {
            fill: #fff
        }

        #global-header .global-nav:hover {
            background: none;
            -webkit-backdrop-filter: none;
            backdrop-filter: none
        }

            #global-header .global-nav:hover .nav-item-wrap .nav-item {
                color: #0b457f
            }

            #global-header .global-nav:hover .global-logo-link svg path, #global-header .global-nav:hover .nav-other-item svg path {
                fill: #fff
            }

        #global-header .global-nav .nav-main {
            display: none;
            position: fixed;
            left: 0;
            top: 13.0666666667vw;
            right: 0;
            bottom: 0;
            height: auto;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            overflow-y: hidden;
            overflow-x: hidden;
            padding: 4vw 0 9.0666666667vw;
            padding-bottom: 0;
            padding-top: 0;
            margin-left: 0;
            background-color: #000c;
            -webkit-backdrop-filter: blur(2.6041666667vw);
            backdrop-filter: blur(2.6041666667vw);
            padding-top: 4vw
        }

            #global-header .global-nav .nav-main.layout-show {
                overflow-y: auto
            }

        #global-header .global-nav .nav-item-wrap {
            width: 100%;
            height: auto;
            flex-direction: column;
            padding-left: 5.3333333333vw
        }

            #global-header .global-nav .nav-item-wrap.is-active {
                padding-bottom: 5.3333333333vw
            }

                #global-header .global-nav .nav-item-wrap.is-active .nav-item-link {
                    color: #fff
                }

                #global-header .global-nav .nav-item-wrap.is-active .nav-item .arrow-mb {
                    transform: rotate(-180deg)
                }

            #global-header .global-nav .nav-item-wrap.has-img .nav-popup-wrap {
                height: auto
            }

                #global-header .global-nav .nav-item-wrap.has-img .nav-popup-wrap .nav-links-item-wrap.is-active .nav-links-item {
                    font-weight: 400;
                    color: #fffc
                }

            #global-header .global-nav .nav-item-wrap .nav-item {
                background: none;
                -webkit-backdrop-filter: none;
                backdrop-filter: none;
                padding-right: 5.3333333333vw
            }

            #global-header .global-nav .nav-item-wrap .nav-sec-link {
                display: none
            }

        #global-header .global-nav .nav-item {
            position: initial;
            justify-content: flex-start;
            align-items: flex-start;
            margin: 0;
            width: 100%;
            height: auto;
            padding-top: 5.3333333333vw;
            padding-bottom: 5.3333333333vw
        }

            #global-header .global-nav .nav-item:before {
                content: none
            }

            #global-header .global-nav .nav-item:last-child {
                border: 0
            }

            #global-header .global-nav .nav-item .arrow-mb {
                display: block;
                width: 3.2vw;
                height: auto;
                transition: all ease-in .3s
            }

        #global-header .global-nav .nav-item-link {
            font-size: 4.8vw;
            line-height: 1.5555555556;
            font-weight: 700;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%
        }

        #global-header .global-nav .nav-popup {
            height: 0;
            overflow-y: hidden;
            transition: height .3s ease-in
        }

        #global-header .global-nav .nav-popup-wrap {
            position: initial;
            width: 100%;
            overflow: hidden;
            max-height: none;
            background-color: #fff;
            padding: 0;
            padding-bottom: 8vw;
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            clip-path: none;
            box-shadow: none;
            pointer-events: all;
            opacity: 1;
            transition: none
        }

        #global-header .global-nav .nav-links-list {
            flex-direction: column;
            width: 100%;
            border-top: 1px solid rgba(217,217,217,.3)
        }

        #global-header .global-nav .nav-links-item {
            font-size: 4.8vw;
            line-height: 1.5;
            font-weight: 400;
            width: auto;
            margin-top: 8vw;
            margin-bottom: 0;
            color: #fff;
            transition: none;
            padding: 0;
            color: #fffc
        }

            #global-header .global-nav .nav-links-item:nth-child(1) {
                margin-top: 5.3333333333vw
            }

            #global-header .global-nav .nav-links-item:hover {
                background-color: inherit;
                color: inherit
            }

            #global-header .global-nav .nav-links-item svg {
                transition: all .3s ease-in
            }

            #global-header .global-nav .nav-links-item.has-sub.is-active .nav-title {
                padding-bottom: 0;
                color: #fffc
            }

                #global-header .global-nav .nav-links-item.has-sub.is-active .nav-title svg {
                    width: 3.2vw;
                    height: auto;
                    transform: rotate(-180deg)
                }

            #global-header .global-nav .nav-links-item.has-sub .nav-title {
                transition: padding .3s ease-in;
                padding-right: 5.3333333333vw
            }

                #global-header .global-nav .nav-links-item.has-sub .nav-title svg {
                    width: 3.2vw;
                    height: auto
                }

                #global-header .global-nav .nav-links-item.has-sub .nav-title .arrow-pc {
                    display: none
                }

                #global-header .global-nav .nav-links-item.has-sub .nav-title .arrow-mb {
                    display: block
                }

            #global-header .global-nav .nav-links-item.has-sub .nav-third-wrap {
                height: 0;
                overflow-y: hidden;
                transition: height .3s ease-in
            }

            #global-header .global-nav .nav-links-item.has-sub .nav-third-list {
                display: flex;
                position: static;
                flex-wrap: wrap;
                flex-direction: row;
                padding-bottom: 0;
                flex-direction: column;
                padding-left: 8vw
            }

                #global-header .global-nav .nav-links-item.has-sub .nav-third-list .nav-third-link {
                    font-size: 3.4666666667vw;
                    line-height: 1.5;
                    font-weight: 400;
                    width: 50%;
                    margin-bottom: 0;
                    margin-top: 8vw
                }

        #global-header .global-nav .nav-other {
            justify-content: flex-end;
            margin-right: 0;
            margin-left: 0
        }

        #global-header .global-nav .nav-change-site-wrap {
            display: flex;
            color: inherit;
            align-items: center;
            justify-content: center;
            font-size: 3.7333333333vw;
            line-height: 1.5;
            margin-right: 4vw
        }

            #global-header .global-nav .nav-change-site-wrap .nav-change-site {
                font-size: 3.7333333333vw;
                color: inherit
            }

                #global-header .global-nav .nav-change-site-wrap .nav-change-site:hover, #global-header .global-nav .nav-change-site-wrap .nav-change-site:active {
                    color: #fff
                }

            #global-header .global-nav .nav-change-site-wrap .nav-site-mb .line {
                width: 1px;
                height: 5.3333333333vw
            }

        #global-header .global-nav.is-open .nav-change-site {
            text-align: center;
            font-size: 3.7333333333vw;
            line-height: 1.5;
            margin: 0 5.3333333333vw
        }

            #global-header .global-nav.is-open .nav-change-site.is-active {
                color: #fff
            }

        #global-header .global-nav .nav-other-item {
            margin: 0
        }

            #global-header .global-nav .nav-other-item svg {
                width: 5.4666666667vw;
                height: auto;
                fill: inherit
            }

            #global-header .global-nav .nav-other-item.g-site.is-active .find-market, #global-header .global-nav .nav-other-item.g-site .find-market, #global-header .global-nav .nav-other-item.g-site .g-site-pc {
                display: none
            }

            #global-header .global-nav .nav-other-item.g-site .g-site-mb {
                display: block
            }

        #global-header .global-nav .g-search {
            display: none
        }

        #global-header .global-nav .g-search-mob {
            display: block;
            position: relative;
            width: 100%;
            margin-bottom: 0;
            padding-bottom: 5.3333333333vw;
            text-align: center;
            padding-top: 0vw
        }

        #global-header .global-nav .g-search-input {
            color: #fff;
            border: 1px solid #fff;
            transition: border-color .1s;
            border-radius: 0;
            width: calc(100% - 10.6666666667vw);
            padding: 2.6666666667vw 10.6666666667vw;
            font-size: 4.2666666667vw;
            line-height: 1.5;
            margin: 0 auto;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            background: none
        }

            #global-header .global-nav .g-search-input::placeholder {
                color: #ffffff80
            }

        #global-header .global-nav .search-submit {
            position: absolute;
            left: 9.3333333333vw;
            top: 3.8666666667vw;
            transform: none
        }

            #global-header .global-nav .search-submit svg {
                fill: #fff;
                width: 4vw;
                height: 4vw
            }

        #global-header .global-nav .menu-button-trigger {
            display: inline-block;
            width: 4.8vw;
            height: 4vw;
            background-color: transparent;
            outline: none;
            border: 0;
            position: relative;
            margin-left: 4vw
        }

            #global-header .global-nav .menu-button-trigger:before, #global-header .global-nav .menu-button-trigger:after {
                content: "";
                position: absolute;
                display: inline-block;
                height: .5333333333vw;
                background-color: var(--text-color);
                width: 100%;
                left: 50%;
                transform: translate(-50%,-50%) rotate(0);
                transition: transform .4s,top .2s
            }

            #global-header .global-nav .menu-button-trigger:before {
                top: calc(50% - 1.8666666667vw)
            }

            #global-header .global-nav .menu-button-trigger:after {
                top: calc(50% + 1.8666666667vw)
            }

            #global-header .global-nav .menu-button-trigger .menubutton-button-line {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                height: .5333333333vw;
                background-color: var(--text-color);
                width: 62.5%;
                transition: width .3s
            }

        #global-header .global-nav.is-open {
            fill: #fff;
            color: #fff;
            background-color: #000c;
            transition: none
        }

            #global-header .global-nav.is-open .close-nav {
                display: none
            }

            #global-header .global-nav.is-open:after {
                box-shadow: none
            }

            #global-header .global-nav.is-open .menu-button-trigger:before, #global-header .global-nav.is-open .menu-button-trigger:after {
                background-color: var(--text-color-active)
            }

            #global-header .global-nav.is-open .menu-button-trigger:before {
                top: 50%;
                transform: translate(-50%,-50%) rotate(225deg)
            }

            #global-header .global-nav.is-open .menu-button-trigger:after {
                top: 50%;
                transform: translate(-50%,-50%) rotate(-225deg)
            }

            #global-header .global-nav.is-open .menu-button-trigger .menubutton-button-line {
                width: 0;
                background-color: var(--text-color-active)
            }

            #global-header .global-nav.is-open .g-site {
                display: none
            }

            #global-header .global-nav.is-open:after {
                transition: none
            }

            #global-header .global-nav.is-open .nav-main {
                display: flex
            }

            #global-header .global-nav.is-open .nav-popup-wrap {
                transition: none;
                clip-path: none;
                background: none;
                -webkit-backdrop-filter: none;
                backdrop-filter: none;
                padding-bottom: 0
            }

    #global-header.theme-opaque-blue {
        --text-color: #0b457f;
        background: #ffffff
    }

        #global-header.theme-opaque-blue .global-nav .global-logo-link svg path, #global-header.theme-opaque-blue .global-nav .nav-other-item svg path {
            fill: #0b457f
        }

        #global-header.theme-opaque-blue .global-nav:hover .global-logo-link svg path, #global-header.theme-opaque-blue .global-nav:hover .nav-other-item svg path {
            fill: #0b457f
        }

        #global-header.theme-opaque-blue .global-nav.is-open .global-logo-link svg path, #global-header.theme-opaque-blue .global-nav.is-open .nav-other-item svg path {
            fill: #fff
        }

    #global-header.theme-transparent-blue {
        --text-color: #0b457f
    }

        #global-header.theme-transparent-blue .global-nav .global-logo-link svg path, #global-header.theme-transparent-blue .global-nav .nav-other-item svg path {
            fill: #0b457f
        }

        #global-header.theme-transparent-blue .global-nav:hover .global-logo-link svg path, #global-header.theme-transparent-blue .global-nav:hover .nav-other-item svg path {
            fill: #0b457f
        }

        #global-header.theme-transparent-blue .global-nav.is-open .global-logo-link svg path, #global-header.theme-transparent-blue .global-nav.is-open .nav-other-item svg path {
            fill: #fff
        }

    #global-header.theme-transparent-white {
        --text-color: #ffffff
    }

        #global-header.theme-transparent-white .global-nav .global-logo-link svg path, #global-header.theme-transparent-white .global-nav .nav-other-item svg path {
            fill: #fff
        }

        #global-header.theme-transparent-white .global-nav:hover .global-logo-link svg path, #global-header.theme-transparent-white .global-nav:hover .nav-other-item svg path {
            fill: #fff
        }

        #global-header.theme-transparent-white .global-nav.is-open .global-logo-link svg path, #global-header.theme-transparent-white .global-nav.is-open .nav-other-item svg path {
            fill: #fff
        }

        #global-header.theme-transparent-white.is-hover {
            --text-color: #0b457f
        }

            #global-header.theme-transparent-white.is-hover .global-nav .global-logo-link svg path, #global-header.theme-transparent-white.is-hover .global-nav .nav-other-item svg path {
                fill: #0b457f
            }

            #global-header.theme-transparent-white.is-hover .global-nav:hover .global-logo-link svg path, #global-header.theme-transparent-white.is-hover .global-nav:hover .nav-other-item svg path {
                fill: #0b457f
            }

            #global-header.theme-transparent-white.is-hover .global-nav.is-open .global-logo-link svg path, #global-header.theme-transparent-white.is-hover .global-nav.is-open .nav-other-item svg path {
                fill: #fff
            }
}

[lang=en] #global-header .global-nav .nav-main .nav-item-wrap:nth-child(5) .nav-links-item.has-sub .nav-third-list {
    left: 54.4vw
}

#global-tips {
    position: fixed;
    z-index: 999;
    right: 3.125vw;
    bottom: 5.7291666667vw;
    opacity: 0;
    pointer-events: none
}

    #global-tips svg {
        pointer-events: none
    }

    #global-tips.is-show {
        opacity: 1;
        pointer-events: all
    }

    #global-tips .tips-list {
        display: flex;
        font-size: 0;
        flex-direction: column
    }

    #global-tips .tips-btn {
        position: relative;
        cursor: pointer;
        margin: 0;
        width: 3.5416666667vw;
        height: 3.5416666667vw
    }

        #global-tips .tips-btn.share-btn {
            margin-bottom: .4166666667vw
        }

            #global-tips .tips-btn.share-btn:hover rect {
                fill: #0b457f;
                opacity: 1
            }

            #global-tips .tips-btn.share-btn:hover path {
                stroke: #fff
            }

        #global-tips .tips-btn.to-top-btn:hover rect {
            fill: #0b457f;
            opacity: 1;
            stroke: #0b457f
        }

        #global-tips .tips-btn.to-top-btn:hover path {
            fill: #fff
        }

        #global-tips .tips-btn svg {
            width: 3.5416666667vw;
            height: 3.5416666667vw
        }

        #global-tips .tips-btn .mb-show {
            display: none
        }

@media screen and (min-aspect-ratio: 11/10) {
    #global-tips .tips-btn:hover .icon-circle {
        fill: #0b457f;
        opacity: 1
    }

    #global-tips .tips-btn:hover .icon-path {
        stroke: #fff;
        fill: #fff
    }
}

#global-tips .share-btn:hover .icon-circle {
    fill: #0b457f;
    opacity: 1
}

#global-tips .share-btn:hover .icon-path {
    stroke: #fff;
    fill: none
}

#global-tips .share-btn:hover .share-hover-container {
    opacity: 1;
    pointer-events: all
}

#global-tips .share-hover-container {
    position: absolute;
    padding-right: 1.0416666667vw;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transform: translate(-100%)
}

#global-tips .share-hover-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 2.0833333333vw;
    height: 3.5416666667vw;
    border-radius: 0;
    background-color: #0b457f
}

#global-tips .share-text {
    font-size: .8333333333vw;
    line-height: 1.171875;
    color: #fff;
    white-space: nowrap;
    margin-right: 1.875vw
}

#global-tips .share-platform {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

    #global-tips .share-platform svg {
        width: auto;
        height: 1.3541666667vw
    }

    #global-tips .share-platform:nth-child(2) svg {
        height: 1.25vw
    }

#global-tips .share-btn + .share-btn {
    margin-left: 1.5625vw
}

@media screen and (max-aspect-ratio: 11/10) {
    #global-tips {
        right: 8vw;
        bottom: 28vw
    }

        #global-tips .tips-btn {
            margin: 0;
            width: 11.7333333333vw;
            height: 11.7333333333vw
        }

            #global-tips .tips-btn.share-btn {
                margin-bottom: 2.1333333333vw
            }

            #global-tips .tips-btn svg {
                width: 11.7333333333vw;
                height: 11.7333333333vw
            }

            #global-tips .tips-btn.to-top-btn svg {
                width: 12vw;
                height: 12vw
            }

            #global-tips .tips-btn .mb-show {
                display: block
            }

            #global-tips .tips-btn .pc-show {
                display: none
            }

            #global-tips .tips-btn.to-top-btn:hover rect {
                fill: #fff;
                opacity: .8;
                stroke: #0b457f
            }

            #global-tips .tips-btn.to-top-btn:hover path {
                fill: #0b457f
            }

        #global-tips .share-hover-container {
            padding-right: 3.4666666667vw
        }

        #global-tips .share-hover-wrap {
            padding: 0 6.6666666667vw;
            height: 11.7333333333vw
        }

        #global-tips .share-text {
            font-size: 2.6666666667vw;
            line-height: 1.172;
            margin-right: 5.3333333333vw
        }

        #global-tips .share-platform svg {
            width: 4.5333333333vw;
            height: auto
        }

        #global-tips .share-platform:nth-child(2) svg {
            width: 4.5333333333vw;
            height: auto
        }

        #global-tips .share-btn + .share-btn {
            margin-left: 5.3333333333vw
        }
}

#global-footer {
    background-color: #fff;
    border-top: 1px solid rgba(11,69,127,.1)
}

    #global-footer .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 6.0416666667vw 6.25vw 3.2291666667vw
    }

    #global-footer .footer-logo {
        margin-top: 0vw
    }

        #global-footer .footer-logo img, #global-footer .footer-logo svg {
            width: 14.5833333333vw;
            height: auto
        }

    #global-footer .footer-links-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start
    }

    #global-footer .footer-links-block {
        margin: 0 4.1666666667vw
    }

        #global-footer .footer-links-block:last-child {
            margin-right: 0
        }

    #global-footer .footer-links-title {
        font-size: .8333333333vw;
        line-height: 1.5;
        font-weight: 700;
        color: #0b457f;
        margin-bottom: 1.0416666667vw
    }

    #global-footer .footer-links-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    #global-footer .footer-links-item {
        font-size: .8333333333vw;
        line-height: 1.5;
        font-weight: 400;
        margin: 1.0416666667vw 0;
        color: #0b457f;
        transition: opacity .2s;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

        #global-footer .footer-links-item:hover {
            opacity: .8
        }

        #global-footer .footer-links-item.child-menu {
            font-size: .7291666667vw
        }

    #global-footer .quick-links .footer-links-list {
        flex-direction: row
    }

    #global-footer .quick-links .footer-links-col {
        display: flex;
        flex-direction: column
    }

    #global-footer .quick-links .col-left {
        margin-right: 2.0833333333vw
    }

    #global-footer .quick-links .col-right {
        margin-left: 2.0833333333vw
    }

    #global-footer .social-icon {
        margin-right: .78125vw;
        font-size: 0
    }

        #global-footer .social-icon img {
            width: 1.0416666667vw
        }

    #global-footer .footer-legals {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 2.0833333333vw 6.25vw 1.8229166667vw;
        border-top: 1px solid rgba(11,69,127,.1)
    }

    #global-footer .copyright {
        font-size: .8333333333vw;
        line-height: 1.5;
        font-weight: 400;
        color: #0b457f;
        max-width: 45%
    }

    #global-footer .language-switcher {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        max-width: 45%;
        font-size: 0
    }

        #global-footer .language-switcher .language-switcher-text {
            font-size: .8333333333vw;
            line-height: 1.5;
            font-weight: 400;
            color: #0b457f;
            margin-right: .625vw
        }

        #global-footer .language-switcher .icon-down-arrow {
            width: .4166666667vw;
            vertical-align: middle
        }

@media screen and (max-aspect-ratio: 11/10) {
    #global-footer .footer-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 10.6666666667vw 8vw 2.6666666667vw
    }

    #global-footer .footer-logo {
        margin-top: 0;
        margin-bottom: 10.6666666667vw
    }

        #global-footer .footer-logo img, #global-footer .footer-logo svg {
            width: 37.3333333333vw
        }

    #global-footer .footer-links-wrap {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0
    }

    #global-footer .footer-links-block {
        width: 100%;
        margin: 0;
        margin-bottom: 10.6666666667vw
    }

    #global-footer .quick-links .footer-links-list {
        justify-content: space-between
    }

    #global-footer .quick-links .footer-links-col {
        width: calc(50% - 4vw);
        margin: 0
    }

    #global-footer .about-links .footer-links-list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    #global-footer .about-links .footer-links-item {
        width: calc(100% - 4vw)
    }

    #global-footer .footer-links-title {
        font-size: 4vw;
        margin-bottom: -1.3333333333vw;
        line-height: 1.5
    }

    #global-footer .footer-links-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }

    #global-footer .footer-links-item {
        font-size: 3.4666666667vw;
        margin: 6.6666666667vw 0 0
    }

        #global-footer .footer-links-item:hover {
            opacity: 1
        }

        #global-footer .footer-links-item.child-menu {
            font-size: 2.9333333333vw
        }

    #global-footer .social-links {
        margin-bottom: 0;
        width: 100%
    }

        #global-footer .social-links .footer-links-list {
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            margin-top: 3.4666666667vw
        }

        #global-footer .social-links .footer-links-item {
            margin: 0;
            margin-right: 10.6666666667vw;
            margin-bottom: 2.6666666667vw
        }

        #global-footer .social-links .social-text {
            display: none
        }

        #global-footer .social-links .social-icon {
            margin-right: 0
        }

            #global-footer .social-links .social-icon img {
                width: 5.6vw
            }

    #global-footer .footer-legals {
        justify-content: flex-start;
        flex-direction: column;
        padding: 5.3333333333vw 8vw
    }

    #global-footer .copyright {
        max-width: 100%;
        font-size: 3.7333333333vw;
        line-height: 1.5;
        font-weight: 300;
        margin-bottom: 4vw
    }

    #global-footer .language-switcher {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        max-width: 100%;
        font-weight: 300
    }

        #global-footer .language-switcher .language-switcher-text {
            font-size: 3.7333333333vw;
            font-weight: 300;
            line-height: 1.5;
            margin-right: 2.9333333333vw
        }

        #global-footer .language-switcher .icon-down-arrow {
            width: 2.1333333333vw
        }
}

#global-cookies {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    background: linear-gradient(90deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 100%),#0b457f;
    background-blend-mode: overlay,normal;
    color: #fff;
    padding: 3.125vw 6.25vw;
    display: none
}

    #global-cookies.is-show {
        display: block
    }

    #global-cookies .cookies-container {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end
    }

    #global-cookies .close-btn {
        position: absolute;
        z-index: 3;
        top: 2.0833333333vw;
        right: 6.25vw;
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        background-color: initial
    }

        #global-cookies .close-btn:before, #global-cookies .close-btn:after {
            position: absolute;
            content: "";
            width: 1.3020833333vw;
            top: 50%;
            left: 50%;
            height: .15625vw;
            background-color: #fff
        }

        #global-cookies .close-btn:before {
            transform: translate(-50%,-50%) rotate(45deg)
        }

        #global-cookies .close-btn:after {
            transform: translate(-50%,-50%) rotate(-45deg)
        }

    #global-cookies .cookies-content {
        margin-right: 3.125vw;
        margin-bottom: .1041666667vw
    }

    #global-cookies .cookies-title {
        font-size: 1.4583333333vw;
        line-height: 1.1717857143;
        font-weight: 700;
        margin-bottom: 1.3541666667vw
    }

    #global-cookies .cookies-text {
        font-size: 1.25vw;
        line-height: 1.1720833333
    }

        #global-cookies .cookies-text a {
            text-decoration: underline
        }

    #global-cookies .cookies-btns {
        display: flex;
        align-items: center
    }

    #global-cookies .cookies-btn {
        min-width: 10.4166666667vw;
        padding: .8854166667vw 1.0416666667vw .8333333333vw;
        font-size: 1.0416666667vw;
        line-height: 1.172;
        border-radius: 1.5625vw
    }

        #global-cookies .cookies-btn + .cookies-btn {
            margin-left: 1.0416666667vw
        }

    #global-cookies .accept-btn {
        padding: calc(.8854166667vw + 2px) 1.0416666667vw calc(.8333333333vw + 2px)
    }

@media screen and (max-aspect-ratio: 11/10) {
    #global-cookies {
        padding: 5.3333333333vw 5.3333333333vw 0
    }

        #global-cookies .cookies-container {
            overflow: hidden;
            flex-direction: column;
            align-items: flex-start
        }

        #global-cookies .close-btn {
            top: 5.3333333333vw;
            right: 5.3333333333vw;
            width: 3.7333333333vw;
            height: 3.7333333333vw
        }

            #global-cookies .close-btn:before, #global-cookies .close-btn:after {
                width: 4.6666666667vw;
                height: .4vw
            }

            #global-cookies .close-btn:before {
                transform: translate(-50%,-50%) rotate(45deg)
            }

            #global-cookies .close-btn:after {
                transform: translate(-50%,-50%) rotate(-45deg)
            }

        #global-cookies .cookies-content {
            width: 100%;
            margin-right: 0;
            margin-bottom: 5.3333333333vw
        }

        #global-cookies .cookies-title {
            font-size: 4.2666666667vw;
            line-height: 1.171875;
            margin-bottom: 3.7333333333vw
        }

        #global-cookies .cookies-text {
            font-size: 3.7333333333vw;
            line-height: 1.5
        }

        #global-cookies .cookies-btns {
            width: 100%;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap
        }

        #global-cookies .cookies-btn {
            min-width: 42vw;
            padding: 3.2vw 2.6666666667vw;
            font-size: 3.2vw;
            line-height: 1.1720833333;
            border-radius: 8vw;
            margin-bottom: 5.3333333333vw
        }

            #global-cookies .cookies-btn + .cookies-btn {
                margin-left: 0
            }

        #global-cookies .accept-btn {
            padding: calc(3.2vw + 2px) 2.6666666667vw
        }
}

.g-title-hide {
    display: none
}

.g-btn {
    font-size: 1.0416666667vw;
    line-height: 1.15;
    font-weight: 400;
    padding: 1.4583333333vw;
    min-width: 23.9583333333vw;
    color: #fff;
    border-radius: 2.6041666667vw;
    background: #0b457f
}

.g-btn-blue {
    background: #0b457f;
    color: #fff
}

    .g-btn-blue.is-transparent {
        background: transparent;
        border: 2px solid #0b457f;
        color: #0b457f
    }

    .g-btn-blue.is-disabled, .g-btn-blue[disabled] {
        background: #d9d9d9;
        cursor: no-drop
    }

.g-btn-white {
    background: #fff;
    color: #0b457f
}

    .g-btn-white.is-disabled, .g-btn-white[disabled] {
        background: #d9d9d9;
        cursor: no-drop;
        color: #fff
    }

    .g-btn-white.is-transparent {
        background: transparent;
        border: 2px solid #fff;
        color: #fff
    }

.g-loading {
    position: fixed;
    inset: 0;
    background-color: #eee9;
    display: none;
    z-index: 999
}

    .g-loading .g-loading-img {
        width: 5.7291666667vw;
        height: 5.7291666667vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(0);
        animation: rotateLoading 1s infinite linear
    }

    .g-loading.is-show {
        display: block
    }

        .g-loading.is-show .g-loading-img {
            animation: rotateLoading 1s infinite linear
        }

.g-toast {
    position: fixed;
    z-index: 90;
    top: 5.2083333333vw;
    left: 50%;
    background-color: #fff;
    font-size: 1.0416666667vw;
    line-height: 1.172;
    border-radius: .3125vw;
    color: #fb3232;
    border: 1px solid rgba(251,50,50,.2);
    padding: 1.4583333333vw 4.1666666667vw;
    max-width: 50%;
    box-shadow: 0 4px 6px 4px #00000003;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%) translateY(-100%);
    transition: opacity .3s,transform .3s;
    pointer-events: none
}

    .g-toast.is-show {
        visibility: visible;
        opacity: 1;
        transform: translate(-50%) translateY(0)
    }

@media screen and (max-aspect-ratio: 11/10) {
    .g-toast {
        top: 14.6666666667vw;
        font-size: 2.6666666667vw;
        line-height: 1.172;
        border-radius: .8vw;
        padding: 3.7333333333vw 5.3333333333vw;
        max-width: 100%;
        box-shadow: 0 4px 6px 4px #00000003;
        display: none
    }

        .g-toast.is-show {
            display: inline-block
        }
}

@keyframes rotateLoading {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    to {
        transform: translate(-50%,-50%) rotate(-360deg)
    }
}

@media screen and (min-aspect-ratio: 11/10) {
    .g-btn-blue:not(.is-transparent):not(.is-disabled):not(.no-hover):hover, .g-btn-white:not(.is-transparent):not(.is-disabled):not(.no-hover):hover {
        color: #fff;
        background: linear-gradient(90deg,#336dc2 0%,#1f467c 100%)
    }

    .g-btn-blue.is-transparent:not(.is-disabled):not(.no-hover):hover, .g-btn-white.is-transparent:not(.is-disabled):not(.no-hover):hover {
        background: rgba(219,237,255,.3)
    }
}

#global-header .global-nav .nav-links-item.has-sub .nav-third-list .nav-third-link.child-menu {
    font-size: .945833vw
}

#global-header .global-nav .nav-links-item.child-menu {
    font-size: 1.266666667vw
}

@media screen and (max-aspect-ratio: 11/10) {
    #global-header .global-nav .nav-links-item.has-sub .nav-third-list .nav-third-link.child-menu {
        font-size: 3.0666666667vw
    }

    #global-header .global-nav .nav-links-item.child-menu {
        font-size: 3.8vw
    }
}

.article-detail-page {
    font-style: normal
}

    .article-detail-page .dark {
        color: #000
    }

        .article-detail-page .dark a {
            color: #0b457f;
            text-decoration: underline
        }

    .article-detail-page .light {
        color: #fff
    }

        .article-detail-page .light a {
            color: #fff;
            text-decoration: underline
        }

    .article-detail-page i {
        font-style: italic
    }

    .article-detail-page b {
        font-weight: 700
    }

    .article-detail-page p {
        margin-top: 0
    }

        .article-detail-page p + p {
            margin-top: 2.0833333333vw
        }

    .article-detail-page .theme-white {
        --theme-stroke: #000;
        --theme-color: #000;
        --theme-background: #fff;
        --theme-background-inverse: #000
    }

    .article-detail-page .theme-grey {
        --theme-stroke: #000;
        --theme-color: #000;
        --theme-background: #f6f6f6;
        --theme-background-inverse: #000
    }

    .article-detail-page .theme-black {
        --theme-stroke: #fff;
        --theme-color: #fff;
        --theme-background: #1e1e1e;
        --theme-background-inverse: #fff
    }

    .article-detail-page .video-js {
        width: 100%;
        height: calc(var(--p-t, 810) / 19.2 * 1vw)
    }

    .article-detail-page .vjs-poster img {
        object-fit: cover
    }

    .article-detail-page .p13 .p13-container {
        color: var(--theme-color);
        background-color: var(--theme-background);
        padding: calc(var(--p-t, 30) / 19.2 * 1vw) 13.5416666667vw calc(var(--p-b, 60) / 19.2 * 1vw)
    }

        .article-detail-page .p13 .p13-container.theme-grey {
            color: #949494
        }

    .article-detail-page .p13 .p13-disclaimer {
        font-weight: 300
    }

    .article-detail-page .pd-text-small {
        font-size: .9375vw;
        line-height: 1.3888888889
    }

    .article-detail-page .related-tip-container.article-detail-section {
        background-color: #fff;
        padding-top: calc(var(--p-t, 30) / 19.2 * 1vw);
        padding-bottom: calc(var(--p-t, 20) / 19.2 * 1vw);
        padding-bottom: 0
    }

        .article-detail-page .related-tip-container.article-detail-section.theme-grey {
            background-color: #f6f6f6
        }

        .article-detail-page .related-tip-container.article-detail-section.theme-black {
            background-color: #000
        }

        .article-detail-page .related-tip-container.article-detail-section .text-small {
            font-size: .9375vw;
            line-height: 1.3888888889;
            color: #949494;
            font-weight: 300
        }

    .article-detail-page .related-tip-container .text-small {
        font-size: 18px;
        line-height: 1.3888888889
    }

    .article-detail-page .article-detail-section {
        padding: 0 13.5416666667vw
    }

        .article-detail-page .article-detail-section.brand-page {
            padding: 1.1458333333vw 13.5416666667vw;
            background: #0B457F
        }

        .article-detail-page .article-detail-section.brand-avatr-page {
            background: #C0DF16
        }

        .article-detail-page .article-detail-section.brand-nevo-page {
            background: linear-gradient(to right,rgba(0,70,128,.81),rgba(255,255,255,0))
        }

        .article-detail-page .article-detail-section.brand-kaicheng-page {
            background: #E1EBF5
        }

        .article-detail-page .article-detail-section.brand-deepal-page {
            background: linear-gradient(to right,rgb(136,167,225),rgb(242,243,249))
        }

    .article-detail-page .article-detail-banner {
        width: 100%;
        height: 33.3333333333vw;
        margin-bottom: 3.125vw
    }

        .article-detail-page .article-detail-banner + .article-detail-btn {
            margin-top: 0
        }

        .article-detail-page .article-detail-banner + .article-detail-title {
            margin-top: 0
        }

        .article-detail-page .article-detail-banner .banner-img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .article-detail-page .article-detail-banner.brand-page {
            margin-bottom: 0;
            position: relative
        }

            .article-detail-page .article-detail-banner.brand-page .brand-slogan {
                position: absolute;
                bottom: 3.125vw;
                width: 100%
            }

                .article-detail-page .article-detail-banner.brand-page .brand-slogan p {
                    text-align: center;
                    color: #fff;
                    font-size: 1.25vw;
                    line-height: 1.875vw;
                    font-weight: 400
                }

    .article-detail-page .article-detail-btn {
        margin-top: 3.125vw;
        margin-bottom: 0
    }

        .article-detail-page .article-detail-btn.brand-page svg {
            fill: #fff
        }

        .article-detail-page .article-detail-btn.brand-page .btn-text {
            color: #fff
        }

        .article-detail-page .article-detail-btn.brand-avatr-page svg {
            fill: #000
        }

        .article-detail-page .article-detail-btn.brand-avatr-page .btn-text {
            color: #000
        }

        .article-detail-page .article-detail-btn.brand-kaicheng-page svg {
            fill: #000
        }

        .article-detail-page .article-detail-btn.brand-kaicheng-page .btn-text {
            color: #000
        }

        .article-detail-page .article-detail-btn a {
            font-size: 0
        }

        .article-detail-page .article-detail-btn svg {
            width: .78125vw;
            margin-right: .46875vw;
            fill: #ff9632
        }

        .article-detail-page .article-detail-btn .btn-text {
            font-size: 1.25vw;
            line-height: 1.5;
            font-weight: 400;
            color: #000
        }

    .article-detail-page .article-detail-title {
        font-size: 3.125vw;
        font-weight: 700;
        line-height: 1.3;
        margin: 0 auto;
        margin-top: .625vw
    }

    .article-detail-page .article-detail-date {
        font-weight: 300;
        font-size: .9375vw;
        line-height: 1.1666666667;
        color: #363636;
        margin-top: 1.4583333333vw
    }

    .article-detail-page .article-detail-overview {
        font-weight: 400;
        font-size: 1.6666666667vw;
        line-height: 1.5;
        margin-top: 4.1666666667vw;
        margin-bottom: 4.1666666667vw
    }

    .article-detail-page .article-detail-content {
        font-weight: 400;
        font-size: 1.25vw;
        line-height: 1.6666666667;
        margin-top: 4.1666666667vw;
        margin-bottom: 4.1666666667vw
    }

        .article-detail-page .article-detail-content h3 {
            margin-bottom: 2.0833333333vw;
            font-size: 1.875vw;
            line-height: 1.5;
            font-weight: 700
        }

            .article-detail-page .article-detail-content h3 + h4 {
                margin-top: 0
            }

        .article-detail-page .article-detail-content h4 {
            margin-bottom: 2.0833333333vw;
            margin-top: 2.0833333333vw;
            font-size: 1.4583333333vw;
            font-weight: 700;
            line-height: 1.5;
            padding-left: 1.3541666667vw;
            position: relative
        }

            .article-detail-page .article-detail-content h4:before {
                position: absolute;
                content: "";
                width: .3125vw;
                height: 1.4583333333vw;
                background: #0B457F;
                top: 50%;
                left: 0;
                transform: translateY(-50%)
            }

    .article-detail-page .overview .article-detail-content {
        padding-top: 0vw
    }

        .article-detail-page .overview .article-detail-content p {
            padding-top: 2.0833333333vw;
            margin-top: 0
        }

    .article-detail-page .article-detail-sub-banner {
        margin-top: 0;
        font-size: 0
    }

        .article-detail-page .article-detail-sub-banner img {
            width: 100%
        }

        .article-detail-page .article-detail-sub-banner + .article-detail-sub-banner {
            margin-top: 4.1666666667vw
        }

        .article-detail-page .article-detail-sub-banner + .related-tip-container {
            margin-top: 4.1666666667vw
        }

        .article-detail-page .article-detail-sub-banner + .article-detail-related {
            margin-top: 4.1666666667vw
        }

        .article-detail-page .article-detail-sub-banner + .p13.pd-component {
            margin-top: 4.1666666667vw
        }

    .article-detail-page .article-detail-img-des {
        margin-top: 1.0416666667vw;
        font-weight: 300;
        font-size: .9375vw;
        line-height: 1.7777777778;
        color: #363636
    }

    .article-detail-page .article-detail-graphic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 4.1666666667vw;
        margin-bottom: 4.1666666667vw
    }

        .article-detail-page .article-detail-graphic .text-wrap, .article-detail-page .article-detail-graphic .img-wrap {
            width: calc(50% - 20px)
        }

            .article-detail-page .article-detail-graphic .text-wrap .title {
                font-weight: 700;
                font-size: 2.5vw;
                line-height: 1.3333333333;
                margin-bottom: 2.0833333333vw
            }

            .article-detail-page .article-detail-graphic .img-wrap img {
                width: 100%
            }

        .article-detail-page .article-detail-graphic .article-detail-content {
            padding-top: 0;
            margin-top: 0;
            margin-bottom: 0
        }

            .article-detail-page .article-detail-graphic .article-detail-content p {
                margin-top: 0
            }

                .article-detail-page .article-detail-graphic .article-detail-content p + p {
                    margin-top: 2.0833333333vw
                }

        .article-detail-page .article-detail-graphic.only-text .article-detail-content:nth-child(1) {
            padding-top: 0;
            margin-top: 0
        }

            .article-detail-page .article-detail-graphic.only-text .article-detail-content:nth-child(1) p:nth-child(1) {
                margin-top: 0
            }

        .article-detail-page .article-detail-graphic.text-in-right {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

    .article-detail-page .article-detail-video {
        position: relative;
        font-size: 0
    }

        .article-detail-page .article-detail-video video {
            width: 100%;
            height: 42.1875vw;
            margin-top: 0;
            -o-object-fit: cover;
            object-fit: cover
        }

        .article-detail-page .article-detail-video .article-video-btn {
            cursor: pointer
        }

            .article-detail-page .article-detail-video .article-video-btn svg {
                width: 3.2291666667vw
            }

        .article-detail-page .article-detail-video .article-detail-pausebtn {
            position: absolute;
            width: 100%;
            left: 0;
            right: 0;
            top: 6.25vw;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            z-index: 3;
            opacity: 0
        }

        .article-detail-page .article-detail-video .article-detail-playbtn {
            position: absolute;
            left: 50%;
            top: calc(50% + 3.2291666667vw);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            z-index: 4;
            display: none
        }

    .article-detail-page .article-swiper-section .popup-section {
        position: fixed;
        z-index: 10000;
        inset: 0;
        background-color: #000c;
        display: none
    }

        .article-detail-page .article-swiper-section .popup-section.is-show {
            display: block
        }

        .article-detail-page .article-swiper-section .popup-section .close-btn {
            position: absolute;
            background-color: transparent;
            top: 3.125vw;
            right: 3.125vw;
            width: 4.2708333333vw;
            height: 4.2708333333vw;
            z-index: 3
        }

            .article-detail-page .article-swiper-section .popup-section .close-btn svg {
                width: 100%;
                height: 100%
            }

        .article-detail-page .article-swiper-section .popup-section .popup-swiper {
            width: 100%;
            height: 100%
        }

        .article-detail-page .article-swiper-section .popup-section .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .article-detail-page .article-swiper-section .popup-section .slide-img {
            width: auto;
            object-fit: initial;
            max-width: 100%;
            max-height: 100%
        }

        .article-detail-page .article-swiper-section .popup-section .swiper-btn-icon {
            width: 4.2708333333vw;
            height: 4.2708333333vw
        }

        .article-detail-page .article-swiper-section .popup-section .swiper-btn-prev, .article-detail-page .article-swiper-section .popup-section .swiper-btn-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
            cursor: pointer
        }

            .article-detail-page .article-swiper-section .popup-section .swiper-btn-prev.is-disabled, .article-detail-page .article-swiper-section .popup-section .swiper-btn-next.is-disabled {
                visibility: hidden
            }

        .article-detail-page .article-swiper-section .popup-section .swiper-btn-prev {
            left: 3.125%
        }

        .article-detail-page .article-swiper-section .popup-section .swiper-btn-next {
            left: auto;
            right: 3.125%
        }

    .article-detail-page .article-swiper-section .article-detail-swiper {
        padding-top: 6.25vw;
        padding-bottom: 6.25vw;
        margin-top: 0;
        padding-right: 0;
        padding-left: 13.5416666667vw;
        position: relative
    }

        .article-detail-page .article-swiper-section .article-detail-swiper + .article-detail-video video {
            margin-top: 0
        }

        .article-detail-page .article-swiper-section .article-detail-swiper + .article-detail-swiper {
            margin-top: 0
        }

        .article-detail-page .article-swiper-section .article-detail-swiper .article-detail-swiper-content {
            font-size: 1.25vw;
            line-height: 1.6666666667;
            font-weight: 400;
            padding-right: 13.5416666667vw
        }

        .article-detail-page .article-swiper-section .article-detail-swiper .article-detail-swiper-title {
            font-size: 2.5vw;
            line-height: 1.3333333333;
            font-weight: 700;
            margin-bottom: 2.0833333333vw
        }

        .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper {
            margin-left: -13.5416666667vw;
            padding-left: 13.5416666667vw;
            padding-right: 13.5416666667vw;
            margin-top: 3.125vw
        }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper .swiper-slide {
                width: 37.5vw;
                cursor: pointer
            }

                .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper .swiper-slide img {
                    width: 100%;
                    height: 20.8333333333vw;
                    -o-object-fit: cover;
                    object-fit: cover
                }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper + .article-detail-swiper-content {
                margin-top: 3.125vw
            }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper.no-more-img {
                margin-left: 0;
                padding-left: 0
            }

                .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper.no-more-img .swiper-wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper.no-more-img .detail-sw-btn {
                    display: none
                }

                .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper.no-more-img .swiper-slide {
                    width: 37.5vw;
                    margin-right: 1.5625vw
                }

        .article-detail-page .article-swiper-section .article-detail-swiper .detail-sw-btn {
            position: absolute;
            top: 50%;
            z-index: 2;
            width: 2.6041666667vw;
            height: 2.6041666667vw;
            opacity: .6;
            right: 6.25vw;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer
        }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-sw-btn svg {
                width: 100%
            }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-sw-btn.detail-sw-prev {
                -webkit-transform: translateY(-50%) rotate(-180deg);
                transform: translateY(-50%) rotate(-180deg);
                left: 6.25vw;
                right: auto
            }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-sw-btn:hover {
                opacity: 1
            }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-sw-btn.swiper-button-disabled {
                opacity: 0;
                visibility: hidden
            }

        .article-detail-page .article-swiper-section .article-detail-swiper.theme-black {
            background: #1a1a1a
        }

            .article-detail-page .article-swiper-section .article-detail-swiper.theme-black .article-detail-swiper-content, .article-detail-page .article-swiper-section .article-detail-swiper.theme-black .article-detail-swiper-title {
                color: #fff
            }

        .article-detail-page .article-swiper-section .article-detail-swiper.theme-white {
            background: #ffffff
        }

        .article-detail-page .article-swiper-section .article-detail-swiper.theme-grey {
            background: #f8f9f9
        }

        .article-detail-page .article-swiper-section .article-detail-swiper.only-two-img, .article-detail-page .article-swiper-section .article-detail-swiper.only-one-img {
            padding-right: 13.5416666667vw
        }

            .article-detail-page .article-swiper-section .article-detail-swiper.only-two-img .article-detail-swiper-content, .article-detail-page .article-swiper-section .article-detail-swiper.only-one-img .article-detail-swiper-content, .article-detail-page .article-swiper-section .article-detail-swiper.only-two-img .article-detail-swiper-title, .article-detail-page .article-swiper-section .article-detail-swiper.only-one-img .article-detail-swiper-title {
                padding-right: 0
            }

            .article-detail-page .article-swiper-section .article-detail-swiper.only-two-img .swiper-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .article-detail-page .article-swiper-section .article-detail-swiper.only-two-img .swiper-slide, .article-detail-page .article-swiper-section .article-detail-swiper.only-one-img .swiper-slide {
                width: calc(50% - 15px)
            }

            .article-detail-page .article-swiper-section .article-detail-swiper.only-one-img .swiper-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

    .article-detail-page .article-detail-exhibit-img {
        margin-top: 4.1666666667vw;
        margin-bottom: 4.1666666667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .article-detail-page .article-detail-exhibit-img .img-item {
            width: calc(50% - 20px)
        }

            .article-detail-page .article-detail-exhibit-img .img-item img {
                width: 100%;
                height: 20.8333333333vw;
                -o-object-fit: cover;
                object-fit: cover
            }

    .article-detail-page .article-detail-related {
        background: #ffffff;
        margin-top: 0;
        padding-top: 3.125vw;
        padding-bottom: 6.25vw
    }

        .article-detail-page .article-detail-related.theme-grey {
            background: #F6F6F6
        }

        .article-detail-page .article-detail-related.theme-white {
            background: #ffffff
        }

        .article-detail-page .article-detail-related.theme-black {
            background: #1a1a1a
        }

            .article-detail-page .article-detail-related.theme-black .related-title-wrap .related-title, .article-detail-page .article-detail-related.theme-black .related-swiper .related-title {
                color: #fff
            }

            .article-detail-page .article-detail-related.theme-black svg circle {
                fill: #fff
            }

        .article-detail-page .article-detail-related .related-title-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .article-detail-page .article-detail-related .related-title-wrap .related-title {
                font-weight: 700;
                font-size: 2.5vw;
                line-height: 1.3333333333
            }

            .article-detail-page .article-detail-related .related-title-wrap .related-swiper-btn-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .article-detail-page .article-detail-related .related-title-wrap .related-swiper-btn-wrap .related-prev {
                    width: max(2.6041666667vw,37px);
                    height: max(2.6041666667vw,35px);
                    cursor: pointer;
                    margin-right: 2.0833333333vw;
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

                .article-detail-page .article-detail-related .related-title-wrap .related-swiper-btn-wrap .related-next {
                    width: max(2.6041666667vw,37px);
                    height: max(2.6041666667vw,35px);
                    cursor: pointer
                }

        .article-detail-page .article-detail-related .related-swiper {
            margin-top: 4.1666666667vw
        }

            .article-detail-page .article-detail-related .related-swiper .swiper-slide a {
                display: block;
                color: #000;
                text-decoration: none
            }

            .article-detail-page .article-detail-related .related-swiper .related-btn {
                margin-top: 1.4583333333vw;
                display: inline-block;
                font-size: 0
            }

                .article-detail-page .article-detail-related .related-swiper .related-btn svg {
                    width: .46875vw;
                    fill: #0b457f;
                    margin-right: .2083333333vw
                }

                .article-detail-page .article-detail-related .related-swiper .related-btn .btn-text {
                    font-size: .8333333333vw;
                    line-height: 1.171875;
                    font-weight: 400;
                    display: inline-block;
                    color: #0b457f
                }

            .article-detail-page .article-detail-related .related-swiper .related-title {
                font-weight: 700;
                font-size: 1.4583333333vw;
                line-height: 1.5714285714;
                margin-top: 1.0416666667vw
            }

            .article-detail-page .article-detail-related .related-swiper .swiper-slide .banner-img {
                width: 100%;
                height: 13.5416666667vw;
                -o-object-fit: cover;
                object-fit: cover
            }

        .article-detail-page .article-detail-related .swiper-button-disabled {
            opacity: .5
        }

        .article-detail-page .article-detail-related.no-more-related .swiper-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-self: start
        }

            .article-detail-page .article-detail-related.no-more-related .swiper-wrapper .swiper-slide {
                width: calc(33.33% - 15px);
                margin-right: 30px
            }

    .article-detail-page .article-detail-title-com {
        font-size: 2.5vw;
        line-height: 1.3333333333;
        font-weight: 700;
        margin-top: calc(var(--m-t, 80) / 19.2 * 1vw);
        margin-bottom: calc(var(--m-b, 40) / 19.2 * 1vw)
    }

    .article-detail-page .map-list {
        display: flex;
        padding: 0 4.1666666667vw;
        background: linear-gradient(90deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 100%),#0B457F;
        background-blend-mode: overlay,normal;
        height: 5.2083333333vw;
        justify-content: space-between;
        align-items: center
    }

        .article-detail-page .map-list .map-item {
            font-size: 1.875vw;
            text-transform: uppercase;
            height: 100%;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            opacity: .8;
            cursor: pointer
        }

            .article-detail-page .map-list .map-item .map-href:before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 100%;
                left: 0;
                top: 0;
                height: .4166666667vw;
                transition: background-color .2s
            }

            .article-detail-page .map-list .map-item:hover, .article-detail-page .map-list .map-item.map-active {
                opacity: 1
            }

                .article-detail-page .map-list .map-item:hover .map-href:before, .article-detail-page .map-list .map-item.map-active .map-href:before {
                    background-color: #fff
                }

    .article-detail-page .map-animate {
        position: relative;
        margin-top: 4.1666666667vw
    }

        .article-detail-page .map-animate .map-img-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

            .article-detail-page .map-animate .map-img-item .map-highlight {
                position: absolute;
                inset: 0;
                opacity: 0;
                transition: all .3s
            }

            .article-detail-page .map-animate .map-img-item .map-line {
                position: absolute;
                inset: 0;
                opacity: 0;
                transform: translateY(5%);
                transition: all .5s;
                transition-delay: .3s
            }

            .article-detail-page .map-animate .map-img-item.map-img-active .map-highlight {
                opacity: 1
            }

            .article-detail-page .map-animate .map-img-item.map-img-active .map-line {
                opacity: 1;
                transform: translateY(0)
            }

@media screen and (max-aspect-ratio: 11/10) {
    .article-detail-page .video-js {
        width: 100%;
        height: calc(var(--h-m, 316) / 7.5 * 1vw)
    }

    .article-detail-page .p13 .p13-container {
        padding: calc(var(--p-t, 30) / 750 * 100vw) 5.3333333333vw calc(var(--p-b, 60) / 750 * 100vw)
    }

    .article-detail-page .p13 .p13-disclaimer {
        font-size: 3.2vw;
        line-height: 1.4283333333
    }

        .article-detail-page .p13 .p13-disclaimer .pd-text-small {
            font-size: 3.7333333333vw;
            line-height: 1.4285714286
        }

    .article-detail-page .article-detail-section {
        padding: 0 5.3333333333vw
    }

        .article-detail-page .article-detail-section.brand-page {
            padding: 2.9333333333vw 5.3333333333vw
        }

    .article-detail-page p {
        margin-top: 0
    }

        .article-detail-page p + p {
            margin-top: 5.3333333333vw
        }

    .article-detail-page .related-tip-container.article-detail-section {
        padding-top: calc(var(--p-t, 30) / 7.5 * 1vw);
        padding-bottom: calc(var(--p-b, 20) / 7.5 * 1vw)
    }

        .article-detail-page .related-tip-container.article-detail-section .text-small {
            font-size: 3.2vw;
            line-height: 1.4283333333
        }

    .article-detail-page .article-detail-banner {
        height: auto;
        margin-bottom: 8vw
    }

        .article-detail-page .article-detail-banner + .article-detail-title {
            margin-top: 0
        }

        .article-detail-page .article-detail-banner + .article-detail-btn {
            margin-top: 0
        }

        .article-detail-page .article-detail-banner.brand-page .brand-slogan {
            bottom: 5.3333333333vw
        }

            .article-detail-page .article-detail-banner.brand-page .brand-slogan p {
                font-size: 3.2vw;
                line-height: 4.8vw
            }

    .article-detail-page .article-detail-btn {
        margin-top: 8vw;
        margin-bottom: 0;
        font-size: 0
    }

        .article-detail-page .article-detail-btn + .article-detail-title {
            margin-top: 1.6vw
        }

        .article-detail-page .article-detail-btn a {
            font-size: 0
        }

        .article-detail-page .article-detail-btn svg {
            width: 2vw;
            height: 2.4vw;
            margin-right: 1.0666666667vw
        }

        .article-detail-page .article-detail-btn .btn-text {
            font-size: 3.2vw;
            display: inline-block;
            line-height: 1.5;
            font-weight: 400
        }

    .article-detail-page .article-detail-sub-banner {
        margin-top: 0
    }

        .article-detail-page .article-detail-sub-banner + .article-detail-sub-banner {
            margin-top: 10.6666666667vw
        }

        .article-detail-page .article-detail-sub-banner + .related-tip-container {
            margin-top: 10.6666666667vw
        }

        .article-detail-page .article-detail-sub-banner + .article-detail-related {
            margin-top: 10.6666666667vw
        }

        .article-detail-page .article-detail-sub-banner + .p13.pd-component {
            margin-top: 10.6666666667vw
        }

    .article-detail-page .article-detail-title {
        font-size: 8.5333333333vw;
        line-height: 1.21875;
        margin-top: 1.6vw
    }

    .article-detail-page .article-detail-date {
        font-size: 3.2vw;
        line-height: 1.1666666667;
        margin-top: 5.3333333333vw
    }

    .article-detail-page .article-detail-overview {
        font-size: 4.8vw;
        line-height: 1.4444444444;
        margin-top: 10.6666666667vw;
        margin-bottom: 10.6666666667vw
    }

    .article-detail-page .article-detail-content {
        margin-top: 10.6666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.7142857143;
        margin-bottom: 10.6666666667vw
    }

        .article-detail-page .article-detail-content h3 {
            margin-bottom: 5.3333333333vw;
            font-size: 4.8vw;
            line-height: 1.5;
            font-weight: 700
        }

            .article-detail-page .article-detail-content h3 + h4 {
                margin-top: 0
            }

        .article-detail-page .article-detail-content h4 {
            margin-bottom: 5.3333333333vw;
            font-size: 3.7333333333vw;
            margin-top: 5.3333333333vw;
            font-weight: 700;
            line-height: 1.5;
            padding-left: 3.4666666667vw;
            position: relative
        }

            .article-detail-page .article-detail-content h4:before {
                position: absolute;
                content: "";
                width: .8vw;
                height: 3.7333333333vw;
                background: #0B457F;
                top: 50%;
                left: 0;
                transform: translateY(-50%)
            }

    .article-detail-page .overview .article-detail-content {
        padding-top: 0vw
    }

        .article-detail-page .overview .article-detail-content p {
            padding-top: 5.3333333333vw;
            margin-top: 0
        }

    .article-detail-page .article-detail-graphic {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10.6666666667vw;
        margin-bottom: 10.6666666667vw
    }

        .article-detail-page .article-detail-graphic .text-wrap .title {
            font-size: 6.9333333333vw;
            line-height: 1.3076923077;
            margin-bottom: 5.3333333333vw
        }

        .article-detail-page .article-detail-graphic.text-in-right + .article-detail-content {
            margin-top: -5.3333333333vw
        }

        .article-detail-page .article-detail-graphic .text-wrap, .article-detail-page .article-detail-graphic .img-wrap {
            width: 100%;
            margin-top: 0vw
        }

        .article-detail-page .article-detail-graphic.text-in-right .text-wrap {
            margin-top: 10.6666666667vw
        }

        .article-detail-page .article-detail-graphic.text-in-left .img-wrap {
            width: 100%;
            margin-top: 10.6666666667vw
        }

        .article-detail-page .article-detail-graphic .article-detail-content {
            padding-top: 0
        }

            .article-detail-page .article-detail-graphic .article-detail-content p {
                margin-top: 0
            }

                .article-detail-page .article-detail-graphic .article-detail-content p + p {
                    margin-top: 5.3333333333vw
                }

        .article-detail-page .article-detail-graphic.text-in-right {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

    .article-detail-page .article-detail-img-des {
        margin-top: 2.6666666667vw;
        font-size: 3.2vw;
        line-height: 1.6666666667
    }

    .article-detail-page .article-detail-video video {
        height: 42.1333333333vw;
        margin-top: 0
    }

    .article-detail-page .article-detail-video .article-video-btn svg {
        width: 8.2666666667vw
    }

    .article-detail-page .article-swiper-section .popup-section .close-btn {
        top: 5.3333333333vw;
        right: 5.3333333333vw;
        width: 13.6vw;
        height: 13.6vw
    }

    .article-detail-page .article-swiper-section .popup-section .swiper-btn-prev, .article-detail-page .article-swiper-section .popup-section .swiper-btn-next {
        display: none
    }

    .article-detail-page .article-swiper-section .article-detail-swiper.only-two-img, .article-detail-page .article-swiper-section .article-detail-swiper.only-one-img {
        padding-right: 5.3333333333vw
    }

    .article-detail-page .article-swiper-section .article-detail-swiper {
        padding-top: 16vw;
        padding-bottom: 16vw;
        padding-left: 5.3333333333vw;
        margin-top: 10.6666666667vw
    }

        .article-detail-page .article-swiper-section .article-detail-swiper.article-detail-swiper {
            margin-top: 0
        }

        .article-detail-page .article-swiper-section .article-detail-swiper .article-detail-swiper-content {
            padding-right: 5.3333333333vw;
            font-size: 3.2vw;
            line-height: 1.6666666667;
            font-weight: 400
        }

        .article-detail-page .article-swiper-section .article-detail-swiper .article-detail-swiper-title {
            font-size: 6.9333333333vw;
            line-height: 1.3076923077;
            margin-bottom: 5.3333333333vw
        }

        .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper {
            margin-left: -5.3333333333vw;
            padding-left: 5.3333333333vw;
            padding-right: 5.3333333333vw;
            margin-top: 8vw
        }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper .swiper-slide {
                width: 74.6666666667vw
            }

                .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper .swiper-slide img {
                    height: 42.6666666667vw
                }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper .detail-sw-btn {
                display: none
            }

            .article-detail-page .article-swiper-section .article-detail-swiper .detail-swiper.no-more-img .swiper-slide {
                width: 72vw
            }

    .article-detail-page .article-detail-exhibit-img {
        margin-top: 10.6666666667vw;
        margin-bottom: 10.6666666667vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .article-detail-page .article-detail-exhibit-img .img-item:nth-child(1) {
            margin-top: 0
        }

        .article-detail-page .article-detail-exhibit-img .img-item {
            width: 100%;
            margin-top: 10.6666666667vw
        }

            .article-detail-page .article-detail-exhibit-img .img-item img {
                height: auto
            }

    .article-detail-page .article-detail-related {
        margin-top: 0;
        padding-top: 8vw;
        padding-bottom: 16vw;
        padding-left: 0;
        padding-right: 0;
        padding-left: 5.3333333333vw
    }

        .article-detail-page .article-detail-related .related-title-wrap .related-swiper-btn-wrap {
            display: none
        }

        .article-detail-page .article-detail-related .related-title-wrap .related-title {
            font-size: 6.9333333333vw;
            line-height: 1.3076923077
        }

        .article-detail-page .article-detail-related .related-swiper {
            margin-top: 10.6666666667vw;
            padding-right: 5.3333333333vw;
            padding-left: 5.3333333333vw;
            margin-left: -5.3333333333vw
        }

            .article-detail-page .article-detail-related .related-swiper .swiper-slide {
                width: 58.6666666667vw
            }

                .article-detail-page .article-detail-related .related-swiper .swiper-slide .banner-img {
                    height: 34.6666666667vw
                }

            .article-detail-page .article-detail-related .related-swiper .related-btn {
                margin-top: 3.7333333333vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .article-detail-page .article-detail-related .related-swiper .related-btn svg {
                    width: 1.6vw;
                    margin-right: 1.0666666667vw
                }

                .article-detail-page .article-detail-related .related-swiper .related-btn .btn-text {
                    font-size: 3.2vw;
                    line-height: 1.1720833333;
                    display: inline-block;
                    color: #0b457f
                }

            .article-detail-page .article-detail-related .related-swiper .related-title {
                font-size: 3.7333333333vw;
                line-height: 1.5714285714;
                margin-top: 2.6666666667vw
            }

    .article-detail-page .article-detail-title-com {
        font-size: 6.9333333333vw;
        line-height: 1.3076923077;
        margin-top: calc(var(--m-t, 80) / 7.5 * 1vw);
        margin-bottom: calc(var(--m-b, 40) / 7.5 * 1vw)
    }

    .article-detail-page .map-list-wrapper {
        overflow: hidden
    }

    .article-detail-page .map-list {
        padding: 0 5.3333333333vw;
        height: 13.3333333333vw;
        gap: 5.3333333333vw;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none
    }

        .article-detail-page .map-list::-webkit-scrollbar {
            display: none
        }

        .article-detail-page .map-list .map-item {
            font-size: 4.8vw
        }

    .article-detail-page .map-animate {
        margin-top: 10.6666666667vw
    }
}

.normal-list .search-t {
    margin-top: 2.0833333333vw;
    margin-bottom: 2.0833333333vw
}

    .normal-list .search-t p {
        color: #999;
        font-size: 1.0416666667vw;
        line-height: 1.5;
        font-weight: 400
    }

.normal-list .s-items {
    display: flex
}

    .normal-list .s-items.s-items-hide {
        display: none
    }

    .normal-list .s-items .s-col {
        width: 100%
    }

    .normal-list .s-items .s-item {
        width: 100%;
        margin-top: 2.0833333333vw;
        display: flex;
        justify-content: space-between
    }

        .normal-list .s-items .s-item .s-img {
            width: 43.75vw;
            height: 21.3541666667vw;
            overflow: hidden
        }

            .normal-list .s-items .s-item .s-img .s-thum {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 8s
            }

                .normal-list .s-items .s-item .s-img .s-thum:hover {
                    transform: scale(1.1)
                }

        .normal-list .s-items .s-item .s-tag {
            font-size: .8333333333vw;
            font-weight: 400;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #000;
            line-height: 1.5
        }

            .normal-list .s-items .s-item .s-tag .tag-icon {
                fill: #ff9632;
                width: .5208333333vw;
                margin-right: .2083333333vw
            }

        .normal-list .s-items .s-item .s-time {
            font-size: .8333333333vw;
            line-height: 1.5;
            font-weight: 300
        }

        .normal-list .s-items .s-item .s-title {
            font-size: 2.0833333333vw;
            line-height: 1.5;
            margin-top: .8333333333vw;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4
        }

        .normal-list .s-items .s-item .s-des {
            line-height: 1.8333333333;
            font-size: 1.25vw;
            margin-top: 1.0416666667vw;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            font-weight: 300
        }

        .normal-list .s-items .s-item .s-info {
            padding: 0;
            padding-top: 3.125vw;
            border-top: 1px solid #D9D9D9;
            width: 40.625vw
        }

            .normal-list .s-items .s-item .s-info .s-meta {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

    .normal-list .s-items:first-child .s-item {
        margin-top: 0
    }

.search-list-none.normal-list {
    margin-bottom: 20.8333333333vw !important
}

    .search-list-none.normal-list p {
        color: #999;
        font-size: 1.0416666667vw;
        line-height: 1.25;
        font-weight: 400
    }

@media screen and (max-aspect-ratio: 11/10) {
    .normal-list {
        margin: 0;
        margin-bottom: 17.3333333333vw
    }

        .normal-list .s-items {
            flex-direction: column
        }

            .normal-list .s-items .s-item {
                flex-direction: column;
                padding-bottom: 10.6666666667vw;
                margin-top: 0
            }

                .normal-list .s-items .s-item .s-img {
                    width: 100vw;
                    height: 49.3333333333vw
                }

                .normal-list .s-items .s-item .s-info {
                    width: 100%;
                    padding: 5.3333333333vw 5.3333333333vw 0;
                    margin-left: 0
                }

                .normal-list .s-items .s-item .s-tag {
                    font-size: 3.2vw;
                    line-height: 1.5
                }

                    .normal-list .s-items .s-item .s-tag .tag-icon {
                        width: 2vw;
                        margin-right: 1.0666666667vw
                    }

                .normal-list .s-items .s-item .s-time {
                    font-size: 2.6666666667vw;
                    line-height: 1.5
                }

                .normal-list .s-items .s-item .s-title {
                    font-size: 5.8666666667vw;
                    line-height: 1.5;
                    margin-top: 2.6666666667vw;
                    overflow: initial;
                    text-overflow: initial;
                    display: block;
                    -webkit-box-orient: initial;
                    -webkit-line-clamp: initial
                }

                .normal-list .s-items .s-item .s-des {
                    font-size: 3.7333333333vw;
                    line-height: 1.4285714286;
                    margin-top: 5.3333333333vw
                }

        .normal-list .search-t p {
            font-size: 3.2vw;
            line-height: 1.5
        }

    .search-list-none.normal-list {
        margin-bottom: 64vw !important
    }

        .search-list-none.normal-list p {
            font-size: 3.2vw;
            line-height: 1.5
        }
}

.artList-page {
    color: #000
}

    .artList-page .kv-section {
        position: relative;
        margin: 0
    }

        .artList-page .kv-section .kv-head-content {
            position: absolute;
            width: 100%;
            text-align: center;
            padding: 0 6.25vw;
            top: auto;
            bottom: 4.1666666667vw
        }

        .artList-page .kv-section .keyvisual__img {
            width: 100%
        }

        .artList-page .kv-section .kv-head-title {
            font-size: 5.2083333333vw;
            font-weight: 700;
            color: #fff
        }

        .artList-page .kv-section.kv-content-left .kv-head-content {
            text-align: left
        }

        .artList-page .kv-section.kv-content-right .kv-head-content {
            text-align: right
        }

        .artList-page .kv-section.kv-content-top .kv-head-content {
            top: 4.1666666667vw;
            bottom: auto
        }

        .artList-page .kv-section.kv-content-middle .kv-head-content {
            top: 50%;
            bottom: auto;
            transform: translateY(-50%)
        }

        .artList-page .kv-section.kv-content-dark .kv-head-title {
            color: #000
        }

    .artList-page .artlist-text-section {
        margin: 4.1666666667vw 6.25vw 0
    }

        .artList-page .artlist-text-section .text__content {
            font-size: 1.25vw;
            line-height: 1.6666666667;
            font-weight: 400
        }

    .artList-page .artlist-titletext-container {
        margin: 6.25vw 6.25vw 4.1666666667vw
    }

        .artList-page .artlist-titletext-container .artlist-titletext-title {
            font-size: 3.125vw;
            font-weight: 700;
            line-height: 1.1666666667;
            color: #0b457f;
            text-align: center
        }

        .artList-page .artlist-titletext-container .artlist-titletext-content {
            font-size: 1.6666666667vw;
            margin-top: 1.3541666667vw;
            line-height: 1.5;
            font-weight: 400
        }

    .artList-page .artlist-menu {
        padding-left: 6.25vw
    }

    .artList-page .artlist-menu-wrapper {
        font-size: 0;
        margin-left: -6.25vw;
        padding-left: 6.25vw;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 4.1666666667vw;
        margin-bottom: 4.1666666667vw;
        white-space: nowrap;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none
    }

        .artList-page .artlist-menu-wrapper::-webkit-scrollbar {
            display: none
        }

        .artList-page .artlist-menu-wrapper .artlist-menu-item {
            margin-right: 2.0833333333vw;
            display: inline-block;
            width: auto
        }

            .artList-page .artlist-menu-wrapper .artlist-menu-item button {
                font-size: 1.25vw;
                line-height: 1.1666666667;
                padding: 1.0416666667vw 2.0833333333vw;
                background-color: #dbedff;
                border-radius: 80px;
                color: #0b457f;
                position: relative;
                font-weight: 400
            }

            .artList-page .artlist-menu-wrapper .artlist-menu-item:last-child {
                margin-right: 6.25vw
            }

            .artList-page .artlist-menu-wrapper .artlist-menu-item.menu-active button {
                color: #fdfdfd;
                background-color: #0b457f
            }

            .artList-page .artlist-menu-wrapper .artlist-menu-item:not(.menu-active):hover button {
                background-color: #bfdfff
            }

    .artList-page .art-tab-item {
        display: none
    }

        .artList-page .art-tab-item.art-tab-active {
            display: block
        }

    .artList-page .artlist-section {
        margin: 0
    }

        .artList-page .artlist-section.artlist-section-narrow {
            margin: 4.1666666667vw 6.25vw 6.25vw
        }

            .artList-page .artlist-section.artlist-section-narrow .artlist-items .art-img {
                width: 43.5416666667vw
            }

            .artList-page .artlist-section.artlist-section-narrow .artlist-items .art-info {
                padding-left: 3.5416666667vw;
                width: 43.9583333333vw
            }

        .artList-page .artlist-section .artlist-items .art-item .art-des {
            line-height: 1.8333333333
        }

    .artList-page .artlist-items {
        display: flex
    }

        .artList-page .artlist-items .art-col {
            width: 100%
        }

        .artList-page .artlist-items .art-item {
            display: flex;
            width: 100%
        }

            .artList-page .artlist-items .art-item.art-item-revert {
                flex-direction: row-reverse
            }

            .artList-page .artlist-items .art-item.art-item-grey {
                background-color: #fbfbfb
            }

            .artList-page .artlist-items .art-item.art-item-end .art-info {
                align-self: flex-end;
                padding: 2.7083333333vw 3.125vw;
                width: 25.3125vw
            }

            .artList-page .artlist-items .art-item.art-item-end .art-title {
                font-size: 1.6666666667vw;
                line-height: 1.5;
                -webkit-line-clamp: 7
            }

            .artList-page .artlist-items .art-item.art-item-end .art-img {
                width: 24.6875vw;
                height: 24.6875vw
            }

            .artList-page .artlist-items .art-item.art-item-btn .art-info-btn {
                font-size: 1.0416666667vw;
                line-height: 1.15;
                background: #0B457F;
                padding: 1.4583333333vw 3.3333333333vw;
                border-radius: 50px;
                margin-top: 2.0833333333vw;
                color: #fff;
                display: inline-block;
                font-weight: 400
            }

                .artList-page .artlist-items .art-item.art-item-btn .art-info-btn:hover {
                    background: linear-gradient(90deg,#336dc2 0%,#1f467c 100%)
                }

            .artList-page .artlist-items .art-item.art-item-btn .art-des {
                font-weight: 400
            }

            .artList-page .artlist-items .art-item .art-img {
                width: 50%;
                height: 24.6875vw;
                overflow: hidden
            }

                .artList-page .artlist-items .art-item .art-img .article-video {
                    width: 100%
                }

            .artList-page .artlist-items .art-item .art-with-video {
                position: relative;
                font-size: 0
            }

                .artList-page .artlist-items .art-item .art-with-video .art-video-btn {
                    position: absolute
                }

                    .artList-page .artlist-items .art-item .art-with-video .art-video-btn svg {
                        width: 5.8333333333vw
                    }

                    .artList-page .artlist-items .art-item .art-with-video .art-video-btn.art-video-playbtn {
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        cursor: pointer;
                        z-index: 4
                    }

                    .artList-page .artlist-items .art-item .art-with-video .art-video-btn.art-video-pausebtn {
                        inset: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        z-index: 3;
                        opacity: 0
                    }

                .artList-page .artlist-items .art-item .art-with-video.art-video-play .art-video-pausebtn {
                    cursor: pointer
                }

            .artList-page .artlist-items .art-item .art-thum {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 8s
            }

                .artList-page .artlist-items .art-item .art-thum:hover {
                    transform: scale(1.1)
                }

            .artList-page .artlist-items .art-item .art-info {
                width: 50%;
                padding: 3.125vw 3.125vw 0
            }

            .artList-page .artlist-items .art-item .art-tag {
                font-size: .8333333333vw;
                font-weight: 400;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                color: #0b457f;
                line-height: 1.1875
            }

                .artList-page .artlist-items .art-item .art-tag .tag-icon {
                    fill: #0b457f;
                    width: .5208333333vw;
                    margin-right: .2083333333vw
                }

            .artList-page .artlist-items .art-item .art-title {
                font-size: 2.2916666667vw;
                line-height: 1.5454545455;
                margin-top: .8333333333vw;
                font-weight: 700;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4
            }

            .artList-page .artlist-items .art-item .art-des {
                line-height: 1.6666666667;
                font-size: 1.25vw;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                margin-top: 1.0416666667vw;
                font-weight: 300
            }

            .artList-page .artlist-items .art-item.art-item-suspend {
                position: relative
            }

                .artList-page .artlist-items .art-item.art-item-suspend .art-info {
                    position: absolute;
                    bottom: 3.125vw;
                    left: 0;
                    right: 0;
                    width: 100%
                }

                .artList-page .artlist-items .art-item.art-item-suspend .art-title {
                    font-size: 1.6666666667vw;
                    line-height: 1.25;
                    -webkit-line-clamp: 8
                }

            .artList-page .artlist-items .art-item.font-light .art-tag {
                color: #fff
            }

                .artList-page .artlist-items .art-item.font-light .art-tag .tag-icon {
                    fill: #fff
                }

            .artList-page .artlist-items .art-item.font-light .art-title, .artList-page .artlist-items .art-item.font-light .art-des {
                color: #fff
            }

            .artList-page .artlist-items .art-item.font-light.art-item-btn .art-info-btn {
                background: #fff;
                color: #0b457f
            }

                .artList-page .artlist-items .art-item.font-light.art-item-btn .art-info-btn:hover {
                    color: #fff;
                    background: linear-gradient(90deg,#336dc2 0%,#1f467c 100%)
                }

        .artList-page .artlist-items.artlist-items-2 .art-col {
            width: 50%
        }

    .artList-page .artlist-section-dark {
        background: #000;
        padding-top: 6.25vw;
        padding-bottom: 5.8333333333vw
    }

        .artList-page .artlist-section-dark .art-item .art-info {
            padding-right: 6.25vw;
            padding-left: 3.125vw
        }

        .artList-page .artlist-section-dark .art-item.art-item-revert .art-info {
            padding-left: 6.25vw;
            padding-right: 3.125vw
        }

        .artList-page .artlist-section-dark + .artlist-section-dark {
            padding-top: 0
        }

    .artList-page .artlist-items-gap {
        justify-content: space-between;
        width: 100vw;
        margin-top: -.2083333333vw
    }

        .artList-page .artlist-items-gap + .artlist-items-gap {
            margin-top: 0
        }

        .artList-page .artlist-items-gap:nth-child(2) {
            margin-top: .2083333333vw
        }

        .artList-page .artlist-items-gap:last-child {
            margin-bottom: .2083333333vw
        }

        .artList-page .artlist-items-gap .art-col {
            width: 49.7916666667vw;
            margin: -.2083333333vw 0
        }

            .artList-page .artlist-items-gap .art-col .art-item {
                margin: .4166666667vw 0
            }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2 .art-title {
                    font-size: 1.875vw;
                    line-height: 1.3333333333;
                    -webkit-line-clamp: 15
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-title {
                    font-size: 2.5vw;
                    line-height: 1.1666666667;
                    -webkit-line-clamp: 10
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-des {
                    font-size: 1.4583333333vw;
                    line-height: 1.4285714286
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-info-btn {
                    padding: 1.3541666667vw 5.8854166667vw
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1.art-item-btn .art-info {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between
                }

                    .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1.art-item-btn .art-info .art-info-end {
                        align-self: flex-end
                    }

                    .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1.art-item-btn .art-info .art-info-btn {
                        margin-left: 2.0833333333vw
                    }

        .artList-page .artlist-items-gap .art-item.art-item-2-2 .art-img {
            width: 49.7916666667vw;
            height: 49.7916666667vw
        }

        .artList-page .artlist-items-gap .art-item.art-item-2-1 .art-img {
            width: 49.7916666667vw;
            height: 24.6875vw
        }

        .artList-page .artlist-items-gap .art-item.art-item-1-1 .art-img {
            width: 24.6875vw;
            height: 24.6875vw
        }

        .artList-page .artlist-items-gap .art-item.art-item-1-1 .art-info {
            width: 25.1041666667vw
        }

    .artList-page .normal-list {
        margin: 0 6.25vw 6.7708333333vw
    }

    .artList-page .news__menu {
        margin: 4.1666666667vw 6.25vw;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .artList-page .news__menu .news__menu-container {
            width: calc(100% - 200px);
            overflow: hidden
        }

            .artList-page .news__menu .news__menu-container .news__menu-wrapper .news__menu-item {
                width: 11%;
                text-align: center
            }

                .artList-page .news__menu .news__menu-container .news__menu-wrapper .news__menu-item a {
                    font-size: 1.25vw
                }

    .artList-page .art-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 4.1666666667vw auto
    }

        .artList-page .art-btns .art-button {
            font-size: 1.0416666667vw;
            line-height: 1.2;
            padding: .8333333333vw 2.6041666667vw;
            border-radius: 50px;
            color: #0b457f;
            font-weight: 400;
            border: 2px solid #0B457F
        }

            .artList-page .art-btns .art-button:hover {
                background-color: #dbedff4d
            }

@media screen and (max-aspect-ratio: 11/10) {
    .artList-page .kv-section .kv-head-content {
        bottom: 10.6666666667vw
    }

    .artList-page .kv-section .kv-head-title {
        font-size: 10.6666666667vw;
        line-height: 1.175
    }

    .artList-page .artlist-text-section {
        margin: 10.6666666667vw 5.3333333333vw 0
    }

        .artList-page .artlist-text-section .text__content {
            font-size: 3.7333333333vw;
            line-height: 1.5714285714
        }

    .artList-page .artlist-items {
        flex-direction: column
    }

        .artList-page .artlist-items .art-item {
            flex-direction: column;
            padding-bottom: 10.6666666667vw
        }

            .artList-page .artlist-items .art-item.art-item.art-item-revert {
                flex-direction: column
            }

            .artList-page .artlist-items .art-item .art-img {
                width: 100%
            }

            .artList-page .artlist-items .art-item .art-info {
                width: 100%;
                padding: 5.3333333333vw 5.3333333333vw 0
            }

            .artList-page .artlist-items .art-item .art-tag {
                font-size: 3.2vw;
                line-height: 1.1666666667
            }

                .artList-page .artlist-items .art-item .art-tag .tag-icon {
                    width: 2vw;
                    margin-right: 1.0666666667vw
                }

            .artList-page .artlist-items .art-item .art-title {
                font-size: 6.4vw;
                line-height: 1.3333333333;
                margin-top: 3.7333333333vw
            }

            .artList-page .artlist-items .art-item .art-des {
                font-size: 3.7333333333vw;
                line-height: 1.4285714286;
                margin-top: 5.3333333333vw
            }

            .artList-page .artlist-items .art-item.art-item-suspend .art-info {
                bottom: 5.3333333333vw
            }

            .artList-page .artlist-items .art-item.art-item-suspend .art-title {
                font-size: 5.3333333333vw;
                line-height: 1.3;
                margin-top: 2.1333333333vw
            }

            .artList-page .artlist-items .art-item.art-item-suspend.art-item-2-1 .art-title {
                font-size: 4.2666666667vw;
                line-height: 1.3125
            }

            .artList-page .artlist-items .art-item.art-item-end .art-info {
                padding: 5.3333333333vw
            }

            .artList-page .artlist-items .art-item.art-item-end .art-title {
                font-size: 4.2666666667vw;
                line-height: 1.3125;
                -webkit-line-clamp: 5
            }

            .artList-page .artlist-items .art-item .art-with-video .art-video-btn svg {
                width: 16vw
            }

            .artList-page .artlist-items .art-item.art-item-btn .art-info-btn {
                margin-top: 5.3333333333vw
            }

        .artList-page .artlist-items.artlist-items-2 .art-col {
            width: 100%
        }

            .artList-page .artlist-items.artlist-items-2 .art-col .art-item {
                flex-direction: row;
                padding-bottom: 0
            }

                .artList-page .artlist-items.artlist-items-2 .art-col .art-item .art-img {
                    width: 50vw;
                    height: 50vw
                }

                .artList-page .artlist-items.artlist-items-2 .art-col .art-item .art-info {
                    width: 50vw;
                    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 4.6666666667vw
                }

                .artList-page .artlist-items.artlist-items-2 .art-col .art-item.art-item-revert {
                    flex-direction: row-reverse
                }

                    .artList-page .artlist-items.artlist-items-2 .art-col .art-item.art-item-revert .art-info {
                        padding: 5.3333333333vw 4.6666666667vw 5.3333333333vw 5.3333333333vw
                    }

            .artList-page .artlist-items.artlist-items-2 .art-col:nth-child(even) .art-item {
                flex-direction: row-reverse
            }

                .artList-page .artlist-items.artlist-items-2 .art-col:nth-child(even) .art-item .art-info {
                    padding: 5.3333333333vw 4.6666666667vw 5.3333333333vw 5.3333333333vw
                }

                .artList-page .artlist-items.artlist-items-2 .art-col:nth-child(even) .art-item.art-item-revert {
                    flex-direction: row
                }

                    .artList-page .artlist-items.artlist-items-2 .art-col:nth-child(even) .art-item.art-item-revert .art-info {
                        padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 4.6666666667vw
                    }

    .artList-page .artlist-titletext-container {
        margin: 16vw 5.3333333333vw 5.3333333333vw
    }

        .artList-page .artlist-titletext-container .artlist-titletext-title {
            font-size: 8.5333333333vw;
            line-height: 1.171875
        }

        .artList-page .artlist-titletext-container .artlist-titletext-content {
            margin-top: 5.3333333333vw;
            font-size: 4.8vw;
            line-height: 1.4444444444;
            margin-bottom: 10.6666666667vw
        }

    .artList-page .artlist-items-gap {
        margin-top: -1.0666666667vw
    }

        .artList-page .artlist-items-gap + .artlist-items-gap {
            margin-top: 0
        }

        .artList-page .artlist-items-gap:nth-child(2) {
            margin-top: 0vw
        }

        .artList-page .artlist-items-gap:last-child {
            margin-bottom: 1.0666666667vw
        }

        .artList-page .artlist-items-gap .art-col {
            width: 100%;
            height: auto;
            margin-top: 0;
            margin-bottom: 0
        }

            .artList-page .artlist-items-gap .art-col .art-item {
                margin: 0;
                padding: 0;
                margin-top: 1.0666666667vw
            }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-1-1 {
                    flex-direction: row
                }

                    .artList-page .artlist-items-gap .art-col .art-item.art-item-1-1 .art-img {
                        width: 50vw;
                        height: 50vw
                    }

                    .artList-page .artlist-items-gap .art-col .art-item.art-item-1-1 .art-info {
                        width: 50vw
                    }

                    .artList-page .artlist-items-gap .art-col .art-item.art-item-1-1.art-item-revert {
                        flex-direction: row-reverse
                    }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1 .art-img {
                    height: auto;
                    width: 100%
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1.art-item-btn .art-info .art-title {
                    font-size: 4.2666666667vw;
                    line-height: 1.25
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1.art-item-btn .art-info .art-des {
                    margin-top: 2.6666666667vw;
                    font-size: 3.2vw;
                    line-height: 1.3333333333
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-1.art-item-btn .art-info .art-info-btn {
                    margin-left: 5.3333333333vw;
                    font-size: 3.2vw;
                    line-height: 1.1666666667;
                    padding: 3.0666666667vw 7.4666666667vw;
                    margin-top: 0
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2 .art-img {
                    height: auto;
                    width: 100%
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2 .art-info {
                    bottom: 8vw
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2 .art-title {
                    font-size: 5.3333333333vw;
                    line-height: 1.3;
                    -webkit-line-clamp: 10
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-info {
                    bottom: 5.3333333333vw
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-title {
                    font-size: 6.4vw;
                    line-height: 1.1666666667;
                    -webkit-line-clamp: 10
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-des {
                    font-size: 3.7333333333vw;
                    line-height: 1.4285714286;
                    margin-top: 2.6666666667vw
                }

                .artList-page .artlist-items-gap .art-col .art-item.art-item-2-2.art-item-btn .art-info-btn {
                    padding: 3.0666666667vw 13.8666666667vw;
                    font-size: 3.2vw;
                    line-height: 1.1666666667
                }

            .artList-page .artlist-items-gap .art-col:nth-child(even) .art-item.art-item-1-1.art-item-revert {
                flex-direction: row
            }

            .artList-page .artlist-items-gap .art-col:nth-child(even) .art-item.art-item-1-1 {
                flex-direction: row-reverse
            }

    .artList-page .artlist-section .artlist-items .art-item .art-des {
        line-height: 1.4285714286
    }

    .artList-page .artlist-section.artlist-section-narrow {
        margin: 0
    }

        .artList-page .artlist-section.artlist-section-narrow .artlist-items .art-img {
            width: 100%
        }

        .artList-page .artlist-section.artlist-section-narrow .artlist-items .art-info {
            width: 100%;
            padding: 5.3333333333vw 5.3333333333vw 0
        }

    .artList-page .artlist-section-dark {
        padding-top: 0;
        padding-bottom: 0
    }

        .artList-page .artlist-section-dark .art-item .art-info, .artList-page .artlist-section-dark .art-item.art-item-revert .art-info {
            padding-right: 5.3333333333vw;
            padding-left: 5.3333333333vw
        }

    .artList-page .normal-list {
        margin: 0
    }

    .artList-page .artlist-menu {
        padding-left: 5.3333333333vw
    }

    .artList-page .artlist-menu-wrapper {
        margin-top: 10.6666666667vw;
        margin-bottom: 10.6666666667vw;
        margin-left: -5.3333333333vw;
        padding-left: 5.3333333333vw
    }

        .artList-page .artlist-menu-wrapper .artlist-menu-item {
            margin-right: 5.3333333333vw
        }

            .artList-page .artlist-menu-wrapper .artlist-menu-item button {
                font-size: 3.7333333333vw;
                line-height: 1.1785714286;
                padding: 3.0666666667vw 6.4vw
            }

    .artList-page .artlist-menu.swiper-initialized {
        overflow: hidden
    }

    .artList-page .art-btns {
        margin: 10.6666666667vw 0
    }

        .artList-page .art-btns .art-button {
            font-size: 3.2vw;
            line-height: 1.1666666667;
            padding: 2.4vw 6.6666666667vw
        }
}

.artList-page-new {
    color: #000
}

    .artList-page-new .fade-in {
        transform: translateY(3.125vw);
        opacity: 0;
        transition: transform .5s ease-out,opacity .5s ease-out
    }

        .artList-page-new .fade-in.is-animated {
            transform: translateY(0);
            opacity: 1
        }

    .artList-page-new .fade-in-op {
        opacity: 0;
        transition: opacity 1s ease-out
    }

        .artList-page-new .fade-in-op.is-animated {
            opacity: 1
        }

    .artList-page-new .font-white, .artList-page-new .font-white * {
        color: #fff
    }

    .artList-page-new P, .artList-page-new .article-desc {
        font-size: 1.0416666667vw;
        font-weight: 300;
        line-height: 2.2916666667vw
    }

    .artList-page-new .article-button a {
        padding: 1.1458333333vw 3.125vw;
        font-size: 1.25vw;
        line-height: 1.875vw;
        font-weight: 600;
        display: inline-block;
        border: 1px solid;
        border-radius: 2.0833333333vw
    }

        .artList-page-new .article-button a span {
            padding-right: 2.8645833333vw;
            position: relative
        }

        .artList-page-new .article-button a :after {
            content: "";
            position: absolute;
            display: inline-block;
            background-image: url(/images/article-list-new/button-icon.png);
            background-size: 100% 100%;
            width: 1.8229166667vw;
            height: 1.8229166667vw;
            margin-left: 1.0416666667vw;
            top: 50%;
            transform: translateY(-50%)
        }

    .artList-page-new .article-button img {
        display: inline-block;
        width: 1.8229166667vw
    }

    .artList-page-new .article-button.blue-button a {
        color: #0b457f
    }

        .artList-page-new .article-button.blue-button a :after {
            background-image: url(/images/article-list-new/button_icon_blue.png)
        }

    .artList-page-new .article-button.white-button a {
        background: rgba(255,255,255,.4)
    }

    .artList-page-new .article-button.transparent a {
        background: rgba(255,255,255,0)
    }

        .artList-page-new .article-button.transparent a :after {
            background-image: url(/images/article-list-new/button_icon_transparent.png)
        }

    .artList-page-new .kv-section {
        position: relative;
        margin: 0
    }

        .artList-page-new .kv-section .kv-text {
            position: absolute;
            bottom: 5.1041666667vw;
            padding: 0 6.25vw
        }

            .artList-page-new .kv-section .kv-text .kv-subtitle {
                font-size: 1.25vw;
                font-weight: 600;
                line-height: 1.875vw;
                padding-bottom: .625vw;
                text-transform: uppercase
            }

            .artList-page-new .kv-section .kv-text .kv-title {
                font-size: 3.0208333333vw;
                line-height: 3.0208333333vw;
                font-weight: 700;
                padding-bottom: 1.25vw
            }

            .artList-page-new .kv-section .kv-text .kv-desc {
                font-size: 1.0416666667vw;
                line-height: 1.4583333333vw;
                font-weight: 300;
                padding-bottom: 2.0833333333vw
            }

    .artList-page-new .article-title {
        font-size: 2.8125vw;
        font-weight: 700;
        line-height: 4.21875vw;
        padding-bottom: 2.0833333333vw;
        text-transform: uppercase
    }

    .artList-page-new .article-half-banner {
        margin: 6.25vw;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

        .artList-page-new .article-half-banner .article-title {
            color: #0b457f
        }

        .artList-page-new .article-half-banner .article-banner-text {
            width: 31.25vw;
            font-size: 1.0416666667vw;
            font-weight: 300;
            line-height: 2.2916666667vw;
            position: relative
        }

            .artList-page-new .article-half-banner .article-banner-text p:last-of-type:after {
                content: "";
                position: absolute;
                width: 3.0208333333vw;
                height: .2083333333vw;
                background-color: #ff9632;
                margin-top: 2.0833333333vw;
                display: block
            }

            .artList-page-new .article-half-banner .article-banner-text .article-button {
                margin-top: 4.375vw
            }

                .artList-page-new .article-half-banner .article-banner-text .article-button a {
                    background: rgba(255,255,255,.4)
                }

        .artList-page-new .article-half-banner .article-banner-img {
            width: 46.875vw;
            position: relative
        }

        .artList-page-new .article-half-banner .article-redirect-icon {
            position: absolute;
            bottom: -1px;
            left: -3.125vw
        }

    .artList-page-new .article-banner {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        background: #1A1A1A;
        color: #dde1e1
    }

        .artList-page-new .article-banner .article-banner-text {
            width: 46.875vw;
            margin: 6.25vw
        }

            .artList-page-new .article-banner .article-banner-text .article-title {
                color: #fff
            }

        .artList-page-new .article-banner p:last-of-type:after {
            content: "";
            position: absolute;
            width: 3.0208333333vw;
            height: .2083333333vw;
            background-color: #ff9632;
            margin-top: 2.0833333333vw;
            display: block
        }

        .artList-page-new .article-banner .article-button {
            margin-top: 4.375vw
        }

    .artList-page-new .article-whole-banner {
        margin: 6.25vw;
        position: relative
    }

        .artList-page-new .article-whole-banner .article-banner-img {
            background: url(/images/article-list-new/article_list_banner_bg.png)
        }

        .artList-page-new .article-whole-banner .article-banner-text {
            position: absolute;
            color: #fff;
            width: 100%;
            bottom: 4.1666666667vw;
            text-align: center;
            padding: 0 6.25vw
        }

        .artList-page-new .article-whole-banner .article-button {
            margin-top: 5.3333333333vw
        }

        .artList-page-new .article-whole-banner .article-banner-bg {
            position: absolute;
            left: 0;
            top: 0
        }

@media screen and (max-aspect-ratio: 11/10) {
    .artList-page-new .mo-align-right {
        text-align: right
    }

        .artList-page-new .mo-align-right p:last-of-type:after {
            right: 0
        }

    .artList-page-new .mo-align-left {
        text-align: left
    }

    .artList-page-new .article-title {
        font-size: 8.2666666667vw;
        line-height: 12.4vw;
        padding-bottom: 5.3333333333vw
    }

    .artList-page-new p, .artList-page-new .article-desc {
        font-size: 3.7333333333vw;
        line-height: 6.9333333333vw
    }

    .artList-page-new .kv-section .kv-text {
        top: 13.0666666667vw;
        bottom: inherit;
        padding: 20vw 13.3333333333vw 0;
        height: 100%
    }

        .artList-page-new .kv-section .kv-text .kv-subtitle {
            font-size: 4.2666666667vw;
            line-height: 6.4vw;
            padding-bottom: 1.6vw
        }

        .artList-page-new .kv-section .kv-text .kv-title {
            font-size: 9.0666666667vw;
            line-height: 10.6666666667vw
        }

        .artList-page-new .kv-section .kv-text .kv-desc {
            font-size: 3.7333333333vw;
            line-height: 5.6vw;
            padding-bottom: 5.3333333333vw
        }

        .artList-page-new .kv-section .kv-text .mo-positon {
            position: absolute;
            bottom: 26.4vw;
            padding-right: 13.3333333333vw
        }

    .artList-page-new .article-button a {
        padding: 2.6666666667vw 8vw;
        border-radius: 6vw;
        font-size: 4.2666666667vw;
        line-height: 6.4vw;
        border: 2px solid
    }

        .artList-page-new .article-button a span {
            padding-right: 8vw
        }

        .artList-page-new .article-button a :after {
            content: "";
            width: 5.3333333333vw;
            height: 5.3333333333vw;
            margin-left: 2.6666666667vw
        }

    .artList-page-new .article-half-banner {
        flex-wrap: wrap;
        margin: 16vw 5.3333333333vw
    }

        .artList-page-new .article-half-banner .article-banner-text {
            width: 100%;
            margin-bottom: 10.6666666667vw
        }

            .artList-page-new .article-half-banner .article-banner-text .article-title {
                font-size: 8.2666666667vw;
                line-height: 12.4vw
            }

            .artList-page-new .article-half-banner .article-banner-text p:last-of-type:after {
                width: 10.6666666667vw;
                height: .8vw;
                margin-top: 5.3333333333vw
            }

            .artList-page-new .article-half-banner .article-banner-text .article-button {
                margin-top: 11.4666666667vw
            }

        .artList-page-new .article-half-banner .article-banner-img {
            width: 100%
        }

        .artList-page-new .article-half-banner .article-redirect-icon {
            left: -5.3333333333vw
        }

    .artList-page-new .article-banner {
        flex-wrap: wrap
    }

        .artList-page-new .article-banner .article-banner-text {
            width: 100%;
            margin: 16vw 5.3333333333vw
        }

            .artList-page-new .article-banner .article-banner-text .article-title {
                font-size: 8.2666666667vw;
                line-height: 12.4vw;
                padding-bottom: 5.3333333333vw
            }

        .artList-page-new .article-banner p:last-of-type:after {
            width: 10.6666666667vw;
            height: .8vw;
            margin-top: 5.3333333333vw
        }

        .artList-page-new .article-banner .article-button {
            margin-top: 11.4666666667vw
        }

    .artList-page-new .article-whole-banner {
        margin: 0
    }

        .artList-page-new .article-whole-banner .article-banner-text {
            padding: 16vw 5.3333333333vw;
            bottom: 0
        }
}

.contact-page .contact-btn {
    width: 19.1666666667vw;
    background: #0B457F;
    border-radius: 2.6041666667vw;
    text-align: center;
    color: #fff;
    font-size: 1.0416666667vw;
    line-height: 1.15;
    margin-top: 3.125vw;
    position: relative;
    z-index: 3;
    max-width: 19.1666666667vw
}

    .contact-page .contact-btn a {
        width: 100%;
        height: 100%;
        display: inline-block;
        padding-top: 1.4583333333vw;
        padding-bottom: 1.40625vw
    }

.contact-page .contact-page-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .contact-page .contact-page-container .contact-item {
        width: 50%;
        padding-left: 6.25vw;
        padding-top: 4.1666666667vw;
        padding-bottom: 7.1875vw;
        background-color: #fdfdfd;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .contact-page .contact-page-container .contact-item .contact-title p {
            font-weight: 700;
            font-size: 3.125vw;
            line-height: 1.1666666667;
            color: #0b457f
        }

        .contact-page .contact-page-container .contact-item .contact-content {
            margin-top: 2.6041666667vw;
            width: 31.25vw;
            position: relative;
            z-index: 3
        }

            .contact-page .contact-page-container .contact-item .contact-content p {
                font-weight: 400;
                font-size: 1.25vw;
                line-height: 1.6666666667;
                color: #000;
                opacity: .6
            }

        .contact-page .contact-page-container .contact-item:nth-child(2n) {
            background-color: #fff
        }

        .contact-page .contact-page-container .contact-item.has-bg {
            padding-bottom: 19.8958333333vw
        }

            .contact-page .contact-page-container .contact-item.has-bg .contact-item-img {
                position: absolute;
                right: 0;
                bottom: 0;
                -o-object-fit: cover;
                object-fit: cover;
                z-index: 1
            }

            .contact-page .contact-page-container .contact-item.has-bg .contact-btn {
                line-height: 1.5
            }

                .contact-page .contact-page-container .contact-item.has-bg .contact-btn a {
                    padding-top: 1.25vw;
                    padding-bottom: 1.25vw
                }

@media screen and (max-aspect-ratio: 11/10) {
    .contact-page .contact-btn {
        width: 49.0666666667vw;
        font-size: 3.2vw;
        margin-top: 10.6666666667vw;
        line-height: 1.1666666667;
        border-radius: 6.6666666667vw;
        max-width: 49.0666666667vw
    }

        .contact-page .contact-btn a {
            padding-bottom: 4vw;
            padding-top: 4vw
        }

    .contact-page .contact-page-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .contact-page .contact-page-container .contact-item {
            width: 100%;
            padding: 16vw 10.6666666667vw
        }

            .contact-page .contact-page-container .contact-item .contact-title p {
                font-size: 8.5333333333vw;
                line-height: 1.171875
            }

            .contact-page .contact-page-container .contact-item .contact-content {
                width: 100%;
                margin-top: 5.3333333333vw
            }

                .contact-page .contact-page-container .contact-item .contact-content p {
                    font-size: 3.7333333333vw;
                    line-height: 1.4285714286
                }

            .contact-page .contact-page-container .contact-item:nth-child(2n+1) {
                background-color: #f9f9f9
            }

            .contact-page .contact-page-container .contact-item.has-bg {
                padding-bottom: 38.9333333333vw;
                padding-top: 10.6666666667vw
            }

                .contact-page .contact-page-container .contact-item.has-bg .contact-item-img {
                    max-width: 94%
                }

                .contact-page .contact-page-container .contact-item.has-bg .contact-btn {
                    line-height: 1.5;
                    margin-top: 5.3333333333vw
                }

                    .contact-page .contact-page-container .contact-item.has-bg .contact-btn a {
                        padding-top: 3.2vw;
                        padding-bottom: 3.7333333333vw
                    }

                .contact-page .contact-page-container .contact-item.has-bg:nth-child(2n+1) {
                    background-color: #fdfdfd;
                    padding-bottom: 33.6vw
                }
}

.download-page .download-container {
    background-color: #fff;
    width: 100%;
    height: calc(100vh - 4.1666666667vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

    .download-page .download-container .download-left-container {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 53.0729166667vw;
        height: 100%;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .download-page .download-container .download-left-container .download-img {
            width: 41.875vw;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .download-page .download-container .download-right-container {
        width: 46.9270833333vw;
        padding-right: 13.59375vw;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        overflow-y: auto;
        height: 100%;
        padding-top: 4.1666666667vw;
        padding-bottom: 4.1666666667vw
    }

        .download-page .download-container .download-right-container .download-title {
            font-size: 2.0833333333vw;
            font-weight: 700;
            line-height: 1.172;
            color: #0b457f;
            text-align: center;
            padding-bottom: 2.0833333333vw;
            border-bottom: 1px solid #D9D9D9
        }

        .download-page .download-container .download-right-container .form-content .form-item {
            margin-top: 2.0833333333vw
        }

            .download-page .download-container .download-right-container .form-content .form-item .item-lable {
                font-size: .8333333333vw;
                line-height: 1.171875;
                font-weight: 500;
                color: #000
            }

                .download-page .download-container .download-right-container .form-content .form-item .item-lable[required]:after {
                    content: "*";
                    color: #fb3232;
                    padding-left: .3125vw
                }

            .download-page .download-container .download-right-container .form-content .form-item .item-field {
                margin-top: 1.25vw
            }

                .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap {
                    position: relative
                }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input {
                        cursor: pointer;
                        font-size: .8333333333vw;
                        line-height: 1.171875;
                        font-weight: 400;
                        padding: 1.09375vw 1.4322916667vw 1.0416666667vw 1.5625vw;
                        border: 1px solid rgba(0,0,0,.2);
                        width: 100%;
                        border-radius: 1.5625vw;
                        -webkit-transition: border-color .2s,color .2s;
                        transition: border-color .2s,color .2s;
                        position: relative;
                        z-index: 3
                    }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input::-webkit-input-placeholder {
                            opacity: 1;
                            -webkit-transition: border-color .2s,color .2s;
                            transition: border-color .2s,color .2s;
                            color: #0006
                        }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input:-ms-input-placeholder {
                            opacity: 1;
                            -webkit-transition: border-color .2s,color .2s;
                            transition: border-color .2s,color .2s;
                            color: #0006
                        }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input::-ms-input-placeholder {
                            opacity: 1;
                            -webkit-transition: border-color .2s,color .2s;
                            transition: border-color .2s,color .2s;
                            color: #0006
                        }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input::placeholder {
                            opacity: 1;
                            -webkit-transition: border-color .2s,color .2s;
                            transition: border-color .2s,color .2s;
                            color: #0006
                        }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input:focus {
                            color: #0b457f;
                            border: 1px solid #0b457f
                        }

                            .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input:focus::-webkit-input-placeholder {
                                color: #0b457f
                            }

                            .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input:focus:-ms-input-placeholder {
                                color: #0b457f
                            }

                            .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input:focus::-ms-input-placeholder {
                                color: #0b457f
                            }

                            .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input:focus::placeholder {
                                color: #0b457f
                            }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input-suffix {
                        position: absolute;
                        right: 1.4322916667vw;
                        font-size: 0;
                        top: 1.40625vw;
                        -webkit-transition: .2s;
                        transition: .2s;
                        cursor: pointer;
                        z-index: 1
                    }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input-suffix svg {
                            width: .6510416667vw;
                            height: .3255208333vw
                        }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap.is-focus .select-dropdown-list {
                        visibility: visible;
                        opacity: 1
                    }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap.is-focus .item-input-suffix {
                        -webkit-transform: translateY(-50%) rotate(180deg);
                        transform: translateY(-50%) rotate(180deg)
                    }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .select-dropdown-list {
                        position: absolute;
                        top: 100%;
                        background-color: #fff;
                        z-index: 5;
                        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
                        box-shadow: 0 2px 12px #0000001a;
                        width: 100%;
                        visibility: hidden;
                        -webkit-transition: opacity .2s;
                        transition: opacity .2s;
                        opacity: 0
                    }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .select-dropdown-list .select-dropdown-item {
                            font-size: .9375vw;
                            padding: .5208333333vw 1.0416666667vw;
                            cursor: pointer
                        }

                            .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .select-dropdown-list .select-dropdown-item:hover {
                                background-color: #0000001a
                            }

                .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips {
                    font-size: .8333333333vw;
                    line-height: 1.171875;
                    padding-top: .625vw;
                    color: #fb3232;
                    display: none
                }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips[data-error=required], .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips[data-error=format], .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips[data-error=size], .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips[data-error=required] .required-error-msg, .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips[data-error=format] .format-error-msg, .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips[data-error=size] .size-error-msg, .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips.unType {
                        display: block
                    }

        .download-page .download-container .download-right-container .download-submit-btn {
            margin-top: 3.125vw;
            width: 100%;
            padding: 1.40625vw 0;
            border-radius: 2.6041666667vw;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .download-page .download-container .download-right-container .download-submit-btn svg {
                margin-right: .5208333333vw
            }

            .download-page .download-container .download-right-container .download-submit-btn.download-submit-disabled {
                background: #D9D9D9;
                cursor: no-drop
            }

        .download-page .download-container .download-right-container .download-tips {
            margin-top: 1.5625vw;
            font-weight: 400;
            font-size: .8333333333vw;
            line-height: 1.75;
            color: #a1a1a1
        }

@media screen and (max-aspect-ratio: 11/10) {
    .download-page .download-container {
        overflow: scroll;
        display: block;
        height: auto
    }

        .download-page .download-container .download-left-container {
            width: 100%;
            height: auto;
            padding-right: 0;
            overflow-y: visible
        }

            .download-page .download-container .download-left-container .download-img {
                width: 100%;
                position: static;
                -webkit-transform: none;
                transform: none
            }

        .download-page .download-container .download-right-container {
            width: 100%;
            height: auto;
            padding: 5.3333333333vw 5.3333333333vw 14.6666666667vw;
            overflow-y: visible
        }

            .download-page .download-container .download-right-container .download-title {
                font-size: 6.9333333333vw;
                line-height: 1.1719230769;
                padding-bottom: 5.3333333333vw
            }

            .download-page .download-container .download-right-container .form-content .form-item {
                margin-top: 8vw
            }

                .download-page .download-container .download-right-container .form-content .form-item .item-lable {
                    font-size: 3.7333333333vw;
                    line-height: 1.1717857143
                }

                .download-page .download-container .download-right-container .form-content .form-item .item-field {
                    margin-top: 2.6666666667vw
                }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input {
                        padding: 3.7333333333vw 5.1666666667vw 3.6vw 4vw;
                        border-radius: 6.6666666667vw;
                        font-size: 3.7333333333vw;
                        line-height: 1.1717857143
                    }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input-suffix {
                        top: 5.2vw;
                        right: 5.1666666667vw
                    }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .item-input-suffix svg {
                            width: 2.7333333333vw;
                            height: 1.3666666667vw
                        }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .select-dropdown-list {
                        max-height: 37.3333333333vw;
                        overflow-y: scroll
                    }

                        .download-page .download-container .download-right-container .form-content .form-item .item-field .item-field-wrap .select-dropdown-list .select-dropdown-item {
                            font-size: 2.6666666667vw;
                            padding: 2vw 4vw
                        }

                    .download-page .download-container .download-right-container .form-content .form-item .item-field .error-tips {
                        font-size: 3.2vw;
                        line-height: 1.1720833333;
                        padding-top: 2.6666666667vw
                    }

            .download-page .download-container .download-right-container .form-item:nth-child(1) {
                margin-top: 5.3333333333vw
            }

            .download-page .download-container .download-right-container .download-submit-btn {
                margin-top: 10.6666666667vw;
                padding: 4vw 0;
                border-radius: 6.6666666667vw;
                font-size: 3.2vw;
                line-height: 1.1720833333
            }

                .download-page .download-container .download-right-container .download-submit-btn svg {
                    width: max(3.7333333333vw,24px);
                    height: max(3.7333333333vw,24px);
                    margin-right: 1.6vw
                }

            .download-page .download-container .download-right-container .download-tips {
                margin-top: 5.3333333333vw;
                font-size: 3.2vw;
                line-height: 1.5
            }
}

.form-page .scroll-container {
    background-color: #fff;
    width: 100%;
    height: calc(100vh - 4.1666666667vw);
    display: flex;
    align-items: flex-start;
    overflow: hidden
}

.form-page .form-left-container {
    flex-shrink: 0;
    width: 38.5416666667%;
    height: 100%;
    position: relative
}

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

.form-page .left-content {
    width: 100%;
    padding-left: 35.1351351351%;
    padding-right: 16.2162162162%;
    position: absolute;
    top: 3.125vw;
    left: 0;
    z-index: 2
}

.form-page .left-title {
    font-size: 3.125vw;
    font-weight: 700;
    color: #0b457f;
    line-height: 1.1666666667;
    margin-bottom: 2.0833333333vw
}

.form-page .left-text {
    font-size: 1.25vw;
    line-height: 1.6666666667;
    color: #0009
}

.form-page .form-right-container {
    flex-shrink: 1;
    overflow-y: auto;
    height: 100%;
    padding: 3.125vw 13.5416666667vw 7.2916666667vw 6.25vw
}

.form-page .right-title {
    font-size: 2.5vw;
    line-height: 1.171875;
    font-weight: 700;
    padding-bottom: 2.0833333333vw;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: .2083333333vw;
    color: #0b457f
}

.form-page .form-content {
    display: flex;
    margin: 0 -1.0416666667vw;
    flex-wrap: wrap
}

.form-page .form-item {
    width: 100%;
    padding: 1.0416666667vw
}

    .form-page .form-item[required] .item-label:after {
        content: "*";
        color: #fb3232;
        padding-left: .3125vw
    }

    .form-page .form-item.is-half {
        width: 50%
    }

.form-page .is-checkbox {
    margin-bottom: -1.0416666667vw
}

.form-page .item-label {
    font-size: 1.0416666667vw;
    font-weight: 500;
    line-height: 1.172
}

.form-page .item-text {
    font-size: .8333333333vw;
    line-height: 1.171875;
    color: #666;
    margin-top: .625vw
}

    .form-page .item-text + .item-field, .form-page .item-label + .item-field {
        margin-top: 1.0416666667vw
    }

.form-page .item-field-wrap {
    position: relative
}

.form-page .item-input {
    font-size: 1.0416666667vw;
    line-height: 1.172;
    padding: 1.1458333333vw 1.5625vw 1.09375vw;
    border: 1px solid rgba(0,0,0,.2);
    width: 100%;
    border-radius: 2.0833333333vw;
    transition: border-color .2s,color .2s
}

    .form-page .item-input::placeholder {
        opacity: 1;
        transition: border-color .2s,color .2s;
        color: #0006
    }

    .form-page .item-input:focus {
        color: #0b457f;
        border: 1px solid #0b457f
    }

        .form-page .item-input:focus::placeholder {
            color: #0b457f
        }

.form-page .error-tips {
    font-size: .8333333333vw;
    line-height: 1.171875;
    padding-top: .625vw;
    color: #fb3232;
    display: none
}

    .form-page .error-tips[data-error=required], .form-page .error-tips[data-error=format], .form-page .error-tips[data-error=size], .form-page .error-tips[data-error=required] .required-error-msg, .form-page .error-tips[data-error=format] .format-error-msg, .form-page .error-tips[data-error=size] .size-error-msg {
        display: block
    }

.form-page .error-msg {
    display: none
}

.form-page .is-select .item-input {
    cursor: pointer;
    padding-right: 3.125vw
}

.form-page .is-select .item-input-suffix {
    position: absolute;
    right: 1.5625vw;
    font-size: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s;
    pointer-events: none
}

    .form-page .is-select .item-input-suffix svg {
        width: .6510416667vw;
        height: .3255208333vw
    }

.form-page .is-select.is-focus .select-dropdown-list {
    visibility: visible;
    opacity: 1
}

.form-page .is-select.is-focus .item-input-suffix {
    transform: translateY(-50%) rotate(180deg)
}

.form-page .is-select .select-dropdown-list {
    position: absolute;
    top: 100%;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 2px 12px #0000001a;
    width: 100%;
    visibility: hidden;
    transition: opacity .2s;
    opacity: 0
}

.form-page .is-select .select-dropdown-item {
    font-size: .9375vw;
    padding: .5208333333vw 1.0416666667vw;
    cursor: pointer
}

    .form-page .is-select .select-dropdown-item:hover {
        background-color: #0000001a
    }

.form-page .is-upload .item-field-wrap {
    width: 100%;
    display: flex
}

.form-page .is-upload .item-file-value {
    display: none
}

.form-page .is-upload .item-input-wrap {
    position: relative;
    width: 100%
}

.form-page .is-upload .item-input {
    cursor: pointer;
    padding-right: 3.125vw
}

.form-page .is-upload .item-input-suffix {
    cursor: pointer;
    position: absolute;
    right: 1.5625vw;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s;
    font-size: 0;
    display: none
}

    .form-page .is-upload .item-input-suffix.is-show {
        display: inline-block
    }

    .form-page .is-upload .item-input-suffix svg {
        pointer-events: none;
        width: 1.25vw;
        height: 1.25vw
    }

.form-page .is-upload .item-upload-btn {
    position: relative;
    flex-shrink: 0;
    margin-left: 1.0416666667vw;
    font-size: 1.0416666667vw;
    line-height: 1.15;
    color: #fff;
    width: 27.5%;
    border-radius: 2.0833333333vw;
    overflow: hidden
}

    .form-page .is-upload .item-upload-btn[data-status=upload] .upload, .form-page .is-upload .item-upload-btn[data-status=uploading] .uploading, .form-page .is-upload .item-upload-btn[data-status=uploaded] .uploaded {
        display: inline
    }

    .form-page .is-upload .item-upload-btn.is-disabled .upload-bg {
        visibility: visible
    }

.form-page .is-upload .upload-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #0b457f;
    clip-path: inset(0 0 0 0);
    transition: clip-path .3s;
    visibility: hidden
}

.form-page .is-upload .btn-text {
    position: relative;
    z-index: 2;
    display: none
}

.form-page .item-agreement {
    margin-top: 1.0416666667vw;
    background-color: #e6e6e633;
    padding: 1.5625vw .4166666667vw 1.5625vw 1.5625vw;
    border-radius: 1.5625vw
}

    .form-page .item-agreement .agreement-content {
        width: 100%;
        max-height: 15vw;
        overflow-y: auto;
        padding-right: 1.1458333333vw
    }

        .form-page .item-agreement .agreement-content::-webkit-scrollbar {
            width: .4166666667vw
        }

        .form-page .item-agreement .agreement-content::-webkit-scrollbar-thumb {
            border-radius: .5208333333vw;
            background: #d9d9d9
        }

        .form-page .item-agreement .agreement-content a {
            text-decoration: underline;
            color: #0b457f
        }

        .form-page .item-agreement .agreement-content h1 {
            font-size: 1.5625vw;
            margin: 1.0416666667vw 0;
            font-weight: 700
        }

        .form-page .item-agreement .agreement-content h2, .form-page .item-agreement .agreement-content h3, .form-page .item-agreement .agreement-content h4, .form-page .item-agreement .agreement-content h5, .form-page .item-agreement .agreement-content h6 {
            margin: 1.0416666667vw 0;
            font-size: 1.25vw;
            font-weight: 700;
            line-height: 1.375
        }

        .form-page .item-agreement .agreement-content p {
            font-size: 1.0416666667vw;
            color: #000;
            line-height: 1.2
        }

        .form-page .item-agreement .agreement-content ol li, .form-page .item-agreement .agreement-content ul li {
            font-size: 1.0416666667vw;
            color: #000;
            list-style: none
        }

        .form-page .item-agreement .agreement-content p + p {
            margin-top: 1.0416666667vw
        }

.form-page .item-textarea {
    height: 18.2291666667vw;
    resize: none;
    border-radius: 1.5625vw
}

    .form-page .item-textarea::-webkit-scrollbar {
        display: none
    }

.form-page .is-checkbox .item-field-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.form-page .is-checkbox .item-checkbox {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 1.4583333333vw;
    flex-shrink: 0;
    height: 1.4583333333vw;
    border: .1041666667vw solid #0b457f;
    border-radius: .3125vw
}

.form-page .is-checkbox .item-input {
    display: none
}

.form-page .is-checkbox .item-checkbox-text {
    font-size: 1.0416666667vw;
    line-height: 1.172;
    margin-left: .625vw;
    color: #000
}

    .form-page .is-checkbox .item-checkbox-text a {
        color: #0b457f;
        text-decoration: underline
    }

.form-page .is-checkbox.is-checked .item-checkbox {
    background-color: #0b457f
}

    .form-page .is-checkbox.is-checked .item-checkbox:after {
        content: "";
        border: .1041666667vw solid #fff;
        border-left: 0;
        border-top: 0;
        position: absolute;
        top: .15625vw;
        left: .4166666667vw;
        transform: rotate(45deg);
        width: .3645833333vw;
        height: .7291666667vw;
        transform-origin: center
    }

.form-page .form-btns {
    padding: 2.0833333333vw 1.0416666667vw 0;
    width: 100%;
    display: flex;
    align-items: center
}

.form-page .item-button {
    font-size: 1.0416666667vw;
    line-height: 1.15;
    padding: 1.4583333333vw .5208333333vw 1.40625vw;
    border-radius: 2.6041666667vw;
    flex-shrink: 0
}

.form-page .item-button-submit {
    width: 57.5%;
    margin-right: 5%
}

.form-page .item-button-exit {
    border: .1041666667vw solid #0b457f;
    padding: 1.3541666667vw .5208333333vw 1.3020833333vw;
    width: 37.5%
}

.form-page .submit-success-popup {
    background-color: #fff;
    position: fixed;
    top: 4.1666666667vw;
    left: 0;
    z-index: 999;
    width: 100%;
    height: calc(100vh - 4.1666666667vw);
    display: none;
    justify-content: center;
    align-items: center
}

    .form-page .submit-success-popup.is-show {
        display: flex
    }

.form-page .success-img-wrap {
    position: relative;
    width: 41.6666666667vw;
    margin-right: 3.3333333333vw
}

    .form-page .success-img-wrap:after {
        content: "";
        width: 100%;
        display: block;
        padding-bottom: 79.135%
    }

.form-page .success-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.form-page .success-content {
    width: 35.2083333333vw
}

.form-page .success-title {
    font-size: 2.5vw;
    line-height: 1.171875;
    color: #0b457f;
    font-weight: 700;
    margin-bottom: 2.0833333333vw
}

.form-page .success-text {
    font-size: 1.25vw;
    line-height: 1.3333333333;
    color: #000;
    margin-bottom: 4.1666666667vw
}

.form-page .success-back-btn {
    min-width: 19.1666666667vw;
    font-size: 1.0416666667vw;
    line-height: 1.5;
    padding: 1.25vw;
    border-radius: 2.6041666667vw
}

@media screen and (max-aspect-ratio: 11/10) {
    .form-page .scroll-container {
        height: auto;
        display: block
    }

    .form-page .form-left-container {
        width: 100%;
        height: auto
    }

    .form-page .left-bg {
        position: initial
    }

    .form-page .left-content {
        padding: 10.6666666667vw 10.6666666667vw 0;
        position: initial
    }

    .form-page .left-title {
        font-size: 8.5333333333vw;
        line-height: 1.171875;
        margin-bottom: 5.3333333333vw
    }

    .form-page .left-text {
        font-size: 3.7333333333vw;
        line-height: 1.4285714286
    }

    .form-page .form-right-container {
        overflow: hidden;
        height: auto;
        padding: 10.6666666667vw 5.3333333333vw 16vw
    }

    .form-page .right-title {
        font-size: 6.4vw;
        padding-bottom: 5.3333333333vw;
        margin-bottom: 1.3333333333vw
    }

    .form-page .form-content {
        margin: 0
    }

    .form-page .form-item {
        width: 100%;
        padding: 4vw 0
    }

        .form-page .form-item[required] .item-label:after {
            padding-left: .8vw
        }

        .form-page .form-item.is-half {
            width: 100%
        }

    .form-page .item-label {
        font-size: 3.7333333333vw;
        line-height: 1.1717857143
    }

    .form-page .item-text {
        font-size: 3.2vw;
        line-height: 1.1720833333;
        margin-top: 2.6666666667vw
    }

        .form-page .item-text + .item-field, .form-page .item-label + .item-field {
            margin-top: 2.6666666667vw
        }

    .form-page .item-input {
        padding: 3.6vw 4vw 3.4666666667vw;
        border-radius: 6.6666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.1717857143
    }

    .form-page .error-tips {
        font-size: 3.2vw;
        line-height: 1.1720833333;
        padding-top: 2.6666666667vw
    }

    .form-page .is-select .item-input {
        padding-right: 8vw
    }

    .form-page .is-select .item-input-suffix {
        right: 4vw
    }

        .form-page .is-select .item-input-suffix svg {
            width: 2.7333333333vw;
            height: 1.3666666667vw
        }

    .form-page .is-select .select-dropdown-item {
        font-size: 2.6666666667vw;
        padding: 2vw 4vw
    }

    .form-page .is-upload .item-field-wrap {
        flex-wrap: wrap
    }

    .form-page .is-upload .item-input {
        padding-right: 8vw
    }

    .form-page .is-upload .item-input-suffix {
        right: 4vw
    }

        .form-page .is-upload .item-input-suffix svg {
            width: 3.2vw;
            height: 3.2vw
        }

    .form-page .is-upload .item-upload-btn {
        flex-shrink: 1;
        margin-left: 0;
        padding: 3.7333333333vw 8.8vw;
        font-size: 3.7333333333vw;
        line-height: 1.1717857143;
        width: auto;
        margin-top: 2.6666666667vw;
        border-radius: 6.6666666667vw
    }

    .form-page .item-agreement {
        margin-top: 2.6666666667vw;
        padding: 4vw 1.0666666667vw 4vw 4vw;
        border-radius: 4vw
    }

        .form-page .item-agreement .agreement-content {
            max-height: 74.6666666667vw;
            padding-right: 2.9333333333vw
        }

            .form-page .item-agreement .agreement-content::-webkit-scrollbar {
                width: 1.0666666667vw
            }

            .form-page .item-agreement .agreement-content::-webkit-scrollbar-thumb {
                border-radius: 1.3333333333vw
            }

            .form-page .item-agreement .agreement-content h1 {
                font-size: 4vw;
                margin: 2.6666666667vw 0;
                font-weight: 700
            }

            .form-page .item-agreement .agreement-content h2, .form-page .item-agreement .agreement-content h3, .form-page .item-agreement .agreement-content h4, .form-page .item-agreement .agreement-content h5, .form-page .item-agreement .agreement-content h6 {
                margin: 2.6666666667vw 0;
                font-size: 1.6666666667vw;
                font-weight: 700;
                line-height: 1.375
            }

            .form-page .item-agreement .agreement-content p {
                font-size: 3.7333333333vw;
                line-height: 1.4285714286
            }

            .form-page .item-agreement .agreement-content ol li, .form-page .item-agreement .agreement-content ul li {
                font-size: 3.7333333333vw
            }

            .form-page .item-agreement .agreement-content p + p {
                margin-top: 2.6666666667vw
            }

    .form-page .item-textarea {
        height: 46.6666666667vw;
        border-radius: 5.3333333333vw
    }

    .form-page .is-checkbox {
        margin-bottom: -5.3333333333vw
    }

        .form-page .is-checkbox .item-checkbox {
            width: 5.3333333333vw;
            height: 5.3333333333vw;
            border: .2666666667vw solid #0b457f;
            border-radius: .8vw
        }

        .form-page .is-checkbox .item-checkbox-text {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143;
            margin-left: 2.6666666667vw
        }

        .form-page .is-checkbox.is-checked .item-checkbox:after {
            border: .4vw solid #fff;
            border-left: 0;
            border-top: 0;
            top: .5333333333vw;
            left: 1.6vw;
            width: 1.3333333333vw;
            height: 2.4vw
        }

    .form-page .form-btns {
        padding: 9.3333333333vw 0 0
    }

    .form-page .item-button {
        font-size: 3.2vw;
        line-height: 1.1720833333;
        padding: 4vw 1.3333333333vw;
        border-radius: 6.6666666667vw
    }

    .form-page .item-button-submit {
        width: 58.2089552239%;
        margin-right: 5.9701492537%
    }

    .form-page .item-button-exit {
        padding: 3.7333333333vw 1.3333333333vw;
        border: .2666666667vw solid #0b457f;
        width: 35.8208955224%
    }

    .form-page .submit-success-popup {
        overflow-y: auto;
        padding-top: 6.6666666667vw;
        padding-bottom: 16vw;
        top: 13.0666666667vw;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .form-page .success-img-wrap {
        width: 100%;
        margin-right: 0
    }

        .form-page .success-img-wrap:after {
            width: 100%;
            padding-bottom: 77.3333333333%
        }

    .form-page .success-content {
        width: 100%;
        padding: 4.9333333333vw 5.3333333333vw 0
    }

    .form-page .success-title {
        font-size: 6.9333333333vw;
        line-height: 1.1719230769;
        margin-bottom: 5.3333333333vw
    }

    .form-page .success-text {
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
        margin-bottom: 10.6666666667vw
    }

    .form-page .success-back-btn {
        min-width: 100%;
        font-size: 3.2vw;
        line-height: 1.5;
        padding: 3.4666666667vw;
        border-radius: 6.6666666667vw
    }
}

.home-page .fade-in {
    transform: translateY(1.5625vw);
    opacity: 0;
    transition: transform 1s ease-out,opacity 1.5s ease-out
}

    .home-page .fade-in.full-content-wrap {
        transform: translateY(4.1666666667vw);
        opacity: 0;
        transition: transform .5s ease-out,opacity .5s ease-out
    }

    .home-page .fade-in.is-animated {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .5s
    }

        .home-page .fade-in.is-animated.full-content-wrap {
            transition-delay: .5s
        }

        .home-page .fade-in.is-animated.content {
            transition: transform 1.2s ease-out .8s,opacity 1.2s ease-out .8s
        }

.home-page .fade-in-op {
    opacity: 0;
    transition: opacity 1.5s ease-out
}

    .home-page .fade-in-op.is-animated {
        opacity: 1;
        transition-delay: .5s
    }

.home-page .light, .home-page .light a {
    color: #fff
}

.home-page .dark, .home-page .dark a {
    color: #000
}

.home-page .home-kv-component .swiper-slide {
    position: relative;
    opacity: 1
}

    .home-page .home-kv-component .swiper-slide.slide-fade-out {
        opacity: 0;
        transition: opacity ease-in .6s
    }

.home-page .home-kv-component .kv-title {
    font-weight: 700;
    font-size: 2.5vw;
    line-height: 1.5;
    margin: 0 auto
}

.home-page .home-kv-component .kv-content {
    font-weight: 300;
    font-size: 1.6666666667vw;
    line-height: 1.5
}

.home-page .home-kv-component .discover-more {
    display: inline-block;
    font-weight: 400;
    font-size: .7291666667vw;
    line-height: 1.5;
    padding: .6770833333vw 1.3020833333vw .46875vw 1.25vw;
    border: 1px solid #ffffff;
    margin-top: 2.0833333333vw;
    color: #fff
}

    .home-page .home-kv-component .discover-more:hover {
        background-color: #fff;
        color: #333
    }

.home-page .home-kv-component .kv-content-wrap {
    position: absolute;
    z-index: 2;
    bottom: 4.7916666667vw;
    left: 6.25vw;
    width: 80.7916666667vw
}

    .home-page .home-kv-component .kv-content-wrap img {
        max-width: 55.4166666667vw
    }

.home-page .home-kv-component .kv-media {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

    .home-page .home-kv-component .kv-media img, .home-page .home-kv-component .kv-media video {
        width: 100%;
        height: 100%;
        display: inline-block;
        -o-object-fit: cover;
        object-fit: cover
    }

    .home-page .home-kv-component .kv-media .kv-video-btn {
        position: absolute;
        right: 6.25vw;
        bottom: 3vw;
        cursor: --pointer;
        visibility: hidden
    }

        .home-page .home-kv-component .kv-media .kv-video-btn.kv-video-playbtn {
            display: none
        }

        .home-page .home-kv-component .kv-media .kv-video-btn svg {
            width: 3.5416666667vw
        }

.home-page .home-kv-component .kv-btn-prev, .home-page .home-kv-component .kv-btn-next {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    bottom: 4.7916666667vw;
    right: 6.25vw;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-page .home-kv-component .kv-btn-next {
    bottom: 7.9166666667vw
}

    .home-page .home-kv-component .kv-btn-next:hover svg rect {
        fill-opacity: .5
    }

.home-page .home-kv-component .kv-btn-prev:hover svg rect {
    fill-opacity: .4
}

.home-page .home-kv-component .swiper-button-disabled.kv-btn-prev img, .home-page .home-kv-component .swiper-button-disabled.kv-btn-next img {
    cursor: not-allowed
}

.home-page .home-kv-component .kv-btn-prev img, .home-page .home-kv-component .kv-btn-next img, .home-page .home-kv-component .kv-btn-prev svg, .home-page .home-kv-component .kv-btn-next svg {
    cursor: pointer;
    width: 3.125vw;
    height: auto
}

.home-page .home-kv-component .kv-pagination {
    width: 100%;
    position: absolute;
    z-index: 3;
    bottom: 0;
    height: .625vw;
    background-color: #ffffff4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap
}

.home-page .home-kv-component .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 100%;
    height: auto;
    border-radius: 0;
    margin: 0;
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    position: relative
}

    .home-page .home-kv-component .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before, .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
        width: 100%;
        background: rgba(255,255,255,.3);
        position: absolute;
        top: 0;
        left: 0;
        height: .625vw;
        content: ""
    }

    .home-page .home-kv-component .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after, .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after {
        width: 0;
        background: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        height: .625vw;
        content: ""
    }

@-webkit-keyframes line-progress1 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    height: .625vw
}

.home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
    width: 4.1666666667vw;
    height: .625vw;
    -webkit-animation: line-progress1 forwards 9s linear;
    animation: line-progress1 forwards 9s linear
}

.home-page .home-sub-banner-component {
    font-size: 0
}

    .home-page .home-sub-banner-component .img-slide {
        width: 100%;
        height: 51.0416666667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: .4166666667vw
    }

        .home-page .home-sub-banner-component .img-slide:last-child {
            margin-bottom: .4166666667vw
        }

        .home-page .home-sub-banner-component .img-slide.one-in-right {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .home-page .home-sub-banner-component .img-slide .img-item, .home-page .home-sub-banner-component .img-slide video {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .home-page .home-sub-banner-component .img-slide .one-img-wrap {
            width: 42.7083333333vw
        }

            .home-page .home-sub-banner-component .img-slide .one-img-wrap .text-wrap .title {
                font-size: 1.875vw;
                line-height: 1.3333333333
            }

        .home-page .home-sub-banner-component .img-slide .two-img-wrap {
            width: 56.875vw
        }

            .home-page .home-sub-banner-component .img-slide .two-img-wrap .img-wrap {
                height: 25.3125vw
            }

                .home-page .home-sub-banner-component .img-slide .two-img-wrap .img-wrap:nth-child(2) {
                    margin-top: .4166666667vw
                }

        .home-page .home-sub-banner-component .img-slide .img-wrap {
            position: relative;
            overflow: hidden
        }

            .home-page .home-sub-banner-component .img-slide .img-wrap a {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 3
            }

                .home-page .home-sub-banner-component .img-slide .img-wrap a:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(180deg,rgba(11,69,127,0) 0%,#2E74F4 100%);
                    opacity: 0;
                    transition: opacity .5s ease
                }

                .home-page .home-sub-banner-component .img-slide .img-wrap a:hover:after {
                    opacity: .7
                }

                .home-page .home-sub-banner-component .img-slide .img-wrap a:hover .text-wrap {
                    color: #fff
                }

                    .home-page .home-sub-banner-component .img-slide .img-wrap a:hover .text-wrap .home-tag svg.tag-icon {
                        fill: #fff
                    }

            .home-page .home-sub-banner-component .img-slide .img-wrap img {
                transform: scale(1);
                transition: transform 5s cubic-bezier(.23,1,.32,1),-webkit-transform 15s cubic-bezier(.23,1,.32,1);
                transform-origin: center center
            }

            .home-page .home-sub-banner-component .img-slide .img-wrap:hover img {
                transform: scale(1.1)
            }

            .home-page .home-sub-banner-component .img-slide .img-wrap:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 41.3533%;
                background: linear-gradient(0deg,rgb(102,102,102) 0%,rgba(102,102,102,0) 50%);
                opacity: .5
            }

        .home-page .home-sub-banner-component .img-slide .text-wrap {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            padding: 0 3.125vw 3.125vw;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .home-page .home-sub-banner-component .img-slide .text-wrap .home-tag {
                font-style: normal;
                font-weight: 400;
                font-size: 0;
                line-height: 1.171875;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .home-page .home-sub-banner-component .img-slide .text-wrap .home-tag .tag-icon {
                    fill: #fff;
                    width: .5208333333vw;
                    margin-right: .2083333333vw
                }

                .home-page .home-sub-banner-component .img-slide .text-wrap .home-tag span {
                    font-size: .8333333333vw
                }

            .home-page .home-sub-banner-component .img-slide .text-wrap .title {
                font-style: normal;
                font-weight: 700;
                font-size: 1.6666666667vw;
                line-height: 1.25;
                margin-top: .8333333333vw
            }

        .home-page .home-sub-banner-component .img-slide .dark .text-wrap .home-tag .tag-icon {
            fill: #000
        }

        .home-page .home-sub-banner-component .img-slide .img-wrap.text-top .text-wrap {
            bottom: unset;
            top: 0;
            padding: 3.125vw 3.125vw 0
        }

    .home-page .home-sub-banner-component .one-in-left .one-img-wrap, .home-page .home-sub-banner-component .one-in-right .two-img-wrap {
        margin-right: .2083333333vw
    }

    .home-page .home-sub-banner-component .one-in-left .two-img-wrap, .home-page .home-sub-banner-component .one-in-right .one-img-wrap {
        margin-left: .2083333333vw
    }

.home-page .home-video-component, .home-page .home-smart-img-component {
    width: 100%;
    margin-top: .4166666667vw;
    position: relative;
    font-size: 0;
    overflow: hidden
}

    .home-page .home-video-component .smart-bg, .home-page .home-smart-img-component .smart-bg {
        width: 100%
    }

    .home-page .home-video-component .text, .home-page .home-smart-img-component .text {
        width: 100%;
        text-align: center;
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 4.1666666667vw;
        font-weight: 700;
        font-size: 1.6666666667vw;
        line-height: 1.1875
    }

    .home-page .home-video-component video, .home-page .home-video-component .img-item, .home-page .home-smart-img-component video, .home-page .home-smart-img-component .img-item {
        width: 100%;
        height: 37.5vw;
        -o-object-fit: cover;
        object-fit: cover
    }

    .home-page .home-video-component .img-item, .home-page .home-smart-img-component .img-item {
        transform: scale(1);
        transition: transform 5s cubic-bezier(.23,1,.32,1),-webkit-transform 5s cubic-bezier(.23,1,.32,1);
        transform-origin: center center
    }

    .home-page .home-video-component:hover .img-item, .home-page .home-smart-img-component:hover .img-item {
        transform: scale(1.1)
    }

    .home-page .home-video-component:last-child, .home-page .home-smart-img-component:last-child {
        margin-bottom: .4166666667vw
    }

    .home-page .home-video-component .home-video-btn.home-video-pausebtn, .home-page .home-video-component .img-slide .img-slide-video-pausebtn, .home-page .home-sub-banner-component .home-video-btn.home-video-pausebtn, .home-page .home-sub-banner-component .img-slide .img-slide-video-pausebtn {
        position: absolute;
        inset: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 3;
        opacity: 0
    }

    .home-page .home-video-component .home-video-btn.home-video-playbtn, .home-page .home-video-component .img-slide .img-slide-video-playbtn, .home-page .home-sub-banner-component .home-video-btn.home-video-playbtn, .home-page .home-sub-banner-component .img-slide .img-slide-video-playbtn {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 4;
        display: none;
        cursor: --pointer
    }

        .home-page .home-video-component .home-video-btn svg, .home-page .home-video-component .img-slide .img-slide-video-playbtn svg, .home-page .home-video-component .img-slide .img-slide-video-pausebtn svg, .home-page .home-sub-banner-component .home-video-btn svg, .home-page .home-sub-banner-component .img-slide .img-slide-video-playbtn svg, .home-page .home-sub-banner-component .img-slide .img-slide-video-pausebtn svg {
            width: 3.2291666667vw
        }

.home-page .banner-swiper-com {
    margin-top: .4166666667vw
}

    .home-page .banner-swiper-com .banner-swiper {
        position: relative
    }

    .home-page .banner-swiper-com .banner-pagination {
        position: absolute;
        bottom: 3.125vw;
        left: 53.125vw;
        display: flex;
        align-items: center;
        z-index: 4
    }

        .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet {
            width: 2.0833333333vw;
            border-radius: 0;
            opacity: 1;
            margin-right: .3125vw;
            margin-left: 0;
            position: relative;
            height: auto;
            background: none;
            height: 2px;
            transition: all ease-in 1s
        }

            .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet:before {
                content: "";
                position: absolute;
                width: 2.0833333333vw;
                height: 2px;
                left: 0;
                top: 0;
                background: rgba(0,0,0,.1);
                opacity: 1;
                transition: all ease-in 1s
            }

            .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet:after {
                content: "";
                position: absolute;
                width: 2.0833333333vw;
                height: 4px;
                left: 0;
                top: -1px;
                background: rgba(0,0,0,.1);
                opacity: 0;
                transition: all ease-in 1s
            }

            .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
                background: #FF9632;
                opacity: 0;
                z-index: 2
            }

            .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
                opacity: 1;
                background: #FF9632;
                z-index: 1
            }

    .home-page .banner-swiper-com.theme-defualt .swiper-slide a {
        flex-direction: row
    }

    .home-page .banner-swiper-com.theme-reverse .swiper-slide a {
        flex-direction: row-reverse
    }

    .home-page .banner-swiper-com.theme-reverse .banner-pagination {
        left: 3.125vw
    }

    .home-page .banner-swiper-com .swiper-slide {
        font-size: 0
    }

        .home-page .banner-swiper-com .swiper-slide a {
            display: flex
        }

        .home-page .banner-swiper-com .swiper-slide .banner-media img, .home-page .banner-swiper-com .swiper-slide .banner-media video {
            width: 50vw;
            height: 31.25vw;
            object-fit: cover
        }

        .home-page .banner-swiper-com .swiper-slide .banner-content-wrap {
            width: 50vw;
            box-sizing: border-box;
            padding: 3.125vw;
            color: #000
        }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .tag {
                font-size: 0;
                display: flex;
                align-items: center
            }

                .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .tag span {
                    font-size: .8333333333vw;
                    line-height: 1.5;
                    font-weight: 400;
                    display: inline-block
                }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .tag-icon {
                width: .5208333333vw;
                fill: #ff9632;
                margin-right: .2083333333vw
            }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .title {
                font-size: 2.2916666667vw;
                line-height: 1.5;
                font-weight: 700;
                margin-top: .625vw
            }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .content {
                font-size: 1.25vw;
                line-height: 1.6666666667;
                font-weight: 300;
                margin-top: 1.0416666667vw
            }

.home-page .full-banner-com {
    position: relative;
    font-size: 0;
    margin-top: .4166666667vw
}

    .home-page .full-banner-com .full-img, .home-page .full-banner-com video {
        width: 100%;
        height: 37.5vw;
        object-fit: cover
    }

    .home-page .full-banner-com.theme-left .full-content-wrap {
        align-items: flex-start
    }

    .home-page .full-banner-com.theme-right .full-content-wrap {
        align-items: flex-end
    }

    .home-page .full-banner-com .full-content-wrap {
        width: 100%;
        padding: 3.125vw;
        position: absolute;
        bottom: 0;
        z-index: 3;
        display: flex;
        flex-direction: column;
        color: #fff
    }

        .home-page .full-banner-com .full-content-wrap .tag {
            font-size: 0;
            display: flex;
            align-items: center
        }

            .home-page .full-banner-com .full-content-wrap .tag span {
                display: inline-block;
                font-size: .8333333333vw;
                line-height: 1.5;
                font-weight: 400
            }

        .home-page .full-banner-com .full-content-wrap .tag-icon {
            width: .5208333333vw;
            fill: #fff;
            margin-right: .2083333333vw
        }

        .home-page .full-banner-com .full-content-wrap .title {
            font-size: 5.2083333333vw;
            line-height: 1.5;
            font-weight: 700
        }

        .home-page .full-banner-com .full-content-wrap .content {
            font-size: 1.25vw;
            line-height: 1.5;
            font-weight: 400;
            margin-top: .625vw
        }

.home-page .news-innovations-com {
    display: flex;
    border-bottom: 1px solid rgba(11,69,127,.1)
}

    .home-page .news-innovations-com .news-innovations-wrap {
        width: 50%;
        box-sizing: border-box
    }

        .home-page .news-innovations-com .news-innovations-wrap.news-wrap .list-wrap {
            padding-left: .2083333333vw
        }

        .home-page .news-innovations-com .news-innovations-wrap.innovations-wrap {
            border-left: 1px solid rgba(11,69,127,.1)
        }

            .home-page .news-innovations-com .news-innovations-wrap.innovations-wrap .list-item {
                flex-direction: row-reverse
            }

    .home-page .news-innovations-com .title-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 3.125vw;
        line-height: 1.5;
        font-weight: 700;
        color: #0b457f;
        padding: 1.8229166667vw 3.125vw 1.40625vw
    }

        .home-page .news-innovations-com .title-wrap svg {
            width: 1.8229166667vw
        }

        .home-page .news-innovations-com .title-wrap:hover circle {
            fill: #0b457f
        }

        .home-page .news-innovations-com .title-wrap:hover path {
            fill: #fff
        }

    .home-page .news-innovations-com .list-wrap {
        display: flex;
        flex-direction: column
    }

        .home-page .news-innovations-com .list-wrap .list-item {
            display: flex;
            margin-top: .4166666667vw
        }

            .home-page .news-innovations-com .list-wrap .list-item:hover img {
                transform: scale(1.1)
            }

            .home-page .news-innovations-com .list-wrap .list-item .full-img {
                width: 24.8958333333vw;
                height: 16.6666666667vw;
                overflow: hidden
            }

            .home-page .news-innovations-com .list-wrap .list-item img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
                will-change: transform;
                transform: scale(1);
                transition: transform 5s cubic-bezier(.23,1,.32,1),-webkit-transform 15s cubic-bezier(.23,1,.32,1);
                transform-origin: center center
            }

            .home-page .news-innovations-com .list-wrap .list-item .content-wrap {
                display: flex;
                width: 24.8958333333vw;
                box-sizing: border-box;
                flex-direction: column;
                padding: 3.125vw;
                padding-bottom: 0
            }

            .home-page .news-innovations-com .list-wrap .list-item .tag {
                font-size: 0;
                color: #000;
                display: flex;
                align-items: center
            }

                .home-page .news-innovations-com .list-wrap .list-item .tag span {
                    display: inline-block;
                    font-size: .8333333333vw;
                    line-height: 1.5;
                    font-weight: 400
                }

            .home-page .news-innovations-com .list-wrap .list-item .tag-icon {
                width: .5208333333vw;
                margin-right: .2083333333vw;
                fill: #ff9632
            }

            .home-page .news-innovations-com .list-wrap .list-item .title {
                font-size: 1.3541666667vw;
                line-height: 1.5;
                font-weight: 500;
                margin-top: .625vw
            }

.home-page .new-com1 {
    padding: 6.25vw 5.9895833333vw
}

    .home-page .new-com1 .title {
        text-align: center;
        font-size: 2.5vw;
        line-height: 1.2083333333;
        font-weight: 400
    }

    .home-page .new-com1 .container {
        margin-top: 3.5416666667vw;
        display: flex;
        justify-content: space-between
    }

        .home-page .new-com1 .container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1);
            transform-origin: center center;
            transition: transform .8s ease-in;
            will-change: transform
        }

        .home-page .new-com1 .container .title {
            text-align: left;
            font-size: 1.6666666667vw;
            line-height: 1.5;
            font-weight: 700;
            margin-top: .8333333333vw
        }

        .home-page .new-com1 .container .content {
            font-size: .8333333333vw;
            line-height: 1.5;
            font-weight: 300;
            margin-top: .4166666667vw;
            display: inline-block
        }

            .home-page .new-com1 .container .content .svg-wrap {
                width: 1.25vw;
                margin-left: .4166666667vw;
                display: inline-block;
                vertical-align: middle;
                margin-top: .2604166667vw
            }

            .home-page .new-com1 .container .content svg {
                width: 100%;
                height: 1.25vw
            }

        .home-page .new-com1 .container .item {
            width: 100%;
            display: inline-block
        }

            .home-page .new-com1 .container .item:hover img {
                transform: scale(1.2);
                transition: transform 3s cubic-bezier(.23,1,.32,1),-webkit-transform 15s cubic-bezier(.23,1,.32,1)
            }

        .home-page .new-com1 .container .left-wrap {
            width: 59.1715976%
        }

            .home-page .new-com1 .container .left-wrap .img-wrap {
                width: 100%;
                height: 41.6666666667vw;
                overflow: hidden
            }

        .home-page .new-com1 .container .right-wrap {
            width: 38.46154%
        }

            .home-page .new-com1 .container .right-wrap .img-wrap {
                width: 100%;
                height: 19.7916666667vw;
                overflow: hidden
            }

            .home-page .new-com1 .container .right-wrap .title {
                font-weight: 600
            }

            .home-page .new-com1 .container .right-wrap .item:nth-child(2) {
                margin-top: 2.0833333333vw
            }

                .home-page .new-com1 .container .right-wrap .item:nth-child(2) .img-wrap {
                    width: 100%;
                    height: 14.7916666667vw;
                    overflow: hidden
                }

.home-page .new-com2 {
    background-color: #f5f8fa;
    padding-top: 3.59375vw
}

    .home-page .new-com2 .title {
        font-size: 2.5vw;
        line-height: 1;
        font-weight: 300;
        text-align: center
    }

    .home-page .new-com2 .wrap {
        margin-top: 2.96875vw;
        width: 100%;
        height: 33.3333333333vw;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden
    }

        .home-page .new-com2 .wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block
        }

        .home-page .new-com2 .wrap .content {
            position: absolute;
            inset: 0;
            z-index: 9;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

            .home-page .new-com2 .wrap .content .logo {
                width: 13.5416666667vw;
                height: auto
            }

            .home-page .new-com2 .wrap .content p {
                font-size: 1.25vw;
                line-height: 1.5;
                font-weight: 300;
                margin-top: 2.6041666667vw;
                color: #fff
            }

        .home-page .new-com2 .wrap .item {
            width: calc(var(--width, 494) / 19.2 * 1vw);
            height: 33.3333333333vw;
            clip-path: polygon(var(--point1-x, 0) var(--point1-y, 0),var(--point2-x, 100%) var(--point2-y, 0),var(--point3-x, 100%) var(--point3-y, 100%),var(--point4-x, 0) var(--point4-y, 100%));
            position: absolute;
            top: 0;
            left: var(--left, 0);
            cursor: pointer
        }

            .home-page .new-com2 .wrap .item:after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 3;
                background-color: #0003;
                opacity: 0;
                transition: all ease-in .3s
            }

            .home-page .new-com2 .wrap .item.active:after {
                opacity: 1
            }

            .home-page .new-com2 .wrap .item:nth-child(1) .content {
                padding-right: 3.125vw
            }

            .home-page .new-com2 .wrap .item:nth-child(5) .content {
                padding-left: 3.125vw
            }

.home-page .new-com3 {
    padding: 6.25vw
}

    .home-page .new-com3 .tip {
        color: #0b457f;
        font-size: 1.0416666667vw;
        line-height: 1.5;
        font-weight: 300
    }

        .home-page .new-com3 .tip .bold {
            font-weight: 700
        }

    .home-page .new-com3 .sub-tip {
        font-size: 2.0833333333vw;
        line-height: 1.5;
        font-weight: 300;
        margin-top: 1.5625vw;
        color: #0b457f
    }

    .home-page .new-com3 .item {
        width: 49.4047619%;
        margin-top: 4.1666666667vw;
        cursor: pointer;
        display: block
    }

        .home-page .new-com3 .item .title {
            font-size: 1.6666666667vw;
            line-height: 1.5;
            font-weight: 600;
            margin-top: 1.5625vw
        }

        .home-page .new-com3 .item .link {
            width: 100%;
            display: inline-block;
            margin-top: .4166666667vw;
            font-size: .8333333333vw;
            line-height: 1.5;
            font-weight: 300
        }

            .home-page .new-com3 .item .link .svg-wrap {
                width: 1.25vw;
                margin-left: .4166666667vw;
                display: inline-block;
                vertical-align: middle;
                margin-top: .2604166667vw
            }

            .home-page .new-com3 .item .link svg {
                width: 100%;
                height: 1.25vw
            }

        .home-page .new-com3 .item .img-wrap {
            width: 100%;
            height: 22.0833333333vw;
            overflow: hidden
        }

        .home-page .new-com3 .item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1);
            transform-origin: center center;
            transition: transform .8s ease-in;
            will-change: transform
        }

        .home-page .new-com3 .item:hover img {
            transform: scale(1.2);
            transition: transform 3s cubic-bezier(.23,1,.32,1),-webkit-transform 15s cubic-bezier(.23,1,.32,1)
        }

        .home-page .new-com3 .item video {
            width: 100%;
            height: 22.0833333333vw;
            object-fit: cover;
            display: block
        }

        .home-page .new-com3 .item.large {
            width: 100%;
            margin-top: 3.125vw
        }

            .home-page .new-com3 .item.large img, .home-page .new-com3 .item.large video {
                width: 100%;
                height: auto
            }

    .home-page .new-com3 .two-col {
        display: flex;
        justify-content: space-between
    }

        .home-page .new-com3 .two-col .item .link.text-nowrap {
            white-space: nowrap
        }

.home-page .new-com4 {
    padding: 0;
    position: relative
}

    .home-page .new-com4 .bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0
    }

    .home-page .new-com4 .bg {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,#3C4650 0%,rgba(60,70,80,0) 100%);
        -webkit-backdrop-filter: blur(35px);
        backdrop-filter: blur(35px);
        z-index: 2
    }

    .home-page .new-com4 .container {
        padding: 4.1666666667vw 6.25vw 5.0520833333vw;
        position: relative;
        z-index: 5
    }

        .home-page .new-com4 .container .info-wrap {
            display: flex;
            justify-content: space-between;
            align-items: flex-end
        }

            .home-page .new-com4 .container .info-wrap .content-wrap {
                width: 83.334%
            }

            .home-page .new-com4 .container .info-wrap .title {
                font-size: 2.5vw;
                line-height: 1.5;
                font-weight: 700;
                color: #fff
            }

            .home-page .new-com4 .container .info-wrap .content {
                font-size: .8333333333vw;
                line-height: 1.5;
                font-weight: 300;
                color: #cedae5;
                margin-top: .7291666667vw
            }

            .home-page .new-com4 .container .info-wrap .btn-wrap {
                width: auto;
                display: flex;
                flex-direction: column;
                justify-content: flex-end
            }

                .home-page .new-com4 .container .info-wrap .btn-wrap a {
                    display: flex;
                    align-items: center;
                    font-size: .7291666667vw;
                    line-height: 1.5;
                    font-weight: 400;
                    color: #fff
                }

                    .home-page .new-com4 .container .info-wrap .btn-wrap a svg {
                        width: 1.25vw;
                        margin-left: .8333333333vw
                    }

                .home-page .new-com4 .container .info-wrap .btn-wrap .swiper-btn-wrap {
                    display: flex;
                    align-items: center;
                    margin-top: 1.71875vw
                }

                    .home-page .new-com4 .container .info-wrap .btn-wrap .swiper-btn-wrap .btn {
                        cursor: pointer
                    }

                        .home-page .new-com4 .container .info-wrap .btn-wrap .swiper-btn-wrap .btn:nth-child(2) {
                            margin-left: 1.0416666667vw
                        }

                        .home-page .new-com4 .container .info-wrap .btn-wrap .swiper-btn-wrap .btn svg {
                            width: 1.875vw;
                            height: auto
                        }

        .home-page .new-com4 .container .com4-swiper-wrap {
            margin-top: 2.0833333333vw
        }

            .home-page .new-com4 .container .com4-swiper-wrap .swiper {
                padding: 0 6.25vw;
                margin: 0 -6.25vw
            }

            .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide {
                width: 31.25vw
            }

                .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .img-wrap {
                    width: 100%;
                    height: 17.1875vw;
                    overflow: hidden
                }

                .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide img {
                    height: 100%;
                    object-fit: cover
                }

                .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content {
                    margin-top: 1.4583333333vw;
                    font-size: .8333333333vw;
                    line-height: 1.5;
                    font-weight: 400;
                    color: #fff
                }

                    .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content .tag {
                        display: flex;
                        align-items: center
                    }

                    .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content svg {
                        width: .5208333333vw;
                        margin-right: .3125vw
                    }

                    .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content .title {
                        font-size: 1.25vw;
                        line-height: 1.5;
                        margin-top: 1.4583333333vw;
                        padding-right: 2.0833333333vw;
                        font-weight: 400
                    }

.home-page .new-com5 {
    padding: 6.25vw
}

    .home-page .new-com5 .wrap {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .home-page .new-com5 .item {
        width: 49.4047619%;
        height: 37.5vw;
        position: relative;
        color: #fff;
        cursor: pointer
    }

        .home-page .new-com5 .item .img-wrap {
            width: 100%;
            height: 100%;
            overflow: hidden
        }

        .home-page .new-com5 .item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: relative;
            z-index: 1;
            transform: scale(1);
            transform-origin: center center;
            transition: transform .8s ease-in;
            will-change: transform
        }

        .home-page .new-com5 .item:hover img {
            transform: scale(1.2);
            transition: transform 3s cubic-bezier(.23,1,.32,1),-webkit-transform 15s cubic-bezier(.23,1,.32,1)
        }

        .home-page .new-com5 .item:hover .discover-more {
            background-color: #fff;
            color: #333
        }

        .home-page .new-com5 .item .container {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 13.4895833333vw;
            left: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            z-index: 2;
            padding: 0 2.0833333333vw
        }

        .home-page .new-com5 .item .title {
            font-size: 2.5vw;
            line-height: 1.5;
            font-weight: 700
        }

        .home-page .new-com5 .item .content {
            font-size: .8333333333vw;
            line-height: 1.5;
            font-weight: 300;
            margin-top: 1.0416666667vw
        }

        .home-page .new-com5 .item .logo {
            width: 21.5104166667vw;
            height: auto
        }

        .home-page .new-com5 .item .discover-more {
            display: block;
            margin-top: 2.0833333333vw;
            background-color: #fff3;
            padding: .6770833333vw 1.25vw .46875vw 1.3020833333vw;
            border: 1px solid #ffffff;
            font-size: .7291666667vw;
            line-height: 1.5;
            font-weight: 400;
            color: #fff
        }

.home-page .new-com6 {
    color: #0b457f;
    font-size: 2.0833333333vw;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 6.25vw;
    text-align: center
}

@media screen and (max-aspect-ratio: 11/10) {
    .home-page .fade-in, .home-page .fade-in-mb {
        transform: translateY(8vw);
        opacity: 0;
        transition: transform 1s ease-out,opacity 1.5s ease-out
    }

        .home-page .fade-in.full-content-wrap, .home-page .fade-in-mb.full-content-wrap {
            transform: translateY(10.6666666667vw);
            opacity: 0;
            transition: transform .35s ease-out,opacity .35s ease-out
        }

        .home-page .fade-in.is-animated, .home-page .fade-in-mb.is-animated {
            transform: translateY(0);
            opacity: 1;
            transition-delay: .5s
        }

            .home-page .fade-in.is-animated.full-content-wrap, .home-page .fade-in-mb.is-animated.full-content-wrap {
                transition-delay: .5s
            }

            .home-page .fade-in.is-animated.content, .home-page .fade-in-mb.is-animated.content {
                transition: transform 1.2s ease-out .5s,opacity 1.2s ease-out .5s
            }

    .home-page .fade-in-op {
        opacity: 0;
        transition: opacity 1s ease-out
    }

        .home-page .fade-in-op.is-animated {
            opacity: 1
        }

    .home-page .home-kv-component .kv-pagination {
        height: 1.6vw
    }

    .home-page .home-kv-component .kv-btn-prev, .home-page .home-kv-component .kv-btn-next {
        display: none
    }

    .home-page .home-kv-component .kv-content-wrap {
        width: auto;
        left: 10.6666666667vw;
        right: 10.6666666667vw;
        bottom: 8.6666666667vw
    }

    .home-page .home-kv-component .kv-title {
        font-size: 3.7333333333vw;
        line-height: 1.5;
        margin-top: 0
    }

    .home-page .home-kv-component .discover-more {
        font-weight: 400;
        font-size: 2.4vw;
        line-height: 1.5;
        padding: 2.1333333333vw 7.0666666667vw 2.1333333333vw 7.2vw;
        margin-top: 5.3333333333vw
    }

        .home-page .home-kv-component .discover-more:hover {
            background-color: unset;
            color: #fff
        }

    .home-page .home-kv-component .kv-content {
        font-size: 2.9333333333vw;
        line-height: 1.5
    }

    .home-page .home-kv-component .kv-media {
        height: 60vw
    }

        .home-page .home-kv-component .kv-media .kv-video-btn svg {
            width: 16vw
        }

    .home-page .home-kv-component .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 100%;
        margin: 0
    }

        .home-page .home-kv-component .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before, .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:before {
            width: 100%;
            height: 1.6vw
        }

        .home-page .home-kv-component .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after, .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after {
            height: 1.6vw
        }

    @-webkit-keyframes line-progress3 {
        0% {
            width: 0
        }

        to {
            width: 100%
        }
    }

    .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
        height: 1.6vw
    }

    .home-page .home-kv-component .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
        width: 100%;
        height: 1.6vw;
        top: 0;
        -webkit-animation: line-progress3 forwards 9s linear;
        animation: line-progress3 forwards 9s linear
    }

    .home-page .home-sub-banner-component {
        margin-top: 0
    }

        .home-page .home-sub-banner-component + .home-sub-banner-component {
            margin-top: -1.0666666667vw
        }

        .home-page .home-sub-banner-component .img-slide, .home-page .home-sub-banner-component .img-slide.one-in-right {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: auto;
            margin-top: 0
        }

        .home-page .home-sub-banner-component .one-in-left .one-img-wrap, .home-page .home-sub-banner-component .one-in-right .two-img-wrap {
            margin-right: 0;
            margin-top: 0
        }

        .home-page .home-sub-banner-component .one-in-left .two-img-wrap, .home-page .home-sub-banner-component .one-in-right .one-img-wrap {
            margin-left: 0;
            margin-top: 0
        }

        .home-page .home-sub-banner-component .img-slide:last-child {
            margin-bottom: 1.0666666667vw
        }

        .home-page .home-sub-banner-component .img-slide .img-wrap, .home-page .home-sub-banner-component .img-slide .two-img-wrap {
            width: 100%;
            height: auto
        }

            .home-page .home-sub-banner-component .img-slide .img-wrap a, .home-page .home-sub-banner-component .img-slide .two-img-wrap a {
                position: static
            }

            .home-page .home-sub-banner-component .img-slide .two-img-wrap .img-wrap:nth-child(2) {
                margin-top: 0
            }

            .home-page .home-sub-banner-component .img-slide .two-img-wrap .img-wrap {
                height: auto
            }

            .home-page .home-sub-banner-component .img-slide .two-img-wrap .text-wrap {
                padding: 0 5.3333333333vw 5.3333333333vw
            }

        .home-page .home-sub-banner-component .img-slide .img-item, .home-page .home-sub-banner-component .img-slide video {
            margin-top: 1.0666666667vw
        }

        .home-page .home-sub-banner-component .img-slide video {
            height: auto;
            -o-object-fit: none;
            object-fit: none
        }

        .home-page .home-sub-banner-component .img-slide .one-img-wrap .text-wrap .title {
            font-size: 5.3333333333vw;
            line-height: 1.3
        }

        .home-page .home-sub-banner-component .img-slide .text-wrap {
            padding: 0 5.3333333333vw 8vw
        }

            .home-page .home-sub-banner-component .img-slide .text-wrap .title {
                font-size: 4.2666666667vw;
                line-height: 1.3125;
                margin-top: 2.1333333333vw
            }

            .home-page .home-sub-banner-component .img-slide .text-wrap .home-tag {
                line-height: 1.1720833333
            }

                .home-page .home-sub-banner-component .img-slide .text-wrap .home-tag .tag-icon {
                    width: 2vw;
                    margin-right: 1.0666666667vw
                }

                .home-page .home-sub-banner-component .img-slide .text-wrap .home-tag span {
                    font-size: 3.2vw
                }

        .home-page .home-sub-banner-component .img-slide .img-wrap.text-top .text-wrap {
            bottom: unset;
            top: 1.0666666667vw;
            padding: 5.3333333333vw 5.3333333333vw 0
        }

    .home-page .home-video-component, .home-page .home-smart-img-component {
        margin-top: 1.0666666667vw
    }

        .home-page .home-video-component .text, .home-page .home-smart-img-component .text {
            bottom: 3.8666666667vw;
            font-size: 2.1333333333vw;
            line-height: 1.1875
        }

        .home-page .home-video-component video, .home-page .home-video-component .img-item, .home-page .home-smart-img-component video, .home-page .home-smart-img-component .img-item {
            height: 100%
        }

        .home-page .home-video-component:last-child, .home-page .home-smart-img-component:last-child {
            margin-bottom: 1.0666666667vw
        }

        .home-page .home-video-component .home-video-btn svg, .home-page .home-sub-banner-component .img-slide .img-slide-video-playbtn svg, .home-page .home-sub-banner-component .img-slide .img-slide-video-pausebtn svg {
            width: 6.6666666667vw
        }

    .home-page .banner-swiper-com {
        margin-top: 0
    }

        .home-page .banner-swiper-com .banner-pagination {
            bottom: 10.6666666667vw;
            left: 5.3333333333vw
        }

            .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet {
                width: 8vw;
                margin-right: .8vw
            }

                .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet:before {
                    width: 8vw
                }

                .home-page .banner-swiper-com .banner-pagination .swiper-pagination-bullet:after {
                    width: 8vw
                }

        .home-page .banner-swiper-com.theme-defualt .swiper-slide a, .home-page .banner-swiper-com.theme-reverse .swiper-slide a {
            flex-direction: column
        }

        .home-page .banner-swiper-com.theme-reverse .banner-pagination {
            left: 5.3333333333vw
        }

        .home-page .banner-swiper-com .swiper-slide a {
            display: flex;
            flex-direction: column
        }

        .home-page .banner-swiper-com .swiper-slide .banner-media img, .home-page .banner-swiper-com .swiper-slide .banner-media video {
            width: 100%;
            height: 80vw;
            object-fit: cover
        }

        .home-page .banner-swiper-com .swiper-slide .banner-content-wrap {
            width: 100%;
            padding: 10.6666666667vw 5.3333333333vw 21.8666666667vw
        }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .tag span {
                font-size: 3.2vw;
                line-height: 1.5
            }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .tag-icon {
                width: 2vw;
                margin-right: 1.0666666667vw
            }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .title {
                font-size: 6.9333333333vw;
                line-height: 1.5;
                margin-top: 2.6666666667vw
            }

            .home-page .banner-swiper-com .swiper-slide .banner-content-wrap .content {
                font-size: 4.2666666667vw;
                line-height: 1.5;
                margin-top: 5.3333333333vw
            }

    .home-page .full-banner-com {
        margin-top: 0
    }

        .home-page .full-banner-com .full-img, .home-page .full-banner-com video {
            height: 178vw
        }

        .home-page .full-banner-com.theme-left .full-content-wrap {
            align-items: flex-start
        }

        .home-page .full-banner-com.theme-right .full-content-wrap {
            align-items: flex-end
        }

        .home-page .full-banner-com .full-content-wrap {
            width: 100%;
            padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw
        }

            .home-page .full-banner-com .full-content-wrap .tag span {
                font-size: 3.2vw;
                line-height: 1.5
            }

            .home-page .full-banner-com .full-content-wrap .tag-icon {
                width: 2vw;
                margin-right: 1.0666666667vw
            }

            .home-page .full-banner-com .full-content-wrap .title {
                font-size: 13.3333333333vw;
                line-height: 1.2;
                margin-top: 1.3333333333vw
            }

            .home-page .full-banner-com .full-content-wrap .content {
                font-size: 4.2666666667vw;
                line-height: 1.5;
                margin-top: 2.6666666667vw
            }

    .home-page .news-innovations-com {
        flex-wrap: wrap
    }

        .home-page .news-innovations-com .news-innovations-wrap {
            width: 100%;
            box-sizing: border-box
        }

            .home-page .news-innovations-com .news-innovations-wrap.news-wrap .list-wrap {
                padding-left: 0
            }

            .home-page .news-innovations-com .news-innovations-wrap.innovations-wrap {
                border-left: none;
                border-top: 1px solid rgba(11,69,127,.1)
            }

                .home-page .news-innovations-com .news-innovations-wrap.innovations-wrap .list-item {
                    flex-direction: column
                }

        .home-page .news-innovations-com .title-wrap {
            font-size: 9.0666666667vw;
            line-height: 1.5;
            padding: 3.8666666667vw 5.3333333333vw
        }

            .home-page .news-innovations-com .title-wrap svg {
                width: 6.4vw
            }

        .home-page .news-innovations-com .list-wrap .list-item {
            margin-top: 0;
            flex-direction: column
        }

            .home-page .news-innovations-com .list-wrap .list-item .full-img {
                width: 100%;
                height: 77.3333333333vw
            }

            .home-page .news-innovations-com .list-wrap .list-item .content-wrap {
                width: 100%;
                padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw
            }

            .home-page .news-innovations-com .list-wrap .list-item .tag span {
                font-size: 3.2vw;
                line-height: 1.5
            }

            .home-page .news-innovations-com .list-wrap .list-item .tag-icon {
                width: 2vw;
                margin-right: 1.0666666667vw
            }

            .home-page .news-innovations-com .list-wrap .list-item .title {
                font-size: 4.5333333333vw;
                line-height: 1.5;
                margin-top: 1.6vw
            }

    .home-page .new-com1 {
        padding: 10.6666666667vw 5.3333333333vw 16vw
    }

        .home-page .new-com1 .title {
            text-align: center;
            font-size: 5.3333333333vw;
            line-height: 1.5
        }

        .home-page .new-com1 .container {
            margin-top: 9.0666666667vw;
            flex-direction: column
        }

            .home-page .new-com1 .container img {
                width: 100%;
                height: auto
            }

            .home-page .new-com1 .container .title {
                font-size: 4.8vw;
                line-height: 1.5;
                margin-top: 2.1333333333vw
            }

            .home-page .new-com1 .container .content {
                font-size: 3.2vw;
                line-height: 1.5;
                margin-top: 1.0666666667vw
            }

                .home-page .new-com1 .container .content .svg-wrap {
                    width: 3.2vw;
                    margin-left: 0;
                    margin-top: 0
                }

                .home-page .new-com1 .container .content svg {
                    height: 3.2vw
                }

            .home-page .new-com1 .container .item, .home-page .new-com1 .container .left-wrap {
                width: 100%
            }

                .home-page .new-com1 .container .left-wrap .img-wrap {
                    height: auto
                }

            .home-page .new-com1 .container .right-wrap {
                width: 100%
            }

                .home-page .new-com1 .container .right-wrap .img-wrap {
                    height: auto
                }

                .home-page .new-com1 .container .right-wrap .item {
                    width: 100%;
                    margin-top: 5.3333333333vw;
                    display: inline-block
                }

                    .home-page .new-com1 .container .right-wrap .item:nth-child(2) {
                        margin-top: 5.3333333333vw
                    }

                        .home-page .new-com1 .container .right-wrap .item:nth-child(2) .img-wrap {
                            height: auto
                        }

    .home-page .new-com2 {
        padding-top: 8.4vw
    }

        .home-page .new-com2 .title {
            font-size: 4.8vw;
            line-height: 1.3333333333
        }

        .home-page .new-com2 .wrap {
            margin-top: 8.4vw;
            width: 100%;
            height: auto;
            position: relative;
            flex-direction: column
        }

            .home-page .new-com2 .wrap img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block
            }

            .home-page .new-com2 .wrap .content {
                position: absolute;
                inset: 0;
                z-index: 9;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center
            }

                .home-page .new-com2 .wrap .content .logo {
                    width: calc(var(--img-w, 280) / 7.5 * 1vw);
                    height: auto
                }

                .home-page .new-com2 .wrap .content p {
                    font-size: 3.7333333333vw;
                    line-height: 1.5;
                    margin-top: 3.7333333333vw
                }

            .home-page .new-com2 .wrap .item {
                width: 100%;
                height: auto;
                clip-path: none;
                position: relative;
                top: 0;
                left: 0;
                cursor: pointer
            }

                .home-page .new-com2 .wrap .item:after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    z-index: 3;
                    background-color: #0003;
                    opacity: 0;
                    transition: all ease-in .3s
                }

                .home-page .new-com2 .wrap .item.active:after {
                    opacity: 1
                }

                .home-page .new-com2 .wrap .item:nth-child(1) .content {
                    padding-right: 0
                }

                .home-page .new-com2 .wrap .item:nth-child(5) .content {
                    padding-left: 0
                }

    .home-page .new-com3 {
        padding: 16vw 5.3333333333vw
    }

        .home-page .new-com3 .tip {
            font-size: 3.2vw;
            line-height: 1.5;
            font-weight: 300
        }

        .home-page .new-com3 .sub-tip {
            font-size: 5.8666666667vw;
            line-height: 1.5;
            margin-top: 4vw
        }

        .home-page .new-com3 .item {
            width: 100%;
            margin-top: 10.6666666667vw
        }

            .home-page .new-com3 .item .title {
                font-size: 4.8vw;
                line-height: 1.5;
                margin-top: 4vw
            }

            .home-page .new-com3 .item .link {
                margin-top: 1.0666666667vw;
                font-size: 3.2vw;
                line-height: 1.5
            }

                .home-page .new-com3 .item .link .svg-wrap {
                    width: 3.2vw;
                    margin-left: 0;
                    margin-top: 0
                }

                .home-page .new-com3 .item .link svg {
                    height: 3.2vw
                }

            .home-page .new-com3 .item .img-wrap {
                height: auto
            }

            .home-page .new-com3 .item video {
                height: auto
            }

            .home-page .new-com3 .item.large {
                margin-top: 8vw
            }

        .home-page .new-com3 .two-col {
            flex-direction: column
        }

            .home-page .new-com3 .two-col .item .link.text-nowrap {
                white-space: normal
            }

            .home-page .new-com3 .two-col .item:nth-child(2) {
                margin-top: 5.3333333333vw
            }

    .home-page .new-com4 {
        padding: 0;
        position: relative;
        overflow: hidden
    }

        .home-page .new-com4 .bg-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

        .home-page .new-com4 .bg {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg,#3C4650 0%,rgba(60,70,80,0) 100%);
            -webkit-backdrop-filter: blur(35px);
            backdrop-filter: blur(35px);
            z-index: 2
        }

        .home-page .new-com4 .container {
            padding: 10.6666666667vw 5.3333333333vw;
            position: relative
        }

            .home-page .new-com4 .container .info-wrap .content-wrap {
                width: 100%
            }

            .home-page .new-com4 .container .info-wrap .title {
                font-size: 5.8666666667vw;
                line-height: 1.5
            }

            .home-page .new-com4 .container .info-wrap .content {
                font-size: 3.2vw;
                line-height: 1.5;
                margin-top: 1.6vw
            }

            .home-page .new-com4 .container .info-wrap .btn-wrap {
                position: absolute;
                top: 13.0666666667vw;
                right: 5.3333333333vw
            }

                .home-page .new-com4 .container .info-wrap .btn-wrap a {
                    font-size: 3.2vw;
                    line-height: 1.5
                }

                    .home-page .new-com4 .container .info-wrap .btn-wrap a svg {
                        width: 3.2vw;
                        margin-left: 2.1333333333vw
                    }

                .home-page .new-com4 .container .info-wrap .btn-wrap .swiper-btn-wrap {
                    display: none
                }

            .home-page .new-com4 .container .com4-swiper-wrap {
                margin-top: 5.3333333333vw
            }

                .home-page .new-com4 .container .com4-swiper-wrap .swiper {
                    padding: 0 5.3333333333vw;
                    margin: 0 -5.3333333333vw
                }

                .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide {
                    width: 74.6666666667vw
                }

                    .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .img-wrap {
                        height: 41.0666666667vw
                    }

                    .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content {
                        margin-top: 3.2vw;
                        font-size: 3.2vw;
                        line-height: 1.5
                    }

                        .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content svg {
                            width: 2vw;
                            margin-right: 1.0666666667vw
                        }

                        .home-page .new-com4 .container .com4-swiper-wrap .swiper-slide .content .title {
                            font-size: 3.7333333333vw;
                            line-height: 1.5;
                            margin-top: 2.1333333333vw;
                            padding-right: 2.6666666667vw
                        }

    .home-page .new-com5 {
        padding: 16vw 5.3333333333vw
    }

        .home-page .new-com5 .wrap {
            flex-direction: column
        }

        .home-page .new-com5 .item {
            width: 100%;
            height: auto;
            margin-top: 2.6666666667vw
        }

            .home-page .new-com5 .item:nth-child(1) {
                margin-top: 0
            }

            .home-page .new-com5 .item .container {
                padding: 0;
                bottom: 0;
                justify-content: center
            }

            .home-page .new-com5 .item img {
                height: auto
            }

            .home-page .new-com5 .item .title {
                font-size: 6.4vw;
                max-width: 53.3333333333vw
            }

            .home-page .new-com5 .item .content {
                font-size: 3.2vw;
                line-height: 1.5;
                margin-top: 2.6666666667vw;
                max-width: 53.3333333333vw;
                text-align: center
            }

            .home-page .new-com5 .item .logo {
                width: 59.3333333333vw
            }

            .home-page .new-com5 .item .discover-more {
                margin-top: 5.3333333333vw;
                background-color: unset;
                padding: 2.1333333333vw 7.0666666667vw 2.1333333333vw 7.2vw;
                font-size: 3.2vw;
                line-height: 1.5
            }

                .home-page .new-com5 .item .discover-more:hover {
                    background-color: unset;
                    color: #fff
                }

    .home-page .new-com6 {
        font-size: 5.3333333333vw;
        margin-bottom: 16vw
    }
}

.news-archive {
    color: #000
}

    .news-archive .kv-section {
        position: relative;
        margin: 4.1666666667vw 6.25vw 0;
        padding-bottom: 3.125vw;
        border-bottom: 1px solid rgba(11,69,127,.1)
    }

        .news-archive .kv-section .keyvisual__img {
            width: 100%
        }

        .news-archive .kv-section .kv-head-title {
            font-size: 3.3333333333vw;
            font-weight: 800;
            line-height: 1.46875
        }

    .news-archive .newslist-section {
        margin: 0
    }

    .news-archive .normal-list {
        margin: 0 6.25vw 6.25vw;
        display: none
    }

        .news-archive .normal-list.news-list-active {
            display: block
        }

        .news-archive .normal-list.search-list {
            margin-top: 4.1666666667vw
        }

        .news-archive .normal-list .nws-meta {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

    .news-archive .news-bar {
        margin: 3.125vw 6.25vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 3.5416666667vw
    }

        .news-archive .news-bar.news-bar-hide .news-menu, .news-archive .news-bar.news-bar-hide .news-search-form {
            display: none
        }

    .news-archive .news-search-form {
        width: 100%;
        position: relative;
        height: 4.1666666667vw
    }

        .news-archive .news-search-form .news-search {
            height: 100%;
            position: relative;
            width: 100%
        }

        .news-archive .news-search-form #news-search {
            width: 100%;
            height: 100%;
            border: 1px solid #0B457F;
            padding: 1.3020833333vw 4.1666666667vw;
            font-size: 1.0416666667vw;
            line-height: 1.5;
            font-weight: 400;
            -webkit-appearance: none
        }

            .news-archive .news-search-form #news-search:focus {
                color: #000;
                border: 1px solid #0b457f
            }

                .news-archive .news-search-form #news-search:focus + .news-search-btn svg {
                    fill: #0b457f
                }

        .news-archive .news-search-form input::-webkit-input-placeholder {
            color: #0006
        }

        .news-archive .news-search-form input::-moz-placeholder {
            color: #0006
        }

        .news-archive .news-search-form input:-moz-placeholder {
            color: #0006
        }

        .news-archive .news-search-form input:-ms-input-placeholder {
            color: #0006
        }

        .news-archive .news-search-form input::placeholder {
            color: #0006
        }

        .news-archive .news-search-form .news-search-btn {
            left: 1.6666666667vw
        }

            .news-archive .news-search-form .news-search-btn svg {
                width: 1.3020833333vw;
                fill: #0b457f;
                cursor: pointer
            }

        .news-archive .news-search-form .news-search-btn, .news-archive .news-search-form .news-close-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0
        }

        .news-archive .news-search-form .news-close-btn {
            display: none;
            right: 1.6666666667vw
        }

            .news-archive .news-search-form .news-close-btn svg {
                fill: #cedae5;
                width: 1.5625vw;
                cursor: pointer
            }

        .news-archive .news-search-form.searched {
            width: 100%
        }

            .news-archive .news-search-form.searched .news-close-btn {
                display: block
            }

    .news-archive .news-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 43.5416666667vw;
        flex-shrink: 0
    }

        .news-archive .news-menu.search-bar {
            display: none
        }

        .news-archive .news-menu .news-menu-container {
            width: calc(100% - 11.4583333333vw)
        }

            .news-archive .news-menu .news-menu-container .news-menu-wrapper {
                scrollbar-width: none;
                -ms-overflow-style: none;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
                -moz-user-select: none;
                -khtml-user-select: none;
                user-select: none;
                font-size: 0
            }

                .news-archive .news-menu .news-menu-container .news-menu-wrapper::-webkit-scrollbar {
                    display: none
                }

                .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item {
                    padding-right: 2.6041666667vw;
                    text-align: center;
                    display: inline-block
                }

                    .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item:last-child {
                        padding-right: 0
                    }

                    .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item button {
                        font-size: 1.25vw;
                        font-weight: 400;
                        min-width: 3.125vw;
                        position: relative;
                        cursor: pointer;
                        transition: none;
                        line-height: 1.5;
                        border-radius: 30px;
                        color: #000
                    }

                        .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item button:hover {
                            font-weight: 700;
                            color: #0b457f
                        }

                        .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item button:after {
                            display: block;
                            content: attr(title);
                            font-weight: 700;
                            visibility: hidden;
                            height: 1px;
                            color: transparent;
                            margin-bottom: -1px;
                            overflow: hidden
                        }

                    .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item.news-menu-active button {
                        font-weight: 700;
                        color: #0b457f
                    }

        .news-archive .news-menu .news-menu-btn {
            width: 3.125vw;
            height: 3.125vw;
            cursor: pointer
        }

            .news-archive .news-menu .news-menu-btn svg {
                width: max(100%,34px);
                height: max(100%,34px)
            }

            .news-archive .news-menu .news-menu-btn.news-menu-btn-left svg {
                transform-origin: center
            }

            .news-archive .news-menu .news-menu-btn.swiper-button-disabled, .news-archive .news-menu .news-menu-btn.news-menu-disabled {
                opacity: .5;
                cursor: not-allowed
            }

                .news-archive .news-menu .news-menu-btn.swiper-button-disabled svg circle, .news-archive .news-menu .news-menu-btn.news-menu-disabled svg circle {
                    stroke: #000
                }

    .news-archive .art-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 4.1666666667vw auto
    }

        .news-archive .art-btns .art-button {
            font-size: 1.0416666667vw;
            line-height: 1.5;
            padding: 1.0416666667vw 6.5625vw;
            color: #0b457f;
            border: 1px solid #0B457F;
            font-weight: 400
        }

            .news-archive .art-btns .art-button:hover {
                background-color: #dbedff4d
            }

    .news-archive .result-none {
        margin: 6.25vw;
        font-size: 2.0833333333vw;
        text-align: center
    }

@media screen and (max-aspect-ratio: 11/10) {
    .news-archive .kv-section {
        margin: 8vw 5.3333333333vw 0;
        padding-bottom: 8vw
    }

        .news-archive .kv-section .kv-head-content {
            bottom: 10.6666666667vw
        }

        .news-archive .kv-section .kv-head-title {
            font-size: 7.4666666667vw;
            line-height: 1.5
        }

    .news-archive .news-bar {
        flex-direction: column;
        margin: 8vw 5.3333333333vw 0;
        gap: 0
    }

    .news-archive .news-search-form {
        width: 100%;
        height: 11.7333333333vw
    }

        .news-archive .news-search-form #news-search {
            font-size: 4.2666666667vw;
            line-height: 1.5;
            padding: 0 10.6666666667vw
        }

        .news-archive .news-search-form .news-search-btn {
            left: 4vw
        }

        .news-archive .news-search-form .news-close-btn {
            right: 4vw
        }

            .news-archive .news-search-form .news-search-btn svg, .news-archive .news-search-form .news-close-btn svg {
                width: 4vw
            }

    .news-archive .news-menu {
        width: 100%;
        margin-bottom: 8vw
    }

        .news-archive .news-menu .news-menu-container {
            transform: translateY(0);
            width: 73.3333333333vw;
            overflow: hidden
        }

            .news-archive .news-menu .news-menu-container .news-menu-wrapper {
                height: auto;
                padding: 0 2.8vw
            }

                .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item {
                    padding-right: 0
                }

                    .news-archive .news-menu .news-menu-container .news-menu-wrapper .news-menu-item button {
                        font-size: 3.7333333333vw;
                        line-height: 1.5;
                        padding: 0 2.8vw
                    }

        .news-archive .news-menu .news-menu-btn {
            width: 8vw;
            height: 8vw;
            flex-shrink: 0
        }

            .news-archive .news-menu .news-menu-btn svg {
                width: 100%;
                height: 100%
            }

    .news-archive .normal-list {
        margin: 0;
        margin-top: 10.6666666667vw
    }

        .news-archive .normal-list .search-t {
            margin: 0 5.3333333333vw 5.3333333333vw
        }

        .news-archive .normal-list.search-list-none {
            margin-left: 5.3333333333vw;
            margin-right: 5.3333333333vw;
            margin-top: 8vw
        }

        .news-archive .normal-list.search-list {
            margin-top: 8vw
        }

    .news-archive .art-btns {
        margin: 8vw 0 16vw
    }

        .news-archive .art-btns .art-button {
            font-size: 3.2vw;
            line-height: 1.5;
            padding: 2.8vw 15.6vw
        }
}

.product-page {
    --theme-stroke: #000;
    --theme-color: #000;
    --theme-background: #fff;
    --theme-background-inverse: #000
}

    .product-page .pd-title {
        font-size: 2.5vw;
        line-height: 1.3333333333;
        font-weight: 700
    }

    .product-page .pd-text {
        font-size: 1.25vw;
        line-height: 1.5
    }

    .product-page .pd-text-small {
        font-size: .9375vw;
        line-height: 1.3888888889
    }

    .product-page .p01-content, .product-page .p03-title, .product-page .p03-subtitle, .product-page .p03-text, .product-page .p05-title, .product-page .p05-text, .product-page .p06-title, .product-page .p06-text, .product-page .p08-title, .product-page .p08-text, .product-page .p11-title, .product-page .p11-text {
        transform: translateY(3.125vw);
        opacity: 0;
        transition: transform .5s ease-out,opacity .5s ease-out
    }

        .product-page .p01-content.is-animated, .product-page .p03-title.is-animated, .product-page .p03-subtitle.is-animated, .product-page .p03-text.is-animated, .product-page .p05-title.is-animated, .product-page .p05-text.is-animated, .product-page .p06-title.is-animated, .product-page .p06-text.is-animated, .product-page .p08-title.is-animated, .product-page .p08-text.is-animated, .product-page .p11-title.is-animated, .product-page .p11-text.is-animated {
            transform: translateY(0);
            opacity: 1
        }

    .product-page .theme-white {
        --theme-stroke: #000;
        --theme-color: #000;
        --theme-background: #fff;
        --theme-background-inverse: #000
    }

    .product-page .theme-grey {
        --theme-stroke: #000;
        --theme-color: #000;
        --theme-background: #f6f6f6;
        --theme-background-inverse: #000
    }

    .product-page .theme-black {
        --theme-stroke: #fff;
        --theme-color: #fff;
        --theme-background: #1e1e1e;
        --theme-background-inverse: #fff
    }

    .product-page .picture-cover {
        display: block;
        position: relative;
        width: 100%;
        height: 100%
    }

        .product-page .picture-cover img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .product-page .picture-cover:before {
            content: "";
            display: block
        }

    .product-page .p-second-nav {
        position: sticky;
        top: calc(4.1666666667vw - 1px);
        z-index: 99;
        background: #ffffff;
        box-shadow: 0 0 4px #0000000d;
        width: 100%;
        overflow: hidden
    }

        .product-page .p-second-nav .second-nav-list {
            padding: 1.09375vw 6.25vw;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            overflow-y: hidden;
            overflow-x: auto;
            margin: 0 -.7291666667vw
        }

            .product-page .p-second-nav .second-nav-list::-webkit-scrollbar {
                display: none
            }

        .product-page .p-second-nav .second-nav-anchor {
            flex-shrink: 0;
            position: relative;
            font-size: .9375vw;
            font-weight: 400;
            line-height: 1.2222222222;
            border-radius: 2.6041666667vw;
            cursor: pointer;
            margin: 0 .7291666667vw;
            padding: .4166666667vw 1.0416666667vw
        }

            .product-page .p-second-nav .second-nav-anchor.is-active, .product-page .p-second-nav .second-nav-anchor:hover {
                color: #fff;
                background-color: #005fa5
            }

    .product-page .p01 .p01-container {
        position: relative
    }

    .product-page .p01 .p01-media {
        font-size: 0;
        padding-bottom: 46.875%
    }

        .product-page .p01 .p01-media img, .product-page .p01 .p01-media video {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .product-page .p01 .p01-content {
        position: absolute;
        top: 12.1875vw;
        left: 6.25vw
    }

    .product-page .p01 .p01-logo {
        height: 2.0833333333vw;
        margin-bottom: .625vw
    }

        .product-page .p01 .p01-logo img {
            height: 100%;
            width: auto
        }

    .product-page .p01 .p01-title {
        font-size: 2.5vw;
        line-height: 1.25;
        width: 20.8333333333vw;
        color: #fff;
        font-weight: 400;
        margin-bottom: .625vw
    }

    .product-page .p01 .p01-text {
        font-size: .8333333333vw;
        width: 20.8333333333vw;
        color: #fff;
        font-weight: 400;
        line-height: 1.5
    }

    .product-page .p01 .p01-above {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4
    }

    .product-page .p01 .p01-disclaimer {
        position: absolute;
        width: 30.2083333333vw;
        bottom: 3.125vw;
        left: 6.25vw;
        font-size: .9375vw;
        font-weight: 200;
        line-height: 1.3333333333;
        color: #fff
    }

    .product-page .p01 .p01-operation {
        position: absolute;
        bottom: 3.6458333333vw;
        right: 6.25vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        font-size: 0
    }

    .product-page .p01 .switch-status-btn {
        cursor: pointer;
        margin-bottom: 2.0833333333vw;
        display: none;
        outline: 0;
        border: 0
    }

        .product-page .p01 .switch-status-btn.is-play, .product-page .p01 .switch-status-btn.is-pause, .product-page .p01 .switch-status-btn.is-play .pause-icon, .product-page .p01 .switch-status-btn.is-pause .play-icon {
            display: inline-block
        }

    .product-page .p01 .status-icon {
        width: 3.6458333333vw;
        height: 3.6458333333vw;
        display: none
    }

    .product-page .p01 .download-btn {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 0;
        cursor: pointer;
        display: none
    }

    .product-page .p01 .download-icon svg {
        width: 1.25vw;
        height: 1.25vw
    }

    .product-page .p01 .download-text {
        font-size: .9375vw;
        margin-left: .5208333333vw;
        color: #fff
    }

    .product-page .p02 .p02-container {
        position: relative;
        overflow: hidden;
        background-color: #f6f6f6
    }

    .product-page .p02 .switch-tab {
        min-width: 7.8125vw;
        font-size: 1.25vw;
        font-weight: 700;
        line-height: 1.9791666667vw;
        margin: 0 .3125vw;
        color: #000;
        padding: 0 .625vw .46875vw;
        border-bottom: .2083333333vw solid rgba(0,0,0,.4)
    }

        .product-page .p02 .switch-tab.is-active {
            font-size: 1.6666666667vw;
            border-color: #000
        }

    .product-page .p02 .tabs-header {
        position: absolute;
        width: 100%;
        top: 4.1666666667vw;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 4
    }

    .product-page .p02 .tabs-content {
        display: flex;
        justify-content: flex-start;
        transition: transform .3s;
        width: 100%
    }

    .product-page .p02 .tabs-panel {
        position: relative;
        width: 100%;
        flex-shrink: 0;
        padding: 4.1666666667vw 6.25vw
    }

    .product-page .p02 .panel-swiper {
        position: relative;
        margin: 2.6041666667vw 10.4166666667vw 5.2083333333vw
    }

        .product-page .p02 .panel-swiper:before {
            content: "";
            display: block;
            padding-bottom: 46.875%
        }

        .product-page .p02 .panel-swiper .swiper-wrapper {
            position: absolute;
            top: 0;
            left: 0
        }

    .product-page .p02 .panel-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        font-size: 0;
        cursor: pointer;
        pointer-events: all
    }

    .product-page .p02 .swiper-button-lock {
        display: inline-block;
        visibility: hidden
    }

    .product-page .p02 .panel-btn-prev {
        left: 6.25vw
    }

    .product-page .p02 .panel-btn-next {
        right: 6.25vw
    }

    .product-page .p02 .panel-btn-icon {
        width: 2.6041666667vw;
        height: 2.6041666667vw;
        pointer-events: none
    }

    .product-page .p02 .panel-slide {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .product-page .p02 .panel-slide-img {
        height: 100%
    }

    .product-page .p02 .slide-content-hide, .product-page .p02 .slide-list-hide {
        display: none
    }

    .product-page .p02 .panel-handle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateZ(0);
        z-index: 3;
        pointer-events: none
    }

    .product-page .p02 .panel-footer {
        position: absolute;
        left: 13.5416666667vw;
        right: 13.5416666667vw;
        bottom: 4.1666666667vw;
        z-index: 3;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .product-page .p02 .panel-slide-content {
        padding-right: 1.5625vw
    }

    .product-page .p02 .panel-slide-title {
        margin-bottom: .4166666667vw;
        color: #000
    }

    .product-page .p02 .panel-slide-text {
        color: #000
    }

    .product-page .p02 .slide-colors {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        pointer-events: all;
        margin: -1.0416666667vw
    }

    .product-page .p02 .active-icon {
        width: 4.375vw;
        height: 4.375vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

        .product-page .p02 .active-icon image {
            overflow: hidden;
            border-radius: 50%
        }

        .product-page .p02 .active-icon circle {
            visibility: hidden
        }

    .product-page .p02 .slide-color-btn {
        position: relative;
        width: 3.125vw;
        height: 3.125vw;
        margin: 1.0416666667vw;
        border-radius: 50%;
        box-shadow: 0 5px 8px #1f212733;
        font-size: 0
    }

        .product-page .p02 .slide-color-btn.is-disable {
            cursor: default;
            box-shadow: none
        }

            .product-page .p02 .slide-color-btn.is-disable:after {
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                border-radius: 50%;
                transform: translate(-50%,-50%);
                width: 70%;
                height: 70%;
                background-color: #fff
            }

        .product-page .p02 .slide-color-btn.is-active circle {
            visibility: visible
        }

    .product-page .p03 .p03-container {
        position: relative;
        display: flex;
        justify-content: flex-start;
        color: var(--theme-color);
        background-color: var(--theme-background);
        stroke: var(--theme-stroke)
    }

    .product-page .p03 .p03-swiper {
        flex-shrink: 0;
        width: 69.7916666667%;
        margin-left: 0;
        margin-right: 0
    }

    .product-page .p03 .picture-cover:before {
        padding-bottom: 67.1641791045%
    }

    .product-page .p03 .p03-content-wrap {
        padding: 6.25vw 6.25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .product-page .p03 .p03-title {
        font-weight: 700;
        margin-bottom: 1.5625vw
    }

    .product-page .p03 .p03-subtitle {
        margin-bottom: 1.0416666667vw
    }

    .product-page .p03 .p03-text {
        font-size: 1.25vw;
        line-height: 1.5;
        font-weight: 400
    }

    .product-page .p03 .p03-switch-colors {
        font-size: 0;
        margin: 1.4583333333vw -.625vw 1.6666666667vw
    }

    .product-page .p03 .p03-color-btn {
        position: relative;
        width: 3.125vw;
        height: 3.125vw;
        border-radius: 50%;
        margin: .625vw
    }

        .product-page .p03 .p03-color-btn.is-disable:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 2;
            border-radius: 50%;
            width: 2.1875vw;
            height: 2.1875vw;
            background-color: var(--theme-background)
        }

        .product-page .p03 .p03-color-btn.is-active circle {
            visibility: visible
        }

    .product-page .p03 .active-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 4.375vw;
        height: 4.375vw
    }

        .product-page .p03 .active-icon circle {
            visibility: hidden
        }

        .product-page .p03 .active-icon image {
            border-radius: 50%;
            overflow: hidden
        }

    .product-page .p03 .hide-content {
        display: none
    }

    .product-page .p04 .p04-container {
        position: relative;
        overflow: hidden
    }

    .product-page .p04 .switch-tab {
        min-width: 7.8125vw;
        font-size: 1.25vw;
        line-height: 1.9791666667vw;
        font-weight: 700;
        margin: 0 .3125vw;
        padding: 0 .625vw .46875vw;
        color: #fff;
        border-bottom: .2083333333vw solid rgba(255,255,255,.4)
    }

        .product-page .p04 .switch-tab.is-active {
            font-size: 1.6666666667vw;
            border-color: #fff
        }

    .product-page .p04 .tabs-header {
        position: absolute;
        width: 100%;
        top: 4.1666666667vw;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 4
    }

    .product-page .p04 .tabs-content {
        display: flex;
        justify-content: flex-start;
        transition: transform .3s
    }

    .product-page .p04 .tabs-panel {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        justify-content: flex-start
    }

    .product-page .p04 .panel-bg {
        width: 100%;
        flex-shrink: 0
    }

    .product-page .p04 .picture-cover:before {
        padding-bottom: 46.875%
    }

    .product-page .p04 .panel-content {
        position: relative;
        z-index: 3;
        width: 100%;
        flex-shrink: 0;
        margin-left: -100%;
        padding-top: 9.9479166667vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 4.1666666667vw
    }

    .product-page .p04 .spec-num {
        font-weight: 700;
        color: #fff;
        margin-bottom: .3645833333vw;
        line-height: .7916666667
    }

    .product-page .p04 .spec-des {
        color: #fff;
        line-height: 1.7777777778
    }

    .product-page .p04 .content-header {
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 3.125vw
    }

        .product-page .p04 .content-header .spec-item {
            margin: 0 2.0833333333vw
        }

    .product-page .p04 .content-right {
        width: 20.8333333333vw;
        display: flex;
        text-align: right;
        flex-direction: column;
        align-items: flex-end;
        margin-right: 6.25vw;
        margin-top: -1.5625vw;
        margin-bottom: -1.5625vw
    }

        .product-page .p04 .content-right .spec-num {
            line-height: 1.171875;
            margin-bottom: 1.0416666667vw
        }

        .product-page .p04 .content-right .spec-item {
            margin: 1.5625vw 0
        }

    .product-page .p05 .p05-container {
        padding: 6.25vw 0;
        color: var(--theme-color);
        background-color: var(--theme-background)
    }

    .product-page .p05 .swiper-slide {
        display: flex;
        align-items: center
    }

    .product-page .p05 .p05-content {
        flex-shrink: 1;
        width: 100%;
        padding: 0 6.25vw
    }

    .product-page .p05 .p05-text {
        margin-top: 3.125vw
    }

    .product-page .p05 .picture-cover {
        flex-shrink: 0;
        width: 57.2916666667%
    }

        .product-page .p05 .picture-cover:before {
            padding-bottom: calc(var(--img-h, 600) / var(--img-w, 1100) * 100%)
        }

    .product-page .p05 .slide-text {
        display: none
    }

    .product-page .p05 .swiper-footer {
        margin-top: 1.5625%;
        padding-left: 42.7083333333%;
        padding-right: 6.25%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

        .product-page .p05 .swiper-footer.is-hide {
            display: none
        }

    .product-page .p05 .p05-img-text {
        width: 69.387755102%;
        margin-right: 1.5625%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }

        .product-page .p05 .p05-img-text div {
            width: 100%;
            opacity: 0
        }

            .product-page .p05 .p05-img-text div:nth-of-type(n + 2) {
                margin-left: -100%
            }

            .product-page .p05 .p05-img-text div.is-show {
                opacity: 1
            }

    .product-page .p05 .p05-pagination {
        display: flex;
        width: auto;
        justify-content: flex-end;
        padding-top: .625vw
    }

        .product-page .p05 .p05-pagination.is-hide {
            display: none
        }

    .product-page .p05 .pagination-line {
        cursor: pointer;
        width: 2.0833333333vw;
        height: .2083333333vw;
        margin: 0 .15625vw;
        background-color: var(--theme-background-inverse);
        opacity: .1
    }

        .product-page .p05 .pagination-line:first-child {
            margin-left: 0
        }

        .product-page .p05 .pagination-line:last-child {
            margin-right: 0
        }

        .product-page .p05 .pagination-line.is-active {
            opacity: 1
        }

    .product-page .p06 .p06-container {
        position: relative;
        display: flex
    }

    .product-page .p06 .p06-media {
        width: 100%
    }

    .product-page .p06 .picture-cover:before {
        padding-bottom: 46.875%
    }

    .product-page .p06 .p06-content {
        position: relative;
        z-index: 3;
        width: 100%;
        margin-left: -100%;
        padding: 6.25vw;
        color: #fff;
        display: flex;
        flex-direction: column
    }

    .product-page .p06 .layout-1 .p06-content {
        justify-content: flex-start;
        align-items: flex-end;
        text-align: right
    }

    .product-page .p06 .layout-2 .p06-content {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left
    }

    .product-page .p06 .layout-3 .p06-content {
        justify-content: flex-end;
        align-items: flex-end;
        text-align: right
    }

    .product-page .p06 .layout-4 .p06-content {
        justify-content: flex-end;
        align-items: flex-start;
        text-align: left
    }

    .product-page .p06 .p06-title {
        width: 30.9523809524%
    }

    .product-page .p06 .p06-text {
        margin-top: 3.125vw;
        width: 30.9523809524%
    }

    .product-page .p07 .p07-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 6.25vw 0;
        color: var(--theme-color);
        background-color: var(--theme-background);
        overflow: hidden
    }

    .product-page .p07 .p07-content {
        width: 100%;
        padding: 0 12.5vw;
        text-align: center;
        margin-bottom: 3.125vw
    }

    .product-page .p07 .p07-text {
        margin-top: 1.5625vw
    }

    .product-page .p07 .p07-card-container {
        position: relative;
        width: 100%;
        padding: 0 6.25vw
    }

        .product-page .p07 .p07-card-container.is-animated .p07-card-item {
            opacity: 1;
            transform: translateY(0);
            transition: transform .5s ease-in,opacity .5s ease-in;
            transition-delay: calc(var(--duration) * .3s)
        }

    .product-page .p07 .p07-card-list {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }

    .product-page .p07 .swiper-navigation {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        left: 6.25%;
        right: 6.25%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .product-page .p07 .swiper-btn-icon {
        width: 2.8125vw;
        height: 2.8125vw
    }

    .product-page .p07 .swiper-btn-prev.is-disabled, .product-page .p07 .swiper-btn-next.is-disabled {
        visibility: hidden
    }

    .product-page .p07 .is-swiper .p07-card-list {
        justify-content: flex-start
    }

    .product-page .p07 .p07-card-item {
        flex-shrink: 0;
        width: 49.4047619048%;
        opacity: 0;
        transform: translateY(2.6041666667vw)
    }

    .product-page .p07 .picture-cover:before {
        padding-bottom: calc(var(--img-h, 550) / var(--img-w, 530) * 100%)
    }

    .product-page .p07 .layout-1 .p07-card-item {
        width: 49.4047619048%;
        margin-right: 1.1904761905%
    }

        .product-page .p07 .layout-1 .p07-card-item:last-of-type {
            margin-right: 0
        }

    .product-page .p07 .layout-2 .p07-card-item {
        width: 31.5476190476%;
        margin-right: 2.6785714286%
    }

        .product-page .p07 .layout-2 .p07-card-item:last-of-type {
            margin-right: 0
        }

    .product-page .p07 .p07-card-title {
        font-weight: 700;
        margin-top: 1.5625vw;
        padding-right: 1.5625vw
    }

        .product-page .p07 .p07-card-title + .p07-card-text {
            margin-top: 1.0416666667vw
        }

    .product-page .p07 .p07-card-text {
        margin-top: 1.5625vw;
        padding-right: 1.5625vw
    }

    .product-page .p08 .p08-container {
        display: flex;
        width: 100%;
        overflow: hidden
    }

    .product-page .p08 .p08-media {
        flex-shrink: 0;
        width: 100%
    }

    .product-page .p08 .picture-cover:before {
        content: "";
        display: block;
        padding-bottom: 46.875%
    }

    .product-page .p08 .p08-text-container {
        position: relative;
        flex-shrink: 0;
        width: 100%;
        margin-left: -100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 6.25vw 6.25vw 4.1666666667vw;
        color: #fff
    }

    .product-page .p08 .layout-2 .p08-content {
        text-align: right;
        margin-left: auto
    }

    .product-page .p08 .p08-title {
        width: 27.0833333333vw
    }

    .product-page .p08 .p08-text {
        width: 27.0833333333vw;
        margin-top: 1.5625vw
    }

    .product-page .p08 .p08-point-list {
        margin-top: 3.125vw;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .product-page .p08 .p08-point-item {
        width: 26.1904761905%
    }

        .product-page .p08 .p08-point-item + .p08-point-item {
            margin-left: 10.7142857143%
        }

    .product-page .p08 .p08-point-icon {
        width: 100%;
        margin-bottom: 1.0416666667vw
    }

        .product-page .p08 .p08-point-icon img {
            width: auto;
            height: 2.0833333333vw;
            object-fit: contain
        }

    .product-page .p09 .p09-container {
        padding: 6.25vw 0;
        color: var(--theme-color);
        background-color: var(--theme-background)
    }

    .product-page .p09 .p09-content {
        text-align: center;
        padding: 0 12.5vw;
        margin-bottom: 3.125vw
    }

    .product-page .p09 .p09-text {
        margin-top: 1.5625vw
    }

    .product-page .p09 .p09-swiper {
        padding: 0 6.0416666667vw
    }

        .product-page .p09 .p09-swiper.is-center .swiper-wrapper {
            justify-content: center
        }

        .product-page .p09 .p09-swiper.is-center .swiper-btn-prev, .product-page .p09 .p09-swiper.is-center .swiper-btn-next {
            display: none
        }

        .product-page .p09 .p09-swiper .swiper-slide {
            width: 31.25vw;
            margin: 0 .2083333333vw;
            cursor: pointer
        }

        .product-page .p09 .p09-swiper .picture-cover:before {
            padding-bottom: calc(var(--img-h) / var(--img-w) * 100%)
        }

        .product-page .p09 .p09-swiper .swiper-btn-icon {
            width: 2.8125vw;
            height: 2.8125vw
        }

        .product-page .p09 .p09-swiper .swiper-btn-prev, .product-page .p09 .p09-swiper .swiper-btn-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
            cursor: pointer
        }

            .product-page .p09 .p09-swiper .swiper-btn-prev.is-disabled, .product-page .p09 .p09-swiper .swiper-btn-next.is-disabled {
                visibility: hidden
            }

        .product-page .p09 .p09-swiper .swiper-btn-prev {
            left: 6.25%
        }

        .product-page .p09 .p09-swiper .swiper-btn-next {
            left: auto;
            right: 6.25%
        }

    .product-page .p09 .p09-popup {
        position: fixed;
        z-index: 10000;
        inset: 0;
        background-color: #000c;
        display: none
    }

        .product-page .p09 .p09-popup.is-show {
            display: block
        }

        .product-page .p09 .p09-popup .p09-popup-swiper {
            width: 100%;
            height: 100%
        }

        .product-page .p09 .p09-popup picture {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .product-page .p09 .p09-popup .slide-img {
            width: auto;
            object-fit: initial;
            max-width: 100%;
            max-height: 100%
        }

        .product-page .p09 .p09-popup .swiper-btn-icon {
            width: 4.2708333333vw;
            height: 4.2708333333vw
        }

        .product-page .p09 .p09-popup .swiper-btn-prev, .product-page .p09 .p09-popup .swiper-btn-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
            cursor: pointer
        }

            .product-page .p09 .p09-popup .swiper-btn-prev.is-disabled, .product-page .p09 .p09-popup .swiper-btn-next.is-disabled {
                visibility: hidden
            }

        .product-page .p09 .p09-popup .swiper-btn-prev {
            left: 3.125%
        }

        .product-page .p09 .p09-popup .swiper-btn-next {
            left: auto;
            right: 3.125%
        }

    .product-page .p09 .p09-close-btn {
        position: absolute;
        background-color: transparent;
        top: 3.125vw;
        right: 3.125vw;
        width: 4.2708333333vw;
        height: 4.2708333333vw;
        z-index: 3
    }

        .product-page .p09 .p09-close-btn svg {
            width: 100%;
            height: 100%
        }

    .product-page .p10 .p10-container {
        color: var(--theme-color);
        background-color: var(--theme-background);
        padding: 3.125vw 6.25vw 6.25vw
    }

    .product-page .p10 .p10-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2.0833333333vw
    }

    .product-page .p10 .p10-swiper-navigation {
        display: flex;
        align-items: center;
        font-size: 0
    }

    .product-page .p10 .swiper-btn-prev, .product-page .p10 .swiper-btn-next {
        cursor: pointer
    }

        .product-page .p10 .swiper-btn-prev.is-disabled, .product-page .p10 .swiper-btn-next.is-disabled {
            opacity: .6;
            cursor: default
        }

    .product-page .p10 .swiper-btn-next {
        margin-left: 2.0833333333vw
    }

    .product-page .p10 .swiper-btn-icon {
        width: 2.0833333333vw;
        height: 2.0833333333vw
    }

    .product-page .p10 .p10-card-media {
        position: relative;
        padding-bottom: 41.4285714286%;
        margin-bottom: 1.0416666667vw
    }

        .product-page .p10 .p10-card-media img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%
        }

    .product-page .p10 .p10-card-title {
        font-size: 1.25vw;
        line-height: 1.1720833333;
        font-weight: 700;
        text-align: center
    }

    .product-page .p11 .p11-container {
        width: 100%;
        display: flex;
        color: var(--theme-color);
        background-color: var(--theme-background)
    }

    .product-page .p11 .layout-2 {
        flex-direction: row-reverse
    }

    .product-page .p11 .picture-cover:before {
        padding-bottom: 67.1641791045%
    }

    .product-page .p11 .p11-media {
        flex-shrink: 0;
        width: 69.7916666667%
    }

    .product-page .p11 .p11-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 6.25vw
    }

    .product-page .p11 .p11-text {
        margin-top: 1.5625vw
    }

    .product-page .p12 .p12-container {
        color: var(--theme-color);
        background-color: var(--theme-background);
        overflow: hidden
    }

    .product-page .p12 .p12-content {
        text-align: center;
        padding: 6.25% 12.5% 3.125%
    }

    .product-page .p12 .p12-text {
        margin-top: 1.5625vw
    }

    .product-page .p12 .picture-cover:before {
        padding-bottom: calc(var(--img-h, 520) / var(--img-w, 1920) * 100%)
    }

    .product-page .p12 .p12-media {
        transform: scale(.875);
        transform-origin: top center
    }

    .product-page .p12 .layout-2 .p12-media {
        padding: 0 6.25% 6.25%;
        transform: scale(1.143)
    }

    .product-page .p13 .p13-container {
        color: var(--theme-color);
        background-color: var(--theme-background);
        padding: calc(var(--p-t, 30) / 19.2 * 1vw) 6.25vw calc(var(--p-b, 60) / 19.2 * 1vw)
    }

        .product-page .p13 .p13-container.theme-grey {
            color: #949494
        }

    .product-page .p13 .p13-disclaimer {
        font-weight: 300
    }

    .product-page .p14 .p14-nedia-container {
        position: relative;
        font-size: 0
    }

        .product-page .p14 .p14-nedia-container video {
            width: 100%;
            height: 42.1875vw;
            margin-top: 0;
            -o-object-fit: cover;
            object-fit: cover
        }

@media screen and (max-aspect-ratio: 11/10) {
    .product-page .pd-title {
        font-size: 6.9333333333vw;
        line-height: 1.3076923077
    }

    .product-page .pd-text {
        font-size: 4.2666666667vw;
        line-height: 1.5
    }

    .product-page .pd-text-small {
        font-size: 3.7333333333vw;
        line-height: 1.4285714286
    }

    .product-page .p01-content, .product-page .p03-title, .product-page .p03-subtitle, .product-page .p03-text, .product-page .p05-title, .product-page .p05-text, .product-page .p06-title, .product-page .p06-text, .product-page .p08-title, .product-page .p08-text, .product-page .p11-title, .product-page .p11-text {
        transform: translateY(8vw)
    }

    .product-page .p-second-nav {
        top: calc(13.0666666667vw - 1px)
    }

        .product-page .p-second-nav .second-nav-list {
            height: 16vw;
            padding: 4.6666666667vw 3.2vw;
            margin: 0;
            justify-content: flex-start
        }

        .product-page .p-second-nav .second-nav-anchor {
            font-size: 4.2666666667vw;
            line-height: 1.171875;
            margin: 0 2.1333333333vw;
            padding: .8vw 3.2vw;
            border-radius: 6.6666666667vw
        }

            .product-page .p-second-nav .second-nav-anchor:hover {
                color: inherit;
                background-color: inherit
            }

            .product-page .p-second-nav .second-nav-anchor.is-active {
                color: #fff;
                background-color: #005fa5
            }

    .product-page .p01 .p01-media {
        padding-bottom: 178%
    }

    .product-page .p01 .p01-content {
        top: 27.3333333333vw;
        left: 16vw
    }

    .product-page .p01 .p01-logo {
        height: 6.4vw;
        margin-bottom: 3.2vw
    }

    .product-page .p01 .p01-title {
        font-size: 6.9333333333vw;
        line-height: 1.1538461538;
        width: 62.6666666667vw;
        margin-bottom: 3.2vw
    }

    .product-page .p01 .p01-text {
        font-size: 3.2vw;
        line-height: 1.5;
        width: 62.6666666667vw
    }

    .product-page .p01 .p01-above {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        text-align: center;
        padding: 8vw 5.3333333333vw
    }

    .product-page .p01 .p01-disclaimer {
        position: initial;
        width: 100%;
        padding: 0;
        font-size: 3.2vw;
        line-height: 1.3333333333
    }

    .product-page .p01 .p01-operation {
        position: initial;
        justify-content: center;
        align-items: center;
        font-size: 0;
        margin-bottom: 4vw
    }

    .product-page .p01 .switch-status-btn {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .product-page .p01 .status-icon {
        width: 16vw;
        height: 16vw
    }

    .product-page .p01 .download-btn {
        justify-content: flex-start
    }

    .product-page .p01 .download-icon svg {
        width: 4.5333333333vw;
        height: 4.5333333333vw
    }

    .product-page .p01 .download-text {
        font-size: 3.7333333333vw;
        line-height: 1.1717857143;
        margin-left: 1.6vw
    }

    .product-page .p02 .p02-container {
        padding-top: 28.8vw
    }

    .product-page .p02 .tabs-header {
        top: 10.6666666667vw
    }

    .product-page .p02 .switch-tab {
        min-width: 17.3333333333vw;
        font-size: 4.2666666667vw;
        line-height: 5.0666666667vw;
        margin: 0 2.6666666667vw;
        padding: 0 1.6vw 1.6vw;
        min-width: 21.3333333333vw;
        border-bottom: .8vw solid rgba(0,0,0,.4)
    }

        .product-page .p02 .switch-tab.is-active {
            font-size: 5.3333333333vw
        }

    .product-page .p02 .tabs-panel {
        padding: 0
    }

    .product-page .p02 .panel-swiper {
        width: 100%;
        margin: 0
    }

        .product-page .p02 .panel-swiper:before {
            padding-bottom: 46.6666666667%
        }

    .product-page .p02 .panel-handle {
        margin-top: 9.7333333333vw;
        height: auto;
        position: initial;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }

    .product-page .p02 .panel-footer {
        position: static;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .product-page .p02 .panel-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 9.0666666667vw
    }

    .product-page .p02 .panel-btn {
        position: initial;
        transform: none;
        margin: 0 6.6666666667vw
    }

    .product-page .p02 .panel-btn-icon {
        width: 9.0666666667vw;
        height: 9.0666666667vw
    }

    .product-page .p02 .panel-slide-content {
        width: 100%;
        position: initial;
        text-align: center;
        padding-right: 0
    }

    .product-page .p02 .panel-slide-title, .product-page .p02 .panel-slide-text {
        margin-bottom: 4vw
    }

    .product-page .p02 .slide-colors {
        position: initial;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 12vw;
        width: 63.2vw
    }

    .product-page .p02 .active-icon {
        width: 18.4vw;
        height: 18.4vw
    }

    .product-page .p02 .slide-color-btn {
        width: 13.0666666667vw;
        height: 13.0666666667vw;
        margin: 4vw
    }

    .product-page .p03 .p03-container {
        flex-direction: column
    }

    .product-page .p03 .p03-swiper {
        width: 100%
    }

    .product-page .p03 .picture-cover:before {
        padding-bottom: 66.6666666667%
    }

    .product-page .p03 .p03-content-wrap {
        padding: 16vw 8vw 10.6666666667vw;
        justify-content: flex-start;
        align-items: center;
        text-align: center
    }

    .product-page .p03 .p03-title {
        margin-bottom: 5.3333333333vw
    }

    .product-page .p03 .p03-subtitle {
        margin-bottom: 2.6666666667vw
    }

    .product-page .p03 .p03-text {
        font-size: 4.2666666667vw;
        line-height: 1.5
    }

    .product-page .p03 .p03-colors-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .product-page .p03 .p03-switch-colors {
        font-size: 0;
        margin-top: 12vw;
        margin-bottom: 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 51.2vw
    }

    .product-page .p03 .p03-color-btn {
        width: 11.7333333333vw;
        height: 11.7333333333vw;
        margin: 3.3333333333vw 2.6666666667vw
    }

        .product-page .p03 .p03-color-btn.is-disable:before {
            width: 8.5333333333vw;
            height: 8.5333333333vw
        }

    .product-page .p03 .active-icon {
        width: 18.4vw;
        height: 18.4vw
    }

        .product-page .p03 .active-icon image {
            width: 53.56px;
            height: 53.56px;
            transform: translate(5.44px,5.44px)
        }

    .product-page .p03 .p03-color-text {
        margin-top: 6vw
    }

    .product-page .p04 .switch-tab {
        min-width: 26.6666666667vw;
        font-size: 4.2666666667vw;
        line-height: 5.0666666667vw;
        font-weight: 700;
        margin: 0 2.6666666667vw;
        padding: 0 1.6vw 1.6vw;
        border-bottom: .8vw solid rgba(255,255,255,.4)
    }

        .product-page .p04 .switch-tab.is-active {
            font-size: 5.3333333333vw
        }

    .product-page .p04 .tabs-header {
        top: 10.6666666667vw
    }

    .product-page .p04 .picture-cover:before {
        padding-bottom: 178%
    }

    .product-page .p04 .panel-content {
        padding-top: 28.8vw;
        padding-bottom: 16vw
    }

    .product-page .p04 .spec-num {
        margin-bottom: 1.6vw;
        line-height: .7307692308
    }

    .product-page .p04 .spec-des {
        line-height: 1.3571428571
    }

    .product-page .p04 .content-header {
        margin-top: -1.5625vw;
        margin-bottom: 8vw;
        padding: 0 12vw;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .product-page .p04 .content-header .spec-item {
            flex-shrink: 0;
            width: calc(50% - 5.3333333333vw);
            padding: 0;
            margin: 4vw 0
        }

    .product-page .p04 .content-right {
        width: 45.3333333333vw;
        margin: -4vw 8vw -4vw 0
    }

        .product-page .p04 .content-right .spec-item {
            margin: 4vw 0
        }

        .product-page .p04 .content-right .spec-num {
            line-height: .7307692308;
            margin-bottom: 2.6666666667vw
        }

        .product-page .p04 .content-right .spec-des {
            margin-bottom: 0;
            line-height: 1.2857142857
        }

    .product-page .p05 .p05-container {
        padding: 8vw 0
    }

    .product-page .p05 .swiper-wrapper {
        flex-direction: column
    }

    .product-page .p05 .swiper-slide {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 8vw 0 8vw 8vw
    }

    .product-page .p05 .p05-content {
        padding-left: 0;
        padding-right: 8vw;
        margin-bottom: 10.6666666667vw
    }

    .product-page .p05 .p05-text {
        margin-top: 8vw
    }

    .product-page .p05 .p05-media {
        flex-shrink: 0;
        width: 100%;
        padding-left: 8vw
    }

    .product-page .p05 .picture-cover {
        width: 100%
    }

    .product-page .p05 .slide-text {
        display: block;
        width: 76.5217391304%;
        padding-top: 5.3333333333vw
    }

    .product-page .p05 .swiper-footer {
        display: none
    }

    .product-page .p05 .p05-img-text {
        width: 76.5217391304%;
        padding-top: 5.3333333333vw;
        margin-right: 0
    }

    .product-page .p05 .p05-pagination {
        justify-content: flex-start;
        margin-right: 0;
        padding-top: 5.3333333333vw
    }

    .product-page .p05 .pagination-line {
        width: 5.3333333333vw;
        height: .5333333333vw;
        margin: 0 .4vw
    }

    .product-page .p06 .picture-cover:before {
        padding-bottom: 178%
    }

    .product-page .p06 .p06-content {
        padding: 16vw 8vw
    }

    .product-page .p06 .p06-title {
        width: 100%
    }

    .product-page .p06 .p06-text {
        width: 100%;
        margin-top: 8vw
    }

    .product-page .p07 .p07-container {
        padding: 16vw 8vw 12vw
    }

    .product-page .p07 .p07-content {
        padding: 0;
        margin-bottom: 6.6666666667vw
    }

    .product-page .p07 .p07-text {
        margin-top: 8vw
    }

    .product-page .p07 .p07-card-container {
        padding: 0
    }

    .product-page .p07 .p07-card-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .product-page .p07 .p07-card-item {
        width: 100%;
        margin: 4vw 0;
        transform: translateY(6.6666666667vw)
    }

    .product-page .p07 .layout-1 .p07-card-item, .product-page .p07 .layout-2 .p07-card-item {
        width: 100%;
        margin: 4vw 0
    }

    .product-page .p07 .swiper-navigation {
        display: none
    }

    .product-page .p07 .p07-card-title {
        margin-top: 5.3333333333vw;
        font-size: 3.7333333333vw;
        padding-right: 0
    }

        .product-page .p07 .p07-card-title + .p07-card-text {
            margin-top: 2.9333333333vw
        }

    .product-page .p07 .p07-card-text {
        margin-top: 5.3333333333vw;
        padding-right: 0
    }

    .product-page .p08 .picture-cover:before {
        padding-bottom: 178%
    }

    .product-page .p08 .p08-text-container {
        padding: 16vw 8vw 12vw
    }

    .product-page .p08 .p08-title {
        width: 100%
    }

    .product-page .p08 .p08-text {
        width: 100%;
        margin-top: 8vw
    }

    .product-page .p08 .p08-point-list {
        flex-direction: column;
        margin-top: 4vw
    }

    .product-page .p08 .p08-point-item {
        width: 100%;
        margin: 4vw 0
    }

        .product-page .p08 .p08-point-item + .p08-point-item {
            margin-left: 0
        }

    .product-page .p08 .p08-point-icon {
        margin-bottom: 4vw
    }

        .product-page .p08 .p08-point-icon img {
            width: auto;
            height: 8vw
        }

    .product-page .p08 .p08-point-text {
        font-size: 3.7333333333vw;
        line-height: 1.5
    }

    .product-page .p09 .p09-container {
        padding: 16vw 0
    }

    .product-page .p09 .p09-content {
        padding: 0 8vw;
        margin-bottom: 10.6666666667vw
    }

    .product-page .p09 .p09-text {
        margin-top: 8vw
    }

    .product-page .p09 .p09-swiper {
        padding: 0
    }

        .product-page .p09 .p09-swiper .swiper-slide {
            width: 80vw;
            margin: 0;
            margin-right: 1.6vw
        }

            .product-page .p09 .p09-swiper .swiper-slide:last-of-type {
                margin-right: 0
            }

        .product-page .p09 .p09-swiper .swiper-btn-prev, .product-page .p09 .p09-swiper .swiper-btn-next, .product-page .p09 .p09-popup .swiper-btn-prev, .product-page .p09 .p09-popup .swiper-btn-next {
            display: none
        }

    .product-page .p09 .p09-close-btn {
        top: 5.3333333333vw;
        right: 5.3333333333vw;
        width: 13.6vw;
        height: 13.6vw
    }

    .product-page .p10 .p10-container {
        padding: 8vw 0 16vw
    }

    .product-page .p10 .p10-head {
        margin-bottom: 5.3333333333vw;
        padding: 0 8vw
    }

    .product-page .p10 .p10-swiper {
        padding: 0 4vw
    }

    .product-page .p10 .p10-swiper-navigation {
        display: none
    }

    .product-page .p10 .p10-card-item {
        width: 50.6666666667vw
    }

    .product-page .p10 .p10-title {
        font-size: 6.9333333333vw
    }

    .product-page .p10 .p10-card-media {
        padding-bottom: 41.5789473684%;
        margin-bottom: 2.4266666667vw
    }

    .product-page .p10 .p10-card-title {
        font-size: 4.2666666667vw
    }

    .product-page .p11 .p11-container {
        flex-direction: column
    }

    .product-page .p11 .picture-cover:before {
        padding-bottom: 66.6666666667%
    }

    .product-page .p11 .p11-media {
        width: 100%
    }

    .product-page .p11 .p11-content {
        padding: 10.6666666667vw 8vw 16vw
    }

    .product-page .p11 .layout-2 {
        flex-direction: column-reverse
    }

        .product-page .p11 .layout-2 .p11-content {
            padding: 16vw 8vw 10.6666666667vw
        }

    .product-page .p11 .p11-text {
        margin-top: 8vw
    }

    .product-page .p12 .p12-content {
        padding: 16vw 8vw 10.6666666667vw
    }

    .product-page .p12 .p12-text {
        margin-top: 8vw
    }

    .product-page .p12 .layout-2 .p12-media {
        padding: 0
    }

    .product-page .p12 .picture-cover:before {
        padding-bottom: calc(var(--img-h-xs, 300) / var(--img-w-xs, 750) * 100%)
    }

    .product-page .p13 .p13-container {
        padding: calc(var(--p-t, 30) / 750 * 100vw) 8vw calc(var(--p-b, 60) / 750 * 100vw)
    }

    .product-page .p13 .p13-disclaimer {
        font-size: 3.2vw;
        line-height: 1.4283333333
    }

    .product-page .p14 .p14-nedia-container video {
        height: 42.1333333333vw
    }
}

#question-page {
    height: calc(100vh - 4.1666666667vw);
    background-color: #fff
}

    #question-page .question-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow-y: auto
    }

    #question-page .question-start {
        min-height: 100%;
        padding: 6.25vw 13.5416666667vw 4.1666666667vw;
        display: none;
        flex-direction: column;
        justify-content: space-between
    }

        #question-page .question-start.is-active {
            display: flex
        }

    #question-page .start-title {
        font-size: 2.5vw;
        font-weight: 700;
        text-align: center;
        line-height: 1.171875;
        color: #0b457f;
        margin-bottom: 2.0833333333vw
    }

    #question-page .start-text {
        font-size: 1.25vw;
        line-height: 1.3333333333;
        color: #000;
        margin-bottom: 2.0833333333vw
    }

    #question-page .start-aspect-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: -1.0416666667vw
    }

    #question-page .aspect-card {
        position: relative;
        cursor: pointer
    }

    #question-page .aspect-item {
        padding: 1.0416666667vw;
        width: 25%
    }

        #question-page .aspect-item.is-active .aspect-img-wrap:before {
            display: block
        }

        #question-page .aspect-item.is-active .aspect-title {
            color: #0b457f
        }

    #question-page .aspect-img-wrap {
        position: relative;
        padding-bottom: 75%;
        margin-bottom: 1.0416666667vw
    }

        #question-page .aspect-img-wrap:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            border: .2083333333vw solid #0b457f;
            box-sizing: content-box;
            padding: .4166666667vw;
            display: none
        }

    #question-page .aspect-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #question-page .aspect-title {
        font-size: 1.25vw;
        line-height: 1.3333333333;
        text-align: center
    }

    #question-page .start-footer {
        margin-top: 6.7708333333vw;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #question-page .tips-text {
        margin-right: 5.2083333333vw;
        font-size: 1.0416666667vw;
        line-height: 1.6;
        color: #0009
    }

    #question-page .start-btn {
        flex-shrink: 0;
        font-size: 1.0416666667vw;
        line-height: 1.5;
        padding: 1.25vw;
        min-width: 19.1666666667vw;
        border-radius: 2.6041666667vw
    }

    #question-page .question-step-container {
        position: relative;
        padding: 6.25vw 13.5416666667vw 4.1666666667vw;
        display: none;
        min-height: 100%;
        flex-direction: column;
        justify-content: space-between
    }

        #question-page .question-step-container.is-active {
            display: flex
        }

    #question-page .question-step-item, #question-page .question-item {
        display: none
    }

        #question-page .question-step-item.is-active, #question-page .question-item.is-active {
            display: block
        }

    #question-page .question-step-header {
        position: relative
    }

        #question-page .question-step-header.is-hide {
            display: none
        }

    #question-page .progress-round {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        font-size: 0
    }

        #question-page .progress-round svg {
            width: 6.7708333333vw;
            height: 6.7708333333vw
        }

        #question-page .progress-round .progress-icon {
            transition: stroke-dasharray .3s
        }

        #question-page .progress-round .progress-text {
            display: inline-block;
            font-size: 1.6666666667vw;
            line-height: 1;
            font-weight: 700;
            color: #0b457f;
            position: absolute;
            top: 50%;
            transform: translate(-48%,-50%);
            left: 50%
        }

    #question-page .question-header-title {
        font-size: 2.5vw;
        line-height: 1.171875;
        margin-bottom: 4.1666666667vw;
        font-weight: 700;
        color: #0b457f
    }

    #question-page .question-text {
        font-size: 1.6666666667vw;
        line-height: 1;
        color: #000;
        margin-bottom: 4.1666666667vw
    }

    #question-page [required] > .question-text:after, #question-page [required=true] > .question-text:after {
        content: "*";
        color: #fb3232;
        padding-left: .3125vw
    }

    #question-page .optional-text {
        color: #767676
    }

    #question-page .select-score-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2.0833333333vw
    }

    #question-page .select-score-item {
        font-size: 1.6666666667vw;
        background-color: #dbedff;
        color: #0b457f;
        font-weight: 500;
        width: 4.5833333333vw;
        line-height: 4.5833333333vw;
        border-radius: 50%
    }

        #question-page .select-score-item.is-active, #question-page .select-score-item:hover {
            color: #fff;
            background-color: #0b457f
        }

    #question-page .select-score-des {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        font-size: 1.0416666667vw;
        line-height: 1.6;
        color: #0009
    }

    #question-page .checkbox-list, #question-page .radiobox-list {
        display: flex;
        flex-wrap: wrap
    }

    #question-page .checkbox-item, #question-page .radiobox-item {
        width: 50%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 0;
        margin-bottom: 2.0833333333vw;
        padding-right: 10.4166666667vw
    }

        #question-page .checkbox-item.checkbox-other .question-checkbox-text, #question-page .radiobox-item.checkbox-other .question-checkbox-text {
            flex-shrink: 0
        }

    #question-page .question-checkbox {
        position: relative;
        cursor: pointer;
        display: inline-block;
        width: 1.4583333333vw;
        flex-shrink: 0;
        height: 1.4583333333vw;
        border: .1041666667vw solid #0b457f;
        border-radius: .3125vw;
        margin-right: 1.0416666667vw
    }

        #question-page .question-checkbox.is-checked {
            background-color: #0b457f
        }

            #question-page .question-checkbox.is-checked:after {
                content: "";
                border: .1041666667vw solid #fff;
                border-radius: 1px;
                border-left: 0;
                border-top: 0;
                position: absolute;
                top: .15625vw;
                left: .46875vw;
                transform: rotate(45deg);
                width: .3645833333vw;
                height: .7291666667vw;
                transform-origin: center
            }

    #question-page .question-radiobox {
        position: relative;
        cursor: pointer;
        display: inline-block;
        width: 1.4583333333vw;
        flex-shrink: 0;
        height: 1.4583333333vw;
        border: .1041666667vw solid #0b457f;
        border-radius: .7291666667vw;
        margin-right: 1.0416666667vw
    }

        #question-page .question-radiobox.is-checked {
            background-color: #fff
        }

            #question-page .question-radiobox.is-checked:after {
                content: "";
                position: absolute;
                width: .9375vw;
                height: .9375vw;
                border-radius: .5208333333vw;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                background-color: #0b457f
            }

    #question-page .question-radiobox-text {
        font-size: 1.25vw;
        line-height: 1.1720833333;
        color: #000
    }

    #question-page .question-radiobox-input {
        font-size: 1.25vw;
        line-height: 1.1720833333;
        color: #000;
        border: 0;
        width: 100%;
        padding-left: .5208333333vw;
        box-shadow: inset 0 -2px #000
    }

    #question-page .question-checkbox-text {
        font-size: 1.25vw;
        line-height: 1.1720833333;
        color: #000
    }

    #question-page .question-checkbox-input {
        font-size: 1.25vw;
        line-height: 1.1720833333;
        color: #000;
        border: 0;
        width: 100%;
        padding-left: .5208333333vw;
        box-shadow: inset 0 -2px #000
    }

    #question-page .question-textarea {
        padding: 2.0833333333vw;
        border: 1px solid rgba(0,0,0,.2);
        width: 100%;
        font: inherit;
        font-size: 1.25vw;
        line-height: 1.1720833333;
        height: 13.5416666667vw;
        resize: none;
        border-radius: 1.5625vw
    }

        #question-page .question-textarea::-webkit-scrollbar {
            display: none
        }

    #question-page .text-length {
        font-size: 1.25vw;
        line-height: 1.1720833333;
        color: #0009;
        padding-right: 2.0833333333vw;
        margin-top: 1.0416666667vw;
        text-align: right
    }

    #question-page .additional-form {
        margin: -1.0416666667vw
    }

    #question-page .additional-title {
        text-align: center;
        font-size: 2.5vw;
        line-height: 1.171875;
        color: #0b457f;
        font-weight: 700;
        margin-bottom: 2.0833333333vw
    }

    #question-page .additional-text {
        text-align: center;
        font-size: 1.25vw;
        line-height: 1.3333333333;
        color: #000;
        margin-bottom: 4.1666666667vw
    }

    #question-page .form-row {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }

    #question-page .form-item {
        width: 100%;
        padding: 1.0416666667vw
    }

        #question-page .form-item.is-half {
            width: 50%
        }

        #question-page .form-item[required] .item-label:after, #question-page .form-item[required] .item-checkbox-text:after {
            content: "*";
            color: #fb3232;
            padding-left: .3125vw
        }

    #question-page .is-select-2 .form-item {
        display: flex;
        flex-wrap: wrap
    }

    #question-page .is-select-2 .item-label {
        width: 100%
    }

    #question-page .is-select-2 .item-field {
        width: 50%
    }

        #question-page .is-select-2 .item-field.parent-field {
            padding-right: 1.0416666667vw
        }

        #question-page .is-select-2 .item-field.child-field {
            padding-left: 1.0416666667vw
        }

    #question-page .item-label {
        font-size: .8333333333vw;
        font-weight: 500;
        line-height: 1.171875
    }

    #question-page .item-text {
        font-size: .8333333333vw;
        line-height: 1.171875;
        color: #666;
        margin-top: .625vw
    }

    #question-page .item-field {
        margin-top: 1.25vw
    }

    #question-page .item-field-wrap {
        position: relative
    }

    #question-page .item-input {
        font-size: .8333333333vw;
        line-height: 1.171875;
        padding: 1.0416666667vw 1.5625vw .9895833333vw;
        border: 1px solid rgba(0,0,0,.2);
        width: 100%;
        border-radius: 1.5625vw;
        transition: border-color .2s,color .2s
    }

        #question-page .item-input::placeholder {
            opacity: 1;
            transition: border-color .2s,color .2s;
            color: #0006
        }

        #question-page .item-input:focus {
            color: #0b457f;
            border: 1px solid #0b457f
        }

            #question-page .item-input:focus::placeholder {
                color: #0b457f
            }

    #question-page .item-field-select .item-input {
        cursor: pointer;
        padding-right: 3.125vw
    }

    #question-page .item-field-select .item-input-suffix {
        position: absolute;
        right: 1.3802083333vw;
        font-size: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: .2s;
        pointer-events: none
    }

        #question-page .item-field-select .item-input-suffix svg {
            width: .6510416667vw;
            height: .3255208333vw
        }

    #question-page .item-field-select.is-focus .select-dropdown-list {
        visibility: visible;
        opacity: 1
    }

    #question-page .item-field-select.is-focus .item-input-suffix {
        transform: translateY(-50%) rotate(180deg)
    }

    #question-page .item-field-select .select-dropdown-list {
        position: absolute;
        top: 100%;
        background-color: #fff;
        z-index: 5;
        box-shadow: 0 2px 12px #0000001a;
        width: 100%;
        visibility: hidden;
        transition: opacity .2s;
        opacity: 0
    }

    #question-page .item-field-select .select-dropdown-item {
        font-size: .8333333333vw;
        line-height: 1.171875;
        padding: .5208333333vw 1.0416666667vw;
        cursor: pointer
    }

        #question-page .item-field-select .select-dropdown-item:hover {
            background-color: #0000001a
        }

    #question-page .item-field-select .select-sub {
        display: none
    }

    #question-page .item-field-checkbox .item-field-wrap {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    #question-page .item-field-checkbox .item-checkbox {
        position: relative;
        cursor: pointer;
        display: inline-block;
        width: 1.25vw;
        flex-shrink: 0;
        height: 1.25vw;
        border: 1px solid #0b457f;
        border-radius: .3125vw
    }

        #question-page .item-field-checkbox .item-checkbox.is-checked {
            background-color: #0b457f
        }

            #question-page .item-field-checkbox .item-checkbox.is-checked:after {
                content: "";
                border: .1041666667vw solid #fff;
                border-left: 0;
                border-top: 0;
                position: absolute;
                top: .15625vw;
                left: .4166666667vw;
                transform: rotate(45deg);
                width: .3125vw;
                height: .625vw;
                transform-origin: center
            }

    #question-page .item-field-checkbox .item-input {
        display: none
    }

    #question-page .item-field-checkbox .item-checkbox-text {
        font-size: .8333333333vw;
        line-height: 1.171875;
        margin-left: .5208333333vw;
        font-weight: 500;
        color: #000
    }

        #question-page .item-field-checkbox .item-checkbox-text a {
            color: #0b457f;
            text-decoration: underline
        }

    #question-page .error-tips {
        font-size: .8333333333vw;
        line-height: 1.171875;
        padding-top: .625vw;
        color: #fb3232;
        display: none
    }

        #question-page .error-tips[data-error=required], #question-page .error-tips[data-error=format], #question-page .error-tips[data-error=size], #question-page .error-tips[data-error=required] .required-error-msg, #question-page .error-tips[data-error=format] .format-error-msg, #question-page .error-tips[data-error=size] .size-error-msg {
            display: block
        }

    #question-page .error-msg {
        display: none
    }

    #question-page .question-step-btns {
        margin-top: 4.1666666667vw;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    #question-page .question-step-btn {
        border-radius: 2.6041666667vw;
        font-size: 1.0416666667vw;
        line-height: 1.172;
        justify-content: center;
        align-items: center
    }

        #question-page .question-step-btn .icon-arrow {
            font-size: 0;
            line-height: 0
        }

        #question-page .question-step-btn svg {
            width: .8333333333vw;
            height: .8333333333vw
        }

    #question-page .step-btn-prev {
        padding: 1.3541666667vw 3.6458333333vw 1.3020833333vw;
        min-width: 15.625vw
    }

        #question-page .step-btn-prev svg {
            margin-right: .625vw
        }

        #question-page .step-btn-prev .back-question-text, #question-page .step-btn-prev[data-status=back-question] .back-text {
            display: none
        }

        #question-page .step-btn-prev[data-status=back-question] .back-question-text {
            display: inline
        }

    #question-page .step-btn-next {
        padding: calc(1.3541666667vw + 2px) 3.6458333333vw calc(1.3020833333vw + 2px);
        min-width: 19.1666666667vw
    }

        #question-page .step-btn-next svg {
            margin-left: .625vw
        }

        #question-page .step-btn-next .submit-text, #question-page .step-btn-next[data-status=submit] .next-text {
            display: none
        }

        #question-page .step-btn-next[data-status=submit] .submit-text {
            display: inline
        }

        #question-page .step-btn-next[data-status=submit] svg {
            display: none
        }

    #question-page .question-success-popup {
        background-color: #fff;
        position: fixed;
        top: 4.1666666667vw;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        height: auto;
        display: none;
        justify-content: flex-start;
        padding-left: 6.25vw;
        align-items: center
    }

        #question-page .question-success-popup.is-active {
            display: flex
        }

    #question-page .success-img-wrap {
        position: relative;
        width: 41.6666666667vw;
        margin-right: 3.3333333333vw
    }

        #question-page .success-img-wrap:after {
            content: "";
            width: 100%;
            display: block;
            padding-bottom: 79.135%
        }

    #question-page .success-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #question-page .success-content {
        width: 35.2083333333vw
    }

    #question-page .success-title {
        font-size: 2.5vw;
        line-height: 1.171875;
        color: #0b457f;
        font-weight: 700;
        margin-bottom: 2.0833333333vw
    }

    #question-page .success-text {
        font-size: 1.25vw;
        line-height: 1.3333333333;
        color: #000;
        margin-bottom: 4.1666666667vw
    }

    #question-page .success-back-btn {
        min-width: 19.1666666667vw;
        font-size: 1.0416666667vw;
        line-height: 1.5;
        padding: 1.25vw;
        border-radius: 2.6041666667vw
    }

@media screen and (max-aspect-ratio: 11/10) {
    #question-page, #question-page .question-container {
        height: auto
    }

        #question-page .question-start {
            padding: 9.3333333333vw 5.3333333333vw 16vw
        }

            #question-page .question-start.is-active {
                display: block
            }

        #question-page .start-title {
            font-size: 6.9333333333vw;
            line-height: 1.1719230769;
            margin-bottom: 5.3333333333vw
        }

        #question-page .start-text {
            font-size: 3.7333333333vw;
            line-height: 1.4285714286;
            margin-bottom: 10.6666666667vw
        }

        #question-page .start-aspect-list {
            display: flex;
            flex-wrap: wrap;
            margin: -2.6666666667vw -2vw
        }

        #question-page .aspect-item {
            padding: 2.6666666667vw 2vw;
            width: 50%
        }

        #question-page .aspect-img-wrap {
            margin-bottom: 2.6666666667vw
        }

            #question-page .aspect-img-wrap:before {
                border: .5333333333vw solid #0b457f;
                padding: 1.0666666667vw
            }

        #question-page .aspect-title {
            font-size: 3.7333333333vw;
            line-height: 1.1428571429
        }

        #question-page .start-footer {
            margin-top: 10.6666666667vw;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center
        }

        #question-page .tips-text {
            margin-right: 0;
            margin-bottom: 5.3333333333vw;
            font-size: 3.2vw;
            line-height: 1.3333333333
        }

        #question-page .start-btn {
            font-size: 3.2vw;
            line-height: 1.5;
            padding: 3.4666666667vw;
            min-width: 100%;
            border-radius: 6.6666666667vw
        }

        #question-page .question-step-container {
            padding: 9.3333333333vw 5.3333333333vw 16vw;
            min-height: auto
        }

            #question-page .question-step-container.is-active {
                display: block
            }

        #question-page .question-step-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 9.0666666667vw
        }

        #question-page .progress-round {
            right: 2vw
        }

            #question-page .progress-round svg {
                width: 17.3333333333vw;
                height: 17.3333333333vw
            }

            #question-page .progress-round .progress-text {
                font-size: 4.2666666667vw
            }

        #question-page .question-header-title {
            font-size: 5.3333333333vw;
            line-height: 1.172;
            width: 54.6666666667vw;
            margin-bottom: 0
        }

        #question-page .question-text {
            font-size: 4.8vw;
            line-height: 1.4444444444;
            margin-bottom: 10.6666666667vw
        }

        #question-page .select-score-list {
            display: block;
            margin: -4vw -4vw 1.3333333333vw;
            padding: 0 .6666666667vw;
            font-size: 0
        }

        #question-page .select-score-item {
            display: inline-block;
            margin: 4vw;
            font-size: 4.8vw;
            width: 16vw;
            line-height: 16vw
        }

        #question-page .select-score-des {
            display: block;
            font-size: 3.2vw;
            line-height: 1.3333333333
        }

            #question-page .select-score-des .right-des {
                margin-top: 2.6666666667vw
            }

        #question-page .checkbox-item, #question-page .radiobox-item {
            width: 100%;
            margin-bottom: 8vw;
            padding-right: 0
        }

            #question-page .checkbox-item:last-of-type, #question-page .radiobox-item:last-of-type {
                margin-bottom: 0
            }

        #question-page .question-checkbox {
            width: 5.3333333333vw;
            height: 5.3333333333vw;
            border: .2666666667vw solid #0b457f;
            border-radius: .8vw;
            margin-right: 2.6666666667vw
        }

            #question-page .question-checkbox.is-checked:after {
                border: .5333333333vw solid #fff;
                border-radius: 2px;
                border-left: 0;
                border-top: 0;
                top: .5333333333vw;
                left: 1.7333333333vw;
                width: 1.4666666667vw;
                height: 2.6666666667vw
            }

        #question-page .question-checkbox-text, #question-page .question-radiobox-text {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143
        }

        #question-page .question-checkbox-input, #question-page .question-radiobox-input {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143;
            padding-left: 1.3333333333vw;
            margin-right: 8vw
        }

        #question-page .question-radiobox {
            width: 5.3333333333vw;
            height: 5.3333333333vw;
            border: .2666666667vw solid #0b457f;
            border-radius: 2.6666666667vw;
            margin-right: 2.6666666667vw
        }

            #question-page .question-radiobox.is-checked:after {
                content: "";
                position: absolute;
                width: 3.4666666667vw;
                height: 3.4666666667vw;
                border-radius: 2vw;
                background-color: #0b457f
            }

        #question-page .question-textarea {
            padding: 4vw;
            font-size: 3.7333333333vw;
            line-height: 1.1717857143;
            height: 72vw;
            border-radius: 5.3333333333vw
        }

        #question-page .text-length {
            font-size: 3.2vw;
            line-height: 1.3333333333;
            padding-right: 5.3333333333vw;
            margin-top: 2.6666666667vw
        }

        #question-page .additional-form {
            margin: -4vw 0
        }

        #question-page .additional-title {
            font-size: 6.9333333333vw;
            line-height: 1.1719230769;
            margin-bottom: 5.3333333333vw
        }

        #question-page .additional-text {
            font-size: 3.7333333333vw;
            line-height: 1.4285714286;
            margin-bottom: 10.6666666667vw
        }

        #question-page .form-row {
            flex-wrap: wrap
        }

        #question-page .is-select-2 .item-field {
            width: 100%
        }

            #question-page .is-select-2 .item-field.parent-field {
                padding-right: 0
            }

            #question-page .is-select-2 .item-field.child-field {
                padding-left: 0
            }

        #question-page .form-item {
            width: 100%;
            padding: 4vw 0
        }

            #question-page .form-item.is-half {
                width: 100%
            }

            #question-page .form-item[required] .item-label:after, #question-page .form-item[required] .item-checkbox-text:after {
                padding-left: .8vw
            }

        #question-page .item-label {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143
        }

        #question-page .item-text {
            font-size: 3.2vw;
            line-height: 1.1720833333;
            margin-top: 2.6666666667vw
        }

        #question-page .item-field {
            margin-top: 2.6666666667vw
        }

        #question-page .item-input {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143;
            padding: 3.6vw 4vw 3.4666666667vw;
            border-radius: 6.6666666667vw
        }

        #question-page .item-field-select .item-input {
            padding-right: 8vw
        }

        #question-page .item-field-select .item-input-suffix {
            right: 4vw
        }

            #question-page .item-field-select .item-input-suffix svg {
                width: 2.7333333333vw;
                height: 1.3666666667vw
            }

        #question-page .item-field-select .select-dropdown-item {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143;
            padding: 2vw 4vw
        }

        #question-page .item-field-checkbox .item-checkbox {
            width: 5.3333333333vw;
            height: 5.3333333333vw;
            border: .2666666667vw solid #0b457f;
            border-radius: .8vw
        }

            #question-page .item-field-checkbox .item-checkbox.is-checked:after {
                border: .5333333333vw solid #fff;
                border-radius: 2px;
                border-left: 0;
                border-top: 0;
                top: .5333333333vw;
                left: 1.7333333333vw;
                width: 1.4666666667vw;
                height: 2.6666666667vw
            }

        #question-page .item-field-checkbox .item-checkbox-text {
            font-size: 3.7333333333vw;
            line-height: 1.1717857143;
            margin-left: 2.6666666667vw
        }

        #question-page .error-tips {
            font-size: .8333333333vw;
            line-height: 1.171875;
            padding-top: .625vw;
            color: #fb3232;
            display: none
        }

            #question-page .error-tips[data-error=required], #question-page .error-tips[data-error=format], #question-page .error-tips[data-error=size], #question-page .error-tips[data-error=required] .required-error-msg, #question-page .error-tips[data-error=format] .format-error-msg, #question-page .error-tips[data-error=size] .size-error-msg {
                display: block
            }

        #question-page .error-msg {
            display: none
        }

        #question-page .question-step-btns {
            margin-top: 10.6666666667vw;
            flex-direction: column;
            align-items: initial
        }

        #question-page .right-btns {
            order: 1
        }

        #question-page .left-btns {
            order: 2;
            margin-top: 5.3333333333vw
        }

        #question-page .question-step-btn {
            border-radius: 6.6666666667vw;
            font-size: 3.2vw;
            line-height: 1.5
        }

            #question-page .question-step-btn svg {
                width: 2.6666666667vw;
                height: 2.6666666667vw
            }

        #question-page .step-btn-prev {
            width: 100%;
            padding: 3.2vw 5.3333333333vw;
            min-width: 100%
        }

            #question-page .step-btn-prev svg {
                margin-right: 1.6vw
            }

        #question-page .step-btn-next {
            width: 100%;
            padding: calc(3.2vw + 2px) 5.3333333333vw calc(3.2vw + 2px);
            min-width: 100%
        }

            #question-page .step-btn-next svg {
                margin-left: 1.6vw
            }

        #question-page .question-success-popup {
            padding-left: 0;
            overflow-y: auto;
            padding-top: 6.6666666667vw;
            padding-bottom: 16vw;
            top: 13.0666666667vw;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center
        }

        #question-page .success-img-wrap {
            width: 100%;
            margin-right: 0
        }

            #question-page .success-img-wrap:after {
                width: 100%;
                padding-bottom: 77.3333333333%
            }

        #question-page .success-content {
            width: 100%;
            padding: 4.9333333333vw 5.3333333333vw 0
        }

        #question-page .success-title {
            font-size: 6.9333333333vw;
            line-height: 1.1719230769;
            margin-bottom: 5.3333333333vw
        }

        #question-page .success-text {
            font-size: 3.7333333333vw;
            line-height: 1.4285714286;
            margin-bottom: 10.6666666667vw
        }

        #question-page .success-back-btn {
            min-width: 100%;
            font-size: 3.2vw;
            line-height: 1.5;
            padding: 3.4666666667vw;
            border-radius: 6.6666666667vw
        }
}

.searchresult {
    margin: 4.1666666667vw 6.25vw
}

    .searchresult .search-form {
        position: relative;
        height: 4.1666666667vw
    }

        .searchresult .search-form .s-from {
            height: 100%
        }

        .searchresult .search-form #search-ipt {
            width: 100%;
            height: 100%;
            border: 1px solid #0b457f;
            padding: 0 4.1666666667vw;
            font-size: 1.25vw;
            line-height: 1.1666666667;
            font-weight: 400;
            -webkit-appearance: none;
            color: #000
        }

            .searchresult .search-form #search-ipt:focus {
                color: #000;
                border: 1px solid #0b457f
            }

        .searchresult .search-form input::-webkit-input-placeholder {
            color: #0006
        }

        .searchresult .search-form input::-moz-placeholder {
            color: #0006
        }

        .searchresult .search-form input:-moz-placeholder {
            color: #0006
        }

        .searchresult .search-form input:-ms-input-placeholder {
            color: #0006
        }

        .searchresult .search-form input::placeholder {
            color: #0006
        }

        .searchresult .search-form .search-btn {
            position: absolute;
            left: 1.6666666667vw;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0
        }

            .searchresult .search-form .search-btn svg {
                width: 1.3020833333vw;
                fill: #0b457f;
                cursor: pointer
            }

        .searchresult .search-form .close-btn {
            position: absolute;
            right: 1.6666666667vw;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0;
            display: none
        }

            .searchresult .search-form .close-btn svg {
                width: 1.5625vw;
                fill: #cedae5;
                cursor: pointer
            }

    .searchresult .search-list {
        margin-top: 3.125vw;
        margin-bottom: 9.0625vw
    }

    .searchresult .search-list-none {
        margin: 4.1666666667vw 0
    }

    .searchresult .art-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 4.1666666667vw auto
    }

        .searchresult .art-btns .art-button {
            font-size: 1.0416666667vw;
            line-height: 1.5;
            padding: 1.0416666667vw 6.5625vw;
            color: #0b457f;
            border: 1px solid #0B457F;
            font-weight: 400
        }

            .searchresult .art-btns .art-button:hover {
                background-color: #dbedff4d
            }

@media screen and (max-aspect-ratio: 11/10) {
    .searchresult {
        margin: 8vw 0 0
    }

        .searchresult .search-form {
            margin: 0 5.3333333333vw;
            height: 11.7333333333vw
        }

            .searchresult .search-form #search-ipt {
                padding-left: 10.6666666667vw;
                font-size: 4.2666666667vw;
                line-height: 1.1875;
                padding-right: 10.6666666667vw
            }

            .searchresult .search-form .search-btn {
                left: 4vw
            }

                .searchresult .search-form .search-btn svg {
                    width: 4vw
                }

            .searchresult .search-form .close-btn {
                right: 4vw
            }

                .searchresult .search-form .close-btn svg {
                    width: 4vw
                }

        .searchresult .search-list {
            margin-bottom: 0
        }

            .searchresult .search-list .search-t p {
                margin: 8vw 5.3333333333vw 5.3333333333vw;
                font-size: 3.2vw;
                line-height: 1.5
            }

        .searchresult .art-btns {
            margin: 10.6666666667vw 0
        }

            .searchresult .art-btns .art-button {
                font-size: 3.2vw;
                line-height: 1.5;
                padding: 2.8vw 15.6vw
            }

        .searchresult .search-list-none {
            margin: 5.3333333333vw
        }
}

.vehicle-model-page {
    padding: 3.125vw 6.25vw 10.7291666667vw
}

    .vehicle-model-page .vehicle-model-banner {
        width: 100%;
        position: relative;
        font-size: 0
    }

        .vehicle-model-page .vehicle-model-banner img, .vehicle-model-page .vehicle-model-banner video {
            width: 100%;
            height: 31.25vw;
            -o-object-fit: cover;
            object-fit: cover
        }

        .vehicle-model-page .vehicle-model-banner .vehicle-video-btn {
            position: absolute;
            right: 3.125vw;
            bottom: 3.125vw;
            width: 3.5416666667vw;
            cursor: pointer
        }

        .vehicle-model-page .vehicle-model-banner .vehicle-banner-playbtn {
            display: none
        }

    .vehicle-model-page .vehicle-model-title {
        font-weight: 700;
        font-size: 2.5vw;
        line-height: 1.1666666667;
        color: #0b457f;
        margin-top: 2.0833333333vw
    }

    .vehicle-model-page .model-series-section .model-series-tab {
        margin-top: 1.25vw;
        padding-bottom: 1.8229166667vw;
        border-bottom: 1px solid #D9D9D9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .vehicle-model-page .model-series-section .model-series-tab .series {
            font-weight: 900;
            font-size: 1.0416666667vw;
            line-height: 1.15;
            color: #2d2d2d
        }

        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap {
            overflow: hidden
        }

            .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container {
                overflow-y: hidden;
                overflow-x: scroll;
                scrollbar-width: none;
                -ms-overflow-style: none;
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container::-webkit-scrollbar {
                    display: none
                }

                .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container.artlist-menu-scroll {
                    cursor: -webkit-grab;
                    cursor: grab
                }

                .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item {
                    margin-left: 4.1666666667vw;
                    cursor: pointer;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item .series-tab-btn {
                        font-weight: 400;
                        margin-top: .0520833333vw;
                        font-size: .8333333333vw;
                        line-height: 1.1875;
                        color: #2d2d2d;
                        opacity: .5;
                        padding: .2083333333vw 1.0416666667vw .2604166667vw;
                        border-radius: .78125vw;
                        white-space: nowrap
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item img {
                        width: 3.125vw;
                        height: 3.125vw
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item svg {
                        width: 3.125vw;
                        height: 3.125vw
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active svg path {
                        fill: #005fa5
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active svg g {
                        opacity: 1
                    }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active svg g g {
                            opacity: .4
                        }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active .series-tab-btn {
                        color: #fff;
                        background: #005FA5;
                        opacity: 1
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active:hover svg path {
                        fill: #005fa5
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active:hover svg g {
                        opacity: 1
                    }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active:hover svg g g {
                            opacity: .4
                        }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item.active:hover .series-tab-btn {
                        color: #fff;
                        background: #005FA5;
                        opacity: 1
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item:hover svg path {
                        fill: #005fa5
                    }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item:hover svg g {
                        opacity: 1
                    }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item:hover svg g g {
                            opacity: .4
                        }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item:hover .series-tab-btn {
                        color: #005fa5;
                        background: #ffffff;
                        opacity: 1
                    }

    .vehicle-model-page .model-series-section .model-series-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab .detail-tab-item {
                display: none;
                margin-right: 3.5416666667vw;
                padding-top: 1.0416666667vw;
                font-weight: 400;
                font-size: .8333333333vw;
                line-height: 1.1875;
                color: #2d2d2d;
                cursor: pointer;
                border-top: .2083333333vw solid #ffffff
            }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab .detail-tab-item.item-show {
                    display: block
                }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab .detail-tab-item.active, .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab .detail-tab-item:hover {
                    border-top: .2083333333vw solid #005FA5
                }

        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner {
            margin-top: -2.0833333333vw
        }

            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item {
                width: 100%;
                display: flex;
                margin-top: 4.1666666667vw;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item .detail-img-container {
                    width: 42.7083333333vw
                }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item .detail-img-container .detail-img-item {
                        width: 100%;
                        height: 17.8645833333vw;
                        -o-object-fit: cover;
                        object-fit: cover
                    }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item.active {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail {
                width: 36.6666666667vw;
                color: #000
            }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .type {
                    font-weight: 700;
                    font-size: 2.0833333333vw;
                    line-height: 1.175
                }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .performance-wrap {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    align-items: flex-start;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .performance-wrap .performance-item {
                        max-width: 32%
                    }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .performance-wrap .performance-item .performance-type {
                            font-weight: 700;
                            font-size: 1.4583333333vw;
                            line-height: 1.3571428571;
                            margin-top: 1.8229166667vw
                        }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .performance-wrap .performance-item .performance-detail {
                            font-weight: 400;
                            font-size: .8333333333vw;
                            line-height: 2.375;
                            margin-top: .2083333333vw
                        }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn {
                    font-size: 0;
                    margin-top: .9375vw;
                    margin-right: -2.0833333333vw
                }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn {
                        width: 2.5vw;
                        height: 2.5vw;
                        margin-right: 2.0833333333vw;
                        position: relative;
                        border-radius: 50%;
                        margin-top: 1.0416666667vw;
                        -webkit-box-shadow: 0px 5px 8px rgba(78,89,100,.2);
                        box-shadow: 0 5px 8px #4e596433
                    }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn svg {
                            width: max(3.125vw,54px);
                            height: max(3.125vw,54px);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%,-50%);
                            transform: translate(-50%,-50%)
                        }

                            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn svg circle {
                                display: none
                            }

                            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn svg image {
                                overflow: hidden;
                                border-radius: 50%;
                                transform: translate(-2px,-2px)
                            }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn.active circle {
                            display: block
                        }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn.btn-disabled {
                            cursor: default
                        }

                            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn.btn-disabled:after {
                                content: "";
                                display: block;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                border-radius: 50%;
                                -webkit-transform: translate(-50%,-50%);
                                transform: translate(-50%,-50%);
                                width: max(70%,28px);
                                height: max(70%,28px);
                                background-color: #fff
                            }

    .vehicle-model-page .model-series-section .model-series-container-hide {
        display: none !important
    }

    .vehicle-model-page .model-series-section .model-series-container.all-model {
        width: 87.5vw
    }

        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-tab, .vehicle-model-page .model-series-section .model-series-container.all-model .type-detail .performance-wrap, .vehicle-model-page .model-series-section .model-series-container.all-model .type-detail .all-color-btn {
            display: none
        }

        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner {
            margin-top: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item {
                width: 23.9583333333vw;
                margin-right: 7.8125vw;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .detail-img-item {
                    width: 100%;
                    height: 9.9479166667vw;
                    -o-object-fit: cover;
                    object-fit: cover
                }

                .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .detail-img-container {
                    width: 100%
                }

                .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .type-detail {
                    width: 100%;
                    text-align: center
                }

                    .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .type-detail .type {
                        font-size: 1.6666666667vw;
                        line-height: 1.1875;
                        margin-top: 1.4583333333vw
                    }

                .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item:nth-child(3n) {
                    margin-right: 0
                }

@media screen and (max-aspect-ratio: 11/10) {
    .vehicle-model-page {
        padding: 0
    }

        .vehicle-model-page .vehicle-model-banner img, .vehicle-model-page .vehicle-model-banner video {
            height: 80vw
        }

        .vehicle-model-page .vehicle-model-banner .vehicle-video-btn {
            width: 10.6666666667vw;
            right: 8vw;
            bottom: 8vw
        }

        .vehicle-model-page .vehicle-model-title {
            font-size: 6.9333333333vw;
            line-height: 1.1730769231;
            margin-top: 5.3333333333vw;
            padding: 0 5.3333333333vw
        }

        .vehicle-model-page .model-series-section {
            padding: 0 5.3333333333vw;
            padding-bottom: 0
        }

            .vehicle-model-page .model-series-section .model-series-tab {
                margin-top: 5.3333333333vw;
                padding-bottom: 4.8vw
            }

                .vehicle-model-page .model-series-section .model-series-tab .series {
                    font-size: 3.2vw;
                    line-height: 1.1666666667;
                    margin-right: 0vw
                }

                .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container {
                    margin-left: 8vw
                }

                    .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item {
                        margin-right: 8vw;
                        margin-left: 0
                    }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item svg {
                            width: 10.6666666667vw;
                            height: 10.6666666667vw
                        }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item .series-tab-btn {
                            font-size: 3.2vw;
                            line-height: 1.1666666667;
                            padding: .5333333333vw 3.4666666667vw;
                            border-radius: 2.4vw;
                            margin-top: 0
                        }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item img {
                            width: 10.6666666667vw;
                            height: 10.6666666667vw
                        }

                        .vehicle-model-page .model-series-section .model-series-tab .model-series-tab-wrap .model-series-tab-container .model-tab-item:last-child {
                            margin-right: 0
                        }

            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab-wrap {
                overflow: hidden
            }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab-wrap .model-series-detail-tab {
                    overflow-y: hidden;
                    overflow-x: scroll;
                    scrollbar-width: none;
                    -ms-overflow-style: none;
                    -moz-user-select: none;
                    -webkit-user-select: none;
                    -ms-user-select: none;
                    user-select: none
                }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab-wrap .model-series-detail-tab::-webkit-scrollbar {
                        display: none
                    }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab-wrap .model-series-detail-tab.artlist-menu-scroll {
                        cursor: -webkit-grab;
                        cursor: grab
                    }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab-wrap .model-series-detail-tab .detail-tab-item {
                        padding-top: 4.5333333333vw;
                        font-size: 3.2vw;
                        line-height: 1.1666666667;
                        border-top: .8vw solid #ffffff;
                        margin-right: 9.0666666667vw
                    }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-tab-wrap .model-series-detail-tab .detail-tab-item.active {
                            border-top: .8vw solid #005FA5
                        }

            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner {
                padding-bottom: 12.0666666667vw
            }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item {
                    margin-top: 5.3333333333vw;
                    padding-bottom: 5.3333333333vw;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item .detail-img-container {
                        width: 100%
                    }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .model-series-detail-item .detail-img-container .detail-img-item {
                            height: 37.0406504065vw
                        }

                .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail {
                    width: 100%
                }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .type {
                        font-size: 5.8666666667vw;
                        line-height: 1.1818181818;
                        margin-top: 5.3333333333vw
                    }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .performance-wrap .performance-item .performance-type {
                        font-size: 4.2666666667vw;
                        line-height: 1.1875;
                        margin-top: 5.3333333333vw
                    }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .performance-wrap .performance-item .performance-detail {
                        font-size: 3.2vw;
                        line-height: 1.5833333333;
                        margin-top: 1.6vw
                    }

                    .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn {
                        margin-top: 1.3333333333vw;
                        margin-right: 0
                    }

                        .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn {
                            width: 9.0666666667vw;
                            height: 9.0666666667vw;
                            margin-top: 0;
                            margin-right: 5.3333333333vw;
                            margin-top: 5.3333333333vw;
                            position: relative;
                            top: calc(50% + 2px)
                        }

                            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn svg {
                                width: max(11.3333333333vw,54px);
                                height: max(11.3333333333vw,54px)
                            }

                            .vehicle-model-page .model-series-section .model-series-container .model-series-detail-conteiner .type-detail .all-color-btn .detail-color-btn.btn-disabled:after {
                                top: 50%
                            }

            .vehicle-model-page .model-series-section .model-series-container.all-model {
                width: 89.3333333333vw
            }

                .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner {
                    padding-bottom: 13.3333333333vw
                }

                    .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item {
                        width: 44vw;
                        margin-right: 1.3333333333vw;
                        padding-bottom: 2.6666666667vw
                    }

                        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .detail-img-item {
                            height: 18.2666666667vw
                        }

                        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .detail-img-container {
                            width: 100%
                        }

                        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item .type-detail .type {
                            font-size: 4.2666666667vw;
                            line-height: 1.1875;
                            margin-top: 3.7333333333vw
                        }

                        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item:nth-child(3n) {
                            margin-right: 1.3333333333vw
                        }

                        .vehicle-model-page .model-series-section .model-series-container.all-model .model-series-detail-conteiner .model-series-detail-item:nth-child(2n) {
                            margin-right: 0
                        }
}

.worldwide .main_banner {
    width: 100%;
    position: relative
}

    .worldwide .main_banner .main_banner_title {
        position: absolute;
        left: 6.25vw;
        top: 9.375vw;
        width: 40.2083333333vw;
        font-weight: 700;
        font-size: 5.2083333333vw;
        line-height: 5.1041666667vw;
        text-transform: uppercase;
        color: #0b457f
    }

    .worldwide .main_banner .main_banner_bg {
        width: 100%
    }

.worldwide .world_nav {
    width: 100%;
    background-blend-mode: overlay,normal
}

    .worldwide .world_nav.nav-letter {
        align-items: center;
        padding: 2.6041666667vw 6.25vw;
        display: flex;
        gap: 3.9583333333vw;
        justify-content: space-between
    }

    .worldwide .world_nav .letter-filter, .worldwide .world_nav .letter-filter-all {
        padding: .46875vw .6770833333vw;
        font-size: 1.0416666667vw;
        line-height: 1.5625vw
    }

        .worldwide .world_nav .letter-filter.active, .worldwide .world_nav .letter-filter-all.active {
            font-weight: 700;
            color: #0b457f;
            background: #F0F4F7
        }

        .worldwide .world_nav .letter-filter.disable-click, .worldwide .world_nav .letter-filter-all.disable-click {
            color: #999;
            cursor: text
        }

    .worldwide .world_nav .search-box {
        height: 3.5416666667vw;
        position: relative
    }

        .worldwide .world_nav .search-box input {
            width: 100%;
            height: 100%;
            border: 1px solid #0B457F;
            padding: 1.09375vw 1.6666666667vw 1.09375vw 4.21875vw
        }

        .worldwide .world_nav .search-box .search-icon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0;
            left: 1.6666666667vw
        }

        .worldwide .world_nav .search-box .close-icon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0;
            right: 1.6666666667vw;
            cursor: pointer;
            display: none
        }

@media screen and (max-aspect-ratio: 11/10) {
    .worldwide .world_nav .nav-letter-sec {
        position: absolute;
        top: 0;
        left: 0
    }
}

.worldwide .world_nav::-webkit-scrollbar {
    display: none
}

.worldwide .world_nav .world-bar {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 2.0833333333vw
}

    .worldwide .world_nav .world-bar::-webkit-scrollbar {
        display: none
    }

    .worldwide .world_nav .world-bar li {
        font-weight: 400;
        font-size: 1.4583333333vw;
        line-height: 2.1875vw;
        color: #2d2d2d;
        margin-left: 4.1666666667vw;
        position: relative;
        padding-top: 1.25vw;
        text-align: center
    }

        .worldwide .world_nav .world-bar li:nth-child(1) {
            width: 5.46875vw
        }

        .worldwide .world_nav .world-bar li:nth-child(2) {
            width: 9.6875vw
        }

        .worldwide .world_nav .world-bar li:nth-child(3) {
            width: 9.3229166667vw
        }

        .worldwide .world_nav .world-bar li:nth-child(4) {
            width: 5.3125vw
        }

        .worldwide .world_nav .world-bar li:nth-child(5) {
            width: 12.0833333333vw
        }

@media screen and (max-aspect-ratio: 11/10) {
    .worldwide .world_nav .world-bar li:nth-child(1) {
        width: 14vw
    }

    .worldwide .world_nav .world-bar li:nth-child(2) {
        width: 24.8vw
    }

    .worldwide .world_nav .world-bar li:nth-child(3) {
        width: 23.8666666667vw
    }

    .worldwide .world_nav .world-bar li:nth-child(4) {
        width: 13.6vw
    }

    .worldwide .world_nav .world-bar li:nth-child(5) {
        width: 30.9333333333vw
    }
}

.worldwide .world_nav .world-bar li:hover {
    cursor: pointer
}

    .worldwide .world_nav .world-bar li:hover:after, .worldwide .world_nav .world-bar li.DisplayElements:after {
        width: 100%;
        height: .2083333333vw;
        margin-top: -3.4375vw;
        background: #FF9632;
        content: "";
        display: block;
        clear: both;
        position: absolute
    }

.worldwide .world_nav .world-bar li.DisplayElements {
    color: #0b457f;
    font-weight: 700
}

.worldwide .region-container {
    margin: 3.6458333333vw 6.25vw 5.7291666667vw;
    display: none
}

    .worldwide .region-container #no-result {
        display: none
    }

        .worldwide .region-container #no-result p {
            font-size: 1.0416666667vw;
            line-height: 1.5625vw;
            font-weight: 400;
            color: #999
        }

    .worldwide .region-container .region-group {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: flex-start;
        font-size: 0
    }

        .worldwide .region-container .region-group .show-contactinfo {
            height: calc(100% + 18.4375vw)
        }

        .worldwide .region-container .region-group .countries-sec {
            display: flex;
            width: 100%;
            position: relative
        }

            .worldwide .region-container .region-group .countries-sec .letter-sec {
                margin-right: 3.125vw
            }

                .worldwide .region-container .region-group .countries-sec .letter-sec span {
                    font-size: 1.25vw;
                    line-height: 1.875vw;
                    font-weight: 400
                }

        .worldwide .region-container .region-group span {
            display: inline-block;
            height: 2.8125vw;
            padding: .5208333333vw 0
        }

    .worldwide .region-container .region-item {
        width: 13.4375vw;
        margin-right: 8.1770833333vw;
        line-height: 1.2142857143;
        margin-bottom: 4.1666666667vw
    }

        .worldwide .region-container .region-item img {
            width: 1.7708333333vw;
            height: 1.7708333333vw;
            margin-right: 1.25vw;
            margin-left: 1.0416666667vw;
            vertical-align: middle;
            object-fit: contain
        }

        .worldwide .region-container .region-item .container_box {
            width: 87.5vw;
            border-top: .0520833333vw solid #d9d9d9;
            border-bottom: .0520833333vw solid #d9d9d9;
            display: none;
            position: absolute;
            left: 4.1666666667vw;
            height: 18.4375vw
        }

            .worldwide .region-container .region-item .container_box .content_block {
                margin: 4.21875vw 4.6875vw 4.21875vw 0;
                width: 26.0416666667vw
            }

                .worldwide .region-container .region-item .container_box .content_block .content_wide {
                    width: 26.0416666667vw;
                    margin-bottom: 0;
                    margin-right: 4.6875vw
                }

                    .worldwide .region-container .region-item .container_box .content_block .content_wide .content_title {
                        font-weight: 700;
                        font-size: 1.4583333333vw;
                        line-height: 2.1875vw;
                        color: #0b457f;
                        margin-bottom: 2.0833333333vw
                    }

                .worldwide .region-container .region-item .container_box .content_block:nth-child(3n) {
                    margin-right: 0
                }

            .worldwide .region-container .region-item .container_box .content_flex {
                display: flex;
                justify-content: space-between
            }

                .worldwide .region-container .region-item .container_box .content_flex .content_subt {
                    width: 3.125vw;
                    font-weight: 400;
                    font-size: .8333333333vw;
                    line-height: 1.25vw;
                    color: #606060;
                    margin-bottom: 1.25vw;
                    margin-right: 1.5625vw
                }

                .worldwide .region-container .region-item .container_box .content_flex .content_txt {
                    width: 23.4375vw;
                    font-weight: 400;
                    font-size: .8333333333vw;
                    line-height: 1.1875;
                    color: #000;
                    margin-bottom: 1.25vw
                }

                    .worldwide .region-container .region-item .container_box .content_flex .content_txt a {
                        color: #0b457f;
                        text-decoration: underline
                    }

                .worldwide .region-container .region-item .container_box .content_flex .content_titleB {
                    font-weight: 400;
                    font-size: .8333333333vw;
                    line-height: 1.5;
                    color: #000
                }

            .worldwide .region-container .region-item .container_box.on {
                display: block;
                justify-content: space-between
            }

        .worldwide .region-container .region-item:nth-child(4n) {
            width: 17.3255813953%
        }

    .worldwide .region-container .container_wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        height: 100%;
        align-items: center
    }

    .worldwide .region-container span {
        font-weight: 400;
        font-size: 1.25vw;
        line-height: 1.875vw;
        color: #000
    }

        .worldwide .region-container span:hover, .worldwide .region-container span.on {
            display: inline-block;
            min-width: 14.2708333333vw;
            height: 2.8125vw;
            font-weight: 700;
            color: #0b457f;
            border: none;
            border-radius: .4166666667vw;
            cursor: pointer;
            background: #F0F4F7
        }

    .worldwide .region-container .active span {
        display: inline-block;
        min-width: 14.2708333333vw;
        height: 2.8125vw;
        color: #0b457f;
        font-weight: 700;
        border: none;
        border-radius: .4166666667vw;
        cursor: pointer;
        background: #F0F4F7
    }

    .worldwide .region-container .active .region-flag {
        margin-bottom: 3.75vw
    }

.worldwide .DisplayElements {
    display: block
}

.worldwide .DisplayElementss {
    display: none
}

@media screen and (max-aspect-ratio: 11/10) {
    .worldwide .main_banner {
        width: 100%;
        height: 85.3333333333vw;
        position: relative
    }

        .worldwide .main_banner img {
            width: 100%;
            height: 85.3333333333vw
        }

        .worldwide .main_banner .main_banner_title {
            width: 84vw;
            font-weight: 900;
            font-size: 10.6666666667vw;
            line-height: 11.7333333333vw;
            position: absolute;
            top: 38.1333333333vw;
            left: 8vw;
            text-transform: uppercase;
            color: #0b457f
        }

    .worldwide .world_nav {
        width: 100%;
        user-select: none;
        scrollbar-width: none;
        overflow: hidden
    }

        .worldwide .world_nav .world-bar {
            white-space: nowrap;
            padding-right: 5.3333333333vw;
            overflow: scroll;
            padding-left: 0
        }

            .worldwide .world_nav .world-bar li {
                font-weight: 400;
                font-size: 3.7333333333vw;
                line-height: 5.6vw;
                color: #2d2d2d;
                margin-right: 10.6666666667vw;
                position: relative;
                margin-left: 0;
                padding-top: 3.2vw
            }

                .worldwide .world_nav .world-bar li:hover {
                    cursor: pointer
                }

                    .worldwide .world_nav .world-bar li:hover:after, .worldwide .world_nav .world-bar li.DisplayElements:after {
                        width: 100%;
                        height: .5333333333vw;
                        margin-top: -8.8vw;
                        background: #FF9632;
                        content: "";
                        display: block;
                        clear: both;
                        position: absolute
                    }

            .worldwide .world_nav .world-bar:nth-of-type(1) {
                margin-left: 5.3333333333vw
            }

    .worldwide .region-container {
        margin: 9.3333333333vw 3.2vw 6.6666666667vw
    }

        .worldwide .region-container .region-group {
            margin: 0;
            display: flex;
            flex-wrap: wrap
        }

            .worldwide .region-container .region-group span {
                display: inline-block;
                min-width: 36.5333333333vw;
                height: 8vw;
                padding: 1.3333333333vw 2.1333333333vw 1.3333333333vw 0;
                font-weight: 400;
                font-size: 3.7333333333vw;
                line-height: 5.6vw;
                color: #000
            }

                .worldwide .region-container .region-group span:hover, .worldwide .region-container .region-group .active span {
                    color: #0b457f;
                    font-weight: 700;
                    border: none;
                    border-radius: 1.0666666667vw;
                    cursor: pointer;
                    background: #F0F4F7
                }

            .worldwide .region-container .region-group .active .region-flag {
                margin-bottom: 9.3333333333vw
            }

            .worldwide .region-container .region-group .container_wrap {
                display: flex;
                flex-wrap: nowrap;
                flex-direction: column;
                align-content: space-around;
                justify-content: flex-end;
                padding-bottom: 0
            }

        .worldwide .region-container .region-item {
            width: 49.0666666667vw;
            margin-bottom: 8vw;
            margin-right: 1.3333333333vw
        }

            .worldwide .region-container .region-item img {
                width: 5.3333333333vw;
                height: 5.3333333333vw;
                margin-right: 3.2vw;
                margin-left: 2.1333333333vw;
                vertical-align: middle
            }

            .worldwide .region-container .region-item .container_box {
                margin-left: 2.1333333333vw;
                width: 87.5vw;
                margin-top: 0;
                border-top: .1333333333vw solid #d9d9d9;
                border-bottom: .1333333333vw solid #d9d9d9;
                display: none;
                padding-bottom: 10.6666666667vw
            }

                .worldwide .region-container .region-item .container_box .content_block {
                    width: 100%;
                    margin-top: 0;
                    margin-right: 0;
                    margin-top: 10.6666666667vw
                }

                    .worldwide .region-container .region-item .container_box .content_block .content_wide {
                        width: 100%
                    }

                        .worldwide .region-container .region-item .container_box .content_block .content_wide .content_title {
                            width: 100%;
                            font-weight: 700;
                            font-size: 4.2666666667vw;
                            line-height: 6.4vw;
                            color: #0b457f;
                            margin-bottom: 5.3333333333vw
                        }

                .worldwide .region-container .region-item .container_box .content_flex {
                    display: flex;
                    justify-content: space-between;
                    justify-content: flex-start;
                    margin-bottom: 3.2vw
                }

                    .worldwide .region-container .region-item .container_box .content_flex .content_subt {
                        width: 13.8666666667vw;
                        font-weight: 400;
                        font-size: 2.6666666667vw;
                        line-height: 4vw;
                        color: #606060;
                        margin-bottom: 0;
                        margin-right: 4vw
                    }

                    .worldwide .region-container .region-item .container_box .content_flex .content_txt {
                        width: 70.1333333333vw;
                        font-weight: 400;
                        font-size: 3.2vw;
                        line-height: 4.8vw;
                        color: #000;
                        margin-bottom: 0
                    }

                        .worldwide .region-container .region-item .container_box .content_flex .content_txt a {
                            color: #0b457f;
                            text-decoration: underline
                        }

                    .worldwide .region-container .region-item .container_box .content_flex .content_titleB {
                        font-weight: 400;
                        font-size: 2.1333333333vw;
                        line-height: 1.5;
                        color: #000
                    }

                    .worldwide .region-container .region-item .container_box .content_flex:nth-last-child(1) {
                        margin-bottom: 0
                    }
}




/* ================================
           Contact footer (new)
        ================================ */
.contact-footer {
    background: #fff;
    padding: 40px 50px;
    border-top: 1px solid #000;
}

.contact-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin: auto;
}

.contact-left {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    color: #000;
}

.contact-sep {
    font-weight: 400;
}

.contact-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

    .contact-right a img {
        width: 46px;
        height: 46px;
        object-fit: contain;
        /* border: 2px solid #000; */
        padding: 5px;
        border-radius: 5px;
        transition: 0.25s;
    }

        .contact-right a img:hover {
            background: #000;
            filter: invert(100%);
            transform: scale(1.05);
        }

/* ================================
           Optional bottom footer (copyright)
        ================================ */
.bottom-footer {
    background: #111;
    color: #aaa;
    text-align: center;
    padding: 18px 0;
    font-size: 14px;
}

/* ===================================================
   MOBILE SMALL (0px ==> 480px)
=================================================== */

@media (max-width: 1023px) {

    /* ===== FOOTER ===== */
    .contact-inner {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    /* ✅ FIX: فوتر الموبايل صار مطابق للصورة — الأيقونات فوق جوا مربعات بحدود، والتواصل تحت */
    .contact-left {
        order: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 14px;
        color: #000;
        white-space: nowrap;
    }

    .contact-right {
        order: 1;
        justify-content: center;
        gap: 25px;
    }

        .contact-right a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 56px;
            height: 56px;
            border: 0px solid #000;
            border-radius: 12px;
        }

            .contact-right a img {
                width: 48px;
                height: 48px;
                padding: 0;
            }
}

/*===================================================
   TABLET PORTRAIT (768px – 1023px)
=================================================== */
@media (min-width: 768px) and (max-width: 1023px) {
    /* ===== FOOTER ===== */
    .contact-inner {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    /* ✅ FIX: فوتر الموبايل صار مطابق للصورة — الأيقونات فوق جوا مربعات بحدود، والتواصل تحت */
    .contact-left {
        order: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 14px;
        color: #000;
        white-space: nowrap;
    }

    .contact-right {
        order: 1;
        justify-content: center;
        gap: 14px;
    }

        .contact-right a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 56px;
            height: 56px;
            border: 1.5px solid #000;
            border-radius: 12px;
        }

        .contact-right a img {
            width: 24px;
            height: 24px;
            padding: 0;
        }



}
/* ===================================================
   TABLET LANDSCAPE (1024px – 1279px)
=================================================== */
@media (min-width: 1024px) and (max-width: 1279px) {
    /* ================================
        Contact footer (new)
     ================================ */
    .contact-footer {
        background: #fff;
        padding: 40px 50px;
        border-top: 1px solid #000;
    }

    .contact-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1300px;
        margin: auto;
    }

    .contact-left {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 18px;
        color: #000;
    }

    .contact-sep {
        font-weight: 400;
    }

    .contact-right {
        display: flex;
        align-items: center;
        gap: 18px;
    }

        .contact-right a img {
            width: 46px;
            height: 46px;
            object-fit: contain;
            /* border: 2px solid #000; */
            padding: 5px;
            border-radius: 5px;
            transition: 0.25s;
        }

            .contact-right a img:hover {
                background: #000;
                filter: invert(100%);
                transform: scale(1.05);
            }

    /* ================================
        Optional bottom footer (copyright)
     ================================ */
    .bottom-footer {
        background: #111;
        color: #aaa;
        text-align: center;
        padding: 18px 0;
        font-size: 14px;
    }
}