@charset "utf-8";

/* CSS Document */
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    scroll-padding-top: 0;
}

body {
    margin: 0 auto;
    background: #fff;
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

/* swiper */

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




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

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

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

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        transform: rotate(360deg)
    }
}

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

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

.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 {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px;
    --primary-color: #3C8FE7;
}

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

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

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

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

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

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

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

.swiper-button-lock {
    display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: 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: .2s transform, .2s left
}

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

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

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

.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 {
    pointer-events: auto
}

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

.swiper-cube {
    overflow: visible
}

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

.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-prev {
    pointer-events: auto;
    visibility: visible
}

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

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

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

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

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    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-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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 {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* swiper end */

/* nav */
.snav {
    position: absolute;
    right: 0;
    display: none;
    /* display: inline-block; */
    padding: 15px;
    cursor: pointer;
    transition: transform 0.2s ease;
    transform: scale(0.8);
    z-index: 9999999;
}


.nav {
    position: relative;
    width: 36px;
    height: 28px;
}

.n-show {
    background-color: white !important;
}

.nav1,
.nav2,
.nav3 {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #194D26;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform-origin: center;
}

.nav1 {
    top: 0;
}

.nav2 {
    top: 12px;
}

.nav3 {
    bottom: 0;
}

.snav.active span {
    background-color: black !important;
}

.snav.active .nav1 {
    transform: translateY(12px) rotate(45deg);
}

.snav.active .nav2 {
    opacity: 0;
}

.snav.active .nav3 {
    transform: translateY(-12px) rotate(-45deg);
}

.smnav {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background: #fff;
    padding-top: 72px;
    transform: translateX(100%);
    transition: 0.5s;
    overflow-y: auto;
    z-index: 9999;
}

header .show {
    transform: translateX(0)
}

.smnav .topnav {
    padding: 20px;
}

.smnav .topnav>li {
    position: relative;
}

.smnav .topnav>li .smnav2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.smnav .topnav>li .smnav2 i {
    color: #000;
}

.smnav .topnav li a {
    padding: 15px 5px;
    padding-left: 0px;
    color: #333;
    display: block;
    font-size: 18px;
    font-size: 1.6rem;
    line-height: 24px;
    padding-right: 50px;
    border-bottom: 1px dashed #fff;
}

.smnav .topnav li ul {
    padding-left: 20px;
    display: none;
}

.smnav .topnav li ul li a {
    font-size: 16px;
}

.smnav .topnav li ul li ul {
    display: none;
    padding-left: 20px;
}

.smnav .topnav li ul li ul li a {
    font-size: 14px;
}

.search {
    position: relative;
}

.search i {
    font-size: 22px;
    cursor: pointer;
}

.search .s_wrap {
    position: absolute;
    right: 0;
    width: 300px;
    top: 30px;
    background-color: #fff;
    height: 55px;
    border: 2px solid var(--primary-color);
    display: none;
    transition: none;
    z-index: 10;
}

.search .s_wrap .s_inner {
    display: flex;
    align-items: center;
    height: 100%;
}

input:focus {
    outline: none;
}

.search .s_wrap .ent {
    padding-left: 15px;
    height: 100%;
    width: 80%;
    font-size: 16px;
    color: #333;
    padding-right: 15px;
    border: none;
}

.search .s_wrap .searchbtn {
    width: 20%;
    height: 100%;
    position: relative;
}

.search .s_wrap .searchbtn .sea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 18px;
    pointer-events: none;
    font-weight: bold;
    cursor: pointer;
    color: var(--primary-color);
}

.search .s_wrap .sub {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.search .s_wrap .searchbtn:hover i {
    color: var(--primary-color);
}

.h-lan {
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0 6px;
    cursor: pointer;
    position: relative;
}

.h-lan .earth {
    font-size: 27px;
}

.languageBox {
    position: absolute;
    background: #fff;
    top: 150%;
    border-radius: 10px;
    display: none;
    border: 1px solid var(--primary-color);
    left: -20px;
    z-index: 10002;

}

.languageBox a {
    display: block;
    padding: 15px 30px;
}

.languageBox a:hover {
    color: #194D26;
}

* {
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* transition: .3s linear all; */
}



ul li {
    list-style-type: none;
}


img {
    border: none;
    max-width: 100%;
    display: block;
    transition: 0.5s;
}

.goog-te-gadget img {
    display: inline-block;
}

a {
    text-decoration: none;
    color: #222;
    outline: none;
    /* transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    color: #222;
}

.clear {
    clear: both;
}

button {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

::selection {
    color: #fff;
    background: #2379C6;
}

.fons0 {
    font-size: 0px;
    font-size: 0rem;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
    opacity: 1
}

:-o-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
    opacity: 1
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
    opacity: 1
}

.e-d {
    font-size: 16px;
    line-height: 26px;
    color: #555;

}

.e-d p {
    position: relative;
    z-index: 2;
}

.e-d table {
    border-collapse: collapse;
    width: 100%;
}

.e-d img {
    display: inline-block;
}

.e-d td {
    border: 1px solid #999;
}

.range {
    width: calc(100% - 180px);
    max-width: 1400px;
    margin: 0 auto;
}

.range1 {
    max-width: 1460px;
    margin: 0 auto;
}

.df {
    display: flex;
    align-items: center;
    gap: 0 16px;
}

@media screen and (max-width:1000px) {
    .range {
        width: 95%;
        padding: 0 10px;
    }

    .range1 {
        width: 95%;
        padding: 0 10px;
    }
}

body {
    font-family: "SourceSansProRegular";
}

header {
    /* padding: 11px 0; */
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
}

.hh {
    height: 98px;
}

header>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .header-c {
    display: flex;
    align-items: center;
    gap: 0 55px;
    margin-right: 170px;
}

header .header-c>li>a {
    color: #333;
    font-size: 18px;
    line-height: 28px;
    position: relative;
}

header .header-c>li>a:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: '';
    width: 100%;
    height: 4px;
    background: var(--primary-color);
    display: none;
}

header .header-c>li>a:hover::after {
    display: block;
}

header .header-c .active>a {
    color: var(--primary-color);
}

header .header-c .active a::after {
    display: block;
}

header .header-c>li {
    position: relative;
    padding: 35px 0px;
}

header .header-c>li>ul {
    width: 244px;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 2;
    display: none;
}

header .header-c>li>ul a {
    width: 100%;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    padding: 17.5px 0;
    display: inline-block;
}

header .header-c>li>ul li:hover {
    background-color: var(--primary-color);
    cursor: pointer;
}

header .header-c>li>ul>li {
    position: relative;
}

header .header-c>li>ul>li>ul {
    width: 244px;
    text-align: center;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    z-index: 2;
    display: none;
}

header .header-c>li>ul li:hover>a {
    color: #fff !important;
}

header .header-c>li>ul .active-l {
    color: #fff !important;
    background: var(--primary-color);
}

header .header-c>li>ul .active-l>a {
    color: #fff;
}

header .header-r {
    display: flex;
    align-items: center;
    padding-right: 30px;

}

header .header-r .line {
    height: 24px;
    width: 1px;
    background: #d9d9d9;
    margin: 0 34px 0 27px;
}

header .h-rightB {
    display: flex;
    align-items: center;
}

@media (max-width:1300px) {
    header .header-c {
        margin-right: 60px;
    }
}

@media (max-width:1200px) {
    header .header-c {
        margin-right: 30px;
    }

    header .header-c {
        gap: 0 30px;
    }

    .search i {
        font-size: 16px;
    }

    .h-lan .earth {
        font-size: 20px;
    }

    header .header-r .line {
        margin: 0 10px;
    }
}

.headerLogo {
    min-width: 100px;
}

@media (max-width:1000px) {
    header .header-c {
        display: none;
    }

    .hh {
        height: 48.34px;
    }

    .snav {
        display: block;
    }

    .headerLogo {
        width: 100px;
    }
}

@media (max-width:800px) {
    .search .s_wrap {
        width: 200px;
        right: -30px;
    }
}

@media (max-width:500px) {
    .h-lan .h-lan-t {
        display: none;
    }

    .snav {
        transform: scale(0.5);
    }

    .languageBox {
        left: -50px;
    }
}

.f18 {
    font-size: 18px;
    line-height: 28px;
}

a:hover {
    color: var(--primary-color) !important;
}

.banner1 .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}

.banner1 .swiper-slide-active img,
.swiper-slide-duplicate-active img {
    transition: 1s;
    transform: scale(1, 1);
}

.banner1 .aboutpagination {
    position: absolute;
    bottom: 110px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 25px;
}

.banner1 .aboutpagination .swiper-pagination-bullet {
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #D9D9D9;

}

.banner1 .aboutpagination .swiper-pagination-bullet-active {
    background: #fff;
    position: relative;
}

.banner1 .aboutpagination .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    border: 1px solid #FFF;
    transform: translate(-50%, -50%);
}

@media(max-width:800px) {
    .banner1 .aboutpagination {
        bottom: 10px;
    }

    .banner1 .aboutpagination .swiper-pagination-bullet-active::after {
        width: 15px;
        height: 15px;
    }
}

.ind1 {
    padding: 90px 0;
}

.ind1 .proList {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ind1 .proList .one {
    width: 32.42%;
    position: relative;
}

.prozhezhao {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.50);
    display: none;
}

.ind1 .proList .one:hover .prozhezhao {
    display: block;
}

.ind1 .proWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    padding: 38px 39px 27px 38px;
}

.ind1 .proWrap .line {
    width: 22px;
    height: 3px;
    background: #333;
    margin-bottom: 23px;
}

.ind1 .proWrap .p1 {
    font-family: "SourceSansProSemibold";
    font-size: 20px;
    color: #333;
    line-height: 32px;
}

.ind1 .proWrap .p2 {
    color: #555;
    font-size: 16px;
    line-height: 26px;
}

.moreBox {
    display: inline-block;
}

.ind1 .proWrap .more {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    gap: 0 5px;
    justify-content: center;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 26px;
    margin-top: 22px;
}

.ind1 .proWrap .more:hover {
    text-decoration: underline;
}

.ind1 .proList .one:hover .proWrap {
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
}

.ind1 .proList .one:hover .proWrap .line {
    background-color: var(--primary-color);
}

.ind1 .proList .one:hover .proWrap p {
    color: #fff !important;
}

.ind1 .proList .one:hover .proWrap .p1 {
    color: #fff !important;
}

.ind1 .proList .one:hover .more {
    background: #fff;
    border: 1px solid #fff;
    color: var(--primary-color) !important;
}

@media (max-width:1200px) {
    .ind1 {
        padding: 40px 0 !important;
    }

    .ind1 .proWrap {
        padding: 20px;
    }
}

@media (max-width:1000px) {
    .ind1 .proWrap .more {
        padding: 5px 8px;
    }

    .ind1 .proWrap .line {
        margin-bottom: 10px;
    }
}

@media (max-width:800px) {
    .ind1 {
        padding: 20px 0 !important;
    }

    .ind1 .proList {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .ind1 .proList .one {
        width: 49%;
    }
}

@media(max-width:768px) {
    .ind1 .prozhezhao {
        display: block;
    }


    .ind1 .proList .one .proWrap {
        background-color: transparent;
        top: 50%;
        transform: translateY(-50%);
    }

    .ind1 .proList .one .proWrap .line {
        background-color: var(--primary-color);
    }

    .ind1 .proList .one .proWrap p {
        color: #fff !important;
    }

    .ind1 .proList .one .proWrap .p1 {
        color: #fff !important;
    }

    .ind1 .proList .one .more {
        background: #fff;
        border: 1px solid #fff;
        color: var(--primary-color) !important;
    }

}

@media (max-width:500px) {
    .ind1 {
        padding: 10px 0 !important;
    }

    .ind1 .proList .one {
        width: 100%;
    }
}

.publicLine {
    width: 33px;
    height: 8px;
    background-color: var(--primary-color);
}

.lg-title {
    color: #333;
    font-size: 46px;
    line-height: 56px;
    font-family: "SourceSansProBold";
}

.ind2 {
    background-color: #F4F4F4;
    padding: 92px 0;
}

.ind2 .ind2t {
    display: flex;
    justify-content: space-between;
    padding-left: calc((100vw - 1406px) / 2);
}

.ind2 .ind2t .left {
    width: 54%;
    padding-top: 18px;
}

.ind2 .ind2t .lefet-top {
    display: flex;
    align-items: center;
    gap: 0 16px;
}

.ind2 .ind2t .p1 {
    color: #333;
    font-size: 36px;
    line-height: 48px;
    font-family: "SourceSansProBold";
    margin-top: 27px;
    margin-bottom: 45px;
}
.ind2 .ind2t .e-d{
    padding-right: 61px;
}
.imgHbox {
    overflow: hidden;
}

.imgHbox img {
    width: 100%;
}

.imgHbox img:hover {
    transform: scale(1.1);
}

.ind2 .ind2t .right {
    width: 63.5%;
    margin-left: 0;
}

.moreBtn {
    display: inline-block;
}

.moreBtn a {
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: #fff !important;
    font-size: 20px;
    line-height: 32px;
    font-family: "SourceSansProBold";
    padding: 12px 24px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.moreBtn a img {
    filter: grayscale(1) brightness(10);
    transition: 0s;
}

.moreBtn a:hover {
    background-color: #fff;
    color: var(--primary-color) !important;
}

.moreBtn a:hover img {
    filter: unset
}

.ind2 .moreBtn {
    margin-top: 11px;
}

.ind2 .ind2b {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    margin-top: 79px;
    position: relative;
}

.ind2 .ind2b::after {
    position: absolute;
    height: 100%;
    content: '';
    width: 260px;
    background: #fff;
    right: 100%;
}

.ind2 .ind2b .numBox {
    width: 19.428%;
      padding: 33px 24px 20px 22px;
    background: #fff;
}

.ind2 .ind2b .numBox:hover {
    background-color: var(--primary-color);
}

.ind2 .ind2b .numBox:hover .num {
    color: #fff;
}

.ind2 .ind2b .numBox:hover .num span {
    color: #fff;
}

.ind2 .ind2b .numBox:hover .p1 {
    color: #fff;
}

.ind2 .ind2b .num {
    color: var(--primary-color);
    line-height: 26px;
    font-size: 16px;
}

.ind2 .ind2b .num span {
    color: var(--primary-color);
}

.ind2 .ind2b .numBox .p1 {
    color: #555;
    font-size: 16px;
    line-height: 26px;
    margin-top: 11px;
}

@media (max-width:1450px) {
    .ind2 .ind2t .left {
        padding: 0 20px;
    }

    .ind2 .ind2t {
        align-items: center;
    }
}

@media (max-width:1100px) {
    .ind2 .ind2t {
        display: block;
    }

    .ind2 .ind2t .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .ind2 .ind2t .right {
        width: 100%;
        margin: 0;
    }

    .ind2 .ind2t .right img {
        margin: 0 auto;
    }

    .ind2 .ind2t .p1 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

@media (max-width:1260px) {
    .lg-title {
        font-size: 35px;
        line-height: 30px;
    }
}

@media (max-width:1200px) {
    .ind2 {
        padding: 42px 0 !important;
    }



    .ind2 .ind2b {
        margin-top: 20px;
    }
}

@media (max-width:1000px) {
    .ind2 .ind2b::after {
        width: 0;
    }

    .ind2 .ind2t .p1 {
        font-size: 25px;
    }

    .ind2 .ind2b {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .ind2 .ind2b .numBox {
        width: 49%;
    }
}

@media (max-width:800px) {
    .ind2 {
        padding: 20px 0 !important;
    }

    .lg-title {
        font-size: 30px;
    }

    .moreBtn a {
        padding: 5px 10px;
    }

}

@media (max-width:500px) {
    .ind2 {
        padding: 10px 0 !important;
    }

    .ind2 .ind2t .p1 {
        font-size: 18px;
    }

    .lg-title {
        font-size: 25px;
    }

    .ind2 .ind2b .numBox {
        width: 100%;
    }
}

.ind3 {
    padding: 89px 0 107px 0;
}

.ind3 .content {
    margin-top: 88px;
    position: relative;
}

.ind3 .in3Swip .swiper-slide {
    display: flex;
    background: #F6FAFE;
}

.ind3 .in3Swip .swiper-slide .left {
    width: 50%;
}

.ind3 .content .left .p1 {
    color: #333;
    font-size: 24px;
    font-family: "SourceSansProSemibold";
    line-height: 34px;
    width: 80%;
    display: block;
}

.ind3 .content .left .p2 {
    color: #555;
    line-height: 25px;
    font-size: 16px;
    margin-top: 13px;
    padding-bottom: 162px;
}

.ind3 .content .right {
    padding: 0 49px 0 67px;
}

.ind3 .content .right img {
    margin-top: 91px;
    margin-bottom: 33px;
}

.ind3 .content .btnBox {
    display: flex;
    align-items: center;
    gap: 0 11px;
    position: absolute;
    right: 39.4%;
    bottom: 110px;
    z-index: 2;
}

.ind3 .content .btnBox p {
    width: 35px;
    height: 35px;
    background-color: #f2f5f7;
    color: #333;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

.ind3 .content .btnBox p:hover {
    background-color: var(--primary-color);
    color: #fff;
}

@media (max-width:1300px) {
    .ind3 {
        padding: 40px 0 !important;
    }

    .ind3 .content {
        margin-top: 20px;
    }

    .ind3 .in3Swip .swiper-slide {
        align-items: center;
    }

    .ind3 .content .right img {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

@media (max-width:1100px) {
    .ind3 .content .btnBox {
        position: unset;
        justify-content: center;
        margin-top: 10px;
    }

    .ind3 .content .left .p2 {
        padding-bottom: 0;
    }

    .ind3 .content .right {
        padding: 20px;
    }
}

@media (max-width:800px) {
    .ind3 {
        padding: 20px 0 !important;
    }

    .ind3 .content .right img {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .ind3 .content .left .p1 {
        font-size: 18px;
        width: 100%;
    }
}

@media (max-width:650px) {
    .ind3 .in3Swip .swiper-slide {
        display: block;
    }

    .ind3 .in3Swip .swiper-slide .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .ind3 .content .right {
        padding: 0 10px;
    }
}

@media (max-width:500px) {
    .ind3 {
        padding: 10px 0 !important;
    }

    .ind3 .content .right img {
        margin-top: 10px;
    }
}

.ind4 {
    background-color: #F9F9F9;
    padding: 64px 0 104px 0;
}

.ind4 .topBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ind4 .topBox .btnBox {
    display: flex;
    align-items: center;
    gap: 0 12px;
}

.ind4 .topBox .btnBox p {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #8a8a8a;
    color: #8a8a8a;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.ind4 .topBox .btnBox p:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.ind4 .ind4Sw {
    margin-top: 73px;
}

.ind4 .swBom {
    padding: 21px 20px 17px 31px;
    background: #FFF;
}

.ind4 .ind4Sw .title {
    display: flex;
    align-items: center;
    gap: 0 13px;
    color: #333;
    font-size: 20px;
    line-height: 32px;
    font-family: "SourceSansProSemibold";
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 14px;
}

.ind4 .ind4Sw .title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind4 .ind4Sw .title .line {
    display: block;
    width: 4px;
    height: 24px;
    background-color: var(--primary-color);
}

.ind4 .ind4Sw .moreBtm {
    margin-top: 17px;
    color: var(--primary-color);
    font-size: 16px;
}

.ind4 .ind4Sw .moreBtm a {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
}

.ind4 .swBom:hover {
    background: var(--primary-color);
}

.ind4 .swBom:hover .title .line {
    background-color: #fff;
}

.ind4 .swBom:hover .title a {
    color: #fff !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind4 .swBom .title a:hover {
    text-decoration: underline;
}

.ind4 .swBom:hover .moreBtm a {
    color: #fff !important;
}

.ind4 .swBom .moreBtm a:hover {
    text-decoration: underline;
}

.ind4 .swBom:hover .moreBtm img {
    filter: grayscale(1) brightness(10);
}

@media (max-width:1300px) {
    .ind4 .ind4Sw {
        margin-top: 30px;
    }

    .ind4 {
        padding: 40px 0;
    }
}

@media (max-width:800px) {
    .ind4 .ind4Sw .title {
        font-size: 16px;
    }

    .ind4 {
        padding: 20px 0;
    }
}

@media (max-width:550px) {
    .ind4 .topBox {
        display: block;
    }

    .ind4 .topBox .btnBox {
        margin-top: 10px;
        justify-content: flex-end;
    }

    .ind4 {
        padding: 10px 0;
    }
}

.ind5 {
    background-image: url(../images/index6.png);
    position: relative;
    color: #fff;
    padding: 134px 0 117px 0;
}

.ind5 .ind5zhezhao {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.ind5 .lg-title {
    color: #fff;
}

.ind5 .range {
    position: relative;
    z-index: 2;
    text-align: center;
}

.ind5 .p1 {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin: 15px 0 62px 0;
}

@media (max-width:800px) {
    .ind5 .p1 {
        margin: 15px 0;
    }
}

.ind6 {
    background-image: url(../images/index7.png);
    background-repeat: no-repeat;
    padding: 79px 0 75px 0;
}

.ind6 .top {
    margin-bottom: 32px;
}

.ind6 .ind6List {
    display: flex;
    justify-content: space-between;
    padding: 0 31px;
    margin-top: 44px;
    flex-wrap: wrap;
}

.ind6 .ind6List .one {
    width: 14.65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 12px;
}



.ind6 .ind6List .one .longline {
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
    margin-top: 10px;
    opacity: 0;
}

.ind6 .ind6List .one:hover .longline {
    opacity: 1;
}

.ind6 .one .p1 {
    color: #333;
    font-size: 16px;
    line-height: 26px;
}

.ind6 .one .line {
    width: 2px;
    height: 28px;
    background: #666;
    margin: 0 0 19px 0;
}

.ind6 .ind6List .one:hover .line {
    opacity: 0;
}

.ind6 .one .inner {
    color: #333;
    line-height: 20px;
    font-size: 15px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 4px 15px 4px rgba(0, 0, 0, 0.12);
    height: 184px;
    text-align: center;
}

.ind6 .ind6List .one:hover .inner {
    background-color: var(--primary-color);
    color: #fff;
}

.ind6 .one .lintBtm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 9px;
    margin-top: 59px;
}

.ind6 .one .lintBtm P {
    width: 27px;
    height: 3px;
    background: #D9D9D9;
}

.ind6 .one .lintBtm span {
    color: #333;
    font-size: 20px;
    line-height: 32px;
    font-family: "SourceSansProSemibold";
}

.ind6 .ind6List .one:hover .lintBtm p {
    width: 37px;
    height: 5px;
}

.ind6 .ind6List .one:hover span {
    font-size: 24px;
}

@media (max-width:1350px) {
    .ind6 .ind6List .one {
        width: 18%;
    }

    .ind6 {
        padding: 40px 0;
    }
}

@media (max-width:950px) {
    .ind6 .ind6List {
        gap: 20px 5%;
        justify-content: unset;
    }

    .ind6 .ind6List .one {
        width: 30%;
    }

    .ind6 .ind6List {
        padding: 0 10px;
    }

    .ind6 .one .lintBtm {
        margin-top: 30px;
    }

    .ind6 {
        padding: 20px 0;
    }
}

@media (max-width:650px) {
    .ind6 .ind6List {
        gap: 20px 0;
        justify-content: space-between;
    }

    .ind6 .ind6List .one {
        width: 49%;
    }
}

@media (max-width:400px) {
    .ind6 .ind6List .one {
        width: 100%;
    }

    .ind6 .one .lintBtm {
        margin-top: 10px;
    }

    .ind6 {
        padding: 10px 0;
    }
}

.ind7 {
    padding: 103px 0;
}

.ind7 .newslist {
    display: flex;
    justify-content: space-between;
    margin-top: 52px;

}

.ind7 .one {
    width: 33.35%;
    border: 1px solid #dfdfdf;
    padding: 48px 23px 52px 43px;
}

.day {
    font-size: 48px;
    line-height: 56px;
    color: var(--primary-color);
    font-family: "SourceSansProBold";
}

.month {
    font-size: 20px;
    color: #333;
    line-height: 32px;
    font-family: "SourceSansProSemibold";
}

.ind7 .one .p1 {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    margin: 14px 0 31px 0;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind7 .one:hover {
    border: 1px solid var(--primary-color);
}

.ind7 .one .imgHbox {
    margin-bottom: 24px;
}

.ind7 .one .moreBtn a {
    color: var(--primary-color) !important;
    font-size: 18px;
    line-height: 30px;
    background-color: #fff;
    padding: 12px 33px 13px 24px;
}

.ind7 .one .moreBtn a img {

    filter: none;
}

.ind7 .one .moreBtn:hover a img {
    filter: grayscale(1) brightness(10);
}

.ind7 .one .moreBtn:hover a {
    background: var(--primary-color);
    color: #fff !important;
}

@media (max-width:1300px) {
    .ind7 {
        padding: 40px 0;
    }

    .ind7 .newslist {
        margin-top: 10px;
    }

    .ind7 .one {
        padding: 20px;
    }

    .day {
        font-size: 40px;
    }
}

@media (max-width:1000px) {
    .day {
        font-size: 35px;
        line-height: 30px;
    }
}

@media (max-width:850px) {
    .day {
        font-size: 30px;
    }
}

@media (max-width:800px) {
    .ind7 {
        padding: 20px 0;
    }

    .ind7 .one .p1 {
        margin: 10px 0;
    }

    .ind7 .newslist {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .ind7 .newslist .one {
        width: 49% !important;
    }

    .ind7 .one .moreBtn a {
        padding: 8px 10px;
    }
}

@media (max-width:550px) {
    .ind7 .newslist .one {
        width: 100% !important;
    }
}

@media (max-width:500px) {
    .ind7 {
        padding: 10px 0;
    }

    .day {
        font-size: 25px;
    }
}

.imgbgBox {
    position: relative;
}

.imgbgBox .prozhezhao {
    display: block;
}

.imgbgBox .pubnav {
    width: 100%;
    position: absolute;
    bottom: 34px;
    color: #fff;

    font-size: 18px;
}

.imgbgBox img {
    width: 100%;
    min-height: 150px;
}

.imgbgBox .pubnav>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1px 0;
}

.imgbgBox .pubnav p {
    margin: 0 10px;
}

.imgbgBox .pubnav a {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

@media (max-width:650px) {
    .imgbgBox .pubnav {
        bottom: 10px;
    }

    .imgbgBox .pubnav a {
        font-size: 14px;
    }
}

.pro1 {
    margin-top: 85px;
    padding-bottom: 91px;
}

.pro1 .left {
    width: 24.9%;
}

.pro1 .pro1top {
    margin-bottom: 48px;
}

.pro1 .left i {
    cursor: pointer;
}

.pro1 .left .p1 {
    color: #333;
    line-height: 26px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 11px 20px;
    background: #F0F0F0;
    /* margin-bottom: 13px; */
}

.pro1 .left .p1 i {
    color: #aaa;
    font-size: 10px;
}

.pro1 .left .first {
    margin-bottom: 13px;

}



.pro1 .left .p1 a {
    color: #333;
}

.pro1 .left .active .p1 a {
    color: #fff !important;
}

.pro1 .left .active .p1 {
    background-color: var(--primary-color);
    padding: 17px 20px;
}

.pro1 .left .active .p1 i {
    color: #fff;
}

.pro1 .left .seList {
    padding: 0 22px;
    margin-top: 13px;
}



.pro1 .left .seList .p2 {
    color: #333;
    font-size: 16px;
    line-height: 32px;
    display: block;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 7px;
}

.pro1 .left a {
    display: block;
}

.pro1 .left .seList .active2 {
    position: relative;
    color: #046AB4;
    padding-bottom: 2px;
}

.pro1 .left .seList a:hover {
    position: relative;
    color: #046AB4 !important;
}




.pro1 .left .seList .active3 {
    position: relative;
    color: #3C8FE7 !important;
}

.pro1 .left .seList .active3:after {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3C8FE7;
    content: '';
    top: 10px;
    left: -19px;
}

.pro1 .left .thrList {
    padding-left: 15px;
    margin-top: 20px;
}

.pro1 .left .thrList a:hover {
    color: #3C8FE7 !important;
}

.pro1 .left .thrList a:hover::after {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3C8FE7;
    content: '';
    top: 10px;
    left: -19px;
}

.pro1 .left .seList .p3 {
    font-size: 14px;
    line-height: 25px;
    color: #555;
}

.pro1 .tagBox {
    margin-top: 30px;
    padding: 20px 0 18px 20px;
    background-color: #F3F3F5;
}

.pro1 .tagBox a {
    display: block;
    color: #000;
    font-family: "MontserratRegular";
}

.pro1 .tagListBox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 9px;
}

.pro1 .tagListBox a {
    color: #666;
    font-size: 16px;
    display: inline-block;
    padding: 6px 16px;
    background-color: #F3F3F5;
    line-height: 28px;
}

.pro1 .tagListBox a:hover {
    background: rgba(11, 88, 106, 0.10);
    color: #08596C !important;
}

.pro1 .range {
    display: flex;
    justify-content: space-between;
}

.pro1 .right {
    width: 70.857%;
}


.pro1 .proList {
    display: flex;

    gap: 16px 1.6%;
    flex-wrap: wrap;
}

.pro1 .proBox {
    width: 32.25%;
    background-color: #f3f3f3;
}

.proBox .proContent {
    background-color: #f3f3f3;
    padding: 17px 14.5px 5px 20.5px;
    /* height: 100%; */
}

.proBox .proContent .proconTop {
    color: #333;
    font-size: 20px;
    line-height: 32px;
    font-family: "SourceSansProSemibold";
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 9.75px;
}

.proBox .proContent .proconTop .conline {
    width: 2.819px;
    height: 21.046px;
    background: var(--primary-color);
}

.proBox .proContent .proconTop a {
    /* display: flex;
    align-items: center;
    gap: 0 9.16px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proBox .proContent .proconTop a p {
    display: inline-block;
    margin-right: 9.16px;
    position: relative;
    transform: translateY(4px);
}

.proBox .proContent:hover {
    background-color: var(--primary-color);
}

.proBox .proContent:hover .proconTop .conline {
    background-color: #fff;

}

.proBox .proContent:hover .proconTop a {
    color: #fff !important;

}

.proBox .proContent .proconTop a:hover {
    text-decoration: underline;
}

.proBox .proContent:hover .checkBox1 a {
    color: #fff !important;
}

.proList .checkBox1 {
    margin-top: 9px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 8px 0 12px 0;
    margin-right: 10px;
}

.proList .checkBox1 label {
    font-size: 0;
    flex-shrink: 0;
}

.proList .checkBox1 span {
    width: 12px;
    height: 12px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-color: #fff;
}

.proList .checkBox1 input[type=checkbox]:checked+span {
    display: none;
}

.proList .checkBox1 input {
    display: none;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-color: #fff;
}

.proList .checkBox1 input[type=checkbox]:checked {
    display: block;
}

.proList .checkBox1 a {
    color: var(--primary-color);
    font-size: 16px;
}

.proList .checkBox1 a:hover {
    text-decoration: underline;
}

.pro1 .pageBox {
    margin-top: 91px;
}

.pageBox {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.pageBox .pageOne {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.pageBox .pageOne a {
    width: 36px;
    height: 36px;
    border: 1px solid #E1E2E4;
    background-color: #fff;
    text-align: center;
    line-height: 34px;
    display: inline-block;

    font-size: 16px;
    color: #333;
}

.pageBox .pageOne a:hover {
    border: 1px solid var(--primary-color);
    background: rgba(60, 143, 231, 0.20);
    color: var(--primary-color);
}

.pageBox .active {
    background: var(--primary-color) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.pageBox .pageOne .active1 {
    border: 1px solid var(--primary-color);
    background: rgba(60, 143, 231, 0.20);
    color: var(--primary-color);
}

.pageBox .a2 {
    display: flex;
    align-items: center;

}

.pageBox .a2:hover {
    text-decoration: underline;
}

.pageBox .a2 img {
    flex-shrink: 0;
    margin-left: 15px;
}

.pageBox .a2 input {
    background-color: transparent;
    transition: .3s;
    font-size: 16px;
    cursor: pointer;
    color: var(--primary-color);
    line-height: 26px;
    border: none;
}

.solutPage {
    margin-top: 71px;
}

@media (max-width:1400px) {
    .pro1 .left {
        width: 24.7%;
    }

    .pro1 .left .seList {
        padding: 0 10px 0 22px;
    }

    .pro1 {
        margin-top: 40px;
        padding-bottom: 60px;
    }
}

@media (max-width:1100px) {
    .pro1>div {
        display: flex;
        flex-direction: column-reverse;
    }

    .pro1 .left {
        width: 100%;
        margin-top: 10px;
    }

    .pro1 .right {
        width: 100%;
    }


    .pro1 {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .pro1 .left .left-t {
        padding: 10px;
    }

    .pro1 .left .leftList {
        padding: 10px;
    }

    .pro1 .tagBox {
        margin-top: 10px;
        padding: 10px 0 10px 10px;
    }

    .pro1 .pro1top {
        margin-bottom: 10px;
    }
}

@media (max-width:800px) {

    .pro1 .proList {
        margin-top: 10px;
    }

    .pageBox {
        margin-top: 30px !important;
    }

    .pageBox .a2 {
        position: unset;
        justify-content: flex-end;
        margin-top: 20px;
    }
}

@media (max-width:650px) {
    .pro1 .proBox {
        width: 49%;
    }

    .pro1 .proList {
        gap: 20px 0;
        justify-content: space-between;
    }

    .pro1 .left .active .p1 {
        padding: 11px;
    }
}

@media (max-width:500px) {

    .pageBox {
        margin-top: 20px !important;
    }

    .pro1 {
        margin-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width:450px) {
    .pro1 .proBox {
        width: 100%;
    }

    .pro1 .proBox img {
        margin: 0 auto;
    }
}

.pro2 {
    padding: 100px 0;
}

.pro2 .pro2-c {
      width: 100%;
    background-image: url(../images/pro2.png);
    background-repeat: no-repeat;
    padding: 123px 29px 90px 29px;
    margin-top: 37px;
    background-size: cover;
}

.pro2 .pro2-c .pro2inner {
    width: 47.928%;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.pro2 .pro2-c .pro2inner strong {
    font-family: "SourceSansProBold";
    font-size: 20px;
}

@media (max-width:1500px) {
    .pro2 .pro2-c .pro2inner {
        width: 70%;
    }
}

@media (max-width:1200px) {
    .pro2 {
        padding: 40px;
    }

    .pro2 .pro2-c {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width:900px) {
    .pro2 .pro2-c .pro2inner {
        width: 100%;
    }
}

@media (max-width:800px) {
    .pro2 {
        padding: 20px;
    }

    .pro2 .pro2-c {
        margin-top: 10px;
    }
}

@media (max-width:650px) {
    .pro2 .pro2-c {
        padding: 20px;
    }
}

@media (max-width:500px) {
    .pro2 {
        padding: 10px;
    }
}

.pro3 {
    margin-top: 72px;
}

.pro3>div {
    display: flex;
    align-items: flex-start;
}

.pro3 .left {
    width: 57.214%;
    display: flex;
    justify-content: space-between;

}

.pro3 .left .l-sw {
    width: 78.6%;
    position: relative;
}

.pro3 .left .r-sw {
    width: 19.975%;
    position: relative;

}

.pro3 .left .prodswip2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    padding: 25px 0 13px 0;
}

.pro3 .left .swiper-slide {
    background-color: #fff;
    border: 1px solid #bababa;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro3 .left .swiper-slide img {
    width: 100%;
}

.pro3 .left .swiper-slide-thumb-active {
    border: 1px solid var(--primary-color);
}

.pro3 .btn {
    width: 100%;
    background: #fff;
    height: 21px;
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro3 .shopIn {
    /* position: absolute;
    left: 50%;
    transform: translateX(-50%); */

    cursor: pointer;
    text-align: center;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #afafaf;
    font-size: 12px;
    color: #afafaf;
}

.pro3 .shopIn:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.pro3 .shopBtn-prev {
    top: 0;
}

.pro3 .shopBtn-next {
    bottom: -11px;
}

.pro3 .right {
    margin-left: 78px;
    padding-top: 27px;
}

.pro3Ed {
    color: #333;
    line-height: 26px;
    margin-top: 52px;
}

.pro3More {
    font-size: 16px;
    line-height: 26px;
    padding: 6.5px 31px;
    border: 1px solid var(--primary-color);
    display: inline-block;
    color: var(--primary-color);
    margin-top: 48px;
}

.pro3More:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.pro3 .pro3Btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 22px;
}

.pro3 .pro3Btn .pro3More {
    margin-top: 0;
    padding: 14px 32px;
}

.shareBox {
    color: #333;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    margin-top: 49px;
}

.shareBox .shareCom {
    margin-left: 14px;
}

@media (max-width:1500px) {
    .pro3>div {
        align-items: center;
    }

    .pro3 .right {
        padding-top: 10px;
    }

    .pro3Ed {
        margin-top: 10px;
    }

    .pro3More {
        margin-top: 15px;
    }

    .shareBox {
        margin-top: 10px;
    }

    .pro3 {
        margin-top: 40px;
    }

}

@media (max-width:1200px) {
    .pro3 .pro3Btn .pro3More {
        padding: 6px 15px;
    }
}

@media (max-width:1000px) {

    .pro3 .right {
        margin-left: 20px;
    }

}

@media (max-width:800px) {
    .pro3 {
        margin-top: 20px;
    }

    .pro3>div {
        display: block;
    }

    .pro3 .left {
        width: 100%;
    }

    .pro3 .right {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width:650px) {
    .pro3 {
        margin-top: 10px;
    }
}

.pro4 {
    margin-top: 128px;
}

.pro4 .pro4Ed .tableB {
    overflow: auto;
    margin-top: 44px;
}

.pro4 .pro4Ed .tableB td {
    border: none;
    font-size: 16px;
    color: #555;
    line-height: 52px;
    padding-right: 100px;
}

.pro4 .pro4Ed .tableB tr:first-of-type {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-family: "SourceSansProSemibold";
}

.pro4 .pro4Ed .tableB tr:first-of-type td {
    color: #fff;
}

.pro4 .pro4Ed .tableB tr td:first-of-type {
    padding-left: 195px;
}

.pro4 .pro4Ed .tableB tr:nth-of-type(2n+3) {
    background-color: #F6FAFE;
}

@media (max-width:1200px) {
    .pro4 {
        margin-top: 40px;
    }
}

@media (max-width:800px) {
    .pro4 {
        margin-top: 20px;
    }

    .pro4 .pro4Ed .tableB {
        margin-top: 10px;
    }

    .pro4 .pro4Ed .tableB tr td {
        padding: 0 50px !important;
        line-height: 30px;
    }

}

@media (max-width:500px) {
    .pro4 {
        margin-top: 10px;
    }
}

.pro5 {
    margin-top: 78px;
}

.ab6 {
    margin-top: 101px;
}

.ab7 {
    margin-top: 100px;
}

.pro5 .pro5List {
    margin-top: 83px;
}

.pro5 .pro5List .one {
    display: flex;
    margin-bottom: 48px;
    justify-content: space-between;
}

.pro5 .left {
    width: 50%;
}

.pro5 .right {
    width: 45.6%;
    padding-top: 21px;
    margin-right: 10px;
}

.pro5 .right .p1 {
    color: #333;
    font-size: 24px;
    line-height: 26px;
    font-family: "SourceSansProBold";
}

.pro5 .pro5Ed {
    margin-top: 25px;
}

.pro5 .pro5Ed em {
    font-style: normal;
    position: relative;
    padding-left: 24px;
    display: block;
}

.pro5 .pro5Ed em::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #555;
    top: 12px;
    left: 10px;
}

.pro5 .pro5Ed strong {
    font-weight: normal;
    font-family: "SourceSansProBold";
}

.pro5 .pro5List .one:nth-of-type(2) {
    flex-direction: row-reverse;
}

.pro5 .pro5List .one:nth-of-type(2) .right {
    margin-left: 0;
}

@media (max-width:1400px) {
    .pro5 .pro5List .one {
        align-items: center;
    }

    .pro5 .right {
        width: 50%;
        margin-left: 20px;
    }

    .pro5 {
        margin-top: 40px !important;
    }

    .pro5 .pro5List {
        margin-top: 40px;
    }

    .ab6 {
        margin-top: 40px;
    }

    .ab7 {
        margin-top: 40px;
    }

}

@media (max-width:1250px) {
    .pro5 .pro5List .one {
        display: block;
    }

    .pro5 .pro5List .one .left {
        width: 100%;
    }

    .pro5 .pro5List .one .left img {
        margin: 0 auto;
    }

    .pro5 .pro5List .one .right {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        padding-top: 0;
    }
}

@media (max-width:800px) {
    .pro5 {
        margin-top: 20px !important;
    }

    .pro5 .pro5Lis {
        margin-top: 20px;
    }

    .pro5 .pro5Ed {
        margin-top: 10px;
    }

    .ab6 {
        margin-top: 20px;
    }

    .ab7 {
        margin-top: 20px;
    }
}

@media (max-width:500px) {
    .pro5 {
        margin-top: 10px !important;
    }

    .pro5 .pro5Lis {
        margin-top: 10px;
    }
}

.pro6 {
    margin-bottom: 67px;
}

.pro6 .one {
    display: flex;
    align-items: flex-end;
    margin-bottom: 79px;
}

.pro6 .one:last-of-type {
    margin-bottom: 0;
}

.pro6 .one:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.pro6 .left {
    width: 45.8%;
    background-color: #fafafb;
    padding-left: calc((100vw - 1400px) / 2);
    padding-top: 124px;
    padding-bottom: 149px;
    position: relative;
}

.pro6 .left::after {
    position: absolute;
    height: 100%;
    content: '';
    background-color: #fafafb;
    left: 100%;
    bottom: 0;
    width: 170px;
}

.pro6 .left .e-d {
    margin-top: 40px;
}

.pro6 .right {
    width: 55.5%;
    z-index: 2;


}

.pro6 .right .right-t {
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.pro6 .one:nth-of-type(2) .right .right-t {
    -webkit-clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
}

.pro6 .one:nth-of-type(2) .left {
    padding-left: 0;
    padding-right: calc((100vw - 1400px) / 2);
}

.pro6 .one:nth-of-type(2) .left::after {
    position: absolute;
    height: 100%;
    content: '';
    background-color: #fafafb;
    left: unset;
    right: 100%;
    bottom: 0;
    width: 170px;
}

.pro6 .right .right-b {
    margin-left: -30px;
    position: relative;
    background-color: #fff;
    z-index: 3;
}

.pro6 .one:nth-of-type(2) .right .right-b {
    margin-right: -30px;
    display: flex;
    justify-content: flex-end;
}

.pro6 .right .right-b::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background-color: #fafafb;
    z-index: 2;
}

.pro6 .one:nth-of-type(2) .right .right-b::after {
    left: unset;
    right: 0;
}

.pro6 .right .right-b img {
    position: relative;
    z-index: 4;
}

@media (max-width:1400px) {
    .pro6 .left {
        padding-left: 20px;
        width: 50%;
    }

    .pro6 {
        margin-bottom: 40px;
    }
}

@media (max-width:1100px) {
    .pro6 .one {
        align-items: center;
    }

    .pro6 .left::after {
        width: 85px;
    }

    .pro6 .left {
        padding: 30px 20px !important;
    }

    .pro6 .one {
        margin-bottom: 30px;
    }

    .pro6 {
        margin-bottom: 20px;
    }
}

@media (max-width:850px) {
    .pro6 .one {
        display: block;
    }

    .pro6 .left {
        width: 100%;
    }

    .pro6 .left::after {
        width: 0;
    }

    .pro6 .right {
        width: 100% !important;
    }

    .pro6 .right .right-b {
        margin: 0 !important;
    }

    .pro6 .right .right-t {
        clip-path: unset !important;
    }

    .pro6 .one {
        margin-bottom: 10px;
    }

    .pro6 .left {
        padding: 10px 20px !important;
    }

    .pro6 {
        margin-bottom: 10px;
    }

}

@media (max-width:500px) {
    .pro6 .left {
        padding: 10px !important;
    }
}

.ab1 {
    padding-top: 78px;
}

.ab1 .ind2t {
    display: unset;
    padding-left: 0;
}

.ab1 .ind2t .left {
    width: unset;
    padding-top: 7px;
}

.ab1 .ind2t .right {
    float: right;
    width: auto;
    margin-left: 10px;
}

.ab1 .ind2t .p1 {
    margin-top: 42px;
    margin-bottom: 40px;
}

@media (max-width:1450px) {
    .ab1 .ind2t .left {
        padding-left: 20px;
    }
}

@media (max-width:1400px) {
    .ab1 .ind2t .right {
        float: unset;
        margin-left: 0;
    }

    .ab1 .ind2t .right img {
        margin: 0 auto;
    }
}

.ab2 {
    padding: 62px 0;
}

.ab2 .df {
    justify-content: center;
}

.ab2 .ab2List {
    display: flex;
    justify-content: space-between;
    margin-top: 69px;
}

.ab2 .ab2List .one {
    width: 31.428%;
    background-color: #FAFAFB;
    padding: 43px 34px 42px 34px;
}

.ab2 .one .circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.ab2 .one .circle img {
    z-index: 1;
    filter: grayscale(1) brightness(10);
    transition: 0s;
}

.ab2 .ab2List .one:hover {
    background-color: var(--primary-color);
}

.ab2 .ab2List .one:hover .e-d {
    color: #fff;
}

.ab2 .ab2List .one:hover .circle {
    background-color: #fff;
}

.ab2 .ab2List .one:hover .circle img {
    filter: unset;
}

@media (max-width:1000px) {
    .ab2 {
        padding: 40px 0;
    }

    .ab2 .ab2List {
        margin-top: 30px;
    }
}

@media (max-width:850px) {
    .ab2 .ab2List {
        flex-wrap: wrap;
        gap: 10px 0;
        margin-top: 20px;
    }

    .ab2 .ab2List .one {
        width: 49%;
    }

    .ab2 {
        padding: 20px 0;
    }

}

@media (max-width:600px) {
    .ab2 .ab2List .one {
        width: 100%;
    }
}

@media (max-width:500px) {
    .ab2 {
        padding: 10px 0;
    }

    .ab2 .ab2List {
        margin-top: 10px;
    }
}

.ab3 {
    margin-top: 65px;
}

.ab3>div {
    display: flex;
    justify-content: space-between;
}

.ab3 .left {
    width: 48.57%;
    padding-top: 81px;
}

.ab3 .left .e-d {
    margin-top: 73px;
}

.ab3 .right {
    width: 43.428%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ab3 .right .rightdown {
    transform: translateY(85px);
}

@media (max-width:1200px) {
    .ab3 {
        margin-top: 0;
    }

    .ab3 .left {
        padding-top: 0;
    }

    .ab3>div {
        align-items: center;
    }

    .ab3 .left .e-d {
        margin-top: 30px;
    }
}

@media (max-width:1000px) {
    .ab3 .left {
        width: 56%;
    }
}

@media (max-width:800px) {
    .ab3>div {
        display: block;
    }

    .ab3 .left {
        width: 100%;
    }

    .ab3 .right .rightdown {
        transform: translateY(0);
    }

    .ab3 .right {
        width: 100%;
        justify-content: space-around;
        margin-top: 10px;
        gap: 10px;
    }
}

@media (max-width:500px) {
    .ab3 .left .e-d {
        margin-top: 10px;
    }
}

.ab5 {
    padding: 152px 0 97px 0;
}

.book1Box {
    margin-bottom: 60px;
    padding-top: 100px;
}

.book1Box .aboutSwip {
    margin-top: 50px;
    position: relative;

}

.book1Box .btnBox p {
    font-size: 40px;
    cursor: pointer;
    color: #666;
}

.book1Box .aboutSwip img {
    width: 100%;
}

.range3 {
    width: calc(100% - 50px);
    max-width: 1570px;
    margin: 0 auto;
}

@media screen and (min-width:1000px) {
    .book1Box .aboutSwip .swiper-slide img {
        transition: 0.5s;
        transform: scale(0.77124);
        transform-origin: 50% 100%;
    }

    .book1Box .aboutSwip .swiper-slide-visible img {

        transform-origin: 120% 100%;
    }

    .book1Box .aboutSwip .swiper-slide-active img {
        transform: scale(1);
        transform-origin: 50% 100%;
    }

    .book1Box .aboutSwip .swiper-slide-prev img,
    .book1Box .aboutSwip .swiper-slide-next img {
        transform: scale(0.8725);
        transform-origin: 70% 100%;
    }

    .book1Box .aboutSwip .swiper-slide-next img {
        transform-origin: 30% 100%;
    }

    .book1Box .aboutSwip .swiper-slide-next+.swiper-slide img {
        transform-origin: -20% 100%;
    }

    .book1Box .btnBox {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }

    .book1Box .btnBox p:first-child {
        left: 2.5%;
    }

    .book1Box .btnBox p:last-child {
        right: 3.5%;
    }

    .book1Box .btnBox p {
        position: absolute;

    }

}

@media (max-width:1200px) {
    .book1Box {
        margin-bottom: 30px;
        padding-top: 40px;
    }
}

@media (max-width:800px) {
    .book1Box {
        margin-bottom: 20px;
        padding-top: 20px;
    }
}

@media (max-width:500px) {
    .book1Box {
        margin-bottom: 10px;
        padding-top: 10px;
    }
}

.se1 {
    margin-top: 55px;
}

.se1 .content {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.20) 0%, rgba(60, 143, 231, 0.20) 100%);
    padding: 73px 0 91px 0;
    margin-top: 40px;
    position: relative;
}

.se1 .left {
    width: 50%;
}

.se1 .content .p1 {
    color: #333;
    font-size: 24px;
    line-height: 56px;
    font-family: "SourceSansProBold";
    margin-bottom: 18px;
}

.se1 .content .p2 {
    color: #555;
    line-height: 56px;
    font-size: 16px;
    font-family: "SourceSansProBold";
    margin-top: 20px;
}

.se1 .rightImg {
    position: absolute;
    right: 22px;
    top: 24px;
}

.se2 {
    margin-top: 81px;
    padding-top: 100px;
    margin-bottom: 127px;
}

.se2 .se2Ed {
    margin-top: 28px;
}

.se2 .se2Ed em {
    font-style: normal;
    position: relative;
    padding-left: 23px;
    display: block;
}

.se2 .se2Ed em::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #555;
    left: 8px;
    top: 10px;
}

.se2 .se2C {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.se2 .left {
    width: 65%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px 3.2%;
}

.se2 .left .one {
    width: 48.35%;
    padding: 45px 33px 33px 33px;
    background-color: #FAFAFB;
}

.se2 .left .one:hover {
    background-color: #EEF5FD;
}

.se2 .left .imgOne {
    padding: 0;
    background-color: unset;
}

.se2 .left .imgOne img {
    width: 100%;
}

.se2 .left .p1 {
    color: #333;
    font-size: 24px;
    line-height: 26px;
    margin: 24px 0;
}

.se2 .right {
    width: 32.714%;
}

@media (max-width:1600px) {
    .se1 .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }

    .se1 .rightImg {
        width: 48.428%;
        position: unset;
    }

    .se2 {
        margin-top: 0;
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .se1 .content .p2 {
        line-height: 30px;
    }
}

@media (max-width:1300px) {
    .se2 .left .p1 {
        margin: 12px 0;
        font-size: 20px;
    }


}

@media (max-width:950px) {
    .se2 .se2C {
        display: block;
    }

    .se2 .se2C .left {
        width: 100%;
    }

    .se2 .right {
        width: 100%;
    }

    .se2 .right img {
        margin: 0 auto;
        margin-top: 10px;
    }
}

@media (max-width:850px) {
    .se1 .content {
        display: block;
        margin-top: 10px;
    }

    .se1 .content .left {
        width: 100%;
    }

    .se1 .content .rightImg {
        width: 100%;
        margin-top: 10px;
    }

    .se1 .content .p1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width:600px) {
    .se2 .left .one {
        width: 100%;
    }
}

@media (max-width:500px) {
    .se1 .content {
        padding: 10px 0;
    }

    .se2 .left .one {
        padding: 20px;
    }
}

.se3 {
    margin-top: 99px;
}

.se3 .se3Ed {
    color: #333;
    margin-top: 51px;
}

.se3 .one {
    display: flex;
    justify-content: space-between;
    margin-bottom: 71px;
}

.se3 .one:nth-of-type(2n) {
    flex-direction: row-reverse;
}


.se3 .left {
    width: 50%;
}

.se3 .right {
    width: 39.714%;
    padding-top: 95px;
    margin-left: 6.23%;
}

.se3 .one:nth-of-type(2n) .right {
    margin-left: 7%;
}

.supp3 {
    padding-top: 119px;
    padding-bottom: 130px;
}

.supp3bot {
    display: none;
    margin-top: 66px;
}

.supp3bot .one {
    margin-bottom: 21px;
    background-color: #EEF5FD;
}

.supp3bot .one:last-of-type {
    margin-bottom: 0;
}

.supp3bot .one span {
    margin-right: 19px;
    display: block;
}

.supp3bot .one p {
    display: flex;
    align-items: center;
}

.supp3bot .one .one-t {
    color: #333;
    font-size: 20px;
    line-height: 32px;
    font-family: "SourceSansProSemibold";
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 20px 27px 20px;
}

.supp3bot .one .one-t i {
    cursor: pointer;
    color: #BFBFBF;
}

.supp3bot .one .one-c {
    color: #fff;
    background-color: var(--primary-color);
    line-height: 26px;
    font-size: 16px;
    display: none;
    padding: 28px 20px 33px 20px;
    padding-top: 0;
    margin-bottom: 30px;
}

.supp3bot .active .one-t {
    background: var(--primary-color);
    color: #fff;
}

.supp3bot .active .one-t i {
    color: #fff;
}

.se4 .pageBox2 {
    margin-top: 56px;
}

/* .pageBox2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.pageBox2 a {
    height: 48px;
    width: 48px;
    display: block;
    line-height: 48px;
    text-align: center;
    color: #555;
    background-color: #EFEFEF;
    font-size: 18px;
}

.pageBox2 .active {
    background-color: var(--primary-color);
    color: #fff;
}

.pageBox2 a:hover {
    background-color: var(--primary-color);
    color: #fff !important;
} */

@media (max-width:1500px) {
    .se3 .one:nth-of-type(2n) .right {
        margin-left: 0;
    }

    .se3 .one .right {
        margin-left: 0;
    }

    .se3 .one {
        justify-content: space-between;
    }

    .se3 {
        margin-top: 40px;
    }

    .supp3 {
        padding: 60px 0 !important;
    }
}

@media (max-width:1200px) {
    .se3 .one {
        align-items: center;
    }

    .se3 .one .right {
        padding-top: 0;
    }

    .se3 .se3Ed {
        margin-top: 10px;
    }

    .supp3bot {
        margin-top: 40px;
    }
}

@media (max-width:1000px) {
    .se3 .right {
        width: 46.714%;
    }

    .se3 {
        margin-top: 20px;
    }

    .se3 .one {
        margin-bottom: 20px;
    }

    .supp3 {
        padding: 40px 0 !important;
    }
}

@media (max-width:750px) {
    .se3 .one {
        display: block;
    }

    .se3 .one .left {
        width: 100%;
    }

    .se3 .one .right {
        width: 100%;
        margin-top: 10px;
    }

    .supp3 {
        padding: 20px 0 !important;
    }

    .supp3bot {
        margin-top: 20px;
    }
}

@media (max-width:500px) {
    .se3 {
        margin-top: 10px;
    }

    .supp3 {
        padding: 10px 0 !important;
    }

    .supp3bot {
        margin-top: 10px;
    }

    .supp3bot .one .one-t {
        padding: 10px;
        font-size: 18px;
    }

    .supp3bot .one .one-c {
        padding: 10px;
    }
}

.new1 {
    padding: 55px 0 102px 0;
}

.new1 .newslist {
    flex-wrap: wrap;
}

.new1 .newslist .one {
    width: 33.33%;
}

.new1 .pageBox2 {
    margin-top: 116px;
}

@media (max-width:1400px) {
    .new1 .pageBox2 {
        margin-top: 60px;
    }

    .new1 {
        padding: 30px 0 40px 0;
    }
}

@media (max-width:800px) {
    .new1 .pageBox2 {
        margin-top: 40px;
    }

    .new1 {
        padding: 20px 0;
    }
}

@media (max-width:500px) {
    .new1 .pageBox2 {
        margin-top: 20px;
    }

    .new1 {
        padding: 10px 0;
    }
}

.new2 {
    padding: 0;
    padding-bottom: 91px;
}

.new2 .proList {
    margin-top: 52px;
}

.new3 {
    padding-bottom: 95px;
    padding-top: 94px;
}

@media (max-width:800px) {
    .new2 .proList {
        margin-top: 20px;
    }
}

.newInfo {
    margin-top: 65px;
    margin-bottom: 36px;
}

.newInfo .p1 {
    color: #333;
    font-size: 32px;
    line-height: 46px;
    font-family: "SourceSansProSemibold";
}

.NshareBox {
    color: #555;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    align-items: center;
    margin-top: 29px;
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 23px;
}

.NshareBox .date {
    margin-right: 20px;
}

.NshareBox .shareImgBox {
    margin-left: 14px;
}

.newInfo .e-d {
    padding-bottom: 115px;
    border-bottom: 1px solid #C3C3C3;
    margin-top: 34px;
}

.nexPre {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    margin-top: 35px;
}

.nexPre .one {
    width: 49.285%;
    background: #FAFAFB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 55px 18px 50px;
}

.nexPre .one .left {
    text-align: center;
}

.nexPre .one .content {
    width: 69.42%;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    margin: 0 10px;
}

.nexPre .one .right {
    flex-shrink: 0;
}

.textMoreOver {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width:1200px) {
    .newInfo .p1 {
        font-size: 25px;
    }

    .newInfo {
        margin: 30px 0;
    }

    .nexPre .one {

        padding: 10px 20px;
    }
}

@media (max-width:800px) {
    .newInfo .p1 {
        font-size: 20px;
    }

    .NshareBox {
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .newInfo {
        margin: 20px 0;
    }
}

@media (max-width:800px) {
    .newInfo .p1 {
        font-size: 18px;
    }

    .newInfo {
        margin: 10px 0;
    }

    .newInfo .e-d {
        padding-bottom: 50px;
    }
}

@media (max-width:700px) {
    .nexPre {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .nexPre .one {
        width: 100%;
    }

    .nexPre .one {
        padding: 10px;
    }
}

.con1 {
    margin-top: 55px;
}

.con1 .top {
    text-align: center;
    margin-top: 71px;
}

.con1 .top .p1 {
    width: 58.5714%;
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto;
    margin-top: 20px;
}

.con1 .con1Form {
    margin-top: 50px;
}

.con1 .formtop>div {
    width: 49.285%;
}

.con1 .con1Form form .formtop>div {
    margin-bottom: 20px;
}

.con1 .con1Form form .long {
    margin-bottom: 22px;
}

.con1 .con1Form form .formtop div>input {
    background: #EEE;
    border-radius: 6px;
    padding: 19px 50px 18px 20px;
    color: #555;
}

.con1 .star::after {
    color: #F51313;
    font-size: 16px;
    left: 10px;
    top: 21px;

}

.con1 .long.star::after {
    left: 7px;
    top: 14px;
}

.con1 .con1Form form .long>textarea {
    background-color: #EEE;
    border-radius: 6px;
    height: 140px;
    color: #555;
}

.con1 .con1Form form .formtop input::placeholder,
.con1 .con1Form form .long textarea::placeholder {
    color: #555;
    font-size: 16px;
    opacity: 1;
}

.con1 .con1Form form .codeBox .codeImg {
    width: 78.848px;
    height: 38.971px;
    right: 32.15px;
}

.con1 .con1Form form .formtop .btnBox {
    background-color: var(--primary-color);
    overflow: hidden;
    border-radius: 6px;
}

.con1 .con1Form form .formtop .btnBox input {
    color: #fff !important;
    padding: 16px 10px 20px 10px;
    background: var(--primary-color);

}

.con1 .con1Form form .formtop .btnBox:hover input {
    background: #EEEEEE !important;
    color: var(--primary-color) !important;
}

.cont2 {
    background-image: url(../images/con2.png);
    background-repeat: no-repeat;
    padding: 103px 0 83px 0;
    margin-top: 97px;
    background-size: cover;
}

.cont2>div {
    display: flex;

}

.cont2 .left {
    width: 50%;
}

.cont2 .right {
    width: 36.857%;
    color: #fff;
    margin-left: 44px;
    padding-top: 94px;
}

.cont2 .right .p1 {
    font-size: 36px;
    font-family: "SourceSansProSemibold";
    line-height: 32px;
    margin-bottom: 58px;
}

.cont2 .right .p2 {
    display: flex;
    align-items: center;
    gap: 10px 0;
    font-size: 16px;
    line-height: 36px;
    padding-left: 12px;
}

.cont2 .right .p2 i {
    font-size: 13px;
    margin-right: 11px;
}

.cont2 .right .p2 a {
    color: #fff;
}

@media(max-width:1300px) {
    .con1 {
        margin-top: 10px;
    }

    .con1 .top {
        margin-top: 20px;
    }

    .con1 .con1Form {
        margin-top: 20px;
    }

    .cont2>div {
        align-items: center;
    }

    .cont2 .right {
        padding-top: 0;
    }

    .cont2 .right .p1 {
        font-size: 30px;
    }
}

@media (max-width:1000px) {
    .cont2 .right .p1 {
        margin-bottom: 20px;
    }

    .cont2 {
        margin-top: 20px;
    }
}

@media (max-width:850px) {
    .cont2>div {
        display: block;
    }

    .cont2 .left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cont2 .right {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .cont2 {
        padding: 30px 0;
    }

    .cont2 .right .p1 {
        font-size: 25px;
    }
}

@media (max-width:500px) {
    .con1 .formtop {
        display: block;
    }

    .con1 .formtop>div {
        width: 100%;
    }

    .con1 .top .p1 {
        width: 100%;
    }
}

footer {
    background-color: var(--primary-color);
    padding: 40px 0 57px 0;
}

footer .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 35px;
}

footer .top .left {
    color: #fff;
    font-size: 32px;
    line-height: 32px;

}

footer .top .left:hover {
    text-decoration: underline;
    color: #fff !important;
}

footer .top .right {
    display: flex;
    align-items: center;
    gap: 0 55px;
}

footer .top .right li a {
    color: #fff !important;
    font-size: 18px;
    line-height: 28px;
}

footer .top .right li a:hover {
    text-decoration: underline;
    color: #fff !important;
}

footer .bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

footer .bottom .left {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 23px;
    gap: 46px 0;
}

footer .bottom .left .one {
    width: 41.57%;
}

.emailB {
    word-break: break-all;
}

footer .bottom .left .one .p1 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    line-height: 28px;
    font-family: SourceSansProBold;
    margin-bottom: 10px;
}

footer .bottom .left .one .p2 {
    color: #fff;
    line-height: 32px;
    font-size: 20px;
}

footer .bottom .left .one a.p2:hover {
    color: #fff !important;
    text-decoration: underline;
}

footer .bottom .left .one .mediaBox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

footer .bottom .left .one .mediaBox a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
}

footer .bottom .left .one .mediaBox a i {
    color: var(--primary-color);
}

footer .bottom .left .one .mediaBox a:hover {
    background: var(--primary-color);
    border: 1px solid #fff;
}

footer .bottom .left .one .mediaBox a:hover i {
    color: #fff;
}

footer .bottom .right {
    width: 50%;
}

footer .bottom .right form {
    margin-top: 28px;
}

footer .bottom .right .formTitle {
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    font-family: "SourceSansProSemibold";
}

.formtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.formtop>div {
    width: 49.714%;
    margin-bottom: 12px;
}

form .formtop div>input {
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: "SourceSansProRegular";
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    padding: 10px 100px 12px 17px;
}

form .long>textarea {
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: "SourceSansProRegular";
    height: 88px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px 100px 12px 17px;
    border: none;
}

form .formtop .codeBox {
    position: relative;

}

form .formtop .codeBox .codeImg {
    width: 27.87%;
    height: 100%;
    background: #f3fbfe;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

form .formtop .codeBox .codeImg img {
    width: 100%;
}

form .formtop input::placeholder,
form .long textarea::placeholder {
    color: #fff;
    font-size: 18px;
    opacity: 1;
}

textarea {
    resize: none;
    outline: none;
}

form .formtop .btnBox {
    background: #fff;
    cursor: pointer;

}

form .formtop .btnBox input {
    color: var(--primary-color) !important;
    cursor: pointer;
    padding-right: 0;
    padding-left: 0;
    text-transform: uppercase;
}

form .formtop .btnBox:hover {
    background: #000;

}

form .formtop .btnBox input::placeholder {
    color: var(--primary-color) !important;
}

.star {
    position: relative;
}

.star::after {
    content: '*';
    position: absolute;
    color: #C9151E;
    font-size: 23px;
    font-family: "SourceSansProRegular";
    left: 8px;
    top: 8px;
}

form .long {
    margin-bottom: 10px;
}

.footer1 {
    background: #333;
    padding: 21px 0 29px 0;
}

.footer1>div p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}

.footer1>div p img {
    margin-left: 10px;
}

.footer1>div p a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 26px;
}

@media (max-width:1500px) {


    footer .top .right {
        gap: 10px 20px;
        margin-left: 10px;
        flex-wrap: wrap;
    }
}

@media (max-width:1200px) {
    footer .top {
        display: block;
        padding-bottom: 10px;
    }

    footer .top .right {
        margin-left: 0;
        margin-top: 10px;
    }

    footer .bottom .left .one {
        width: 45%;
    }

}

@media (max-width:950px) {
    footer .bottom {
        display: block;
    }

    footer .bottom .left {
        width: 100%;
    }

    footer .bottom .right {
        width: 100%;
    }

    footer .top .left {
        font-size: 25px;
    }
}

@media (max-width:500px) {
    footer .right .formtop {
        display: block;
    }

    footer .right .formtop>div {
        width: 100%;
    }

    footer {
        padding: 20px 0;
    }
}

@media (max-width:400px) {
    footer .bottom .left {
        gap: 10px 0;
    }

    footer .bottom .left .one {
        width: 100%;
    }
}

.slidNav {
    width: 67px;
    top: 40%;
    position: fixed;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    z-index: 100;
    padding: 23px 8px 15px 8px;

}

.slidNav li {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 15px; */
    position: relative;
    border-bottom: 1px solid #ededed;
    padding-bottom: 12px;
    padding-top: 2px;
}

.slidNav li:last-child {
    border: none;
}

.slidNav li .weixin {
    width: 100px;
    position: absolute;
    right: 110%;
    display: none;
}

.slidNav li:first-child:hover .weixin {
    display: block;
}

.slidNav li .weixin img {
    width: 100%;
}

.slidNav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.slidNav li a:hover {
    background-color: var(--primary-color);
}

.slidNav li a:hover i {
    color: #fff;
}

.slidNav i {
    color: #333;
    font-size: 22px;
}

@media (min-width:1150px) {
    .slidNav {
        display: none;
    }
}

@media (max-width:1150px) {
    .slidNav {
        top: unset;
        width: 100%;
        bottom: 0;
        border-radius: 0px;
        padding: 0;
    }

    .slidNav li {
        border: none;
        padding: 0;
    }

    .slidNav ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center;
    }

    .slidNav ul li {
        margin-bottom: 0;
    }

    .slidNav li .weixin {
        bottom: 130%;
        right: -80%;
    }


    .footer1 {
        padding-bottom: 60px;
    }
}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('../font/SourceSansProBold.eot');
    src: url('../font/SourceSansProBold.eot') format('embedded-opentype'),
        url('../font/SourceSansProBold.woff2') format('woff2'),
        url('../font/SourceSansProBold.woff') format('woff'),
        url('../font/SourceSansProBold.ttf') format('truetype'),
        url('../font/SourceSansProBold.svg#SourceSansProBold') format('svg');
}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../font/SourceSansProRegular.eot');
    src: url('../font/SourceSansProRegular.eot') format('embedded-opentype'),
        url('../font/SourceSansProRegular.woff2') format('woff2'),
        url('../font/SourceSansProRegular.woff') format('woff'),
        url('../font/SourceSansProRegular.ttf') format('truetype'),
        url('../font/SourceSansProRegular.svg#SourceSansProRegular') format('svg');
}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../font/SourceSansProSemibold.eot');
    src: url('../font/SourceSansProSemibold.eot') format('embedded-opentype'),
        url('../font/SourceSansProSemibold.woff2') format('woff2'),
        url('../font/SourceSansProSemibold.woff') format('woff'),
        url('../font/SourceSansProSemibold.ttf') format('truetype'),
        url('../font/SourceSansProSemibold.svg#SourceSansProSemibold') format('svg');
}

@font-face {
    font-family: "iconfont";
    /* Project id 5017114 */
    src:
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('iconfont.woff?t=1761100870483') format('woff'),
        url('iconfont.ttf?t=1761100870483') format('truetype');
}

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

.icon-gouwuche:before {
    content: "\e604";
}

.icon-xiazai:before {
    content: "\e606";
}

.icon-pinterest1:before {
    content: "\e82d";
}

.icon-logo_instagram:before {
    content: "\e740";
}

.icon-youtobe1:before {
    content: "\e7af";
}

.icon-in:before {
    content: "\e6c1";
}

.icon-youtobe:before {
    content: "\e60b";
}

.icon-weixin:before {
    content: "\e61a";
}

.icon-back-top1_fill:before {
    content: "\e782";
}

.icon-youjiantou:before {
    content: "\ee39";
}

.icon-xinxi:before {
    content: "\e68a";
}

.icon-dianhua:before {
    content: "\e601";
}

.icon-home:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e611";
}

.icon-facebook:before {
    content: "\e620";
}

.icon-pinterest:before {
    content: "\e8ab";
}

.icon-linkedin:before {
    content: "\e648";
}

.icon-youtube:before {
    content: "\e6d6";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-bigger:before {
    content: "\e647";
}

.icon-left:before {
    content: "\e72c";
}

.icon-right:before {
    content: "\e72d";
}

.icon-up1:before {
    content: "\e72e";
}

.icon-bottom1:before {
    content: "\e72f";
}

.icon-left1:before {
    content: "\e730";
}

.icon-right1:before {
    content: "\e731";
}

.icon-up:before {
    content: "\e73e";
}

.icon-bottom:before {
    content: "\e73f";
}

.icon-instagram:before {
    content: "\e79d";
}

.icon-tumblr:before {
    content: "\e79e";
}

.icon-download:before {
    content: "\e7a0";
}

.icon-download1:before {
    content: "\e7a7";
}

.icon-search4:before {
    content: "\e7b2";
}

.icon-address:before {
    content: "\e7bc";
}

.icon-email:before {
    content: "\e7bd";
}

.icon-contact:before {
    content: "\e7be";
}

.icon-whatsapp:before {
    content: "\e7bf";
}

.icon-fax:before {
    content: "\e7c2";
}

.icon-mobile:before {
    content: "\e7c6";
}

.icon-phone:before {
    content: "\e7c8";
}

.icon-tel:before {
    content: "\e7c7";
}

.icon-phone1:before {
    content: "\e7cb";
}

.icon-skype:before {
    content: "\e7cc";
}

.icon-whatsapp1:before {
    content: "\e7c1";
}

.icon-address1:before {
    content: "\e7c3";
}

.icon-contact1:before {
    content: "\e7c4";
}

.icon-email1:before {
    content: "\e7c5";
}

.icon-skype1:before {
    content: "\e7c9";
}

.icon-fax1:before {
    content: "\e7ca";
}

.icon-qq:before {
    content: "\e7ce";
}

.icon-tel1:before {
    content: "\e7cd";
}

.icon-wechat:before {
    content: "\e7cf";
}

.icon-phone2:before {
    content: "\e7d0";
}

.icon-message:before {
    content: "\e7da";
}

.icon-calendar:before {
    content: "\e7e1";
}

.icon-calendar1:before {
    content: "\e7e3";
}

.icon-top:before {
    content: "\e7ed";
}

.icon-youbian:before {
    content: "\e60f";
}

.icon-jian2:before {
    content: "\e600";
}

.icon-jia2:before {
    content: "\e608";
}

.icon-vk:before {
    content: "\e735";
}

.icon-instagram1:before {
    content: "\e640";
}

.icon-up7:before {
    content: "\e722";
}

.icon-bottom7:before {
    content: "\e723";
}

.icon-left7:before {
    content: "\e724";
}

.icon-right7:before {
    content: "\e725";
}

.icon-sousuo4:before {
    content: "\e610";
}

.icon-sousuo:before {
    content: "\e616";
}

.icon-sousuo1:before {
    content: "\e65b";
}

.icon-shangchuan:before {
    content: "\e602";
}

.icon-top2:before {
    content: "\e637";
}

.icon-biaoqian:before {
    content: "\e649";
}

.icon-twitter3:before {
    content: "\e7fd";
}

.icon-twitter4:before {
    content: "\e7fe";
}

.icon-twitter-new2:before {
    content: "\e800";
}

.icon-twitter-new:before {
    content: "\e7ff";
}

.icon-tiktok:before {
    content: "\e8db";
}

.icon-delete:before {
    content: "\e69d";
}

.icon-chahao:before {
    content: "\e617";
}

.icon-earth:before {
    content: "\e6d5";
}

.icon-earth1:before {
    content: "\e781";
}

.icon-chahao1:before {
    content: "\e60e";
}




/* video tankuang */
.tankaunga {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999999999
}

.tankaunga:before {
    content: "X";
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 10px;
    right: 10px;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}

.tankaungn2 {
    position: fixed;
    left: 5%;
    top: 5%;
    right: 5%;
    bottom: 5%;
    background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tankaungn2 iframe body {
    margin: 0px !important;
}


/* certificate */
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.jqzoom {
    float: left;
    position: relative;
    padding: 0px;
}

.zoomdiv {
    z-index: 200;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 400px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomdiv img {
    max-width: unset !important;
}

.jqZoomPup {
    z-index: 200;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    transition: none;
}

@media screen and (max-width:999px) {

    .jqZoomPup,
    .zoomdiv {
        display: none !important;
    }
}

.swiper-slide iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.swiper-slide video {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: none \9;
    display: block \9\0;
}

@media screen and (max-width: 991px) {
    .slick-slide video {
        object-position: inherit;
        object-fit: inherit;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        left: 0;
        top: 0;
    }
}








.ind4 .swiper-slide {
    height: auto;
    background-color: #fff;
}

.ind3 .in3Swip .swiper-slide {
    align-items: center;
}

@media (max-width:1300px) {
    .ind3 .content .right {
        padding: 0 15px;
    }
}

@media (max-width:1100px) {
    .ind3 .in3Swip .swiper-slide {
        display: block;
    }

    .ind3 .in3Swip .swiper-slide .left {
        width: 100%;
    }


    .ind3 .in3Swip .swiper-slide .right {
        width: 100%;
    }
}

.ind6 .one .p1 {
    min-height: 52px;
}