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

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

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

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

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

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

.swiper-pointer-events {
    touch-action: pan-y
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

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

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

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

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

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

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

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    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);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

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

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    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: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

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

.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: transform .2s,top .2s
}

.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: translateX(-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: transform .2s,left .2s
}

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

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

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

.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 {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.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 {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0,0,0,.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

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

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

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

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

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

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

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

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

.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-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

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

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

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0,0,0,.1);
    --f-spinner-color-2: rgba(17,24,28,.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    height: var(--f-spinner-height);
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width)
}

.f-spinner svg {
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes f-spinner-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    -webkit-animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    -webkit-animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0);
        transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0)
    }
}

@keyframes f-throwOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0);
        transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0)
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        transform: translate3d(0,var(--f-throw-out-distance,150px),0)
    }
}

@keyframes f-throwOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,var(--f-throw-out-distance,150px),0);
        transform: translate3d(0,var(--f-throw-out-distance,150px),0)
    }
}

.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp;
    animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0)
    }

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

@keyframes f-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0)
    }

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

@-webkit-keyframes f-zoomOutDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0)
    }
}

@keyframes f-zoomOutDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0,16px,0);
        transform: scale(.975) translate3d(0,16px,0)
    }
}

.f-fadeIn {
    -webkit-animation: var(--f-transition-duration,.2s) ease both f-fadeIn;
    animation: var(--f-transition-duration,.2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: var(--f-transition-duration,.2s) ease both f-fadeOut;
    animation: var(--f-transition-duration,.2s) ease both f-fadeOut;
    z-index: 1
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    -webkit-animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    -webkit-animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    -webkit-animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    -webkit-animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext
}

.f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev
}

.f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext
}

.f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideOutNext {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutNext {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes f-slideOutPrev {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    z-index: 1
}

@-webkit-keyframes f-classicInNext {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }

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

@keyframes f-classicInNext {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }

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

@-webkit-keyframes f-classicInPrev {
    0% {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }

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

@keyframes f-classicInPrev {
    0% {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }

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

@-webkit-keyframes f-classicOutNext {
    to {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }
}

@keyframes f-classicOutNext {
    to {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }
}

@-webkit-keyframes f-classicOutPrev {
    to {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }
}

@keyframes f-classicOutPrev {
    to {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--f-button-bg);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    -webkit-box-shadow: var(--f-button-shadow);
    box-shadow: var(--f-button-shadow);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--f-button-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--f-button-height);
    justify-content: center;
    margin: 0;
    padding: 0;
    pointer-events: all;
    position: relative;
    -webkit-transition: var(--f-button-transition);
    transition: var(--f-button-transition);
    width: var(--f-button-width)
}

@media(hover: hover) {
    .f-button:hover:not([disabled]) {
        background-color:var(--f-button-hover-bg);
        color: var(--f-button-hover-color)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    -webkit-box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));
    box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));
    outline: none
}

.f-button svg {
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    height: var(--f-button-svg-height);
    pointer-events: none;
    -webkit-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-transition: opacity .15s ease;
    transition: opacity .15s ease;
    width: var(--f-button-svg-width)
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    left: var(--f-button-prev-pos);
    right: auto
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev {
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

html.with-fancybox {
    overflow: visible;
    scroll-behavior: auto;
    width: auto
}

html.with-fancybox body {
    -ms-touch-action: none;
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden!important;
    overscroll-behavior-y: none;
    width: auto
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24,24,27,.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: hsla(0,0%,100%,.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f8f8f8;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: visible;
    overscroll-behavior-y: contain;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: var(--fancybox-zIndex,1050)
}

.fancybox__container *,.fancybox__container :after,.fancybox__container :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.fancybox__container::-ms-backdrop {
    background-color: transparent
}

.fancybox__container::backdrop {
    background-color: transparent
}

.fancybox__backdrop {
    background: var(--fancybox-bg);
    bottom: 0;
    left: 0;
    opacity: var(--fancybox-opacity,1);
    position: fixed;
    right: 0;
    top: 0;
    will-change: opacity;
    z-index: -1
}

.fancybox__carousel {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    overflow-x: clip;
    overflow-y: visible;
    position: relative;
    z-index: 10
}

.fancybox__viewport {
    height: 100%;
    width: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__track {
    margin: 0 auto
}

.fancybox__slide,.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-scroll-chaining: none;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 4px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:after,.fancybox__slide:before {
    -webkit-box-flex: 0;
    content: "";
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    -ms-flex-item-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-self: center;
    background: var(--fancybox-content-bg,#fff);
    border-radius: 0;
    color: var(--fancybox-content-color,#374151);
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    padding: 2rem;
    position: relative;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__content [contenteditable],.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 1px;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: none;
    transition: none
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    height: auto;
    max-height: 100%;
    width: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content,.is-dragging .fancybox__content {
    -webkit-filter: blur(0);
    filter: blur(0);
    will-change: transform,width,height
}

.fancybox-image {
    display: block;
    height: 100%;
    margin: auto;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox__caption {
    -ms-flex-item-align: center;
    -ms-flex-negative: 0;
    align-self: center;
    color: var(--fancybox-color,currentColor);
    cursor: auto;
    flex-shrink: 0;
    line-height: 1.375;
    margin: 0;
    max-width: 100%;
    opacity: var(--fancybox-opacity,1);
    overflow-wrap: anywhere;
    padding: 14px 0 4px;
    visibility: visible
}

.is-closing .fancybox__caption,.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color,#fff);
    --f-button-hover-color: var(--fancybox-color,#fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    opacity: .75;
    position: absolute;
    right: 0;
    top: -38px
}

.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    margin: 0;
    padding: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    opacity: var(--fancybox-opacity,1);
    padding: 24px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    width: 100%
}

.is-compact .fancybox__footer {
    background: rgba(24,24,27,.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 20
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0,0,0,.6);
    --f-button-active-bg: rgba(0,0,0,.6);
    --f-button-hover-bg: rgba(0,0,0,.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    right: 5px;
    top: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24,24,27,.3);
    --f-button-active-bg: rgba(24,24,27,.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24,24,27,.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity,1)
}

.fancybox__nav .f-button:before {
    bottom: -30px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -30px;
    z-index: 1
}

.is-idle .fancybox__nav,.is-idle.is-compact .fancybox__footer {
    -webkit-animation: f-fadeOut .15s ease-out both;
    animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none
}

.fancybox__slide>.f-spinner {
    cursor: pointer;
    left: 50%;
    margin: var(--f-spinner-top,calc(var(--f-spinner-width)*-.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height)*-.5));
    position: absolute;
    top: 50%;
    z-index: 30
}

.fancybox-protected {
    bottom: 0;
    right: 0
}

.fancybox-ghost,.fancybox-protected {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 40
}

.fancybox-ghost {
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    width: 100%
}

.fancybox-focus-guard {
    opacity: 0;
    outline: none;
    pointer-events: none;
    position: fixed
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel) {
    -webkit-animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel) {
    -webkit-animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 100%;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
    height: 90%;
    width: calc(100% - 120px)
}

.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content {
    height: 100%;
    width: 100%
}

.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
    background: rgba(24,24,27,.9);
    color: #fff;
    padding: 0
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

.fancybox-placeholder {
    clip: rect(1px,1px,1px,1px)!important;
    border: 0!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    -webkit-box-flex: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-thumbs .f-spinner {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ebeff2),to(#e2e8f0));
    background-image: linear-gradient(#ebeff2,#e2e8f0);
    border-radius: 2px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    height: auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%
}

.f-thumbs__slide,.f-thumbs__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-thumbs__slide {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: var(--f-thumb-height);
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: var(--f-thumb-width)
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track:before {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: calc((var(--f-thumb-clip-width, 0))*-.5);
    position: absolute;
    top: 0;
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0))
}

.is-modern .f-thumbs__slide {
    pointer-events: none;
    -webkit-transform: translate3d(calc(var(--shift, 0)*-1px),0,0);
    transform: translate3d(calc(var(--shift, 0)*-1px),0,0);
    -webkit-transition: none;
    transition: none;
    width: var(--f-thumb-clip-width)
}

.is-modern.is-resting .f-thumbs__slide {
    -webkit-transition: -webkit-transform .33s ease;
    transition: -webkit-transform .33s ease;
    transition: transform .33s ease;
    transition: transform .33s ease,-webkit-transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    -webkit-transition: -webkit-clip-path .33s ease;
    transition: -webkit-clip-path .33s ease;
    transition: clip-path .33s ease;
    transition: clip-path .33s ease,-webkit-clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--f-thumb-border-radius);
    cursor: pointer;
    height: 100%;
    margin: 0 -100%;
    opacity: var(--f-thumb-opacity);
    outline: none;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
    position: relative;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: var(--f-thumb-width)
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    opacity: var(--f-thumb-selected-opacity);
    outline: none
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*(1 - var(--progress, 0))*0.5) round var(--f-thumb-border-radius,0));
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    -webkit-animation: f-fadeIn .2s ease-out;
    animation: f-fadeIn .2s ease-out;
    border: var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
    content: "";
    height: auto;
    z-index: 10
}

.f-thumbs__slide__img,.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    border-radius: var(--f-thumb-border-radius);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.f-thumbs__slide__img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    padding: var(--f-thumb-offset);
    pointer-events: none;
    width: 100%
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    opacity: var(--fancybox-opacity,1);
    position: relative;
    -webkit-transition: max-height .35s cubic-bezier(.23,1,.32,1);
    transition: max-height .35s cubic-bezier(.23,1,.32,1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,.05)));
    background-image: linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,.05)));
    background-image: linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0!important
}

.is-closing .fancybox__thumbs {
    -webkit-transition: none!important;
    transition: none!important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color,hsla(0,0%,100%,.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24,24,27,.65);
    --f-button-hover-bg: rgba(70,70,73,.65);
    --f-button-active-bg: rgba(90,90,93,.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24,24,27,.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--fancybox-color,currentColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;
    justify-content: space-between;
    margin: 0;
    opacity: var(--fancybox-opacity,1);
    padding: 0;
    pointer-events: none;
    text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.is-idle .fancybox__toolbar {
    -webkit-animation: f-fadeOut .15s ease-out both;
    animation: f-fadeOut .15s ease-out both;
    pointer-events: none
}

.fancybox__toolbar__column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1
}

.fancybox__toolbar__column.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-end
}

.fancybox__infobar {
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: var(--f-button-height);
    padding: 0 5px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-progress {
    background: var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
    height: 3px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 30
}

@font-face {
    font-family: iconfont;
    src: url(font.woff2) format("woff2");
}

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

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes animate__fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

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

@keyframes animate__fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

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

.animate__fadeInUpSmall {
    -webkit-animation-name: animate__fadeInUpSmall;
    animation-name: animate__fadeInUpSmall
}

@-webkit-keyframes animate__fadeInDownSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

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

@keyframes animate__fadeInDownSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

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

.animate__fadeInDownSmall {
    -webkit-animation-name: animate__fadeInDownSmall;
    animation-name: animate__fadeInDownSmall
}

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

    to {
        opacity: 1
    }
}

@keyframes animate__fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: animate__fadeIn;
    animation-name: animate__fadeIn
}

.animate__fadeIn .lazy {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: animate__scaleI;
    animation-name: animate__scaleI;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

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

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

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

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

.animate__fadeInUp {
    -webkit-animation-name: animate__fadeInUp;
    animation-name: animate__fadeInUp
}

@-webkit-keyframes animate__fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

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

@keyframes animate__fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

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

.animate__fadeInUp2 {
    -webkit-animation-name: animate__fadeInUp2;
    animation-name: animate__fadeInUp2
}

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

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

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

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

.animate__fadeInDown {
    -webkit-animation-name: animate__fadeInDown;
    animation-name: animate__fadeInDown
}

@-webkit-keyframes animate__fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

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

@keyframes animate__fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

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

.animate__fadeInDown2 {
    -webkit-animation-name: animate__fadeInDown2;
    animation-name: animate__fadeInDown2
}

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

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

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

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

.animate__fadeInLeft {
    -webkit-animation-name: animate__fadeInLeft;
    animation-name: animate__fadeInLeft
}

@-webkit-keyframes animate__fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

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

@keyframes animate__fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

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

.animate__fadeInLeft2 {
    -webkit-animation-name: animate__fadeInLeft2;
    animation-name: animate__fadeInLeft2
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.animate__fadeInRight {
    -webkit-animation-name: animate__fadeInRight;
    animation-name: animate__fadeInRight
}

@-webkit-keyframes animate__fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animate__fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.animate__fadeInRight2 {
    -webkit-animation-name: animate__fadeInRight2;
    animation-name: animate__fadeInRight2
}

@-webkit-keyframes animate__shearUp {
    0% {
        -webkit-clip-path: inset(100% 0 0 0);
        clip-path: inset(100% 0 0 0);
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@keyframes animate__shearUp {
    0% {
        -webkit-clip-path: inset(100% 0 0 0);
        clip-path: inset(100% 0 0 0);
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

.animate__shearUp {
    -webkit-animation-name: animate__shearUp;
    animation-name: animate__shearUp
}

@-webkit-keyframes animate__shearDown {
    0% {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@keyframes animate__shearDown {
    0% {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

.animate__shearDown {
    -webkit-animation-name: animate__shearDown;
    animation-name: animate__shearDown
}

@-webkit-keyframes animate__shearLeft {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@keyframes animate__shearLeft {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

.animate__shearLeft {
    -webkit-animation-name: animate__shearLeft;
    animation-name: animate__shearLeft
}

@-webkit-keyframes animate__shearRight {
    0% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

@keyframes animate__shearRight {
    0% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

    99% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-clip-path: none;
        clip-path: none
    }
}

.animate__shearRight {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: animate__shearRight;
    animation-name: animate__shearRight
}

@-webkit-keyframes animate__fb1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0) skew(0deg,3deg);
        transform: translate3d(0,50px,0) skew(0deg,3deg)
    }

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

@keyframes animate__fb1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0) skew(0deg,3deg);
        transform: translate3d(0,50px,0) skew(0deg,3deg)
    }

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

.animate__fb1 {
    -webkit-animation-name: animate__fb1;
    animation-name: animate__fb1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.animate__fb1 .lazy {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: animate__scaleD;
    animation-name: animate__scaleD;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

@-webkit-keyframes animate__scaleD {
    0% {
        -webkit-transform: translateY(-40px) scale(1.2);
        transform: translateY(-40px) scale(1.2)
    }

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

@keyframes animate__scaleD {
    0% {
        -webkit-transform: translateY(-40px) scale(1.2);
        transform: translateY(-40px) scale(1.2)
    }

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

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

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

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

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

@-webkit-keyframes animate__newF {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0) scaleX(1.1);
        transform: translate3d(0,40px,0) scaleX(1.1)
    }

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

@keyframes animate__newF {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0) scaleX(1.1);
        transform: translate3d(0,40px,0) scaleX(1.1)
    }

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

.animate__newF {
    -webkit-animation-name: animate__newF;
    animation-name: animate__newF
}

@-webkit-keyframes animate__scaleM {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0) scale(.8);
        transform: translate3d(0,40px,0) scale(.8)
    }

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

@keyframes animate__scaleM {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0) scale(.8);
        transform: translate3d(0,40px,0) scale(.8)
    }

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

.animate__scaleM {
    -webkit-animation-name: animate__scaleM;
    animation-name: animate__scaleM
}

@-webkit-keyframes animate__filterUp {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes animate__filterUp {
    0% {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        opacity: 0;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__filterUp {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: animate__filterUp;
    animation-name: animate__filterUp
}

.hoverable_txt {
    background-image: -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
    background-image: linear-gradient(90deg,#fff,#fff);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    -webkit-transition: background-size .5s cubic-bezier(.215,.61,.355,1);
    transition: background-size .5s cubic-bezier(.215,.61,.355,1)
}

@media screen and (orientation: landscape) {
    .hoverable:hover .hoverable_txt {
        background-position:0 100%;
        background-size: 100% 1px
    }
}

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

*,:after,:before,blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

address,cite,dfn,em,var {
    font-style: normal
}

code,kbd,pre,samp {
    font-family: courier new,courier,monospace
}

ol,ul {
    list-style-type: none
}

a {
    text-decoration: none
}

fieldset,img {
    border: 0;
    display: block
}

button,input,select,textarea {
    -webkit-font-smoothing: antialiased;
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
    outline: none
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer
}

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

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 13px;
    padding: 0;
    width: 13px
}

input[type=search] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 100px;
    height: auto;
    overflow-x: hidden
}

body,html {
    width: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: #fff;
    color: #333;
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.8;
    min-height: 100vh
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    margin: 0;
    padding: 0
}

a,button,input,select,textarea,video {
    outline: none;
    text-decoration: none
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    margin-left: auto;
    margin-right: auto
}

.inleft {
    text-align: left
}

.inright {
    text-align: right
}

.incenter {
    text-align: center
}

.posi {
    position: relative
}

.circle {
    border-radius: 50%
}

.blcircle {
    border-bottom-left-radius: 50%
}

.tlcircle {
    border-top-left-radius: 50%
}

.brcircle {
    border-bottom-right-radius: 50%
}

.trcircle {
    border-top-right-radius: 50%
}

.isbd {
    border: 1px solid #e0e0e0
}

.isbdbm {
    border-bottom: 1px solid #e0e0e0
}

.isbdtp {
    border-top: 1px solid #e0e0e0
}

.isbdrt {
    border-right: 1px solid #e0e0e0
}

.isbdlt {
    border-left: 1px solid #e0e0e0
}

.isshadow {
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.1);
    box-shadow: 5px 5px 5px rgba(0,0,0,.1)
}

.ishalo {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.isdarkhalo {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

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

.flex_item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

.lazy[data-src] {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lazy[data-bg] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0
}

[data-ani]:not([data-ani-child]),[data-ani][data-ani-child] ._on:not(.animate__animated) {
    visibility: hidden
}
/*

*/

.row {
    padding: 0 12.5vw;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .row {
        padding:0 8.3333333333vw
    }
}

.mg0 {
    margin: 0 auto
}

.lump {
    display: block
}

.lineLump {
    display: inline-block
}

.hidden {
    overflow: hidden
}

.grid {
    display: grid
}

.template {
    width: 100%
}

.f-26 {
    font-size: 26px
}

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

.f-22 {
    font-size: 22px
}

.f-20 {
    font-size: 20px
}

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

.f-16 {
    font-size: 16px
}

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

.f-12 {
    font-size: 12px
}

@media screen and (max-width: 1760px) {
    html {
        font-size:91.67px
    }
}

@media screen and (max-width: 1600px) {
    html {
        font-size:83.33px
    }

    body {
        font-size: 15px
    }

    .f-26 {
        font-size: 22px
    }

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

    .f-20,.f-22 {
        font-size: 18px
    }

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

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

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

    .f-12 {
        font-size: 12px
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size:75px
    }

    body {
        font-size: 14px
    }

    .f-26 {
        font-size: 20px
    }

    .f-22,.f-24 {
        font-size: 18px
    }

    .f-20 {
        font-size: 16px
    }

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

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

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

    .f-12 {
        font-size: 12px
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size:65px
    }

    body {
        font-size: 13px
    }

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

    .f-22,.f-24 {
        font-size: 16px
    }

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

    .f-16,.f-18 {
        font-size: 13px
    }

    .f-12,.f-14 {
        font-size: 12px
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size:50px
    }

    body {
        font-size: 14px
    }

    .f-24,.f-26 {
        font-size: 18px
    }

    .f-22 {
        font-size: 16px
    }

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

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

    .f-12,.f-14 {
        font-size: 12px
    }
}

#screenSwiper {
    background-color: #f7f7f7;
    height: 100vh
}

#screenSwiper>.swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#screenSwiper>.swiper-wrapper>.swiper-slide {
    height: 100vh;
    overflow: hidden
}

#screenSwiper>.swiper-wrapper>.swiper-slide .ani {
    -webkit-transition: all 1s;
    transition: all 1s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay1 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay2 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay3 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay4 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay5 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay6 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay7 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay8 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay9 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay10 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay11 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay12 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay13 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay14 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay15 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay16 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay17 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay18 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay19 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .delay20 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

#screenSwiper>.swiper-wrapper>.swiper-slide.fulfil .ani {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

#screenSwiper>.swiper-wrapper>.swiper-slide.show {
    overflow: visible
}

#screenSwiper>.swiper-wrapper>.swiper-slide:last-of-type {
    height: auto
}

#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide {
    height: 100%
}

#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.bg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenInfo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media screen and (orientation: landscape) {
    ::-webkit-scrollbar {
        background-color:#f5f5f5;
        width: 6px
    }

    ::-webkit-scrollbar-thumb {
        background-color: #054d97;
        border-radius: 6px
    }

    ::-webkit-scrollbar:horizontal {
        height: 6px
    }
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

html[data-scroll-orientation=horizontal] body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

html[data-scroll-orientation=horizontal] [data-scroll-container] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fancybox__container {
    --fancybox-bg: rgba(0,0,0,.7)
}

.richText {
    line-height: 1.875;
    text-align: justify
}

.richText img {
    max-width: 100%!important
}

.richText video {
    display: inline-block;
    max-width: 100%
}

.header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1rem;
    left: 0;
    padding: 0 4.6875vw;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.header:before {
    content: "";
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.header .shade,.header:before {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.header .shade {
    height: 5.2rem;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.435,.25,.15,.965);
    transition: -webkit-transform .5s cubic-bezier(.435,.25,.15,.965);
    transition: transform .5s cubic-bezier(.435,.25,.15,.965);
    transition: transform .5s cubic-bezier(.435,.25,.15,.965),-webkit-transform .5s cubic-bezier(.435,.25,.15,.965)
}

.header .logo {
    background-color: #033f7c;
    border-radius: 0 0 .16rem .16rem;
    height: 1.34rem;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: background-color .7s ease;
    transition: background-color .7s ease
}

.header .logo img {
    height: 100%
}

.header .nav {
    margin-left: auto;
    margin-right: 2.0833333333vw
}

.header .nav .list {
    position: relative
}

.header .nav .list .list_a:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header .nav .list .list_a:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.header .nav .list .list_a:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.header .nav .list .list_a:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.header .nav .list .list_a:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.header .nav .list .list_a:nth-child(6) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.header .nav .list .list_a:nth-child(7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.header .nav .list .list_a:nth-child(8) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.header .nav .list .list_a:nth-child(9) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.header .nav .list .list_a:nth-child(10) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.header .nav .list .list_a {
    margin-right: 3.6458333333vw;
    position: relative;
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: transform 1s ease,opacity 1s ease;
    transition: transform 1s ease,opacity 1s ease,-webkit-transform 1s ease
}

.header .nav .list .list_a:last-of-type {
    margin-right: 0
}

.header .nav .list .list_a>a {
    color: #fff;
    font-weight: 600;
    position: relative;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.header .nav .list .list_a>a .hoverable_txt {
    background-image: -webkit-gradient(linear,left top,right top,from(#054d97),to(#054d97));
    background-image: linear-gradient(90deg,#054d97,#054d97)
}

.header .nav .list .list_a>a i {
    display: none
}

.header .nav .list .list_a .list_b {
    display: none;
    left: 0;
    padding-top: .2rem;
    position: absolute;
    top: 100%;
    white-space: nowrap
}

.header .nav .list .list_a .list_b .list_b_ul li>a {
    color: #666;
    padding: .06rem 0;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.header .search {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 1.3541666667vw;
    width: 38px
}

.header .search,.header .tel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #054d97;
    color: #fff;
    height: 38px
}

.header .tel {
    border-radius: 38px;
    padding: 0 .2rem
}

.header .tel span {
    font-weight: 600;
    margin-left: 5px
}

.header .menu {
    display: none;
    margin-left: .3rem
}

.header .menu .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    outline: none;
    position: relative;
    width: 24px
}

.header .menu .btn span {
    background-color: #fff;
    border-radius: 2px;
    height: 2px;
    position: absolute;
    -webkit-transition: all .5s cubic-bezier(.4,.4,0,1);
    transition: all .5s cubic-bezier(.4,.4,0,1);
    width: 100%
}

.header .menu .btn span:first-child {
    left: 0;
    top: 3px
}

.header .menu .btn span:nth-child(2) {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

.header .menu .btn span:nth-child(3) {
    bottom: 3px;
    left: 0
}

.header.on .menu .btn span {
    background-color: #fff
}

.header.on .menu .btn span:first-child {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header.on .menu .btn span:nth-child(2) {
    width: 0
}

.header.on .menu .btn span:nth-child(3) {
    bottom: 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header.bc:before {
    opacity: 1
}

.header.bc .nav .list .list_a>a {
    color: #333
}

.header.bc .menu .btn span {
    background-color: #333
}

.header.drop .shade {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.header.drop .logo img.white {
    opacity: 0
}

.header.drop .logo img.black {
    opacity: 1
}

.header.drop .nav .list .list_a>a {
    color: #333
}

.header.drop .nav .list .list_a .list_b {
    display: block
}

@media screen and (orientation: landscape) {
    .header .nav .list .list_a .list_b .list_b_ul li>a:hover,.header .nav .list .list_a:hover>a {
        color:#054d97
    }

    .header .search:hover:before {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (orientation: portrait) {
    .header {
        height:50px;
        padding: 0 3.125vw;
        -webkit-transition: background-color .5s cubic-bezier(.4,.4,0,1);
        transition: background-color .5s cubic-bezier(.4,.4,0,1)
    }

    .header.bc {
        background-color: #fff
    }

    .header .shade {
        height: calc(100vh - 50px);
        top: 100%;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.4,.4,0,1);
        transition: -webkit-transform .5s cubic-bezier(.4,.4,0,1);
        transition: transform .5s cubic-bezier(.4,.4,0,1);
        transition: transform .5s cubic-bezier(.4,.4,0,1),-webkit-transform .5s cubic-bezier(.4,.4,0,1)
    }

    .header .animate__animated {
        -webkit-animation: none;
        animation: none
    }

    .header .logo {
        height: 36px
    }

    .header .nav {
        bottom: 0;
        font-size: 16px;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding-left: 0;
        pointer-events: none;
        position: fixed;
        top: 50px;
        width: 100%
    }

    .header .nav .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        padding: .3rem 0;
        width: 100%
    }

    .header .nav .list .list_a {
        margin-left: 0;
        opacity: 0;
        padding: 0 5%;
        position: relative;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
        -webkit-transition: opacity .4s ease,-webkit-transform .4s ease;
        transition: opacity .4s ease,-webkit-transform .4s ease;
        transition: opacity .4s ease,transform .4s ease;
        transition: opacity .4s ease,transform .4s ease,-webkit-transform .4s ease;
        width: 100%
    }

    .header .nav .list .list_a:before {
        background-color: rgba(0,165,177,.05);
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
        width: 100%;
        z-index: -1
    }

    .header .nav .list .list_a>a {
        border-bottom: 1px solid #ededed;
        height: 60px;
        line-height: 60px;
        padding: 0;
        position: relative;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }

    .header .nav .list .list_a>a i {
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease,-webkit-transform .4s ease
    }

    .header .nav .list .list_a.on:before {
        opacity: 1
    }

    .header .nav .list .list_a.on>a i {
        -webkit-transform: none;
        transform: none
    }

    .header .nav .list .list_a:nth-child(3) .list_b {
        display: block
    }

    .header .nav .list .list_a .list_b {
        display: block;
        font-size: 15px;
        height: 0;
        opacity: 1;
        overflow: hidden;
        padding: 0 5%;
        position: static;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: height .4s ease;
        transition: height .4s ease;
        visibility: visible;
        width: 100%
    }

    .header .nav .list .list_a .list_b .list_b_ul {
        padding-bottom: .6rem;
        padding-top: .2rem
    }

    .header .nav .list .list_a .list_b .list_b_ul>li>a {
        color: #054d97;
        line-height: 40px;
        padding: 0
    }

    .header .search {
        height: .6rem;
        margin-left: auto;
        width: .6rem
    }

    .header .menu {
        display: block
    }

    .header.on .shade {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    .header.on .nav {
        pointer-events: auto
    }

    .header.on .nav .list .list_a {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .header.on .nav .list_a:first-child {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .header.on .nav .list_a:nth-child(2) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .header.on .nav .list_a:nth-child(3) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .header.on .nav .list_a:nth-child(4) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .header.on .nav .list_a:nth-child(5) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .header.on .nav .list_a:nth-child(6) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .header.on .nav .list_a:nth-child(7) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

    .header.on .nav .list_a:nth-child(8) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

    .header.on .nav .list_a:nth-child(9) {
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }

    .header.on .nav .list_a:nth-child(10) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .header.on .nav .list_a:nth-child(11) {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s
    }

    .header.on .nav .list_a:nth-child(12) {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .header.on .nav .list_a:nth-child(13) {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }

    .header.on .nav .list_a:nth-child(14) {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s
    }

    .header.on .nav .list_a:nth-child(15) {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }
}

.searchBox {
    border-radius: .1rem;
    display: none;
    max-width: 87.5%;
    padding: .8rem;
    width: 8rem
}

.searchBox .tit {
    color: #000;
    letter-spacing: .075em;
    line-height: 1.2;
    text-align: center
}

.searchBox .group {
    margin-top: .5rem;
    width: 100%
}

.searchBox .group .txt {
    background: none;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #333
}

.searchBox .group .txt::-webkit-input-placeholder {
    color: #ddd
}

.searchBox .group .btn {
    background: none;
    border: none;
    color: #999;
    font-size: .32rem;
    height: .5rem;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    width: .5rem
}

@media screen and (orientation: landscape) {
    .searchBox .group .btn:hover {
        color:#054d97
    }
}

@media screen and (orientation: portrait) {
    .searchBox {
        padding:.8rem .6rem
    }

    .searchBox .group .btn {
        font-size: .44rem;
        height: .72rem;
        width: .72rem
    }
}

.footer {
    position: relative;
    z-index: 5
}

.footer .wave {
    bottom: 100%;
    height: 5.2083333333vw;
    left: 0;
    position: absolute;
    width: 100%
}

.footer .wave>svg {
    display: block;
    height: 100%;
    width: 100%
}

.footer .wave>svg use {
    -webkit-animation: move-forever 3.6s linear infinite;
    animation: move-forever 3.6s linear infinite
}

@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate(-90px);
        transform: translate(-90px)
    }

    to {
        -webkit-transform: translate(85px);
        transform: translate(85px)
    }
}

@keyframes move-forever {
    0% {
        -webkit-transform: translate(-90px);
        transform: translate(-90px)
    }

    to {
        -webkit-transform: translate(85px);
        transform: translate(85px)
    }
}

.footer .wave>svg use:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.footer .wave>svg use:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.footer .box {
    background-color: #565656;
    padding-top: 3.125vw;
    position: relative
}

.footer .box .group {
    padding-bottom: 1.6458333333vw;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
}

.footer .box .group .info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1.125vw;
    width: 29.0416666667vw
}

.footer .box .group .info .logo {
    display: block;
    height: .63rem
}

.footer .box .group .info .logo img {
    height: 100%
}

.footer .box .group .info .text {
    color: #fff;
    margin-top: 2.6041666667vw
}

.footer .box .group .info .text .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.0416666667vw
}

.footer .box .group .info .text .item:first-of-type {
    margin-top: 0
}

.footer .box .group .info .text .item i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 22px;
    justify-content: center;
    width: 22px
}

.footer .box .group .info .text .item span {
    margin-left: .12rem
}

.footer .box .group .nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer .box .group .nav .item {
    border-left: 1px solid hsla(0,0%,100%,.1);
    padding-left: 1.3020833333vw
}

.footer .box .group .nav .item a {
    color: #fff;
    display: block
}

.footer .box .group .nav .item>a {
    font-weight: 600
}

.footer .box .group .nav .item .list {
    margin-top: 1.0416666667vw
}

.footer .box .group .nav .item .list li {
    margin-top: .625vw
}

.footer .box .group .nav .item .list li:first-of-type {
    margin-top: 0
}

.footer .box .group .nav .item:last-of-type>a {
    margin-top: .25rem
}

.footer .box .group .nav .item:last-of-type>a:first-of-type {
    margin-top: 0
}

.footer .box .work {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    border-top: 1px solid hsla(0,0%,100%,.3);
    padding: .2rem 0
}

.footer .box .work .tit {
    -ms-flex-negative: 0;
    color: #fff;
    flex-shrink: 0;
    padding-right: .15rem
}

.footer .box .work .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -.15rem
}

.footer .box .work .list .item {
    padding: 5px .15rem
}

.footer .box .work .list .item a {
    color: #fff
}

.footer .box .foot {
    padding: .3rem 0
}

.footer .box .foot .text {
    color: #fff;
    padding-right: .4rem
}

.footer .box .foot .text a {
    color: #fff
}

.footer .box .foot .code {
    margin-left: auto;
    position: relative
}

.footer .box .foot .code .item {
    margin-left: .4rem
}

.footer .box .foot .code .item:first-of-type {
    margin-left: 0
}

.footer .box .foot .code .item a {
    height: 24px;
    width: 24px
}

.footer .box .foot .code .item a img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.footer .box .foot .code .item .follow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    bottom: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    opacity: 0;
    padding: .1rem .15rem;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    visibility: hidden
}

.footer .box .foot .code .item .follow img {
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 1rem;
	max-width:unset;
}

.footer .box .foot .code .item .follow .txt {
    color: #333;
    padding-right: .2rem;
    text-align: justify;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.footer .box .foot .code .item .follow .txt .name {
    font-weight: 700;
    margin-bottom: 5px
}

.footer .box .foot .code .item:hover .follow {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible
}

.footer .box .backTop {
    position: absolute;
    right: 4.6875vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5
}

@media screen and (max-width: 1440px) {
    .footer .box .backTop {
        right:2.6041666667vw
    }
}

.footer .box .backTop a {
    color: #fff;
    display: block;
    line-height: 1;
    min-width: .55rem;
    padding: .25rem .1rem;
    position: relative;
    text-align: center;
    z-index: 2
}

.footer .box .backTop a:before {
    background-color: #054d97;
    border-radius: 55px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    width: 100%;
    z-index: -1
}

.footer .box .backTop a svg {
    width: 20px
}

.footer .box .backTop a span {
    display: block;
    font-weight: 600;
    margin-top: .25rem
}

@media screen and (orientation: landscape) {
    .footer .foot .text a:hover {
        text-decoration:underline
    }

    .footer .box .group .backTop a:hover:before {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

[data-page=index] .v1 {
    height: 100vh;
    position: relative;
    width: 100%
}

[data-page=index] .v1 .bannerSwr {
    background-color: #000;
    height: 100%;
    width: 100%
}

[data-page=index] .v1 .bannerSwr .swiper-slide.active .bg img,[data-page=index] .v1 .bannerSwr .swiper-slide.active .bg video {
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-page=index] .v1 .bannerSwr .swiper-slide .bg {
    height: 100%;
    width: 100%
}

[data-page=index] .v1 .bannerSwr .swiper-slide .bg img,[data-page=index] .v1 .bannerSwr .swiper-slide .bg video {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform 3s cubic-bezier(.25,.74,.22,.99);
    transition: -webkit-transform 3s cubic-bezier(.25,.74,.22,.99);
    transition: transform 3s cubic-bezier(.25,.74,.22,.99);
    transition: transform 3s cubic-bezier(.25,.74,.22,.99),-webkit-transform 3s cubic-bezier(.25,.74,.22,.99)
}

[data-page=index] .v1 .bannerSwr .swiper-slide .text {
    bottom: 4.1666666667vw;
    color: #fff;
    display: none;
    font-size: .48rem;
    left: 7.2916666667vw;
    position: absolute
}

[data-page=index] .v1 .bannerSwr .swiper-slide .text.on {
    display: block
}

[data-page=index] .v1 .bannerSwr .swiper-slide .text .en {
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase
}

[data-page=index] .v1 .bannerSwr .swiper-slide .text .cn {
    line-height: 1.1;
    margin-top: .15rem
}

[data-page=index] .v1 .bannerSwr .bannerNav {
    bottom: 4.1666666667vw;
    position: absolute;
    right: 4.6875vw;
    z-index: 5
}

[data-page=index] .v1 .bannerSwr .bannerNav .swrBtn2 {
    margin-left: 1.0416666667vw
}

[data-page=index] .v1 .slant {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid transparent;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: border-color .7s ease;
    transition: border-color .7s ease;
    -webkit-transition: width .7s ease;
    transition: width .7s ease;
    width: .7rem;
    z-index: 20
}

[data-page=index] .v1 .slant:before {
    background: -webkit-gradient(linear,left top,left bottom,from(#0e6840),to(#054d97));
    background: linear-gradient(180deg,#0e6840,#054d97);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .7s ease;
    transition: opacity .7s ease;
    width: 100%;
    z-index: -1
}

[data-page=index] .v1 .slant .openBtn {
    cursor: pointer;
    position: relative;
    width: 100%
}

[data-page=index] .v1 .slant .openBtn .expand {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    width: 100%
}

[data-page=index] .v1 .slant .openBtn .expand svg {
    width: 24px
}

[data-page=index] .v1 .slant .openBtn .close {
    left: 50%;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v1 .slant .openBtn .close>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 50%;
    font-size: .32rem;
    height: .7rem;
    justify-content: center;
    opacity: 0;
    -webkit-transform: rotate(-1turn) scale(.8);
    transform: rotate(-1turn) scale(.8);
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: transform 1s ease,opacity 1s ease;
    transition: transform 1s ease,opacity 1s ease,-webkit-transform 1s ease;
    width: .7rem
}

[data-page=index] .v1 .slant .code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 3.6458333333vw;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: absolute;
    width: 100%
}

[data-page=index] .v1 .slant .code .item {
    margin-top: 1.0416666667vw;
    position: relative
}

[data-page=index] .v1 .slant .code .item:hover .pic {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-page=index] .v1 .slant .code .item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #054d97;
    height: .33rem;
    justify-content: center;
    min-height: 26px;
    min-width: 26px;
    width: .33rem
}

[data-page=index] .v1 .slant .code .item .pic {
    left: 100%;
    opacity: 0;
    padding-left: 15px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(5px,-50%);
    transform: translate(5px,-50%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

[data-page=index] .v1 .slant .code .item .pic>div {
    max-width: 1.2rem;
    position: relative
}

[data-page=index] .v1 .slant .code .item .pic>div:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 12px;
    left: -6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 12px;
    z-index: -1
}

[data-page=index] .v1 .menu {
    -webkit-clip-path: inset(0 calc(100% - .68rem) 0 0);
    clip-path: inset(0 calc(100% - .68rem) 0 0);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-clip-path 1s cubic-bezier(.7,0,.3,1);
    transition: -webkit-clip-path 1s cubic-bezier(.7,0,.3,1);
    transition: clip-path 1s cubic-bezier(.7,0,.3,1);
    transition: clip-path 1s cubic-bezier(.7,0,.3,1),-webkit-clip-path 1s cubic-bezier(.7,0,.3,1);
    width: 100%;
    z-index: 10
}

[data-page=index] .v1 .menu .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 16.6666666667vw;
    width: 100%
}

[data-page=index] .v1 .menu .box a {
    color: #fff
}

[data-page=index] .v1 .menu .box .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    margin-top: 3.90625vw;
    width: 100%
}

[data-page=index] .v1 .menu .box .item:first-of-type {
    margin-top: 0
}

[data-page=index] .v1 .menu .box .item .mu_a {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .3rem;
    font-weight: 600;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: transform 1s ease,opacity 1s ease;
    transition: transform 1s ease,opacity 1s ease,-webkit-transform 1s ease
}

[data-page=index] .v1 .menu .box .item .mu_b {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 7.03125vw
}

[data-page=index] .v1 .menu .box .item .mu_b li {
    opacity: 0;
    padding: .5208333333vw 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: transform 1s ease,opacity 1s ease;
    transition: transform 1s ease,opacity 1s ease,-webkit-transform 1s ease;
    width: 9.375vw
}

[data-page=index] .v1 .menu .box .item .mu_b li>a {
    display: inline-block;
    opacity: .7;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

[data-page=index] .v1 .menu .box .item .mu_b li>a:hover {
    opacity: 1
}

[data-page=index] .v1.most .slant {
    border-right-color: hsla(0,0%,100%,.2);
    width: 1.34rem
}

[data-page=index] .v1.most .slant:before {
    opacity: 0
}

[data-page=index] .v1.most .slant .openBtn .expand {
    opacity: 0;
    pointer-events: none
}

[data-page=index] .v1.most .slant .openBtn .close {
    pointer-events: auto
}

[data-page=index] .v1.most .slant .openBtn .close>div {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

[data-page=index] .v1.most .menu {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    pointer-events: auto
}

[data-page=index] .v1.most .menu .box a {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

[data-page=index] .v1.most .menu .box .item .mu_a {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-page=index] .v1.most .menu .box .item .mu_b li {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

[data-page=index] .v1.most .menu .box .item .mu_b li:first-child {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(2) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(3) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(4) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(6) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(7) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(8) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(9) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-page=index] .v1.most .menu .box .item .mu_b li:nth-child(10) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-page=index] .header.most .logo {
    background-color: transparent
}

[data-page=index] .header.most .nav {
    pointer-events: none
}

[data-page=index] .header.most .nav .list .list_a {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

[data-page=index] .header.most .nav .list .list_a:first-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(8) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(9) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-page=index] .header.most .nav .list .list_a:nth-child(10) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-page=index] .v2 {
    padding-bottom: 6.5104166667vw;
    padding-top: 4.6875vw;
    position: relative
}

[data-page=index] .v2 .mbg1 {
    background-color: #054d97
}

[data-page=index] .v2 .tops .tabs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: auto
}

[data-page=index] .v2 .tops .tabs .item {
    cursor: pointer;
    margin-left: 3.90625vw
}

[data-page=index] .v2 .tops .tabs .item.on .icon {
    background-color: #61ad00
}

[data-page=index] .v2 .tops .tabs .item.on .icon img:first-of-type {
    opacity: 0
}

[data-page=index] .v2 .tops .tabs .item.on .icon img:last-of-type {
    opacity: 1
}

[data-page=index] .v2 .tops .tabs .item:first-of-type {
    margin-left: 0
}

[data-page=index] .v2 .tops .tabs .item .icon {
    background-color: #fff;
    border-radius: 50%;
    height: .68rem;
    overflow: hidden;
    position: relative;
    width: .68rem
}

[data-page=index] .v2 .tops .tabs .item .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    width: 100%
}

[data-page=index] .v2 .tops .tabs .item .icon img:last-of-type {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

[data-page=index] .v2 .tops .tabs .item .name {
    color: #fff;
    margin-top: .12rem
}

[data-page=index] .v2 .group {
    color: #fff;
    margin-top: 4.6875vw
}

[data-page=index] .v2 .group .z_about .pic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 29.6875vw
}

[data-page=index] .v2 .group .z_about .pic>div {
    border-radius: 3.3333333333vw 0 0 0;
    overflow: hidden;
    padding-bottom: 65.2631578947%
}

[data-page=index] .v2 .group .z_about .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 4.6875vw
}

[data-page=index] .v2 .group .z_about .text .txt {
    /*border-bottom: 1px solid hsla(0,0%,100%,.14);*/
    padding-bottom: 2.0833333333vw
	
}

[data-page=index] .v2 .group .z_about .text .txt>div {
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 2;
    max-height: 20em;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-page=index] .v2 .group .z_about .text .datas {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-grow: 1;
    justify-content: space-between;
    padding-bottom: 2.6041666667vw;
    padding-top: 1.5625vw
}

[data-page=index] .v2 .group .z_about .text .datas .item .year {
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.1
}

[data-page=index] .v2 .group .z_about .text .datas .item .name {
    margin-top: .1rem
}

[data-page=index] .v2 .group .z_culture .pic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 29.6875vw
}

[data-page=index] .v2 .group .z_culture .pic>div {
    border-radius: 3.3333333333vw 0 0 0;
    overflow: hidden;
    padding-bottom: 65.2631578947%
}

[data-page=index] .v2 .group .z_culture .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 4.6875vw
}

[data-page=index] .v2 .group .z_culture .text .txt {
    border-bottom: 1px solid hsla(0,0%,100%,.14);
    padding-bottom: 2.0833333333vw
}

[data-page=index] .v2 .group .z_culture .text .txt>div {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 2;
    max-height: 6em;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-page=index] .v2 .group .z_culture .text .list {
    grid-gap: 1.8229166667vw;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding-top: 1.3020833333vw
}

[data-page=index] .v2 .group .z_culture .text .list .item .p {
    margin-top: 5px
}

[data-page=index] .v2 .group .z_virtue {
    padding-left: 6.7708333333vw
}

[data-page=index] .v2 .group .z_virtue .round {
    -ms-flex-negative: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    flex-shrink: 0;
    height: 21.3541666667vw;
    position: relative;
    width: 21.3541666667vw
}

[data-page=index] .v2 .group .z_virtue .round .cir {
    height: 76.5853658537%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 76.5853658537%
}

[data-page=index] .v2 .group .z_virtue .round .cir img {
    -webkit-animation: ring 24s linear infinite;
    animation: ring 24s linear infinite;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

[data-page=index] .v2 .group .z_virtue .round .cir .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 0 20%;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .cir .info .tit {
    font-size: .28rem;
    font-weight: 600;
    line-height: 1.4
}

[data-page=index] .v2 .group .z_virtue .round .cir .info .txt {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 2;
    margin-top: .15rem;
    max-height: 8;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-page=index] .v2 .group .z_virtue .round .list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item {
    cursor: pointer;
    position: absolute;
    white-space: nowrap
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 {
    position: relative;
    -webkit-transform: rotate(0deg) translate(10.6770833333vw) rotate(0deg);
    transform: rotate(0deg) translate(10.6770833333vw) rotate(0deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc0:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .btn {
    left: 0;
    padding-left: 2.0833333333vw;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc0 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 {
    position: relative;
    -webkit-transform: rotate(45deg) translate(10.6770833333vw) rotate(-45deg);
    transform: rotate(45deg) translate(10.6770833333vw) rotate(-45deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc1:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .btn {
    left: 0;
    padding-left: 2.0833333333vw;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc1 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 {
    position: relative;
    -webkit-transform: rotate(90deg) translate(10.6770833333vw) rotate(-90deg);
    transform: rotate(90deg) translate(10.6770833333vw) rotate(-90deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc2:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .btn {
    left: 0;
    padding-left: 2.0833333333vw;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc2 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 {
    position: relative;
    -webkit-transform: rotate(135deg) translate(10.6770833333vw) rotate(-135deg);
    transform: rotate(135deg) translate(10.6770833333vw) rotate(-135deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc3:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .btn {
    left: 0;
    padding-left: 2.0833333333vw;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc3 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 {
    position: relative;
    -webkit-transform: rotate(225deg) translate(10.6770833333vw) rotate(-225deg);
    transform: rotate(225deg) translate(10.6770833333vw) rotate(-225deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc5:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .btn {
    padding-right: 2.0833333333vw;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc5 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 {
    position: relative;
    -webkit-transform: rotate(270deg) translate(10.6770833333vw) rotate(-270deg);
    transform: rotate(270deg) translate(10.6770833333vw) rotate(-270deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc6:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .btn {
    padding-right: 2.0833333333vw;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc6 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 {
    position: relative;
    -webkit-transform: rotate(315deg) translate(10.6770833333vw) rotate(-315deg);
    transform: rotate(315deg) translate(10.6770833333vw) rotate(-315deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc7:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .btn {
    padding-right: 2.0833333333vw;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc7 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 {
    position: relative;
    -webkit-transform: rotate(405deg) translate(10.6770833333vw) rotate(-405deg);
    transform: rotate(405deg) translate(10.6770833333vw) rotate(-405deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc9:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .btn {
    padding-right: 2.0833333333vw;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc9 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 {
    position: relative;
    -webkit-transform: rotate(450deg) translate(10.6770833333vw) rotate(-450deg);
    transform: rotate(450deg) translate(10.6770833333vw) rotate(-450deg)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10.on .drop .icon,[data-page=index] .v2 .group .z_virtue .round .list .item.doc10:hover .drop .icon {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .btn {
    padding-right: 2.0833333333vw;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .btn .n {
    font-weight: 600
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop {
    background-color: #fff;
    border-radius: 50%;
    height: .18rem;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    width: .18rem
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop .icon {
    height: 2.0833333333vw;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: opacity .6s ease,-webkit-transform .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease,-webkit-transform .6s ease;
    width: 2.0833333333vw
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop .icon:after,[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop .icon:before {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop .icon:before {
    background-color: hsla(0,0%,100%,.3);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: -2
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop .icon:after {
    background-color: #054d97;
    z-index: -1
}

[data-page=index] .v2 .group .z_virtue .round .list .item.doc10 .drop .icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v2 .group .z_virtue .text {
    margin-top: 1.3020833333vw;
    padding-left: 14.5833333333vw
}

[data-page=index] .v2 .group .z_virtue .text .item {
    display: none
}

[data-page=index] .v2 .group .z_virtue .text .item.on {
    display: block
}

[data-page=index] .v2 .group .z_virtue .text .item .tit .n {
    font-size: .32rem;
    font-weight: 600;
    line-height: 1.2
}

[data-page=index] .v2 .group .z_virtue .text .item .tit .p {
    margin-top: .12rem
}

[data-page=index] .v2 .group .z_virtue .text .item .txt {
    border-bottom: 1px solid hsla(0,0%,100%,.14);
    line-height: 2;
    margin-top: 1.8229166667vw;
    padding-bottom: 2.8645833333vw
}

[data-page=index] .v2 .group .z_honor .box {
    padding: 0 5.2083333333vw;
    position: relative
}

[data-page=index] .v2 .group .z_honor .box .honorSwr .pic {
    background-image: url(../images/zs-br.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    padding-bottom: 68.4210526316%;
    position: relative
}

[data-page=index] .v2 .group .z_honor .box .honorSwr .pic img {
    height: 80%;
    left: 10%;
    -o-object-fit: contain;
    object-fit: contain;
    top: 10%;
    width: 80%
}

[data-page=index] .v2 .group .z_honor .box .honorSwrBtn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-weight: 600;
    height: 1.2rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: .5rem
}

[data-page=index] .v2 .group .z_honor .box .honorSwrBtn.honorSwrPrev {
    left: 0;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

[data-page=index] .v2 .group .z_honor .box .honorSwrBtn.honorSwrNext {
    right: 0;
    -webkit-transform: translate(100%,-50%);
    transform: translate(100%,-50%)
}

[data-page=index] .v2 .group .z_honor .mbtn1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.0833333333vw
}

[data-page=index] .v3 {
    padding-left: 7.2916666667vw;
    position: relative
}

@media screen and (max-width: 1440px) {
    [data-page=index] .v3 {
        padding-left:4.1666666667vw
    }
}

[data-page=index] .v3 .box {
    background-color: #fff;
    padding: 4.1666666667vw 0 6.25vw 0
}

@media screen and (max-width: 1440px) {
    [data-page=index] .v3 .box {
        padding:4.1666666667vw 0 6.25vw 4.1666666667vw
    }
}

[data-page=index] .v3 .box .tops {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[data-page=index] .v3 .box .tops .tabs {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 59.8958333333vw
}

[data-page=index] .v3 .box .tops .tabs .list {
    border-bottom: 1px solid #c6c6c6
}

[data-page=index] .v3 .box .tops .tabs .list .item {
    margin-left: 2.8645833333vw
}

[data-page=index] .v3 .box .tops .tabs .list .item:first-of-type {
    margin-left: 0
}

[data-page=index] .v3 .box .tops .tabs .list .item a {
    color: #000;
    padding: 1.0416666667vw 0;
    position: relative;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=index] .v3 .box .tops .tabs .list .item a:after {
    background-color: #054d97;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    width: 100%
}

[data-page=index] .v3 .box .tops .tabs .list .item a.on {
    color: #054d97;
    font-weight: 600
}

[data-page=index] .v3 .box .tops .tabs .list .item a.on:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

[data-page=index] .v3 .box .group {
    margin-top: 3.6458333333vw
}

[data-page=index] .v3 .box .group .item {
    position: relative
}

[data-page=index] .v3 .box .group .item .info {
    margin-top: 2.8645833333vw;
    padding-right: 6.7708333333vw
}

[data-page=index] .v3 .box .group .item .info .tit {
    color: #054d97;
    font-size: .36rem;
    font-weight: 600;
    line-height: 1.5
}

[data-page=index] .v3 .box .group .item .info .txt {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 2;
    margin-top: .25rem;
    max-height: 6em;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-page=index] .v3 .box .group .item .info .mbtn1 {
    margin-top: 2.0833333333vw
}

[data-page=index] .v3 .box .group .item .v3Swr {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 61.1979166667vw
}

[data-page=index] .v3 .box .group .item .v3Swr .item {
    width: 18.75vw
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 5.2083333333vw 2.0833333333vw 1.5625vw
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a:hover .pic img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a:hover .name {
    color: #054d97
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a .pic {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a .pic img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a .pic:after {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    bottom: 0;
    content: "";
    -webkit-filter: blur(28.1465110779px);
    filter: blur(28.1465110779px);
    height: 90%;
    left: 5%;
    position: absolute;
    -webkit-transform: rotateX(75deg);
    transform: rotateX(75deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 90%;
    z-index: -1
}

[data-page=index] .v3 .box .group .item .v3Swr .item>a .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    margin-top: 3.3854166667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=index] .v3 .box .group .item .v3SwrNav {
    bottom: 0;
    font-size: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

[data-page=index] .v4 {
    padding: 3.90625vw 0;
    position: relative
}

[data-page=index] .v4 .mbg1 {
    background-color: #000
}

[data-page=index] .v4 .mtit .tip {
    color: #fff;
    margin-top: 1.5625vw
}

[data-page=index] .v4 .group .tabs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 3.6458333333vw auto auto;
    width: 63.3854166667vw
}

[data-page=index] .v4 .group .tabs .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    height: 7.5520833333vw;
    justify-content: center;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    width: 7.5520833333vw
}

[data-page=index] .v4 .group .tabs .item:last-of-type:after {
    display: none
}

[data-page=index] .v4 .group .tabs .item:after {
   background-color: hsl(210deg 95% 25% / 50%);
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(1.4vw);
    transform: translateX(1.4vw);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 3.6458333333vw
}

[data-page=index] .v4 .group .tabs .item.on {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

[data-page=index] .v4 .group .tabs .item.on:after {
    -webkit-transform: translateX(.8vw);
    transform: translateX(.8vw);
    width: 3.125vw
}

[data-page=index] .v4 .group .tabs .item.on .name {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

[data-page=index] .v4 .group .tabs .item.on .cir img:last-of-type {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-page=index] .v4 .group .tabs .item .name {
    color: #fff;
    font-size: .8333333333vw;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0,0,0,.25);
    -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    width: 4em
}

[data-page=index] .v4 .group .tabs .item svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=index] .v4 .group .tabs .item .cir {
    height: 79.3103448276%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 79.3103448276%;
	z-index:-1
}

[data-page=index] .v4 .group .tabs .item .cir img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

[data-page=index] .v4 .group .tabs .item .cir img:last-of-type {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out;
    transition: transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out
}

[data-page=index] .v4 .group .text {
    color: #fff;
    margin-top: 3.6458333333vw
}

[data-page=index] .v4 .group .text .item {
    display: none
}

[data-page=index] .v4 .group .text .item .tit {
    font-size: .28rem;
    font-weight: 600
}

[data-page=index] .v4 .group .text .item .txt {
    margin-top: .12rem
}

[data-page=index] .v6 {
    padding-bottom: 3.125vw;
    padding-top: 3.6458333333vw;
    position: relative;
	background:#054d97
}

[data-page=index] .v6 .tops {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[data-page=index] .v6 .tops .v6Btn {
    margin-left: auto
}

[data-page=index] .v6 .tops .v6Btn .swrBtn2 {
    margin-left: 1.0416666667vw
}

[data-page=index] .v6 .v6Swr {
    margin-top: 5.2083333333vw;
    padding: 0 3.125vw
}

[data-page=index] .v6 .v6Swr .item {
    height: auto;
    width: 17.1875vw
}

[data-page=index] .v6 .v6Swr .item a {
    background-color: hsla(0,0%,100%,.9);
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

[data-page=index] .v6 .v6Swr .item a:hover {
    background-color: #fff
}

[data-page=index] .v6 .v6Swr .item a:hover .pic>div img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

[data-page=index] .v6 .v6Swr .item a:hover .text .tit {
    color: #054d97
}

[data-page=index] .v6 .v6Swr .item a .pic {
    padding: .12rem
}

[data-page=index] .v6 .v6Swr .item a .pic>div {
    background-color: #e5e5e5;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    padding-bottom: 72.7868852459%
}

[data-page=index] .v6 .v6Swr .item a .pic>div img {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease
}

[data-page=index] .v6 .v6Swr .item a .text {
    padding: .25rem .2rem .4rem
}

[data-page=index] .v6 .v6Swr .item a .text .tit {
    color: #333;
    font-weight: 600;
    padding-bottom: .15rem;
    position: relative;
    text-align: center;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=index] .v6 .v6Swr .item a .text .tit:after {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#054d97),color-stop(50%,#054d97),color-stop(50%,#898380),color-stop(50%,#898380));
    background: linear-gradient(90deg,#054d97 50%,#054d97 0,#898380 0,#898380 0);
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.9166666667vw
}

[data-page=index] .v6 .v6Swr .item a .text .txt {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    margin-top: .15rem;
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-page=index] .v6 .v6Swr .v6SwrMouse {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    justify-content: center;
    margin-top: 3.125vw
}

[data-page=index] .v6 .v6Swr .v6SwrMouse span {
    font-weight: 600
}

[data-page=index] .v6 .v6Swr .v6SwrMouse svg {
    height: .32rem;
    margin: 0 1.0416666667vw
}

[data-page=index] .v7 {
    padding: 5.2083333333vw 0
}

[data-page=index] .v7 .box {
    padding-left: 12.5vw
}

@media screen and (max-width: 1440px) {
    [data-page=index] .v7 .box {
        padding-left:8.3333333333vw
    }
}

[data-page=index] .v7 .box .info {
    padding-right: 6.7708333333vw
}

[data-page=index] .v7 .box .info .mtit .tip {
    line-height: 2;
    margin-top: 2.6041666667vw
}

[data-page=index] .v7 .box .info .tabs {
    margin-top: 2.6041666667vw
}

[data-page=index] .v7 .box .info .tabs .item {
    margin-top: 1.3020833333vw
}

[data-page=index] .v7 .box .info .tabs .item:first-of-type {
    margin-top: 0
}

[data-page=index] .v7 .box .info .tabs .item a {
    color: #333;
    display: inline-block;
    padding-left: .25rem;
    position: relative;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=index] .v7 .box .info .tabs .item a:before {
    background-color: #a8a8a8;
    border-radius: 50%;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    width: .1rem
}

[data-page=index] .v7 .box .info .tabs .item a.on {
    color: #054d97
}

[data-page=index] .v7 .box .info .tabs .item a.on:before {
    background-color: #054d97
}

[data-page=index] .v7 .box .info .mbtn1 {
    margin-top: 4.1666666667vw
}

[data-page=index] .v7 .box .v7Swr {
    border-radius: 8px;
    padding-right: 3.125vw;
    width: 63.75vw
}

[data-page=index] .v7 .box .v7Swr .swiper-wrapper .swiper-slide {
    width: 22.1354166667vw
}

[data-page=index] .v7 .box .v7Swr .swiper-wrapper .swiper-slide .item {
    width: 100%
}

@media screen and (orientation: landscape) {
    [data-page=index] .v3 .box .tops .tabs .list .item a:hover {
        color:#054d97
    }
}

[data-page=about] .v2 {
    background-color: #f5f5f5
}

[data-page=about] .v2 .group {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 5.2083333333vw;
    padding-bottom: 7.8125vw
}

[data-page=about] .v2 .group .cover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 31.7708333333vw
}

[data-page=about] .v2 .group .cover .pic {
    background-color: #e5e5e5;
    overflow: hidden;
    padding-bottom: 89.3442622951%;
    position: relative;
    width: 100%;
    z-index: 2
}

[data-page=about] .v2 .group .cover:before {
    border: 1.0416666667vw solid #054d97;
    bottom: 0;
    content: "";
    height: 28.90625vw;
    left: 0;
    position: absolute;
    -webkit-transform: translate(-2.6041666667vw,2.6041666667vw);
    transform: translate(-2.6041666667vw,2.6041666667vw);
    width: 29.21875vw
}

[data-page=about] .v2 .group .info {
    padding-left: 5.7291666667vw
}

[data-page=about] .v2 .group .info .text {
    margin-top: 1.5625vw
}

[data-page=about] .v2 .group .datas {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.0833333333vw
}

[data-page=about] .v2 .group .datas .item .year {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[data-page=about] .v2 .group .datas .item .year span {
    color: #054d97;
    font-size: .48rem;
    font-weight: 600;
    line-height: 1.1
}

[data-page=about] .v2 .group .datas .item .year em {
    color: #000;
    margin-left: 3px
}

[data-page=about] .v2 .group .datas .item .year em.add {
    line-height: 1.25
}

[data-page=about] .v2 .group .datas .item .name {
    color: #000;
    margin-top: .1rem
}

[data-page=about] .v3 {
    padding-bottom: 6.7708333333vw;
    padding-top: 5.2083333333vw
}

[data-page=about] .v3 .group {
    grid-gap: .78125vw;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-top: 2.0833333333vw
}

[data-page=about] .v3 .group .item {
    border: 1px solid rgba(0,0,0,.2);
    padding: 2.0833333333vw
}

[data-page=about] .v3 .group .item .tit {
    line-height: 1;
    position: relative
}

[data-page=about] .v3 .group .item .tit:before {
    background-color: #054d97;
    content: "";
    height: 100%;
    left: -2.0833333333vw;
    position: absolute;
    top: 0;
    width: .04rem
}

[data-page=about] .v3 .group .item .tit .cn {
    color: #054d97
}

[data-page=about] .v3 .group .item .tit .en {
    color: #666;
    margin-top: .2rem;
    text-transform: capitalize
}

[data-page=about] .v3 .group .item .text {
    margin-top: 1.8229166667vw
}

[data-page=about] .v4 {
    overflow: hidden;
    padding-bottom: 6.25vw;
    padding-top: 4.6875vw;
    position: relative
}

[data-page=about] .v4 .mbg1 {
    background-color: #000
}

[data-page=about] .v4 .v4Swr {
    margin-left: 0;
    margin-top: 2.8645833333vw;
    overflow: visible;
    width: 100%
}

[data-page=about] .v4 .v4Swr .item {
    background-color: #fff;
    height: auto;
    padding: 2.6041666667vw;
    width: 33.8541666667vw
}

[data-page=about] .v4 .v4Swr .item .year {
    color: #054d97;
    font-size: .3rem;
    font-weight: 600;
    line-height: 1.2
}

[data-page=about] .v4 .v4Swr .item .text {
    margin-top: .15rem
}

[data-page=about] .v4 .v4Swr .item .pic {
    background-color: #e5e5e5;
    margin-top: 2.6041666667vw;
    overflow: hidden;
    padding-bottom: 39.4545454545%;
    position: relative;
    width: 100%
}

[data-page=about] .v4 .v4SwrTab {
    margin-top: 3.6458333333vw;
    overflow: visible;
    pointer-events: none
}

[data-page=about] .v4 .v4SwrTab .line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

[data-page=about] .v4 .v4SwrTab .line:before {
    background-color: #054d97;
    content: "";
    height: 1px;
    width: 100%
}

[data-page=about] .v4 .v4SwrTab .line .v4SwrBtn {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-page=about] .v4 .v4SwrTab .line .v4SwrBtn.v4SwrPrev {
    left: 6.25vw
}

[data-page=about] .v4 .v4SwrTab .line .v4SwrBtn.v4SwrNext {
    right: 6.25vw
}

@media screen and (max-width: 1440px) {
    [data-page=about] .v4 .v4SwrTab .line .v4SwrBtn.v4SwrPrev {
        left:3.125vw
    }

    [data-page=about] .v4 .v4SwrTab .line .v4SwrBtn.v4SwrNext {
        right: 3.125vw
    }
}

[data-page=about] .v4 .v4SwrTab .item {
    color: #fff;
    pointer-events: none;
    width: 10.4166666667vw
}

[data-page=about] .v4 .v4SwrTab .item.swiper-slide-thumb-active .name {
    color: #054d97
}

[data-page=about] .v4 .v4SwrTab .item.swiper-slide-thumb-active .name:before {
    background-color: #054d97
}

[data-page=about] .v4 .v4SwrTab .item .name {
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
    pointer-events: auto;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=about] .v4 .v4SwrTab .item .name:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .2rem;
    margin: auto auto .12rem;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    width: .2rem
}

[data-page=about] .v5 {
    overflow: hidden;
    padding-bottom: 7.8125vw;
    padding-top: 5.2083333333vw;
    position: relative
}

[data-page=about] .v7 {
    padding: 4.1666666667vw 0;
    position: relative
}

[data-page=about] .v7 .mbg2 {
    background-color: #000
}

[data-page=about] .v7 .v7Swr {
    margin-top: 3.6458333333vw;
    overflow: visible
}

[data-page=about] .v7 .v7Swr .item {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 28.6458333333vw
}

[data-page=about] .v7 .v7Swr .item .pic {
    background-color: #e5e5e5;
    overflow: hidden;
    padding-bottom: 65.2173913043%;
    position: relative
}

[data-page=about] .v7 .v7Swr .v7SwrNav {
    margin-top: 2.6041666667vw;
    text-align: center
}

[data-page=about] .v7 .v7Swr .v7SwrNav .doc svg circle {
    stroke: #fff
}

[data-page=about] .v7 .v7Swr .v7SwrNav .doc span s {
    background-color: #fff
}

[data-page=news] .v2 {
    background-color: #f5f5f5
}

[data-page=news] .v2 .v2Swr {
    padding: 5.2083333333vw 0
}

[data-page=news] .v2 .v2Swr .item {
    position: relative
}

[data-page=news] .v2 .v2Swr .item .pic {
    background-color: #e5e5e5;
    overflow: hidden;
    padding-bottom: 69.5652173913%;
    position: relative;
    width: 100%
}

[data-page=news] .v2 .v2Swr .item .text {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
    background: linear-gradient(180deg,transparent,#000);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 2.0833333333vw;
    position: absolute;
    width: 100%;
    z-index: 2
}

[data-page=news] .v2 .v2Swr .item .text .time span {
    font-size: .3rem;
    font-weight: 600;
    line-height: 1.2
}

[data-page=news] .v2 .v2Swr .item .text .time em {
    margin-left: 3px
}

[data-page=news] .v2 .v2Swr .item .text .tit {
    line-height: 1.5;
    margin-top: .12rem
}

[data-page=news] .v2 .v2Swr .v2SwrNav {
    margin-top: 2.34375vw;
    text-align: center
}

[data-page=news] .v3 {
    padding: 5.2083333333vw 0
}

[data-page=news] .v3 .group {
    grid-gap: 2.6041666667vw 0;
    grid-template-columns: 1fr;
    margin-bottom: 2.6041666667vw
}

[data-page=news] .v3 .group .item {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 2.6041666667vw;
    position: relative;
    -webkit-transition: border-color .3s ease-out;
    transition: border-color .3s ease-out
}

[data-page=news] .v3 .group .item .time {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 1.8229166667vw
}

[data-page=news] .v3 .group .item .time>div {
    background-color: #f5f5f5;
    color: #666;
    line-height: 1;
    padding: .2rem .15rem;
    text-align: center;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=news] .v3 .group .item .time>div .day {
    font-size: .3rem;
    font-weight: 600
}

[data-page=news] .v3 .group .item .time>div .year {
    margin-top: 5px
}

[data-page=news] .v3 .group .item .text {
    padding-left: 2.34375vw;
    padding-right: 5.2083333333vw;
    padding-top: 1.8229166667vw
}

[data-page=news] .v3 .group .item .text .tit {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=news] .v3 .group .item .text .txt {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    margin-top: 1.3020833333vw;
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-page=news] .v3 .group .item .text .more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: .48rem;
    color: #054d97;
    height: .48rem;
    justify-content: center;
    line-height: 1;
    margin-top: 3.125vw;
    overflow: hidden;
    position: relative;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    width: 1.5rem
}

[data-page=news] .v3 .group .item .text .more i {
    font-weight: 600;
    margin-left: 3px
}

[data-page=news] .v3 .group .item .text .more:after,[data-page=news] .v3 .group .item .text .more:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

[data-page=news] .v3 .group .item .text .more:before {
    border: 2px solid #054d97;
    border-radius: .48rem;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

[data-page=news] .v3 .group .item .text .more:after {
    background-color: #054d97;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

[data-page=news] .v3 .group .item .pic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25.9375vw
}

[data-page=news] .v3 .group .item .pic>div {
    background-color: #e5e5e5;
    overflow: hidden;
    padding-bottom: 62.2489959839%;
    position: relative;
    width: 100%
}

@media screen and (orientation: landscape) {
    [data-page=news] .group .item:hover {
        border-color:#054d97
    }

    [data-page=news] .group .item:hover .text .tit,[data-page=news] .group .item:hover .time>div {
        color: #054d97
    }

    [data-page=news] .group .item:hover .text .more {
        color: #fff
    }

    [data-page=news] .group .item:hover .text .more:before {
        opacity: 0
    }

    [data-page=news] .group .item:hover .text .more:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

[data-page=newsDel] .container {
    background-color: #f5f5f5
}

[data-page=newsDel] .v2 {
    background-color: #fff
}

[data-page=newsDel] .v2 .box {
    padding: 5.2083333333vw 0
}

[data-page=newsDel] .v2 .box .text {
    padding-bottom: 2.6041666667vw;
    padding-top: 1.5625vw
}

[data-page=newsDel] .v3 {
    padding-bottom: 5.7291666667vw;
    padding-top: 4.1666666667vw
}

[data-page=newsDel] .v3 .tion {
    margin-top: 2.8645833333vw
}

[data-page=product] .v2 .group {
    grid-gap: 3.125vw 0;
    grid-template-columns: 1fr;
    padding-bottom: 8.8541666667vw;
    padding-top: 5.9895833333vw
}

[data-page=product] .v2 .group .rows .tops {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    padding: 1.8229166667vw 1.8229166667vw 1.8229166667vw 3.0208333333vw
}

[data-page=product] .v2 .group .rows .tops .tit {
    position: relative
}

[data-page=product] .v2 .group .rows .tops .tit .cn {
    color: #054d97;
    font-size: .36rem;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
    z-index: 2
}

[data-page=product] .v2 .group .rows .tops .tit .cn .bubble {
    fill: rgba(73,140,68,.41);
    height: .4rem;
    left: -20px;
    position: absolute;
    top: .25em;
    z-index: -1
}

[data-page=product] .v2 .group .rows .tops .tit .en {
    color: #999;
    line-height: 1.5;
    margin-top: .1rem
}

[data-page=product] .v2 .group .rows .tops .swrBtn {
    margin-left: auto
}

[data-page=product] .v2 .group .rows .productList {
    margin-top: 2.0833333333vw
}

[data-page=productDel] .container {
    background-color: #f5f5f5
}

[data-page=productDel] .v2 {
    background-color: #fff;
    padding: 5.2083333333vw 0
}

[data-page=productDel] .v2 .group .lt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 29.1666666667vw
}

[data-page=productDel] .v2 .group .lt .picSwr {
    background: #fff;
    border-radius: 1.0416666667vw;
    -webkit-box-shadow: 10px 10px 30px 0 rgba(0,0,0,.12);
    box-shadow: 10px 10px 30px 0 rgba(0,0,0,.12)
}

[data-page=productDel] .v2 .group .lt .picSwr .item {
    padding: 3.125vw
}

[data-page=productDel] .v2 .group .lt .picSwr .item .pic {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

[data-page=productDel] .v2 .group .lt .picSwr .item .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

[data-page=productDel] .v2 .group .lt .picSwr .item .pic:after {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    bottom: 5%;
    content: "";
    -webkit-filter: blur(28.1465110779px);
    filter: blur(28.1465110779px);
    height: 90%;
    left: 5%;
    position: absolute;
    -webkit-transform: rotateX(75deg);
    transform: rotateX(75deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 90%;
    z-index: -1
}

[data-page=productDel] .v2 .group .lt .picTab {
    grid-gap: 1.0416666667vw;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-top: 1.0416666667vw
}

[data-page=productDel] .v2 .group .lt .picTab .pic {
    background: #fff;
    border-radius: 1.0416666667vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.12);
    cursor: pointer;
    padding: .78125vw
}

[data-page=productDel] .v2 .group .lt .picTab .pic>div {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

[data-page=productDel] .v2 .group .lt .picTab .pic>div img {
    -o-object-fit: contain;
    object-fit: contain
}

[data-page=productDel] .v2 .group .lt .picTab .pic>div:after {
    background: rgba(0,0,0,.4);
    border-radius: 50%;
    bottom: 5%;
    content: "";
    -webkit-filter: blur(28.1465110779px);
    filter: blur(28.1465110779px);
    height: 90%;
    left: 5%;
    position: absolute;
    -webkit-transform: rotateX(75deg);
    transform: rotateX(75deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 90%;
    z-index: -1
}

[data-page=productDel] .v2 .group .rt {
    padding-left: 9.375vw;
    padding-top: 2.0833333333vw
}

[data-page=productDel] .v2 .group .rt .info .tit {
    font-size: .36rem;
    line-height: 1.5
}

[data-page=productDel] .v2 .group .rt .info .txt {
    color: #000;
    line-height: 2;
    margin-top: .2rem
}

[data-page=productDel] .v2 .group .rt .info .mbtn1 {
    margin-top: 5.2083333333vw
}

[data-page=productDel] .box {
    position: relative;
    width: 100%
}

[data-page=productDel] .box .pdNav {
    background: #ececec;
    line-height: .8rem;
    position: sticky;
    top: 1rem;
    z-index: 20
}

[data-page=productDel] .box .pdNav .item {
    cursor: pointer;
    min-width: 10.4166666667vw;
    padding: 0 2.0833333333vw
}

[data-page=productDel] .box .v3 {
    background-color: #fff;
    padding-bottom: 1.125vw
}

[data-page=productDel] .box .v3 .tit {
    font-size: .36rem;
    line-height: 1.5
}

[data-page=productDel] .box .v3 .plate1 {
    background-color: #f5f5f5;
    padding-top: 5.2083333333vw
}

[data-page=productDel] .box .v3 .plate1 .table {
    border-collapse: collapse;
    border-top: 1px solid #000;
    margin-top: 1.5625vw;
    width: 100%
}

[data-page=productDel] .box .v3 .plate1 .table tr {
    height: .76rem;
    padding: 0 2.0833333333vw
}

[data-page=productDel] .box .v3 .plate1 .table tr:nth-child(odd) {
    background-color: #f5f5f5
}

[data-page=productDel] .box .v3 .plate1 .table tr:nth-child(2n) {
    background-color: #fff
}

[data-page=productDel] .box .v3 .plate1 .table tr td {
    padding: 0 1.0416666667vw
}

[data-page=productDel] .box .v3 .plate1 .table tr td:first-of-type {
    padding-left: 2.6041666667vw
}

[data-page=productDel] .box .v3 .plate1 .table tr td:last-of-type {
    padding-right: 2.6041666667vw
}

[data-page=productDel] .box .v3 .plate1 .table tr td:nth-child(odd) {
    color: #666
}

[data-page=productDel] .box .v3 .plate1 .table tr td:nth-child(2n) {
    color: #000
}

[data-page=productDel] .box .v3 .plate2 {
    background-color: #f5f5f5;
    padding: 5.2083333333vw 0
}

[data-page=productDel] .box .v3 .plate2 .text {
    border-top: 1px solid #d9d9d9;
    color: #000;
    line-height: 2;
    margin-top: 1.5625vw;
    padding-top: .3rem
}

[data-page=productDel] .box .v3 .plate3 {
    background-color: #fff;
    padding-top: 5.7291666667vw
}

[data-page=productDel] .box .v3 .plate3 .group {
    grid-gap: 1.8229166667vw 2.0833333333vw;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: 2.34375vw
}

[data-page=productDel] .box .v3 .plate3 .group .item {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    line-height: 1.5;
    padding: 1.0416666667vw 1.5625vw;
    position: relative
}

[data-page=productDel] .box .v3 .plate3 .group .item:before {
    background-color: #054d97;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

[data-page=productDel] .box .v3 .plate4 {
    background-color: #fff;
    padding-top: 7.2916666667vw
}

[data-page=productDel] .box .v3 .plate4 .group {
    margin-top: 2.0833333333vw
}

[data-page=productDel] .box .v3 .plate4 .group .text {
    color: #000;
    line-height: 2
}

[data-page=productDel] .box .v3 .plate4 .group .paging {
    border-top: 1px solid #d9d9d9;
    margin-top: 3.125vw;
    padding-top: 1.0416666667vw
}

[data-page=productDel] .box .v3 .plate4 .group .paging .item {
    max-width: 50%
}

[data-page=productDel] .box .v3 .plate4 .group .paging .item>a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=productDel] .box .v3 .plate4 .group .paging .item>a .hoverable_txt {
    background-image: -webkit-gradient(linear,left top,right top,from(#054d97),to(#054d97));
    background-image: linear-gradient(90deg,#054d97,#054d97)
}

[data-page=productDel] .box .v3 .plate4 .group .paging .item:first-of-type {
    padding-right: 1.3020833333vw
}

[data-page=productDel] .box .v3 .plate4 .group .paging .item:last-of-type {
    margin-left: auto;
    padding-left: 1.3020833333vw
}

[data-page=productDel] .box .v4 {
    background-color: #fff;
    padding: 4.6875vw 0
}

[data-page=productDel] .box .v4 .group {
    margin-top: 2.6041666667vw;
    position: relative
}

[data-page=productDel] .box .v4 .group .v4Swr {
    border-radius: 1.0416666667vw
}

[data-page=productDel] .box .v4 .group .v4Swr .item:hover .pic {
    overflow: hidden
}

[data-page=productDel] .box .v4 .group .v4Swr .item:hover .pic img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

[data-page=productDel] .box .v4 .group .v4Swr .item:hover .name {
    color: #054d97
}

[data-page=productDel] .box .v4 .group .v4Swr .item .pic {
    background: #f5f5f5;
    border-radius: 1.0416666667vw;
    overflow: hidden;
    padding: 3.125vw;
    width: 100%
}

[data-page=productDel] .box .v4 .group .v4Swr .item .pic>div {
    padding-bottom: 100%;
    position: relative;
    z-index: 2
}

[data-page=productDel] .box .v4 .group .v4Swr .item .pic>div img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease
}

[data-page=productDel] .box .v4 .group .v4Swr .item .pic>div:after {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    bottom: 5%;
    content: "";
    -webkit-filter: blur(28.1465110779px);
    filter: blur(28.1465110779px);
    height: 90%;
    left: 5%;
    position: absolute;
    -webkit-transform: rotateX(75deg);
    transform: rotateX(75deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 90%;
    z-index: -1
}

[data-page=productDel] .box .v4 .group .v4Swr .item .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-weight: 600;
    line-height: 1.5;
    margin-top: .2rem;
    overflow: hidden;
    padding: 0 2.0833333333vw;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=productDel] .box .v4 .group .swrBtn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-page=productDel] .box .v4 .group .swrBtn.v4SwrPrev {
    left: 7.2916666667vw
}

@media screen and (max-width: 1440px) {
    [data-page=productDel] .box .v4 .group .swrBtn.v4SwrPrev {
        left:3.125vw
    }
}

[data-page=productDel] .box .v4 .group .swrBtn.v4SwrNext {
    right: 7.2916666667vw
}

@media screen and (max-width: 1440px) {
    [data-page=productDel] .box .v4 .group .swrBtn.v4SwrNext {
        right:3.125vw
    }
}

[data-page=productDel] .box .v5 {
    padding-top: 4.6875vw
}

[data-page=productDel] .box .v5 .tion {
    margin-top: 2.8645833333vw
}

[data-page=productDel] .box .v6 {
    padding: 4.6875vw 0
}

[data-page=productDel] .box .v6 .newsList {
    margin-top: 2.6041666667vw
}

@media screen and (orientation: landscape) {
    [data-page=productDel] .v3 .plate4 .group .paging .item>a:hover {
        color:#054d97
    }
}

[data-page=case] .v2 {
    padding-bottom: 6.7708333333vw
}

[data-page=case] .v2 .tion {
    margin-top: 4.6875vw
}

[data-page=case] .v2 .pagination {
    margin-top: 2.6041666667vw
}

[data-page=caseDel] .container {
    background-color: #f5f5f5
}

[data-page=caseDel] .v2 {
    background-color: #fff;
    padding-bottom: 2.6041666667vw
}

[data-page=caseDel] .v2>.row {
    margin-top: 2.6041666667vw
}

[data-page=caseDel] .v2 .device {
    border-bottom: 1px solid #d9d9d9;
    width: 100%
}

[data-page=caseDel] .v2 .device .picSwr {
    width: 100%
}

[data-page=caseDel] .v2 .device .picSwr .pic {
    background-color: #e5e5e5;
    padding-bottom: 59.7872340426%;
    position: relative;
    width: 100%
}

[data-page=caseDel] .v2 .device .picSwr .picSwrNav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    left: 0;
    padding: .78125vw 1.0416666667vw .78125vw 1.5625vw;
    position: absolute;
    width: 100%;
    z-index: 5
}

[data-page=caseDel] .v2 .device .picSwr .picSwrNav .btn .swrBtn {
    height: .4rem;
    margin-right: .12rem;
    min-height: 32px;
    min-width: 32px;
    width: .4rem
}

[data-page=caseDel] .v2 .device .picSwr .picSwrNav .num {
    color: #fff;
    margin-left: auto;
    opacity: .5
}

[data-page=caseDel] .v2 .device .type {
    grid-gap: 0 1.5625vw;
    grid-template-columns: repeat(3,minmax(0,1fr));
    padding: .2rem 0
}

[data-page=caseDel] .v2 .device .type .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-page=caseDel] .v2 .device .type .item img {
    height: 24px;
    margin-right: .1rem
}

[data-page=caseDel] .v2 .device .type .item span {
    color: #000;
    font-weight: 600
}

[data-page=caseDel] .v2 .text {
    padding-bottom: 3.125vw;
    padding-top: 1.0416666667vw
}

[data-page=caseDel] .v3 {
    padding-bottom: 7.2916666667vw;
    padding-top: 4.1666666667vw
}

[data-page=caseDel] .v3 .tion {
    margin-top: 2.8645833333vw
}

[data-page=contact] .v2 {
    padding-bottom: 7.8125vw;
    padding-top: 5.2083333333vw
}

[data-page=contact] .v2 .way1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f9f9f9;
    border-radius: 8px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    overflow: hidden
}

[data-page=contact] .v2 .way1 .company {
    background-color: #e5e5e5;
    height: 100%;
    padding-bottom: 59.3055555556%;
    position: relative
}

[data-page=contact] .v2 .way1 .info {
    padding: 2.6041666667vw  2.6041666667vw
}

[data-page=contact] .v2 .way1 .info .tit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 1.5625vw
}

[data-page=contact] .v2 .way1 .info .tit img {
    height: 3.7604166667vw
}

@media screen and (min-width: 1920px) {
    [data-page=contact] .v2 .way1 .info .tit img {
        height:.53rem
    }
}

[data-page=contact] .v2 .way1 .info .tit span {
    color: #054d97;
    font-size: 1.875vw;
    font-weight: 500;
    line-height: 1.5;
    margin-left: 10px
}

@media screen and (min-width: 1920px) {
    [data-page=contact] .v2 .way1 .info .tit span {
        font-size:.36rem
    }
}

[data-page=contact] .v2 .way1 .info .cnt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.8229166667vw
}

[data-page=contact] .v2 .way1 .info .cnt .text {
    padding-right: 2.0833333333vw
}

[data-page=contact] .v2 .way1 .info .cnt .text .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .78125vw
}

[data-page=contact] .v2 .way1 .info .cnt .text .item:first-of-type {
    margin-top: 0
}

[data-page=contact] .v2 .way1 .info .cnt .text .item i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #054d97;
    border-radius: 50%;
    color: #054d97;
    height: 22px;
    justify-content: center;
    width: 22px
}

[data-page=contact] .v2 .way1 .info .cnt .text .item span {
    color: #000;
    margin-left: .15rem
}

[data-page=contact] .v2 .way1 .info .cnt .code {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.36rem
}

[data-page=contact] .v2 .way1 .info .cnt .code .pic,[data-page=contact] .v2 .way1 .info .cnt .code .pic img {
    width: 100%
}

[data-page=contact] .v2 .way2 {
    background-color: #f9f9f9;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 2.0833333333vw
}

[data-page=contact] .v2 .way2 .leave {
    padding: 2.6041666667vw 2.2083333333vw
}

[data-page=contact] .v2 .way2 .leave .tit {
    color: #054d97;
    font-size: .36rem;
    line-height: 1.5
}

[data-page=contact] .v2 .way2 .leave .form {
    margin-top: 1.8229166667vw
}

[data-page=contact] .v2 .way2 .leave .form .cnt {
    grid-gap: 1.0416666667vw 1.0416666667vw;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    padding: .16rem .3rem;
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item input,[data-page=contact] .v2 .way2 .leave .form .cnt .item textarea {
    background: none;
    border: none;
    color: #333;
    height: 100%;
    width: 100%
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item input::-webkit-input-placeholder {
    color: #999
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item input::-moz-placeholder {
    color: #999
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item input:-ms-input-placeholder {
    color: #999
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item input::-ms-input-placeholder {
    color: #999
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item input::placeholder {
    color: #999
}

[data-page=contact] .v2 .way2 .leave .form .cnt .item textarea {
    min-height: 120px;
    resize: none
}

[data-page=contact] .v2 .way2 .leave .form .mbtn1 {
    margin-top: 1.8229166667vw
}

[data-page=contact] .v2 .way2 .maps {
    background-color: #e5e5e5
}

[data-page=contact] .v2 .way2 .maps #Gaodemap {
    height: 100%;
    width: 100%
}

[data-page=contact] .v2 .way2 .maps #Gaodemap .ripple {
    line-height: 1;
    text-align: center
}

[data-page=contact] .v2 .way2 .maps #Gaodemap .ripple i {
    color: #054d97;
    display: block;
    font-size: .36rem
}

[data-page=contact] .v2 .way2 .maps #Gaodemap .ripple span {
    background-color: #054d97;
    border-radius: 50%;
    display: block;
    height: .15rem;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .15rem
}

@-webkit-keyframes soak {
    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

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

@keyframes soak {
    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

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

[data-page=contact] .v2 .way2 .maps #Gaodemap .ripple span:before {
    -webkit-animation: soak 6s ease-in-out infinite;
    animation: soak 6s ease-in-out infinite;
    background-color: #054d97;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-page=topic] .v2 {
    background-color: #f5f5f5
}

[data-page=topic] .v2 .productList {
    padding: 5.2083333333vw 0
}

[data-page=topic] .v3 {
    padding-bottom: 5.2083333333vw;
    padding-top: 5.7291666667vw
}

[data-page=topic] .v3 .rbox.r1 .info {
    padding-left: 5.7291666667vw
}

[data-page=topic] .v3 .rbox.r1 .info .tit {
    text-align: right
}

[data-page=topic] .v3 .rbox.r1 .info .tit .en {
    right: 0
}

[data-page=topic] .v3 .rbox.r1 .info .tit .cn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[data-page=topic] .v3 .rbox.r2 .info {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding-right: 4.1666666667vw
}

[data-page=topic] .v3 .rbox.r2 .info .tit {
    text-align: left
}

[data-page=topic] .v3 .rbox.r2 .info .tit .en {
    left: 0
}

[data-page=topic] .v3 .rbox.r2 .info .tit .cn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

[data-page=topic] .v3 .rbox .pic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 39.0625vw
}

[data-page=topic] .v3 .rbox .pic>div {
    background-color: #e5e5e5;
    border-radius: 1.0416666667vw;
    overflow: hidden;
    padding-bottom: 60.8%;
    width: 100%
}

[data-page=topic] .v3 .rbox .info .tit {
    padding: 2.6041666667vw 0;
    position: relative
}

[data-page=topic] .v3 .rbox .info .tit .en {
    color: #000;
    font-size: 9.4791666667vw;
    font-weight: 600;
    line-height: normal;
    opacity: .02;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-page=topic] .v3 .rbox .info .tit .cn {
    color: #054d97;
    font-size: .36rem;
    line-height: 1.2
}

[data-page=topic] .v3 .rbox .info .tit .cn .bubble {
    fill: rgba(14,87,60,.2);
    height: .4rem;
    left: -20px;
    position: absolute;
    top: .15em;
    z-index: -1
}

[data-page=topic] .v3 .rbox .info .text {
    line-height: 2;
    padding-top: 4.6875vw
}

[data-page=topic] .v3 .list {
    grid-gap: 4.6875vw;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-bottom: 7.2916666667vw;
    margin-top: 4.6875vw
}

[data-page=topic] .v3 .list .item {
    background-color: #fff;
    -webkit-box-shadow: 0 15px 44px 0 rgba(0,0,0,.1);
    box-shadow: 0 15px 44px 0 rgba(0,0,0,.1);
    padding: 1.5625vw 2.34375vw
}

[data-page=topic] .v3 .list .item .icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    height: .4rem;
    justify-content: flex-end
}

[data-page=topic] .v3 .list .item .icon img {
    height: 100%
}

[data-page=topic] .v3 .list .item .tit {
    color: #054d97
}

[data-page=topic] .v3 .list .item .tit .en {
    font-weight: lighter
}

[data-page=topic] .v3 .list .item .txt {
    line-height: 2;
    margin-top: 1.5625vw;
    word-break: break-all
}

[data-page=topic] .v4 {
    background-color: #f5f5f5;
    padding-bottom: 5.2083333333vw;
    padding-top: 4.1666666667vw
}

[data-page=topic] .v4 .tion {
    margin-top: 2.8645833333vw
}

[data-page=topic] .v5 {
    padding-bottom: 6.7708333333vw;
    padding-top: 4.1666666667vw
}

[data-page=topic] .v5 .newsList {
    margin-top: 2.6041666667vw
}

[data-page=flair] .v2 .box {
    padding-bottom: 7.8125vw;
    padding-top: 3.125vw
}

[data-page=flair] .v3 {
    padding-bottom: 3.125vw;
    padding-top: 4.1666666667vw;
    position: relative
}

[data-page=flair] .v3 .group {
    position: relative
}

[data-page=flair] .v3 .group .v3Swr {
    margin-top: 2.6041666667vw
}

[data-page=flair] .v3 .group .v3Swr .item {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

[data-page=flair] .v3 .group .v3Swr .item .pic {
    padding-bottom: 71.5189873418%;
    position: relative
}

[data-page=flair] .v3 .group .v3Swr .item .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

[data-page=flair] .v3 .group .zmask {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%,-31.25%);
    transform: translate(-50%,-31.25%);
    width: 44.6354166667vw
}

[data-page=flair] .v3 .group .zmask img {
    width: 100%
}

[data-page=flair] .v3 .switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5.2083333333vw auto 0;
    width: 44.7916666667vw
}

[data-page=flair] .v3 .switch .name {
    color: #000;
    padding: 0 2.6041666667vw
}

[data-page=flair] .v3 .switch .name .li {
    display: none
}

[data-page=flair] .v3 .switch .name .li.on {
    display: block
}

[data-page=flair] .v3 .switch .swrBtn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[data-page=flair] .v3 .v3SwrNav {
    margin-top: 1.5625vw;
    text-align: center
}

[data-page=flair] .v4 {
    background-color: #fff;
    padding-bottom: 6.7708333333vw;
    padding-top: 3.3854166667vw
}

[data-page=flair] .v4 .group {
    grid-gap: 2.34375vw 2.6041666667vw;
    grid-template-columns: repeat(4,minmax(0,1fr));
    margin-top: 2.8645833333vw
}

[data-page=flair] .v4 .group .item {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

[data-page=flair] .v4 .group .item:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

[data-page=flair] .v4 .group .item:hover .pic {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1)
}

[data-page=flair] .v4 .group .item:hover .name {
    color: #054d97
}

[data-page=flair] .v4 .group .item .pic {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 2.6041666667vw 2.34375vw 3.125vw;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s ease-out;
    transition: -webkit-box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out
}

[data-page=flair] .v4 .group .item .pic:before {
    background-color: #fbfbfb;
    border-radius: 30.7291666667vw;
    -webkit-box-shadow: 0 -11px 60px 0 rgba(0,0,0,.07);
    box-shadow: 0 -11px 60px 0 rgba(0,0,0,.07);
    content: "";
    height: 24.1666666667vw;
    left: 50%;
    position: absolute;
    top: 55%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30.7291666667vw
}

[data-page=flair] .v4 .group .item .pic>div {
    -webkit-box-reflect: below 0 -webkit-linear-gradient(bottom,hsla(0,0%,100%,.2),transparent 10%);
    padding-bottom: 137.339055794%
}

[data-page=flair] .v4 .group .item .pic>div img {
    -o-object-fit: contain;
    object-fit: contain
}

[data-page=flair] .v4 .group .item .name {
    color: #000;
    line-height: 1.5;
    margin-top: 1.5625vw;
    text-align: center;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

[data-page=factory] .v2 {
    padding-bottom: 4.6875vw
}

[data-page=factory] .v2 .factory {
    grid-gap: 2.0833333333vw 2.0833333333vw;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: 4.6875vw
}

[data-page=factory] .v2 .factory .item {
    cursor: pointer
}

[data-page=factory] .v2 .factory .item .pic {
    background-color: #e5e5e5;
    overflow: hidden;
    padding-bottom: 65.2173913043%;
    position: relative
}

.container {
    padding-bottom: 5.2083333333vw
}

[data-tabs-cnt] {
    position: relative;
    width: 100%
}

[data-tabs-cnt] [data-tabs-item] {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%
}

[data-tabs-cnt] [data-tabs-item]:first-of-type {
    opacity: 1;
    position: static;
    visibility: inherit
}

.mbg1 {
    bottom: 0
}

.mbg1,.mbg2 {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.mbg2 {
    bottom: -1.2rem
}

.mtit,.mtit .en {
    position: relative
}

.mtit .en {
    color: #054d97;
    font-size: .46rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    z-index: 2
}

.mtit .en .bubble {
    left: -20px;
    position: absolute;
    top: .25em;
    z-index: -1
}

.mtit .cn {
    font-size: .36rem;
    line-height: 1.2;
    margin-top: .2rem
}

.mtit.s1 .en {
    color: #054d97
}

.mtit.s1 .en .bubble {
    fill: rgba(14,87,60,.2)
}

.mtit.s1 .cn {
    color: #333
}

.mtit.s2 .en {
    color: #fff
}

.mtit.s2 .en .bubble {
    fill: hsla(0,0%,100%,.2)
}

.mtit.s2 .cn {
    color: #fff
}

.mtit.ct {
    text-align: center
}

.mtit.ct .en {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mbtn1>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 1rem;
    padding: .14rem .25rem .14rem .3rem
}

.mbtn1>.s1 {
    background-color: #fff
}

.mbtn1>.s1 span {
    color: #054d97
}

.mbtn1>.s1 i {
    color: #fff
}

.mbtn1>.s1 i,.mbtn1>.s2 {
    background-color: #054d97
}

.mbtn1>.s2 span {
   color: #fff
}

.mbtn1>.s2 i {
    background-color: #fff;
    color: #054d97
}

.mbtn1>* span {
    font-weight: 600;
    margin-right: .25rem
}

.mbtn1>* i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    height: .33rem;
    justify-content: center;
    line-height: 1;
    width: .33rem
}

.pbanner {
    background-color: #000;
    height: 39.0625vw;
    overflow: hidden;
    width: 100%
}

.pbanner>div,.pbanner>div .bg {
    height: 100%;
    position: relative;
    width: 100%
}

.pbanner>div .info {
    left: 50%;
    padding-top: .25rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 5
}

.pbanner>div .info .tit {
    color: #fff;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1.2;
    position: relative
}

.pbanner>div .info .tit svg {
    fill: hsla(0,0%,100%,.2);
    height: .4rem;
    left: -20px;
    position: absolute;
    top: .15em;
    z-index: -1
}

.pbanner>div .info .place {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-top: 1.0416666667vw;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#fff
}
.clear-both {
  clear: both;  /* 保证该元素出现在所有之前浮动元素的下方 */
}
.pbanner>div .info .place>span {
    color: #fff;
    padding: 0 .1rem
}

.pbanner>div .info .place a {
    color: #fff
}

.pageNav {
    border-bottom: 1px solid #d9d9d9;
    width: 100%
}

.pageNav .slidenav {
    overflow: visible
}

.pageNav .slidenav .item {
    width: auto
}

.pageNav .slidenav .item.active>a {
    color: #054d97
}

.pageNav .slidenav .item.active>a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.pageNav .slidenav .item a {
    color: #000;
    height: .8rem;
    line-height: .8rem;
    padding: 0 2.0833333333vw;
    position: relative;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.pageNav .slidenav .item a:after {
    background-color: #054d97;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    width: 100%
}

.swrBtn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 21px 0 rgba(24,129,56,.2);
    box-shadow: 0 0 21px 0 rgba(24,129,56,.2);
    height: .6rem;
    justify-content: center;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    width: .6rem
}

.swrBtn svg {
    fill: #054d97;
    display: block;
    height: 100%;
    -webkit-transition: fill .3s ease-out;
    transition: fill .3s ease-out;
    width: 100%
}

.swrBtn2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    height: .44rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    width: .44rem
}

.swrBtn2:hover {
    background-color: #fff
}

.swrBtn2:hover svg {
    fill: #054d97
}

.swrBtn2 svg {
    fill: #fff;
    display: block;
    height: 100%;
    -webkit-transition: fill .3s ease-out;
    transition: fill .3s ease-out;
    width: 100%
}

.swrNav {
    font-size: 0
}

.swrNav .doc {
    background: transparent;
    height: 28px;
    margin: 0 0 0 .15rem;
    opacity: 1;
    position: relative;
    width: 28px
}

.swrNav .doc:first-of-type {
    margin-top: 0
}

.swrNav .doc svg {
    display: block;
    height: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 100%
}

.swrNav .doc svg circle {
    stroke-width: 2px;
    stroke: #054d97;
    stroke-dasharray: 300%;
    stroke-dashoffset: 300%;
    -webkit-transition: stroke-dashoffset .5s ease-out;
    transition: stroke-dashoffset .5s ease-out
}

.swrNav .doc span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.swrNav .doc span>s {
    background-color: #a8a8a8;
    border-radius: 50%;
    display: block;
    height: 100%;
    -webkit-transform: scale(.3571428571);
    transform: scale(.3571428571);
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    width: 100%
}

.swrNav .doc.swiper-pagination-bullet-active svg circle {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset 5s ease-out;
    transition: stroke-dashoffset 5s ease-out
}

.swrNav .doc.swiper-pagination-bullet-active span>s {
    background-color: #054d97
}

.pagination {
    text-align: center
}

.pagination li {
    display: inline-block;
    padding: 0 2px
}

.pagination li a,.pagination li span {
    border-radius: 50%;
    color: #333;
    display: block;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    width: .5rem;
    z-index: 2
}

.pagination li a:before,.pagination li span:before {
    background-color: #054d97;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: opacity .3s ease-out,border-radius .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,border-radius .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out,border-radius .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out,border-radius .3s ease-out,-webkit-transform .3s ease-out;
    z-index: -1
}

.pagination li.active span {
    color: #fff;
    pointer-events: none
}

.pagination li.active span:before {
    border-radius: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.pagination li.disabled span {
    cursor: not-allowed
}

.mould .info {
    padding-right: 5.2083333333vw;
    width: calc(100% - 20.83333vw)
}

.mould .info .tit {
    font-size: .36rem;
    line-height: 1.5;
    padding-bottom: .5208333333vw
}

.mould .info .pag {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    color: #999;
    margin-top: 1.0416666667vw;
    padding: .15rem 0
}

.mould .info .pag .li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.0833333333vw
}

.mould .info .pag .li img {
    height: 16px;
    margin-right: 5px
}

.mould .info .seek {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 1.0416666667vw 0
}

.mould .info .seek,.mould .info .seek .lt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mould .info .seek .lt svg {
    height: .31rem
}

.mould .info .seek .lt span {
    color: #054d97;
    margin-left: .12rem
}

.mould .info .seek .rt {
    margin-left: auto
}

.mould .info .seek .rt>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid #054d97;
    border-radius: .36rem;
    color: #054d97;
    height: .36rem;
    justify-content: center;
    -webkit-transition: background-color .3s ease-out,color .3s ease-out;
    transition: background-color .3s ease-out,color .3s ease-out;
    width: 1.5rem
}

.mould .info .seek .rt>a:hover {
    background-color: #054d97;
    color: #fff
}

@media screen and (max-width: 1440px) {
    .mould .info .seek .rt>a {
        border-radius:.46rem;
        height: .46rem
    }
}

.mould .info .pdpage {
    padding-top: 1.0416666667vw
}

.mould .info .pdpage .item {
    max-width: 50%
}

.mould .info .pdpage .item>a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.mould .info .pdpage .item>a .hoverable_txt {
    background-image: -webkit-gradient(linear,left top,right top,from(#054d97),to(#054d97));
    background-image: linear-gradient(90deg,#054d97,#054d97)
}

.mould .info .pdpage .item:first-of-type {
    padding-right: 1.3020833333vw
}

.mould .info .pdpage .item:last-of-type {
    margin-left: auto;
    padding-left: 1.3020833333vw
}

.mould .hang {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 20.8333333333vw
}

.mould .hang .tit {
    border-bottom: 1px solid #d9d9d9;
    line-height: 1
}

.mould .hang .rv1 .tit {
    padding: .15rem 0
}

.mould .hang .rv1 .sellSwr {
    background: #f5f5f5;
    margin-top: 1.0416666667vw
}

.mould .hang .rv1 .sellSwr .item {
    padding: 1.0416666667vw
}

.mould .hang .rv1 .sellSwr .item .pic {
    padding: 0 3.125vw
}

.mould .hang .rv1 .sellSwr .item .pic>div {
    padding-bottom: 100%;
    position: relative
}

.mould .hang .rv1 .sellSwr .item .pic>div img {
    -o-object-fit: contain;
    object-fit: contain
}

.mould .hang .rv1 .sellSwr .item .pic>div:after {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    bottom: 5%;
    content: "";
    -webkit-filter: blur(28.1465110779px);
    filter: blur(28.1465110779px);
    height: 90%;
    left: 5%;
    position: absolute;
    -webkit-transform: rotateX(75deg);
    transform: rotateX(75deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 90%;
    z-index: -1
}

.mould .hang .rv1 .sellSwr .item .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-weight: 600;
    margin-top: .5208333333vw;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.mould .hang .rv1 .sellSwr .sellSwrBtn {
    color: #333;
    font-weight: 600;
    position: absolute;
    top: 40%;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    z-index: 5
}

.mould .hang .rv1 .sellSwr .sellSwrBtn.sellSwrPrev {
    left: 1.0416666667vw
}

.mould .hang .rv1 .sellSwr .sellSwrBtn.sellSwrNext {
    right: 1.0416666667vw
}

.mould .hang .rv2 {
    margin-top: 3.125vw;
    overflow: hidden;
    position: sticky;
    top: 1.2rem
}

.mould .hang .rv2 .tit {
    margin: 0 -.2rem
}

.mould .hang .rv2 .tit .item {
    padding: 0 .2rem;
    position: relative
}

.mould .hang .rv2 .tit .item:after {
    background-color: #ddd;
    content: "";
    height: 40%;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
}

.mould .hang .rv2 .tit .item:last-of-type:after {
    display: none
}

.mould .hang .rv2 .tit .item a {
    color: #333;
    padding: .15rem 0;
    position: relative
}

.mould .hang .rv2 .tit .item a:before {
    background-color: #054d97;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    width: 100%
}

.mould .hang .rv2 .tit .item a.on {
    color: #054d97
}

.mould .hang .rv2 .tit .item a.on:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.mould .hang .rv2 .tit .item a:hover {
    color: #054d97
}

.mould .hang .rv2 [data-tabs-cnt] {
    margin-top: 1.0416666667vw
}

.mould .hang .rv2 .list {
    grid-gap: 1.0416666667vw 0;
    grid-template-columns: 1fr;
    line-height: 1.2
}

.mould .hang .rv2 .list .li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mould .hang .rv2 .list .li span {
    -ms-flex-negative: 0;
    color: #e12222;
    flex-shrink: 0;
    width: 18px
}

.mould .hang .rv2 .list .li a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    padding-left: .1rem;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.tion {
    grid-gap: 2.2916666667vw;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.tion .item {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    display: block;
	    border-radius: 10px;
}

.tion .item:nth-child(3n+1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.tion .item:nth-child(3n+2) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.tion .item:nth-child(3n+3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.tion .item:hover .pic img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.tion .item:hover .text .tit {
    color: #054d97
}

.tion .item:hover .text .txt:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.tion .item .pic {
    background-color: #e5e5e5;
    overflow: hidden;
    padding-bottom: 73.3333333333%;
    position: relative;
    width: 100%;
	    border-radius: 10px;
}

.tion .item .pic img {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
	    border-radius: 10px;
}

.tion .item .text {
    padding: 1.3020833333vw 1.8229166667vw
}

.tion .item .text .tit {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-weight: 600;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.tion .item .text .txt {
    border-bottom: 1px solid #d9d9d9;
    color: #333;
    margin-top: .12rem;
    padding-bottom: .25rem;
    position: relative
}

.tion .item .text .txt:after {
    background-color: #054d97;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    width: 100%
}

.tion .item .text .type {
    color: #999;
    grid-template-columns: repeat(3,minmax(0,1fr));
    line-height: 1;
    padding-top: .2rem
}

.tion .item .text .type .li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tion .item .text .type .li img {
    height: 16px;
    margin-right: 5px
}

.tion .tionSwrNav {
    margin-top: 2.34375vw;
    text-align: center
}

.newsList {
    grid-gap: 0 4.1666666667vw;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.newsList.newsSwr {
    border-radius: 8px
}

.newsList .item:hover .pic img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.newsList .item:hover .text .tit {
    color: #054d97
}

.newsList .item .pic {
    background-color: #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 61.320754717%;
    position: relative
}

.newsList .item .pic img {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease
}

.newsList .item .text {
    padding-top: 1.8229166667vw
}

.newsList .item .text .tit {
    -webkit-line-clamp: 1;
    color: #333;
    font-weight: 600;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.newsList .item .text .tit,.newsList .item .text .txt {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .item .text .txt {
    -webkit-line-clamp: 2;
    color: #666;
    height: 3.6em;
    margin-top: 1.8229166667vw
}

.newsList .item .text .time {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    color: #828282;
    line-height: 1;
    margin-top: 2.6041666667vw;
    padding: 1.1458333333vw 0
}

.newsList .item .text .time,.newsList .item .text .time .day {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsList .item .text .time .day span {
    margin-left: .12rem
}

.newsList .item .text .time .more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.newsList .item .text .time .more span {
    text-transform: uppercase
}

.newsList .item .text .time .more i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #054d97;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    justify-content: center;
    margin-left: .15rem;
    width: 20px
}

.newsList .newsSwrNav {
    margin-top: 2.34375vw;
    text-align: center
}

.productList {
    grid-gap: 1.40625vw;
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.productList .item {
    background: #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,29,3,.06);
    box-shadow: 0 15px 30px 0 rgba(0,29,3,.06);
    padding: 2.0833333333vw 2.0833333333vw 1.8229166667vw;
    position: relative;
    -webkit-transition: -webkit-transform .2s linear,-webkit-box-shadow .2s linear;
    transition: -webkit-transform .2s linear,-webkit-box-shadow .2s linear;
    transition: transform .2s linear,box-shadow .2s linear;
    transition: transform .2s linear,box-shadow .2s linear,-webkit-transform .2s linear,-webkit-box-shadow .2s linear
}

.productList .item:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.2);
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.productList .item:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.productList .item:hover .name {
    color: #054d97
}

.productList .item:after {
    background-color: #054d97;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    width: 100%
}

@media screen and (max-width: 1600px) {
    .productList .item:after {
        height:3px
    }
}

@media screen and (max-width: 1440px) {
    .productList .item:after {
        height:2px
    }
}

.productList .item .pic {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.productList .item .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.productList .item .pic:after {
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    bottom: 5%;
    content: "";
    -webkit-filter: blur(28.1465110779px);
    filter: blur(28.1465110779px);
    height: 90%;
    left: 5%;
    position: absolute;
    -webkit-transform: rotateX(75deg);
    transform: rotateX(75deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    width: 90%;
    z-index: -1
}

.productList .item .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    line-height: 1.5;
    margin-top: 1.8229166667vw;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.flair {
    padding-left: 12.5vw
}

@media screen and (max-width: 1440px) {
    .flair {
        padding-left:8.3333333333vw
    }
}

.flair .group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4.1666666667vw
}

.flair .group .info {
    padding-right: 2.6041666667vw;
    padding-top: 2.6041666667vw
}

.flair .group .info .year {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flair .group .info .year .odd {
    color: #054d97;
    font-size: .46rem;
    font-weight: 600;
    line-height: 1.1
}

.flair .group .info .year .odd .li {
    display: none
}

.flair .group .info .year .odd .li.on {
    display: block
}

.flair .group .info .year .ts {
    margin-left: .1rem
}

.flair .group .info .num {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 3.125vw
}

.flair .group .info .num span {
    color: #054d97;
    line-height: 1.5
}

.flair .group .info .num em {
    color: #999
}

.flair .group .info .name {
    color: #000;
    margin-top: 5px
}

.flair .group .info .name .li {
    display: none
}

.flair .group .info .name .li.on {
    display: block
}

.flair .group .info .btn {
    margin-top: 3.6458333333vw
}

.flair .group .info .btn .swrBtn {
    margin-right: 1.6666666667vw
}

.flair .group .list {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 67.1875vw
}

.flair .group .list .zmask {
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-31.25%);
    transform: translateY(-31.25%);
    width: 50%
}

.flair .group .list .flairSwr,.flair .group .list .zmask img {
    width: 100%
}

.flair .group .list .flairSwr .item {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    padding: 0 2.6041666667vw
}

.flair .group .list .flairSwr .item .pic {
    padding-bottom: 71.5189873418%;
    position: relative
}

.flair .group .list .flairSwr .item .pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.partner {
    background-color: #fff;
    padding-top: 6.25vw;
    position: relative;
    z-index: 2
}

.partner .mbg1 img {
    -o-object-position: bottom;
    object-position: bottom
}

.partner .group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partner .group .info {
    padding-bottom: 6.25vw;
    padding-right: 4.9479166667vw
}

.partner .group .info .mtit .tip {
    margin-top: 2.34375vw
}

.partner .group .info .mbtn1 {
    margin-top: 3.125vw
}

.partner .group .list {
    -ms-flex-negative: 0;
    grid-gap: 2.6458333333vw;
    flex-shrink: 0;
    grid-template-columns: repeat(8,minmax(0,1fr));
    position: relative;
    -webkit-transform: translateX(-8.90625vw);
    transform: translateX(-8.90625vw)
}

.partner .group .list .item:nth-child(n+9):not(:nth-child(n+18)) {
    -webkit-transform: translate(4.947917vw, -2.052083vw8);
        transform: translate(4.947917vw, -2.052083vw) !important;
}

.partner .group .list .item:nth-child(9) {
    -webkit-transform: translate(84px, -46px)!important;
    transform: translate(84px, -46px) !important;
}



.partner .group .list .item>div {
    border-radius: 50%;
    -webkit-box-shadow: 4.792px 11.182px 23.164px 0 rgba(73,140,68,.14);
    box-shadow: 4.792px 11.182px 23.164px 0 rgba(73,140,68,.14);
    cursor: pointer;
    height: 7.25vw;
    overflow: hidden;
    position: relative;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    width: 7.25vw
}

.partner .group .list .item>div:hover {
    -webkit-transform: scale(1.1) rotate(-45deg);
    transform: scale(1.1) rotate(-45deg)
}

.partner .group .list .item>div:after,.partner .group .list .item>div:before {
    border-radius: .7901041667vw;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.partner .group .list .item>div:before {
    border: 0px solid #a6bfda;
    z-index: 3
}

.partner .group .list .item>div:after {
    background-color: #fff;
    z-index: 1
}

.partner .group .list .item>div img {
    height: auto;
    left: 50%;
    max-height: 80%;
    max-width: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    width: auto;
    z-index: 2
}

@media screen and (orientation: landscape) {
    .pageNav .slidenav .item a:hover {
        color:#054d97
    }

    .swrBtn:hover {
        background-color: #054d97
    }

    .swrBtn:hover svg {
        fill: #fff
    }

    .swrNav .doc:hover span>s {
        background-color: #054d97
    }

    .pagination li a:hover {
        color: #fff
    }

    .pagination li a:hover:before {
        border-radius: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .mould .hang .rv1 .sellSwr .sellSwrBtn:hover,.mould .hang .rv2 .list a:hover,.mould .info .pdpage .item>a:hover {
        color: #054d97
    }
}

 .scene-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            max-width: 100%;
            margin: 0 auto;
			margin-top:80px;
			
        }

        /* 单个卡片：与原图比例一致，不可修改 */
        .scene-card {
            flex: 1 1 16.666%; /* 6列均分 */
            min-width: 170px;
            max-width: 260px;
            text-decoration: none;
            color: inherit;
            background-color: #ffffff;
			margin-right:10px;
        }

        .image-wrapper {
            width: 100%;
            height: 420px; /* 与原图图片部分高度比例一致 */
            overflow: hidden; /* 隐藏放大溢出，边框永不改变 */
            position: relative;
        }

        .image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持原图比例，填满容器 */
            display: block;
            transition: transform 0.6s ease-out; /* 缓缓放大的平滑动画 */
        }

        .scene-card:hover .image-wrapper img {
            transform: scale(1.2);
        }

        .text-content {
            padding: 22px 15px;
            text-align: center;
            background-color: #ffffff;
        }

        .icon {
            width: 32px;
            height: 32px;
            margin: 0 auto 12px auto;
            background-color: #2574d1; /* 与原图图标蓝色完全匹配 */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 图标内白色图形：与原图风格一致 */
        .icon svg {
            width: 16px;
            height: 16px;
            fill: #ffffff;
        }

        /* 标题文字：与原图字体/大小/颜色/间距完全一致 */
        .text-content h3 {
            font-size: 20px;
            font-weight: 600;
            color: #222222;
            margin: 0 0 8px 0;
            line-height: 1.3;
        }

        /* 副标题文字：与原图字体/大小/颜色/间距完全一致 */
        .text-content p {
            font-size: 14px;
            color: #666666;
            margin: 0;
            line-height: 1.4;
        }

        /* ===================== 响应式适配：保持原图排列逻辑 ===================== */
        @media (max-width: 1024px) {
            .scene-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100vw;
     margin: unset;
	 margin-top:10vw
  
}
.solution-detail-characteristics{padding-top:0px!important}
.page-banner{width: 100vw;}
.solution-detail-characteristics,.home-faq{width:100vw}
.pro_menu a.active, .pro_menu a{width:48%!important;overflow:hidden;white-space: nowrap;  overflow: hidden;text-overflow: ellipsis;}
.solution-detail-parameters-list,.table-wrapper {
  overflow-x: auto;                 /* 超出宽度时出现横向滚动条 */
  -webkit-overflow-scrolling: touch; /* 移动端平滑滚动 */
  margin: 1em 0;                   /* 可选，外间距 */
  border-radius: 8px;              /* 可选，圆角 */
  border: 1px solid #e0e0e0;       /* 可选，边框 */
}
.v7Swr{margin-top:10vw}
.footer .box .group{display:block!important}
.footer .box .group .info,.mould .info,.mould .hang{width:82vw}
.footer .box .group .nav{display:none!important}
.row .mould{display:block!important}
.tion{grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
			.row{padding-top:10vw!important;width:100vw}
            .image-wrapper { height: 260px; }
			.group{width:82vw}
			[data-page=index] .v2 .group .z_about,[data-page=index] .v2 .group .z_about .text .datas,[data-page=index] .v2 .group .z_about .text .datas .flex {display:block!important}
			[data-page=index] .v2 .group .z_about .pic{width:82vw}
			[data-page=index] .v2 .group .z_about .text{padding-left:0px;width:82vw}
			[data-page=index] .v4 {background-size:100%!important}
			.mtit.ct .en{-webkit-box-pack: left; -ms-flex-pack: left;justify-content: left; text-align: left;}
			.mtit.ct .cn,.incenter{-webkit-box-pack: left; -ms-flex-pack: left;justify-content: left;text-align: left;}
			[data-page=index] .v4 .group .tabs{height:60vw;width:auto}
			[data-page=index] .v4 .group .tabs .item{float:left;width: 25.552083vw;height: 25.552083vw;-webkit-transform: scale(1.2); transform: scale(1.2);}
			[data-page=index] .v4 .group .tabs .item:first-child{width: 25.552083vw;height: 25.552083vw;-webkit-transform: scale(1.2); transform: scale(1.2);}
			[data-page=index] .v4 .group .flex{display:block!important}
			[data-page=index] .v4 .group .tabs .item:after{}
			[data-page=index] .v4 .group .tabs .item .name{font-size:4vw;height: 100%; left: 3.5vw; position: absolute; top: 30%; width: 70%;}
           [data-page=index] .v4 {padding-bottom:10vw;padding-top:10vw}
[data-page=about] .v2 .group,[data-page=index] .v3 .box .group .item{display:block!important}	
[data-page=index] .v3 .box .group .item .v3Swr{width:82vw}	  
.lian-content,[data-page=index] .v7 .box{display:block!important;width:82vw} 
[data-page=about] .v2 .group .cover{display:block!important;width:82vw} 
[data-page=about] .v2 .group .datas{display:block!important;}
.corporate-culture-content{padding: 0 3% 0!important;}
.corporate-culture-left{float:unset!important;width:100%!important}
.corporate-culture-right{width:100%!important}
.corporate-culture-item .text-1{position:unset!important}
[data-page=about] .v3 .group{    grid-template-columns: repeat(1, minmax(0, 1fr))!important;}
[data-page=contact] .v2 .way1{    grid-template-columns: repeat(1, minmax(0, 1fr))!important;}
[data-page=contact] .v2 .way1 .info .tit{display:block!important;}
[data-page=contact] .v2 .way1 .info .tit img{height:20vw}
[data-page=contact] .v2 .way1 .info .tit span{font-size:6vw}
[data-page=contact] .v2 .way1 .info .tit img{height:20vw}
sup{display:none}
	   }