@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, 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');
    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;
    --color1: #333;
    --font1: 'MontserratRegular';
    --font2: 'MontserratBold';
    --font3: 'MontserratLight';
    --bgcolor: linear-gradient(90deg, #26EBF8 16.56%, #D4F519 135.23%);
    --bgcolor2: linear-gradient(90deg, #26EBF8 0%, #E6FF2A 100%);
    --head: 80px;
}


.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: relative;
    /* 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: var(--color1);
    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;
    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;
    display: flex;
    align-items: center;
    gap: 0 6px;
    cursor: pointer;
    position: relative;
}

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

.h-lan i {
    font-size: 10px;
}

.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: var(--primary-color);
}

.headerLogo {
    min-width: 100px;
}



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

@media (max-width:500px) {

    .snav {
        transform: scale(0.5);
    }

    .languageBox {
        left: -50px;
    }
}

.star {
    position: relative;
}

.star::after {
    content: '*';
    position: absolute;
    color: #C9151E;
    font-size: 16px;
    font-family: "Regular";
    left: 3px;
    top: 6px;
}

* {
    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: 28px;
    color: #666;

}

.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;
    padding: 2px;
}

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

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

body {
    font-family: var(--font1);
    font-size: 16px;
    color: var(--color1);
    line-height: 28px;
}

.slidNav {
    width: 50px;
    top: 40%;
    position: fixed;
    right: 0;
    z-index: 100;

}

.slidNav li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    position: relative;
}

.slidNav li:last-child {
    border: none;
}

.slidNav li .weixin {
    width: 100px;
    position: absolute;
    right: 110%;
    display: none;
}



.slidNav li .weixin img {
    width: 100%;
}

.slidNav .weixinLi:hover .weixin {
    display: block;
}

.slidNav li .slideOne {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 10px;
    /* background: rgba(255, 255, 255, 0.30); */
    background: #96A7B5;
    cursor: pointer;
}

.slidNav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 10px;
    /* background: rgba(255, 255, 255, 0.30); */
    background: #96A7B5;
}

.slidNav li a:hover {
    background: var(--bgcolor2);
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.slidNav li a:hover i {
    color: #fff;
}

.slidNav i {
    color: #fff;
    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;
        padding: 20px 0;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .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: 100px;
    }
}

a:hover {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.imgHbox {
    overflow: hidden;
    display: block;
}

.imgHbox img {
    width: 100%;
}

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

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

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

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

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

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 10px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

header>div {
    display: flex;
    align-items: center;
    gap: 0 60px;
}

header .header-c {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0 12px 0 30px;
    display: flex;
    align-items: center;
    border-radius: 999px;
}

header .header-c>ul {
    display: flex;
    gap: 0 42px;
    margin-right: 38px;
}


header .header-c>ul>li>a {
    color: var(--color1);
    font-size: 18px;
    line-height: 28px;
    padding: 19px 0;
    position: relative;
    display: inline-block;
    transition: all 0.3s;
    z-index: 1;
    background: none;
    -webkit-background-clip: text;
    background-clip: text;
}

header .header-c>ul>li>a:hover {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.jbcolor {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.jbcolor2 {
    background: var(--bgcolor2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header .header-c>ul .active>a {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header .header-r {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 0 30px;
}

.actvieHeader {
    background-color: #fff;
}

.actvieHeader .header-r {
    color: var(--color1);
}

header:hover {
    background-color: #fff;
}

header:hover .header-r {
    color: var(--color1);
}

.headershow {
    background-color: #fff;
}

.headershow .header-r {
    color: var(--color1);
}

header .wrapbox1 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    display: none;
}

header .wrapbox .wrapList {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 100px;
    background-color: #fff;
    padding: 46px 0;

}

header .wrapbox .one {
    display: flex;
    align-items: center;
    gap: 0 14px;
}

header .wrapbox a:hover {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header .wrapbox2 {
    max-height: 750px;
    height: 75vh;
}


header .wrapbox2 .wrapbox2List {
    display: flex;
    height: 100%;
    justify-content: space-between;
}

header .wrapbox2 .left {
    padding-top: 70px;
    width: 36.458333%;
    background-color: #F2F7F9;

}

header .wrapbox2 .left .one {
    padding-left: 40%;
    margin-bottom: 50px;
}

header .wrapbox2 .left .one .p1 {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--font2);
}

header .wrapbox2 .left .two {
    width: 62.5%;
    margin-top: 16px;
}

header .wrapbox2 .left .two a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    font-family: var(--font3);
}

header .wrapbox2 .left .two a i {
    display: none;
}

header .wrapbox2 .left .two a:hover {
    background: #fff !important;
    color: var(--color1) !important;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

header .wrapbox2 .left .two a:hover i {
    display: block;
}

header .wrapbox2 .active2 {
    background-color: #fff !important;
    color: var(--color1) !important;
}

header .wrapbox2 .active2 i {
    display: block !important;
}

header .wrapbox2 .right {
    padding: 70px 0 40px 70px;
    width: 63.5416666%;
    background-color: #fff;

}

header .wrapbox2 .right .one {
    width: 70.4918%;
    max-height: 100%;
    overflow-y: auto;
    scrollbar-color: #E6FF2A #fff;
    scrollbar-width: thin;
}

header .wrapbox2 .right .twoList {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 4%;
    display: none;
}

header .wrapbox2 .twoList .list1 {
    width: 30.3%;
    text-align: center;

}

header .wrapbox2 .twoList .list1 .p1 {
    font-size: 18px;
    line-height: 30px;
    display: block;
    margin: 16px 0 6px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

header .wrapbox2 .twoList .list1 .p2 {
    font-family: var(--font3);
    font-size: 14px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

header.show {
    background-color: #fff;
}

.btnbox1 {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    padding: 9px 30px;
    border-radius: 999px;
    background: var(--bgcolor2);
}

.banner1 .swiper-slide {
    width: 100%;
    position: relative;
}

.banner1 .banner1Con {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.banner1 .banner1Con .p1 {
    width: 61.7857%;
    font-size: 48px;
    display: block;
    color: #fff;
    line-height: 60px;
    font-family: var(--font2);
}

.banner1 .banner1Con .e-d {
    color: #fff;
    margin-top: 60px;
}


.banner1 .aboutpagination {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 100px;
    z-index: 2;
    gap: 0 20px;
    left: 13.5416666%;
}


.banner1 .swiper-pagination-bullet {
    width: 60px;
    height: 2px;
    opacity: 1;
    border-radius: unset;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 !important;
    position: relative;
}

.banner1 .swiper-pagination-bullet-active {
    width: 120px;
    background-color: #fff;
}

.banner1 .page-num {
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Arial';
    position: absolute;
    top: -36px;
    left: 0;
}

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

.banner1 .swiper-pagination-bullet-active .page-num {
    color: #fff;
}

.banner1 {
    position: relative;
}

.banner1 .mouseDown {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 9px;
    z-index: 9;
}

@media (max-width:1600px) {
    header>div {
        gap: 0 20px;
        justify-content: space-between;
    }

    .range1 {
        padding: 0 10px;
    }

    header .header-c>ul {
        gap: 0 20px;
    }

}

@media (max-width:1400px) {
    .logoBox {
        width: 100px;
    }

    header .header-c>ul {
        margin-right: 10px;
    }
}

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

    .snav {
        display: block;
    }
}

.ind1 {
    padding: 130px 0 140px 0;
    background: url(../images/ind1.jpg) no-repeat;
    background-size: cover;
}

.lg-title {
    font-size: 40px;
    line-height: 54px;
    color: #fff;
    display: inline-block;
}

.lg-title span {
    display: inline-block;
    /* text-decoration: underline #E6FF2A 8px; */
    /* text-underline-offset: 6px; */
    /* text-decoration-skip-ink: none; */
    border-bottom: 8px solid #E6FF2A;
}

.ind1 .lg-title {
    width: 81.6428%;
    display: inline-block;
}

.ind1 .ind1Con {
    margin-top: 52px;
}

.ind1 .left {
    width: 34.2857%;
}

.ind1 .left .p1 {
    font-size: 26px;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
}

.ind1 .left .btnbox2 {
    margin-top: 40px;
}

.ind1 .left .one {
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ind1 .left .one:last-of-type {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.ind1 .left .oneCon {
    display: none;
    margin-bottom: 30px;
}

.ind1 .left .oneCon .e-d {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    color: #fff;
}

.ind1 .right {
    width: 56.42857%;
}

@media (max-width:1200px) {
    .banner1 .banner1Con .p1 {
        font-size: 35px;
        line-height: 40px;
        width: 80%;
    }

    .banner1 .aboutpagination {
        bottom: 20px;
    }

    .banner1 .banner1Con .e-d {
        margin-top: 20px;
    }
}

@media (max-width:800px) {
    .banner1 .banner1Con .e-d {
        display: none;
    }
}

@media (max-width:650px) {
    .banner1 .banner1Con .p1 {
        font-size: 20px;
        line-height: unset;
    }
}

.btnbox2 {
    color: var(--color1);
    padding: 6px 6px 6px 12px;
    background: var(--bgcolor2);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
}

.btnbox2 i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;

}

.btnbox2:hover {
    border: 1px solid #fff;
    -webkit-text-fill-color: unset;
    color: #fff;
}

.btnbox2:hover i {
    background: var(--bgcolor2);
    color: #fff !important;

}

.ind1 .ind1Con {
    display: flex;
    justify-content: space-between;
}

.tx {
    text-align: center;
}

.tx .e-d {
    color: #fff;
    margin-top: 10px;
    font-family: var(--font3);
}

.ind2 {
    padding: 74px 0 67px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.ind2 .ind2Con {
    width: 34.857%;
    margin-top: 82px;
}

.ind2 .ind2Con .p1 {
    font-size: 26px;
    line-height: 36px;
    font-family: var(--font2);
    color: #fff;
}

.ind2 .ind2Con .e-d {
    margin: 30px 0 60px 0;
    color: #fff;
    font-family: var(--font3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind2 .ind2List {
    margin-top: 269px;
    display: flex;
    gap: 0 80px;
    padding: 0 40px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.ind2 .ind2List .one {
    display: flex;
    align-items: center;
    gap: 0 12px;
    color: #fff;
    font-family: var(--font2);
    font-size: 20px;
    line-height: 30px;
    position: relative;
}

.ind2 .ind2List .one a {
    color: #fff;
}

.ind2 .ind2List .line {
    width: 2px;
    height: 26px;
    background-color: #fff;
}

.ind2 .ind2List .active {
    position: relative;
}

.ind2 .ind2List .active::after {
    content: '';
    width: calc(100% + 64px);
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.ind3 {
    padding: 140px 0 132px 0;
    background-image: url(../images/ind4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center right; */
}

.ind3 .ind3Con1 {
    width: 31.07428%;
}

.ind3 .ind3Con1 .lg-title {
    color: #fff;
}

.ind3 .ind3Con1 .e-d {
    font-family: var(--font3);
    margin: 24px 0 70px 0;
    color: #fff;
}

.ind3 .ind3Con2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 39.2857%;
    gap: 50px 16.3636%;
    margin-top: 240px;
}

.ind3 .ind3Con2 .one {
    width: 41.8181%;
    padding-right: 10px;
}

.ind3 .ind3Con2 .p1 {
    display: inline-block;
    font-size: 46px;
    line-height: 56px;

}

.ind3 .ind3Con2 .p2 {
    font-size: 16px;
    line-height: 28px;
    margin-top: 4px;
    color: #ffffff;
}

.ind4 {
    background: url(../images/ind5.jpg) no-repeat;
    background-size: cover;
    padding: 120px 0 110px 0;
}

.ind4Top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.ind4 .ind4SwBox {
    margin-top: 50px;
}

.ind4 .ind4SwBox .ind4Title {
    color: var(--color1);
    font-size: 20px;
    line-height: 32px;
    margin-top: 24px;
    height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind4 .ind4SwBox .ind4Title:hover {
    text-decoration: underline;
    background: unset !important;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.ind4 .ind4SwBox .swiper-slide {
    padding: 20px 20px 24px 20px;
    background: rgba(255, 255, 255, 0.80)
}

.ind4 .ind4SwBox .ind4Line {
    margin-top: 135px;
    width: 100%;
    height: 1px;
    background-color: #b3b3b3;
}

.ind4 .ind4SwBox .swiper-slide:hover .ind4Line {
    background: var(--bgcolor2);
}

.ind4 .ind4SwBox .ind4Btm {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 30px;
    color: #666;
    margin-top: 18px;
    font-size: 16px;
    line-height: 28px;
}



.ind4 .scrollBtnBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 40px;
    margin-top: 72px;
}

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

.btnBox .btnImgNext {
    transform: rotate(180deg);
}

.btnBox>div {
    width: 40px;
    height: 40px;
    background: url(../images/left.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}

.btnBox .btnImgprev:hover {
    background-image: url(../images/left2.png);
    transform: rotate(-180deg);
}

.btnBox .btnImgNext:hover {
    background-image: url(../images/left2.png);
    transform: rotate(0);
}

.ind5 {
    background: url(../images/ind7.png) no-repeat;
    background-size: cover;
    padding: 96px 0 102.59px 0;
}

.ind5>div {
    display: flex;
    align-items: center;

}

.ind5 .left {
    width: 43.21428%;
    margin-left: 7.4%;
}

.ind5 .left img {
    /* width: 100%; */
}

.ind5 .right {
    width: 42.285714%;
}

.ind5 .right .p1 {
    font-size: 48px;
    line-height: 74px;
    color: #fff;
}

.ind5 .right .p1 span {
    -webkit-text-fill-color: #fff;
}

.ind4 .btnBox p:hover {
    background: var(--primary-color);
    color: #141414;
}


.ind4 .swiper-scrollbar {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    height: 1px;
    position: unset;
}

.ind4 .swiper-scrollbar-drag {
    height: 2px;
    background-color: #26EBF8;
}

@media (max-width:1500px) {
    .lg-title {
        font-size: 35px;

    }

    .ind2 .ind2List {
        gap: 0 40px;
    }

    .ind3 .ind3Con2 {
        width: 80%;
    }

    .ind5 .right .p1 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width:1300px) {
    .ind2 .ind2Con {
        width: 100%;
    }
}

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

    .ind1 .ind1Con {
        display: block;
    }

    .ind1 .ind1Con .left {
        width: 100%;
    }

    .ind1 .ind1Con .right {
        width: 100%;
        margin-top: 15px;
    }

    .ind1 .lg-title {
        width: 100%;
    }

    .ind1 .ind1Con {
        margin-top: 30px;
    }

    .ind3 .ind3Con1 {
        width: 100%;
    }

    .ind3 .ind3Con2 .p1 {
        font-size: 40px;
    }

    .ind3 {
        padding: 80px 0;
    }

    .ind5 .right .p1 {
        font-size: 35px;
        line-height: 40px;
    }

    .ind5 .left {
        margin-left: 0;
    }

    .ind5>div {
        justify-content: space-between;
    }
}

@media (max-width:1100px) {
    .ind2 .ind2List {
        display: block;
        margin-top: 40px;
        border: none;
        padding: 0;
    }

    .ind2 .ind2List .line {
        display: none;
    }

    .ind2 .ind2List .one {
        margin-bottom: 15px;
    }

    .ind2 .ind2List .active::after {
        width: 0;
    }

    .ind2 .ind2Con {
        margin-top: 40px;
    }

    .ind3 .ind3Con2 {
        margin-top: 100px;
    }

    .ind3 .ind3Con2 .p1 {
        font-size: 35px;
    }

    .ind4 {
        padding: 80px 0;
    }

    .ind5 {
        padding: 80px 0;
    }
}

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

    .lg-title span {
        /* text-decoration: underline #E6FF2A 2px; */
        text-underline-offset: 4px;
    }

    .ind1 .ind1Con {
        margin-top: 15px;
    }

    .ind1 .left .one {
        padding: 10px 0;
    }

    .ind1 .left .p1 {
        font-size: 22px;
        line-height: 30px;
    }

    .ind2 .ind2List {
        margin-top: 150px;
    }

    .ind3 .ind3Con2 .p1 {
        font-size: 30px;
        line-height: 30px;
    }

    .ind3 {
        padding: 60px 0;
    }

    .ind3 .ind3Con2 {
        margin-top: 80px;
    }

    .ind3 .ind3Con1 .e-d {
        margin: 20px 0;
    }

    .ind4 .ind4SwBox .ind4Line {
        margin-top: 40px;
    }

    .ind4 .scrollBtnBox {
        margin-top: 30px;
    }

    .ind4 {
        padding: 40px 0;
    }

    .ind4 .ind4SwBox {
        margin-top: 20px;
    }
}

@media (max-width:800px) {
    .lg-title {
        font-size: 25px;
    }

    .ind1 .left .p1 {
        font-size: 18px;
        line-height: 30px;
    }

    .ind3 .ind3Con2 .p1 {
        font-size: 25px;
    }

    .e-d {
        font-size: 16px !important;
    }

    .ind1 .left .oneCon .e-d {
        margin-top: 10px;
    }

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

    .ind2 .ind2Con .e-d {
        margin: 15px 0;
    }

    .ind3 {
        padding: 40px 0;
    }

    .ind3 .ind3Con2 {
        margin-top: 60px;
    }

    .ind4 {
        padding: 40px 0;
    }

    .ind5 .right .p1 {
        font-size: 30px;
        line-height: 30px;
    }
}

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

    .ind5 .left {
        width: 100%;
    }

    .ind5 .right {
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width:600px) {
    .lg-title {
        font-size: 20px;

    }

    .ind3 {
        padding: 20px 0;
    }

    .ind3 .ind3Con2 {
        margin-top: 30px;
    }

    .ind4 {
        padding: 20px 0;
    }
}

.hh {
    height: 86px;
}

.ab1 {
    position: relative;
}

.ab1bg {
    width: 100%;
}

.ab1 .ab1Con {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.ab1 .e-d {
    color: #fff;
    font-family: var(--font2);
    font-size: 20px;
    line-height: 30px;

    width: 71.42857%;
    margin: 14px auto 26px auto;
    text-align: center;
}

.ab1 .stopbtn {
    cursor: pointer;
}

.pubnav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
}

.pubnav {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}

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

}

.pubnav1 {
    position: unset;
    transform: translateX(0);
    padding-top: 24px;
}

.ab2 {
    padding-bottom: 80px;

}

.ab2 .ab2TopBox {
    border-bottom: 1px solid #E6E6E6;
}

.ab2 .ab2Top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px 70px;

}

.ab2 .ab2Top a {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    padding: 20px 0 22px 0;
    position: relative;
}

.ab2 .ab2Top a::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--bgcolor2);
    display: none;
}

.ab2 .ab2Top .active::after {
    display: block;
}

.ab2 .ab2Con {
    display: flex;
    align-items: flex-start;
    gap: 0 11%;
    margin-top: 21px;
}

.ab2 .ab2Con .left {
    padding-top: 90px;
    width: 46.428%;
}

.lg-title2 {
    color: var(--color1);
}

.lg-title2 span {
    text-decoration: none;
    position: relative;
    z-index: 3;
}

.ab2 .ab2Con .left .e-d {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-top: 46px;
    font-family: var(--font3);
}

.ab2 .ab2Con .right {
    width: 28.5714%;
    position: relative;
}

.ab2 .ab2Con .left {
    position: relative;
}

.ab2 .ab2Con .left::after {
    content: '';
    position: absolute;
    top: 0;
    right: -105px;
    width: 1px;
    height: 100%;
    background-color: #d9d9d9;
}

.ab2 .ab2Con .left::before {
    content: '';
    width: 2px;
    height: 200px;
    background: linear-gradient(to bottom, #26EBF8 0%, #E6FF2A 100%);
    position: absolute;
    top: 300px;
    right: -106px;
}

.p80 {
    padding: 80px 0;
}

.ab3 {
    background-color: #F2F7F9;
    overflow: hidden;
}

.ab3Top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.ab3 .ab3Top .topRight {
    display: flex;
    align-items: center;
    gap: 0 14px;

    cursor: pointer;
    margin-right: 13.57%;
}

.ab3 .ab3Top .topRight a {
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.jbhover:hover {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ab3Con {
    margin-top: 117px;
}

.ab3Con .one {
    display: none;
}

.ab3Con .active {
    display: block;
}

.ab3Con .pusw {
    width: 39%;
    overflow: unset;
    margin: 0;
}

.ab3Con .p1 {
    color: #999;
    font-size: 60px;
    line-height: 70px;
    font-family: var(--font2);
    margin-bottom: 20px;
    display: inline-block;
}

.ab3Con .pusw .swiper-slide-active .p1 {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ab3Con .dateList {}

.ab3Con .listOne {
    display: flex;
    align-items: flex-start;
    gap: 0 24px;
    margin-bottom: 10px;
}

.ab3Con .listOne .ll {
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.ab3Con .listOne .lr {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--font3);
}

.ab3Con .listOne:last-of-type {
    margin-bottom: 0;
}

.ab3Con .pu2sw {
    border-radius: 999px;
    background-color: #fff;
    position: relative;
    margin-top: 90px;
    padding: 0 11.428%;
}

.ab3Con .pu2sw .swiper-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.ab3Con .pu2sw .btnBox>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.ab3Con .pu2sw .btnBox .btnImgprev {
    left: 15px;
}

.ab3Con .pu2sw .btnBox .btnImgprev:hover {
    transform: translateY(-50%) rotate(180deg);
}

.ab3Con .pu2sw .btnBox .btnImgNext {
    right: 15px;
    transform: translateY(-50%) rotate(180deg);
}

.ab3Con .pu2sw .btnBox .btnImgNext:hover {
    transform: translateY(-50%) rotate(0);
}


.ab3Con .pu2sw .swiper-slide {
    padding: 20px 23px;
    cursor: pointer;
}

.ab3Con .pu2sw .swiper-slide p {
    position: relative;
    font-size: 16px;
    line-height: 28px;
}

.ab3Con .pu2sw .swiper-slide p::after {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: -4px;
    left: 15px;
    background-color: #666;
    border-radius: 50%;
}

.ab3Con .pu2sw .swiper-slide-thumb-active p {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ab3Con .pu2sw .swiper-slide-thumb-active p::after {
    background: var(--bgcolor2);
}


.ab4 {
    background: var(--bgcolor2);

}

.ab4 {
    padding: 80px 0 74px 0;
}

.ab4 .p1 {
    color: var(--color1);
    font-size: 24px;
    line-height: 36px;
    font-family: var(--font2);
}

.ab4 .logoSwiper {
    margin-top: 40px;
}

.ab4 .logoSwiper .bd {
    overflow: hidden;
}

.ab4 .logoSwiper .bd ul {
    overflow: hidden;
    zoom: 1;
}

.ab4 .logoSwiper .bd ul li {
    width: 240px;
    margin-right: 20px;
    text-align: center;
    float: left;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 30px 0 rgba(173, 173, 173, 0.20);
}

.ab5 {
    padding: 90px 0 120px 0;
}

.ab5 .e-d {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font3);
    margin-top: 30px;
}


.ab5 .ind2Con {
    display: flex;
    overflow: hidden;
    margin-top: 50px;
}

.ab5 .ind2Con .one {
    width: 15.428%;
    position: relative;
    /* transition: width 0.5s ease, opacity 0.5s ease; */
    overflow: hidden;
}



.ab5 .ind2zhezhao {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.ab5 .ind2Con .one .ind2Bom {
    position: absolute;
    z-index: 2;
    /* left: 36px; */
    top: 40px;
}

.ab5 .ind2Con .one .ind2Bom .p1 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-family: var(--font2);
    text-align: center;
}



.ab5 .ind2Con .one .one-l .one-l-bg {
    max-width: unset;
    /* width: 265.71428571%; */
}

.ab5 .ind2Con .active {
    width: 38.2857%;
}

.ab5 .ind2Con .one .one-r {
    width: 100%;
    height: 100%;
    /* background: pink; */
    position: absolute;
    right: -100%;
    top: 0;
    opacity: 0;
    /* transition: right 0.5s ease, opacity 0.5s ease; */
    /* display: flex;
    align-items: center; */
    background-size: cover;
}

.ab5 .ind2Con .active .one-r {
    right: 0;
    opacity: 1;
}

.ab5 .ind2Con .active .one-l {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.ab5 .ind2Con .one .one-r {
    background-repeat: no-repeat;
    padding: 40px 34px 40px 40px;
}

/* .ind2 .ind2Con .one .one-r .one-rbg{
    width: 100%;
    opacity: 0.1;
} */
.ab5 .ind2Con .one .one-r .one-r-t {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ab5 .ind2zhezhao2 {
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.ab5 .one-r-t .r-t1 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-family: var(--font2);
    border-bottom: 2px solid #fff;
    padding-bottom: 18px;
    display: inline-block;
    margin-bottom: 15px;
}

.ab5 .one-r-t .r-t-c {
    /* max-height: 300px; */
    overflow-y: auto;
    margin-top: auto;
}

.ab5 .r-t-c .r-t-c1 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
}

.ab5 .r-t-c .r-t-c2 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font3);
}

.ab5 .r-t-c .list1 {
    margin-bottom: 40px;
}

.ab5 .r-t-c .list1:last-of-type {
    margin-bottom: 0;
}

.ab6 {
    padding-bottom: 90px;
    overflow: hidden;
}

.ab6 .ab6Con {
    position: relative;
}

.ab6 .ab6ConSw {
    overflow: unset;
    margin-top: 50px;
}

.ab6 .swiper-slide {
    padding: 24px 16px 70px 16px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(51, 74, 40, 0.10);
}

.ab6 .p1 {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--font3);
    text-align: center;
    margin-top: 20px;
}

.ab6 .scrollBtnBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 40px;
    margin-top: 90px;
}

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

.ab6 .swiper-scrollbar {
    width: 100%;
    background-color: rgba(204, 204, 204, 0.8);
    height: 1px;
    position: unset;
}

.ab6 .swiper-scrollbar-drag {
    height: 2px;
    background-color: #26EBF8;
}

.ab7 {
    padding: 80px 0 90px 0;
    background-color: #F2F7F9;
    margin-top: 90px;
}

.ab7 .lg-title {
    margin-bottom: 30px;
}

.ab7 .tx .e-d {
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font3);
    width: 71.428%;
    margin: 0 auto;
    color: #666;
    text-align: center;
}

.ab7 .ab7Con {
    margin-top: 50px;

}

.ab7 .ab7Con .left {
    width: 50%;
}

.ab7 .ab7Con .right {}

.ab7 .ab7Con .right .p1 {
    color: #333;
    font-size: 24px;
    line-height: 34px;
    font-family: var(--font2);
    margin-bottom: 24px;
}

.ab7 .ab7Con .ab7ConList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 70px;
    box-shadow: 0 10px 30px 0 rgba(51, 74, 40, 0.10);
    background-color: #fff;
}

.ab7 .ab7Con .ab7ConList:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.ab7 .ab7Con .ab7ConList:last-of-type {
    margin-bottom: 0;
}

.ab7 .ab7Con .right .rCon {
    width: 74.1428%;
    padding-left: 60px;
}

.ab7 .ab7Con .right .rCon .e-d {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font3);
}

.ab8 .left {
    width: 41.42857%;
    padding-top: 18px;
}

.ab8 .left .e-d {
    color: var(--color1);
    font-size: 24px;
    line-height: 34px;
    margin-top: 36px;
}

.lg-title {
    position: relative;
    display: inline-block;
    z-index: 2;
}

/* .lg-title span {
    position: relative;
    z-index: 3;
} */

.lg-title .bgtitle {
    font-style: normal;
    font-family: var(--font2);
    color: #F2F7F9;
    line-height: 50px;
    font-size: 50px;
    position: absolute;
    top: -5px;
    left: 32px;
    z-index: 1;
}

.ab8 .right {
    border-radius: 8px;
    overflow: hidden;
    width: 47.1428%;
}

.ab8 .ab8List {
    background-color: #f2f7f9;
}

.p90 {
    padding: 90px 0;
}

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

.ab8 .ab8List:nth-of-type(2n) {
    background-color: #fff;
}

.ab8 .ab8List:nth-of-type(2n)>div {
    flex-direction: row-reverse;
}

.ab9 {
    display: flex;
    gap: 0 4.5%;
    position: relative;
}

.ab9 .left {
    width: 16.9%;
    margin-left: 13.5416%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ab9 .left .e-d {
    color: var(--color1);
    font-size: 24px;
    line-height: 34px;
    margin-top: 36px;
}

.ab9 .btnBox {
    position: absolute;
    left: 13.5416%;
    bottom: 0;
    display: flex;
    gap: 0 16px;
    margin-top: auto;
}

.ab9 .right {
    width: 64.0104166%;
    overflow: hidden;
}

.ab9 .right .ab9Sw {
    width: 38.2%;
    overflow: unset;
    margin: 0;
}

.f24 {
    font-size: 24px;
    line-height: 34px;
    font-family: var(--font2);
}

.ab9 .right .swiper-slide {
    position: relative;
}

.ab9 .right .ab9Con {
    height: 100%;
    position: absolute;
    padding: 40px 30px;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

.ab9 .right .ab9Con .p1 {
    color: #fff;
    margin-bottom: 20px;
    margin-top: auto;
}

.ab9 .right .ab9Con .p2 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font3);
}

.ab9 .right .ab9Con .e-d {
    color: #fff;
    display: none;
    margin-top: auto;
    max-height: 224px;
    overflow-y: auto;
}

.ab9 .right .swiper-slide:hover .e-d {
    display: block;
}

.ab9 .right .swiper-slide-active .e-d {
    display: block;
}

.ab9 .right .swiper-slide-active .p1 {
    margin-top: unset;
}

.ab9 .right .swiper-slide-active .p2 {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

.ab9 .right .swiper-slide:hover .p1 {
    margin-top: unset;
}

.ab9 .right .swiper-slide:hover .p2 {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

.ab10 {
    background-image: url(../images/ab9.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.pubtitle {
    font-size: 36px;
    line-height: 48px;
    font-family: var(--font2);
}

.ab10 .p1 {
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    font-family: var(--font2);

}

.ab10 .tx .e-d {
    width: 71.42857%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.p100 {
    padding: 100px 0;
}

.ab10 .ab10Con {
    position: relative;
    margin-top: 60px;
}

.ab10 .ab10Con .bookName {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px;
    text-align: center;
}

.ab10 .scrollBtnBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 40px;
    margin-top: 50px;
}

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

.ab10 .swiper-scrollbar {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    height: 1px;
    position: unset;
}

.ab10 .swiper-scrollbar-drag {
    height: 2px;
    background-color: #26EBF8;
}

.ab11 {
    background: url(../images/ab10.jpg) no-repeat;
    background-size: cover;
    padding: 100px 0 120px 0;
}

.ab11 .p1 {
    color: #fff;
    font-size: 36px;
    line-height: 46px;
    font-family: var(--font2);

}

.ab11 .tx {
    width: 85.71428%;
    margin: 0 auto;
}

.ab11 .ab11Con {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 20px;
    margin-top: 46px;
}

.ab11 .ab11Con .one {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 30px 0 rgba(173, 173, 173, 0.20);
}

.ab12 {
    padding: 80px 0 90px 0;
}

.ab12 .pubtitle {
    display: inline-block;
}

.ab12 .ab12Con {
    margin-top: 40px;
}

.ab12Con form {
    padding: 50px 50px 60px 50px;
    background-color: #F2F7F9;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 3%;
}

.ab12Con .p1 {
    color: var(--color1);
    font-size: 16px;
    line-height: 28px;
}

.ab12Con form>div {
    width: 31.3%;
}

.ab12Con form>div input {
    width: 100%;
    height: 46px;
    border-radius: 4px;
    border: none;
    background-color: #fff;
    margin-top: 6px;
    padding: 5px;
    font-family: var(--font1);
}

.ab12Con form .long {
    width: 100%;
}

.ab12Con form textarea {
    width: 100%;
    height: 200px;
    border: none;
    margin-top: 6px;
    padding: 5px;
    font-family: var(--font1);
}

.ab12Con form .codeBox {
    width: 100%;
    display: flex;
    align-items: center;
}

.ab12Con form .codeBox input {
    width: 300px;
    margin: 0 27px 0 15px;
}

.ab12Con form .subBox {
    width: 35.714%;
    margin: auto;
    margin-top: 50px;
}

.ab12Con form .subBox input {
    border-radius: 999px;
    background: var(--bgcolor2);
    cursor: pointer;
}

.ab12Con form .subBox input:hover {
    background: #fff;
    border: 1px solid var(--color1);
}

.m-formcountry {
    position: relative;
}

.m-formcountry .drop-btn {
    position: relative;
    width: 100%;
}

.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    pointer-events: none;
    color: #666;
}

.m-formcountry .drop-list {
    display: none;
    border: 1px solid #e6e6e6;
    width: 100%;
    position: absolute;
    top: 100%;
    background-color: #fff;
    max-height: 218px;
    overflow-x: hidden;
    z-index: 10001;
    scrollbar-color: #333 rgba(0, 0, 0, 0.05);
    scrollbar-width: thin;
}

.m-formcountry .drop-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.m-formcountry .drop-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.m-formcountry .drop-list::-webkit-scrollbar-thumb {
    background-color: #333;
}

.m-formcountry .drop-list li {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 18px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    color: #999;
}

.m-formcountry .drop-list li.on {
    background-color: #e0e0e0;
}

textarea {
    resize: none;
    outline: none;
}

@media (max-width:1800px) {
    .ab9 .left {
        margin-left: 100px;
    }

    .ab9 .btnBox {
        left: 100px;
    }

    .ab9 .left {
        width: 21.9%;
    }
}

@media (max-width:1500px) {
    .ab3Con .pu2sw {
        padding: 0 6.428%;
    }

    .ab3Con {
        margin-top: 60px;
    }

    .ab9 .left .e-d {
        font-size: 20px;
        margin-top: 10px;
    }

    .ab9 .right .ab9Con {
        padding: 20px;
    }
}

@media (max-width:1200px) {
    .p80 {
        padding: 60px 0;
    }

    .ab5 .ind2Con .one .ind2Bom .p1 {
        font-size: 20px;
    }

    .ab8 .left .e-d {
        font-size: 20px;
        margin-top: 10px;
    }

    .p90 {
        padding: 60px 0;
    }

    .ab7 {
        padding: 60px 0;
    }

    .p100 {
        padding: 60px 0;
    }
}

@media (max-width:1100px) {
    .ab3Con .pu2sw .btnBox>div {
        position: unset;
        transform: translateY(0);
    }

    .ab3Con .pu2sw {
        border-radius: 0;
    }

    .ab3Con .pu2sw .btnBox {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin: 10px 0;
    }

    .ab3Con .pu2sw .btnBox .btnImgNext {
        transform: translateY(0) rotate(180deg);
    }

    .ab3Con .pu2sw .btnBox .btnImgprev:hover {
        transform: translateY(0) rotate(180deg);
    }

    .ab3Con .pu2sw .btnBox .btnImgNext:hover {
        transform: translateY(0) rotate(0);
    }

    .ab3Con .pu2sw .swiper-slide p {
        text-align: center;
    }

    .ab3Con .pu2sw .swiper-slide p::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .ab3Con .pusw {
        width: 40%;
    }

    .ab3Con .pu2sw {
        /* padding: 0; */
    }

    .ab3Con .pu2sw .swiper-wrapper {
        display: flex;
        justify-content: unset;
    }

    .p80 {
        padding: 40px 0;
    }

    .ab5 {
        padding: 60px 0;
    }

    .ab7 {
        padding: 40px 0;
    }

    .p100 {
        padding: 40px 0;
    }

    .ab6 .scrollBtnBox {
        margin-top: 60px;
    }

    .ab6 {
        padding-bottom: 60px;
    }

    .ab7 .ab7Con .right .rCon {
        padding: 0 15px;
    }

    .ab7 .ab7Con .right .rCon {
        width: 100%;
    }

    .ab7 .ab7Con .ab7ConList {
        margin-bottom: 30px;
    }

    .ab11 {
        padding: 60px 0;
    }

    .ab12Con form>div {
        width: 49%;
    }

    .ab12Con form {
        gap: 15px 0;
        justify-content: space-between;
    }

    .ab12 {
        padding: 60px 0;
    }
}

@media (max-width: 1050px) {
    .ab5 .ind2Con {
        flex-wrap: wrap;
        gap: 10px;
    }

    .ab5 .ind2Con .one .ind2Bom {
        left: 10px;
    }

    .ab5 .ind2Con .one {
        width: 49%;
    }

    .ab5 .ind2Con .one .one-r {
        right: 0;
        opacity: 1;
    }

    .ab5 .ind2Con .one .ind2Bom .p1 {
        display: none;
    }

    .p90 {
        padding: 40px 0;
    }

    .ab9 {
        display: block;
    }

    .ab9 .left {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .ab9 .right {
        width: 100%;
    }

    .ab9 .right .ab9Con .e-d {
        display: block;
    }

    .ab9 .right .swiper-slide .e-d {
        display: block;
    }

    .ab9 .right .ab9Con .p1 {
        margin-top: unset;
    }

    .ab9 .right .swiper-slide .p2 {
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
    }

    .ab9 .btnBox {
        position: unset;
        justify-content: center;
        margin-bottom: 15px;
    }

    .lg-title .bgtitle {
        display: none;
    }

    .f24 {
        font-size: 20px;
    }

    .ab10 .p1 {
        font-size: 25px;
        line-height: 30px;
    }

    .ab7 .ab7Con .right .p1 {
        margin-bottom: 10px;
    }

    .ab11 .p1 {
        font-size: 30px;
        line-height: 30px;
    }

}



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

    }

    .ab8 .left {
        width: 100%;
    }

    .ab8 .right {
        width: 100%;
        margin-top: 15px;
    }

    .ab8 .right img {
        width: 100%;
    }

    .ab7 .ab7Con .ab7ConList {
        display: block;
    }

    .ab7 .ab7Con .ab7ConList .left {
        width: 100%;
    }

    .ab7 .ab7Con .ab7ConList .left img {
        width: 100%;
    }

    .ab7 .ab7Con .ab7ConList .right {
        width: 100%;
        margin-top: 15px;
    }

    .ab10 .tx .e-d {
        width: 100%;
    }

    .ab11 {
        padding: 40px 0;
    }

    .ab12 {
        padding: 40px 0;
    }
}

@media (max-width:800px) {
    .ab3Con .pusw {
        width: 80%;
    }

    .ab3Con {
        margin-top: 20px;
    }

    .p80 {
        padding: 20px 0;
    }

    .ab12 {
        padding: 20px 0;
    }

    .p100 {
        padding: 20px 0;
    }

    .ab7 {
        padding: 20px 0;
    }

    .ab5 .ind2Con .one .one-r {
        padding: 20px;
    }

    .ab5 {
        padding: 40px 0;
    }

    .ab11 {
        padding: 20px 0;
    }

    .ab6 .scrollBtnBox {
        margin-top: 30px;
    }

    .ab6 {
        padding-bottom: 3px;
    }

    .ab6 .ab6ConSw {
        margin-top: 20px;
    }

    .e-d {
        font-size: 16px !important;
        line-height: 28px !important;
    }

    .p90 {
        padding: 20px 0;
    }

    .lg-title .bgtitle {
        font-size: 35px;
    }

    .ab9 .right .swiper-slide:hover .p2 {
        font-size: 16px;
    }

    .ab9 .right .ab9Sw {
        width: 49%;
    }

    .ab10 .p1 {
        font-size: 20px;
    }

    .ab11 .p1 {
        font-size: 25px;
    }

    .ab12Con form {
        padding: 20px;
    }
}

@media (max-width:650px) {
    .ab5 .ind2Con .one {
        width: 100%;
    }

    .ab5 {
        padding: 20px 0;
    }

    .ab6 .scrollBtnBox {
        margin-top: 20px;
    }

    .ab12Con form>div {
        width: 100%;
    }

    .ab12Con form .codeBox {
        flex-wrap: wrap;
    }

    .ab12Con form .codeBox input {
        width: 65%;
        margin-left: 0;
    }
}

@media (max-width:600px) {
    .ab3Con .pusw {
        width: 100%;
    }

    .p80 {
        padding: 15px 0;
    }

    .ab9 .right .ab9Sw {
        width: 100%;
    }

    .ab12Con form .subBox {
        width: 80%;
        margin-top: 15px;
    }
}

.res1 .res1Con {
    padding: 90px 0 100px 0;
    padding-left: 104px;
    display: flex;
}

.res1 .res1Con .left {
    width: 15%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.res1 .res1Con .left::after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #d9d9d9;
    position: absolute;
    top: 0;
    left: -24px;
}

.res1 .res1Con .left a {
    color: #999;
    font-size: 16px;
    line-height: 60px;

}

.res1 .res1Con .left a:hover {
    color: #333;
    background: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
}

.res1 .res1Con .left .active {
    color: var(--color1);
    position: relative;
}

.res1 .res1Con .left .active::after {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, #26EBF8 0%, #E6FF2A 100%);
    left: -24px;
    top: 0;
    z-index: 2;
}

.res1 .res1Con .center {
    width: 32.608333%;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 5.6% 0 1.7%;
}

.res1 .res1Con .center img {
    width: 100%;
}

.res1 .res1Con .right {
    width: 32.208333%;
    padding-top: 8px;
}

.res1 .res1Con .right .p1 {
    color: var(--color1);
    font-size: 26px;
    line-height: 36px;
    font-family: var(--font2);
    padding-right: 48px;
}

.res1 .res1Con .right .p1 span {
    position: relative;
}

.res1 .res1Con .right .p1 span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--bgcolor2);
}

.res1 .res1Con .right .e-d {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    margin-top: 24px;
    font-family: var(--font3);
}

.res2 {
    background: url(../images/res2.jpg) no-repeat;
    background-size: cover;
    background-position: left center;
}

.res2 .pubtitle {
    color: #fff;
}

.res2Con {
    display: flex;
    justify-content: center;
    gap: 0 32px;
    margin-top: 60px;
}

.res2Con .p1 {
    color: var(--color1);
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    display: block;
    padding: 0 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.res2Con .one {
    width: 23.2142857%;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 4px solid #f2f2f2
}

.res2Con .one::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: var(--bgcolor2);
    bottom: 0px;
    left: 0;
    display: none;
    z-index: 3;
}

.res2Con .one:hover {
    border: none;
}

.res2Con .one:hover::after {
    display: block;
}

.res2Con .one .e-d {
    font-family: var(--font3);
    color: #666;
    font-size: 14px;
    line-height: 24px;
    padding: 0 24px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.res3 {
    padding: 90px 0 100px 0;
}

.res3>div {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 0 7.142857%;
}

.res3 .left {
    width: 41.42857%;
}

.res3 .right {
    width: 41.42857%;
}

.res3 .right .p1 {
    color: var(--color1);
    font-size: 26px;
    line-height: 36px;
    font-family: var(--font2);
}

.res3 .right .e-d {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font3);
    margin-top: 24px;
}

.res4 {
    position: relative;
}

.res4 .range {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    top: 100px;
}

.res4 .res4Con {}

.res4 img {
    width: 100%;
    min-height: 300px;
}

.res4 .pubtitle {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.res4 .e-d {
    width: 64.2857%;
    font-family: var(--font3);
    margin-top: 30px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}

.res3 .right .p2 {
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font2);
    margin: 24px 0;
}

.res5 .e-d {
    margin-top: 0;
}

.res5 .btnbox2 {
    margin-top: 40px;
}

.res5 .btnbox2:hover {
    border: 1px solid var(--color1);
    color: var(--color1);
}

.res6 {
    background: url(../images/res2.jpg) no-repeat;
    background-size: cover;
}

.res6 .pubtitle {
    color: #fff;
}

.res6 .res6Con {
    width: 74.285714%;
    margin: 0 auto;
    position: relative;
    margin-top: 60px;
}

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

.res6 .res6Con .btnBox>div {
    position: absolute;
}

.res6 .res6Con .btnBox .res6prev {
    left: -80px;
}

.res6 .res6Con .btnBox .res6next {
    right: -80px;
}

.res6 .res6swCon {
    border-radius: 8px;
    background-color: #fff;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.res6 .res6swCon .p1 {
    color: var(--color1);
    font-size: 20px;
    line-height: 30px;
    font-family: var(--font2);
    /* height: 82px; */
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis; */
    position: relative;
}

.res6 .res6swCon .p1::after {
    content: '';
    width: 100px;
    height: 2px;
    background: var(--bgcolor2);
    position: absolute;
    left: 0;
    bottom: -20px;
    z-index: 3;
}

.res6 .res6swCon .more {
    display: inline-block;
    color: #666;
    font-size: 16px;
    line-height: 28px;
    margin-top: 52px;

}

.res6 .res6Con .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

.res6 .res6Con .swiper-slide .res6swCon {
    flex: 1;
    transform: translateY(-10px);
}

@media (max-width:1600px) {
    .res1 .res1Con {
        align-items: center;
    }
}

@media (max-width:1400px) {
    .res1 {
        padding-bottom: 0;
    }

    .res1 .res1Con {
        padding: 15px 0;
    }

    .res1 .res1Con {
        display: block;
    }

    .res1 .res1Con .left {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 15px 20px;
        flex-wrap: wrap;
    }

    .res1 .res1Con .left .active::after {
        display: none;
    }

    .res1 .res1Con .left::after {
        display: none;
    }

    .res1 .res1Con .center {
        width: 100%;
        margin-top: 15px;
    }

    .res1 .res1Con .center img {
        width: auto;
        margin: 0 auto;
    }

    .res1 .res1Con .right {
        width: 100%;
        padding: 0 5%;
        margin-top: 15px;
    }

    .res1 .res1Con .left a {
        line-height: 30px;
    }

    .pubtitle {
        font-size: 30px;
        line-height: 30px;
    }

    .res3 {
        padding: 60px 0;
    }

    .res1 .res1Con .right .p1 {
        padding-right: 0;
    }
}

@media (max-width:1250px) {
    .hh {
        height: 78px;
    }
}

@media (max-width:1000px) {
    .res1Con .right .p1 {
        font-size: 20px;
    }

    .res1Con .right .e-d {
        margin-top: 10px;
    }

    .res2Con .one {
        width: 27%;
    }

    .pubtitle {
        font-size: 25px;
    }

    .res3 .right .p1 {
        font-size: 24px;
        line-height: 30px;
    }

    .res3 {
        padding: 40px 0;
    }

    .res6 .res6Con {
        margin-top: 20px;
    }

    .ab1 .e-d {
        display: none;
    }
}

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

    .res3 .left {
        width: 100%;
    }

    .res3 .left img {
        width: 100%;
    }

    .res3 .right {
        margin-top: 15px;
        width: 100%;
    }

    .res4 .range {
        top: 15px;
    }

    .res4 .e-d {
        width: 100%;
    }

    .res5 .left {
        margin-top: 15px;
    }

    .ab2 .ab2Top {
        gap: 10px;
    }

    .ab2 .ab2Top a {
        padding: 5px 0;
    }
}

@media (max-width:800px) {
    .res2Con {
        flex-wrap: wrap;
        margin-top: 15px;
        gap: 15px 0;
        justify-content: space-between;
    }

    .res2Con .one {
        width: 49%;
    }

    .res3 {
        padding: 20px 0;
    }

    .res3 .right .p2 {
        margin: 10px 0;
    }

    .pubnav {
        bottom: 10px;
    }


}

@media (max-width:500px) {
    .res2Con .one {
        width: 100%;
    }

    .res6 .res6Con .btnBox {
        display: none;
    }

    .ab1 .ab1Con {
        display: none;
    }
}

.ab1 .btnbox2 {
    margin-top: 60px;
}

.pro1 {
    background-color: #f2f2f9;
}

.pro1 .left {
    width: 22.85714%;
}

.pro1 .left .one {
    display: flex;
    align-items: flex-start;
    gap: 0 20px;
    margin-bottom: 60px;
}

.pro1 .left .one .p1 {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--font2);
}

.pro1 .left .one .p2 {
    color: var(--color1);
    font-size: 18px;
    line-height: 30px;
    margin-top: 16px;
    display: block;
    font-family: var(--font3);
}

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

.pro1 .right {
    width: 74.2857%;
}

.pro1 .right .ed1 {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font3);
    margin-top: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.expanded {
    display: block !important;
    -webkit-line-clamp: none !important;
}

.hidden {
    display: none !important;
}

.btnbox1:hover {
    border: 1px solid var(--color1);
}

.pro1 .right .pubMore {
    margin-top: 15px;
}

.pro1 .prolist .p1 {
    color: var(--color1);
}

.pro1 .res2Con {
    flex-wrap: wrap;
    justify-content: unset;
    gap: 40px 3.076%;
}

.pro1 .res2Con .one {
    width: 31.25%;
}

.pro1 .res2Con {
    margin-top: 40px;
}

.pro1 .prolistBox {
    margin-top: 40px;
}

.pro1 .prolistBox .first {
    margin-bottom: 60px;
}

.pro1 .prolistBox .first .f24 {
    font-family: var(--font1);
    color: #333;
}

.pro1 .prolistBox .first:last-of-type {
    margin-bottom: 0;
}

.pro1 .rightList {
    margin-bottom: 80px;
}

.pro1 .rightList:last-of-type {
    margin-bottom: 0;
}

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

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

    .pro1 .right {
        width: 100%;
    }

    .pro1 .left .one {
        margin-bottom: 20px;
    }

    .pro1 .left .one .p2 {
        margin-top: 10px;
    }

    .pro1 .rightList {
        margin-bottom: 40px;
    }

    .pro1 .res2Con {
        margin-top: 15px;
    }

    .pro1 .prolistBox .first {
        margin-bottom: 20px;
    }
}

@media (max-width:800px) {
    .pro1 .res2Con {
        gap: 15px 0;
        justify-content: space-between;
    }

    .pro1 .res2Con .one {
        width: 49%;
    }
}

@media (max-width:550px) {
    .pro1 .res2Con .one {
        width: 100%;
    }

    .ab1 .btnbox2 {
        display: none;
    }

}

.pst1 .pubnav {
    bottom: 92px;
}

.pst2 {
    box-shadow: 0 10px 30px 0 rgba(51, 74, 40, 0.10);
    background-color: #F2F7F9;
}

.pst2>.range {
    margin-top: -70px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.pst2 .pst2Top {
    display: flex;
}

.pst2 .pst2Top .tople {
    width: 21.714%;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 14px;
}

.pst2 .pst2Top .topri {
    width: 78.285714%;
    padding: 18px 42px 24px 42px;
    background-color: #F2F7F9;
}

.pst2 .pst2Top .topri .searchbtn {
    width: 20px;
    height: 100%;
    position: relative;
    background-color: #F2F7F9;
}

.pst2 .pst2Top .topri .searchbtn .sub {
    width: 100%;
    height: 100%;
    background-color: #F2F7F9;
    border: none;
    cursor: pointer;
}

.pst2 .pst2Top .topri .searchbtn .sea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 16px;
    pointer-events: none;
    font-weight: bold;
    cursor: pointer;
    color: #999;
}

.pst2 .pst2Top .topri .searchInp {
    width: 100%;
    height: 100%;
    background-color: #F2F7F9;
    border: none;
    font-size: 16px;
    color: #999;
    font-family: var(--font1);

}

.pst2 .pst2Top .topri form {
    display: flex;
    align-items: center;
    gap: 0 14px;
}

.pst2 .pst2Btm {
    padding: 50px 58px 60px 42px;
}

.pst2 .pst2Btm .p1 {
    color: var(--color1);
    font-size: 16px;
    line-height: 28px;
}

.pst2 .pst2Btm .one {
    /* width: 29%; */
    width: 49.4%;
}

.pst2 .pst2Btm .one input {
    width: 100%;
    padding: 11px 10px;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    background-color: #F2F7F9;
    border-radius: 4px;
    border: none;
    margin-top: 6px;
}

.pst2 .pst2Btm .one i {
    color: #666;
}

.m-formcountry .drop-list li a {
    display: block;
}

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

.pst3 {
    background-color: #F2F7F9;
    padding-top: 50px;
    padding-bottom: 93.5px;
}

.pst3 .numCount {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.pst3 .numCount span {
    color: #999;
}

.pst3 .pst3List {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 32px 2.2857%;
}

.pst3 .listOne {
    background-color: #fff;
    padding: 24px 24px 61px 24px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
    width: 23.2857%;
}

.pst3 .listOne .top {
    display: flex;
    gap: 0 14px;
}

.pst3 .listOne .top .p1 {
    color: #999;
    font-size: 18px;
    line-height: 28px;

}

.pst3 .listOne .center {
    margin: 22px 0;
}

.pst3 .listOne .p2 {
    font-size: 20px;
    line-height: 30px;
}

.pst3 .listOne .second {
    display: none;
    border-radius: 4px;
}

.pst3 .listOne .second .p2 {
    border-bottom: 1px solid #fff;
    margin-bottom: 24px;
    padding-bottom: 20px;
}

.pst3 .secondone .p3 {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--font3);
}

.pst3 .secondone {
    display: flex;
    gap: 0 12px;
    margin-bottom: 16px;
}

.pst3 .secondone:last-of-type {
    margin-bottom: 0;
}

.pst3 .listOne:hover {
    background: var(--bgcolor2);
}

.pst3 .listOne:hover .first {
    display: none;
}

.pst3 .listOne:hover .second {
    display: block;
}

.pst3 .secondone a:hover {
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #fff;
}

.pst3 .numbox {
    margin-top: 80px;
}

.numbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 13px;
}

.numbox a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCC;
    border-radius: 50%;
}

.numbox a:hover {
    background: var(--bgcolor2);
    color: #333;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    border: unset;
}

.numbox .active {
    background: var(--bgcolor2);
    color: #333;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    border: unset;
}

.pst4 {
    background: url(../images/par3.jpg) no-repeat;
    background-size: cover;
    padding: 90px 0 100px 0;
}

.pst4 .pubtitle {
    color: #fff;
}

.pst4 .pst4Con {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.pst4 .pst4Con .leftTop {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.pst4 .left {
    width: 48.85714%;
    display: flex;
    flex-direction: column;
    gap: 32px 0;
}

.pst4 .pst4Con .left:nth-of-type(2n) {
    flex-direction: column-reverse;
}

.pst4 .left .one {
    width: 47.66%;
}

.pst4 .left .two {
    width: 100%;
}

.past5 {
    background: url(../images/par6.jpg) no-repeat;
    background-size: cover;
}

.past5 .pubtitle {
    color: #ffff;
}

.past5Con {
    margin-top: 50px;
}

.past5Con .ab12Con {
    border-radius: 12px;

    overflow: hidden;
}

.past5Con .ab12Con form {
    background-color: #FFF;
}

.past5Con .ab12Con input {
    background-color: #F2F7F9;
}

.past5Con .ab12Con textarea {
    background-color: #F2F7F9;
}

.past5Con .list {
    font-size: 16px;
    padding: 9px 28px;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
}

.past5Con .past5ConTop {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-left: 50px;
}

.past5Con .active {
    background: var(--bgcolor2);
}

.past5Con .ab12Con .agree-box {
    width: 100%;
    display: flex;
    /* align-items: center; */
    gap: 0 16px;
    color: #666;
    font-family: var(--font3);
}

.past5Con .ab12Con .agree-box a {}

.past5Con .ab12Con .agree-box a:hover {
    text-decoration: underline;
}

.past5Con .ab12Con .agree-box .agree-check {
    width: 20px;
    height: 20px;
    background-color: #f2f7f9;
    border: 1px solid #d9d9d9;
    margin-top: 3px;
    cursor: pointer;
}

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

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

    .pst2 .pst2Btm {
        padding: 30px;
    }

    .pst2 .pst2Btm .one {
        /* width: 32%; */
    }

    .pst3 .pst3List {
        margin-top: 15px;
    }

    .pst3 {
        padding: 40px 0;
    }
}

@media(max-width:1100px) {
    .pst3 .listOne {
        width: 32%;

    }

    .pst3 .pst3List {
        gap: 15px 2%;
    }

    .pst3 .numbox {
        margin-top: 40px;
    }
}

@media (max-width:1000px) {
    .pst2 .pst2Top {
        display: block;
    }

    .pst2 .pst2Top .tople {
        width: 100%;
    }

    .pst2 .pst2Top .topri {
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width:800px) {
    .pst2 .pst2Btm {
        flex-wrap: wrap;
    }

    .pst2 .pst2Btm .one {
        width: 49%;
    }

    .pst3 .listOne .first {
        display: none;
    }

    .pst3 .listOne .second {
        display: block;
    }

    .pst3 .listOne {
        width: 49%;

    }

    .pst4 {
        padding: 60px 0;
    }

    .pst3 .pst3List {
        gap: 15px 0;
        justify-content: space-between;
    }

    .pst3 .numbox {
        margin-top: 20px;
    }

    .pst3 {
        padding: 20px 0;
    }

    .past5Con .past5ConTop {
        padding: 0 10px;
    }

    .past5Con .list {
        border-radius: 0;
    }
}

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

    .pst4 .pst4Con .left {
        width: 100%;
        margin-bottom: 15px;
    }
    .past5Con{
        margin-top: 20px;
    }
}

@media (max-width:550px) {
    .pst2 .pst2Btm .one {
        width: 100%;
    }

    .pst3 .listOne {
        width: 100%;

    }

    .pst3 .numbox {
        margin-top: 10px;
    }
    .past5Con .list{
        padding: 9px 19px;
    }
}

.probgTop {
    background: url(../images/probg.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 187px;
}

.probgTop .topCon {
    color: #fff;
    width: 32.71428%;
    margin-top: 183px;
}

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

.topCon .p1 {
    margin: 20px 0 50px 0;
}

.topCon .e-d {
    color: #fff;
    font-family: var(--font3);
}

.topCon .topbtnBox {
    margin-top: 80px;
    display: flex;
    gap: 10px 24px;
    flex-wrap: wrap;
}

.pronew1 {
    padding: 100px 0 120px 0;
    background-color: #F2F7F9;
    overflow: hidden;
}

.pronew1 .pronew1List {
    margin-top: 60px;
    /* overflow: hidden; */
    position: relative;

}

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

.pronew1 .btnBox>div {
    position: absolute;
}

.pronew1 .btnBox .pronew1prev {
    left: -76px;
}

.pronew1 .btnBox .pronew1next {
    right: -76px;
}

.pronew1 .pronew1ListSw {

    overflow: unset;
}

.pronew1 .pronew1List .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 28px 113px 28px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
    opacity: 0;
}

.pronew1 .pronew1List .swiper-slide img {
    width: unset;
}

.pronew1 .pronew1List .swiper-slide .p1 {
    font-size: 18px;
    margin: 40px 0 20px 0;
    text-align: center;
}

.pronew1 .pronew1List .swiper-slide .e-d {
    font-family: var(--font3);
    text-align: center;
}

.pronew1 .pronew1ListSw .swiper-slide-visible {
    opacity: 1;
}

.pronew2 {
    background: url(../images/pronew1.jpg) no-repeat;
    background-size: cover;
}

.pronew2 .pubtitle {
    color: #fff;
}

.pronew2 .pronew2Con {
    margin-top: 50px;
    border-radius: 8px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.85);
    padding: 60px 150px 40px 80px;
}

.pronew2 .pronew2Con {
    display: flex;
    justify-content: space-between;
}

.pronew2 .pronew2Con .left {
    width: 27.8%;
    padding-top: 83px;
}

.pronew2 .pronew2Con .right {
    width: 63.42857%;
    max-height: 384px;
    overflow-y: auto;
    /* scrollbar-width: thin; */
    /* scrollbar-color: #E6FF2A #fff; */

}

.pronew2 .pronew2Con .right::-webkit-scrollbar {
    /* 滚动条整体 */
    width: 2px;
    /* 加宽到8px，让渐变可见（建议6-10px） */
    background-color: #D9D9D9;
}

.pronew2 .pronew2Con .right::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    /* 去掉深色阴影，避免干扰 */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: #F5F5F5;
}

.pronew2 .pronew2Con .right::-webkit-scrollbar-thumb {
    /* 滚动条滑块 */
    border-radius: 10px;
    /* 开启圆角，视觉更优 */
    /* 去掉/弱化阴影：要么删掉，要么调浅到0.1 */
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    /* 可选：把渐变方向改成垂直（更适配竖向滚动条） */
    background: linear-gradient(180deg, #26EBF8 0%, #E6FF2A 100%);
}

.pronew2 .pronew2Con .right .rightCon td {
    border: none;
    font-size: 18px;
    line-height: 44px;
    font-family: var(--font3);
    color: #333;
    padding: 0 5px;
}

.pronew2 .pronew2Con .pronew2ConPage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 16px;
    margin-top: 40px;
}

.pronew2 .pronew2ConPage .swiper-pagination-bullet {
    margin: 0;
    width: 10px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 1;
}

.pronew2 .pronew2ConPage .swiper-pagination-bullet-active {
    background-color: unset;
    background: var(--bgcolor2);

}

.pronew3 {
    background: #f2f7f9;
}

.pronew3 .pubtitle {
    color: #333;
}

.pronew3 .pronew3Con {
    margin-top: 60px;
    position: relative;
}

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

.pronew3 .btnBox>div {
    position: absolute;
}

.pronew3 .btnBox .pronew3prev {
    left: -76px;
}

.pronew3 .btnBox .pronew3next {
    right: -76px;
}

.pronew3 .pronew3Con .p1 {
    color: var(--color1);
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
    display: block;
    padding: 0 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pronew3 .pronew3Con .e-d {
    font-family: var(--font3);
    color: #666;
    font-size: 14px;
    line-height: 24px;
    padding: 0 24px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pronew3 .pronew3Con .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;
    background: rgba(255, 255, 255, 0.85);
    border-bottom: 4px solid #f2f2f2
}

.pronew3 .pronew3Con .swiper-slide::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: var(--bgcolor2);
    bottom: 0px;
    left: 0;
    display: none;
    z-index: 3;
}

.pronew3 .pronew3Con .swiper-slide:hover {
    border: none;
}

.pronew3 .pronew3Con .swiper-slide:hover::after {
    display: block;
}

@media (max-width:1400px) {
    .probgTop .topCon {
        width: 70%;
        margin-top: 100px;
    }

    .pronew1 .btnBox {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-top: 20px;
        transform: translateY(0);
    }

    .pronew1 .btnBox>div {
        position: unset;
    }

    .pronew3 .btnBox>div {
        position: unset;
    }

    .pronew3 .pronew3Con .btnBox {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-top: 20px;
        transform: translateY(0);
    }

    .pronew3 .pronew3Con .btnBox>div {
        position: unset;
    }

    .pronew1 {
        padding: 60px 0;
    }


    .pronew1 .pronew1List .swiper-slide {
        padding: 30px 20px 50px 20px;
    }

    .pronew2 .pronew2Con {
        padding: 30px 60px 20px 20px;
    }
}

@media (max-width:1000px) {
    .pronew2 .pronew2Con {
        display: block;
    }

    .pronew2 .pronew2Con .left {
        width: 100%;
        padding-top: 0px;
    }

    .pronew2 .pronew2Con .left img {
        width: unset;
        margin: 0 auto;
    }

    .pronew2 .pronew2Con .right {
        width: 100%;
    }

    .pronew2 .pronew2Con .pronew2ConPage {
        margin-top: 15px;
    }
}

@media (max-width:800px) {
    .probgTop .topCon {
        width: 100%;
        margin-top: 60px;
    }

    .topCon .topbtnBox {
        margin-top: 30px;
    }

    .pronew1 {
        padding: 40px 0;
    }
}

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

.newBox {
    background-color: #F2F7F9;
}

.newBox .new1Sw {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.newBox .new1 .swiper-slide {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 16px;
}

.newBox .new1 .swiper-slide .left {
    width: 50%;
}

.newBox .new1 .swiper-slide .right {
    width: 44%;
    padding-top: 36px;
    padding-right: 60px;
}

.newBox .new1 .swiper-slide .right .r-t1 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    color: #999;
    margin-bottom: 10px;
}

.newBox .new1 .swiper-slide .right .p1 {
    font-size: 26px;
    line-height: 36px;
    font-family: var(--font1);
}

.newBox .new1 .swiper-slide .right .e-d {
    line-height: 26px;
    font-family: var(--font3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 104px;
    margin: 30px 0 42px 0;
}

.newBox .new1 .swiper-slide .right .more {
    color: #26EBF8;
}

.newBox .new1 .btnBox {
    position: absolute;
    right: 60px;
    bottom: 46px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0 16px;
}

.newtop {
    padding-bottom: 0;
}

.newBox .new2 {
    padding-bottom: 120px;
}

.newBox .new2 .new2list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 2%;
}

.newBox .new2 .new2list .one {
    width: 32%;
    padding: 20px;
    padding-bottom: 24px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.80);
}

.newBox .new2 .new2list .one::after {
    width: 100%;
    height: 4px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--bgcolor2);
    display: none;
}

.newBox .new2 .new2list .one:hover::after {
    display: block;
}

.newBox .new2 .new2list .one .p1 {
    color: var(--color1);
    font-size: 20px;
    line-height: 32px;
    font-family: var(--font2);
    height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 24px;
}

.newBox .new2 .new2list .one .date {
    color: #999;
    margin-top: 89px;
}

.newBox .new2 .new2list .one .line {
    width: 100%;
    height: 1px;
    background-color: #b3b3b3;
    margin: 18px 0;
}

.newBox .new2 .new2list .one .more {
    color: #666;
}

.newBox .new2 .numbox {
    margin-top: 80px;
}

@media (max-width:1500px) {
    .newBox .new1 .swiper-slide {
        align-items: center;
    }

    .newBox .new1 .swiper-slide .right .p1 {
        font-size: 20px;
        line-height: 30px;
    }

    .newBox .new1 .swiper-slide .right {
        width: 47%;
        padding-right: 20px;
        padding-top: 0;
    }
}

@media (max-width:1250px) {
    .newBox .new1 .swiper-slide {
        display: block;
    }

    .newBox .new1 .swiper-slide .left {
        width: 100%;
    }

    .newBox .new1 .swiper-slide .right {
        width: 100%;
        padding: 20px;
    }

    .newBox .new1 .swiper-slide .right .e-d {
        margin: 15px 0;
    }

    .newBox .new2 {
        padding-bottom: 60px;
    }
}

@media (max-width:1000px) {
    .newBox .new1 .btnBox {
        position: unset;
        justify-content: center;
        margin-top: 15px;
    }

    .newBox .new2 .numbox {
        margin-top: 40px;
    }
}

.newBox .new2 {
    padding-bottom: 40px;
}

@media (max-width:850px) {
    .newBox .new2 .new2list {
        gap: 15px 0;
        justify-content: space-between;
    }

    .newBox .new2 .new2list .one {
        width: 49%;
    }

    .newBox .new2 .new2list .one .p1 {
        font-size: 18px;
    }

    .newBox .new2 .new2list .one .date {
        margin-top: 30px;
    }

    .newBox .new2 .numbox {
        margin-top: 20px;
    }

    .newBox .new2 {
        padding-bottom: 20px;
    }
}

@media (max-width:600px) {
    .newBox .new2 .new2list .one {
        width: 100%;
        padding: 10px;
    }

}

.newInfo .pubnav {
    position: unset;
    transform: translateX(0);
    color: #999;
    margin-top: 24px;
}

.newInfo .pubnav a {
    color: #999;
}

.newInfo .pubnav .active {
    color: #333;
}

.newInfo2 {
    padding: 70px 0 100px 0;
}

.newInfo2 .left {
    width: 68.5714%;
}

.newInfo2 .left .pubtitle {
    color: #000;
    font-family: var(--font1);
}

.newInfo2 .left .line {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 28px 0 24px 0;
}

.newInfo2 .left .p1 {
    display: flex;
    gap: 15px 40px;
    flex-wrap: wrap;
    color: #333;
    font-family: var(--font3);
}

.newInfo2 .left .p1 p {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.newInfo2 .left .newBox1 {
    background-color: #F5F5F5;
    padding: 46px 40px 62px 40px;
    color: #666;
    margin-top: 81px;
    position: relative;
    margin-bottom: 40px;
}

.newInfo2 .left .newBox1Dian {
    position: absolute;
    top: -11px;
    left: 40px;
}

.newInfo2 .left .newInfo2Ed {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    font-family: var(--font3);
}

.newInfo2 .left .newInfo2Ed strong {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    font-family: var(--font1);
}

.newInfo2 .left .newInfoGo {
    margin-top: 50px;
}

.newInfoGo {
    color: #333;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    padding-top: 30px;
    border-top: 1px solid #ccc;

}

.newInfoGo a {
    display: block;

}

.newInfo2 .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 11%;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(51, 74, 40, 0.10);
    padding: 28px 22px 25px 22px;
    gap: 40px 0;
    margin-right: 60px;
}

.newInfo2 .right .p1 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 28px;
    font-family: var(--font2);
}

.newInfo2>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (max-width:1200px) {
    .newInfo2 {
        padding: 60px 0;
    }

    .newInfo2 .right {
        gap: 15px 0;
        padding: 10px;
    }
}

@media (max-width:1000px) {
    .newInfo2 .left .newBox1 {
        margin: 20px 0;
    }

    .newInfo2 .left {
        width: 80%;
    }

    .newInfo2 .right {
        width: 10%;
        margin-right: 0;
    }

    .newInfo2 .left .newInfoGo {
        margin-top: 15px;
    }
}

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

    .newInfo2 .right {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
    }
}

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

    .newInfo2 .left {
        width: 100%;
    }

    .newInfo2 .left .newBox1 {
        padding: 20px;
    }
}

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

.service1 {
    background: #F2F7F9;
    padding: 90px 0 120px 0;
}

.service1 .p1 {
    color: #333;
    font-size: 30px;
    line-height: 40px;
}

.service1 .seEd1 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 36px;
    color: #333;
    padding-bottom: 70px;
    border-bottom: 1px dashed #9999;
    font-family: var(--font3);
}

.service1 .seEd1 strong {
    color: #333;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    font-family: var(--font1);
}

.service1 .seEd1 em {
    font-style: normal;
    color: #26EBF8;
    font-size: 24px;
    line-height: 34px;
    font-family: var(--font1);

}

.service1 .seEd1 a {
    text-decoration: underline;
}

.service1 .seEd2 strong {
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.service1 .p1Two {
    margin-top: 70px;
}

.service1 .seEd1:last-child {
    border-bottom: none;
}

@media (max-width:1200px) {
    .service1 {
        padding: 60px 0;
    }

    .service1 .p1 {
        font-size: 25px;
        line-height: 30px;
    }

    .service1 .seEd1 {
        padding-bottom: 40px;
    }
}

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

    .service1 .seEd1 strong {
        font-size: 20px;
    }

    .service1 .seEd1 em {
        font-size: 20px;
    }
}

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

    .service1 .p1 {
        font-size: 20px;
    }

    .service1 .seEd1 {
        padding-bottom: 20px;
    }
}

.serverInfo {
    padding: 90px 0 120px 0;
    background-color: #F2F7F9;
}

.serverInfo>div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

.serverInfo .left {
    width: 22.85714%;
    padding: 24px 20px 30px 20px;
    border-radius: 10px;
    background-color: #fff;
}

.serverInfo .left .p1 {
    font-size: 20px;
    line-height: 30px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 24px;
}

.serverInfo .left .first {
    margin-top: 24px;
}

.serverInfo .left .second {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    padding: 0 10px;
}

.serverInfo .left .secondBox {
    display: none;
}

.serverInfo .left .second a {
    color: #666;
    line-height: 26px;
}



.serverInfo .left .first .firstTItle {
    display: flex;
    justify-content: space-between;
    gap: 0 15px;
    cursor: pointer;
}

.serverInfo .left .active .p2 {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.serverInfo .right {
    width: 74.2857%;
}

.serverInfo .right .rightList {
    margin-bottom: 60px;
}

.serverInfo .right .rightList:last-of-type {
    margin-bottom: 0;
}

.serverInfo .right .p1 {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--font2);
    margin-bottom: 24px;
}

.serverInfo .right .top {
    display: flex;
    justify-content: space-between;
    gap: 0 15px;
    background-color: #fff;
    border-radius: 4px;
    padding: 11px 20px;
    cursor: pointer;
}

.serverInfo .right .bottomBox {
    display: none;
}

.serverInfo .right .bottom {
    display: flex;
    gap: 0 22px;
    padding: 0 50px 0 23px;
    margin-top: 24px;
}

.serverInfo .right .bottom .btmCon {
    font-family: var(--font3);
}

.serverInfo .right .tl {
    display: flex;
    gap: 0 20px;

}

.serverInfo .right .tr {
    color: #999;
}

.serverInfo .right .listOne {
    margin-bottom: 24px;
}

.serverInfo .right .active .top {
    background: var(--bgcolor2);
}

@media (max-width:1400px) {
    .serverInfo {
        padding: 60px 0;
    }

    .serverInfo>div {
        flex-direction: column-reverse;
    }

    .serverInfo .left {
        width: 100%;
        margin-top: 15px;
    }

    .serverInfo .right {
        width: 100%;
    }

    .serverInfo .right .rightList {
        margin-bottom: 30x;
    }
}

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

    .serverInfo .right .rightList {
        margin-bottom: 15px;
    }
}

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

.ab1 .ab1Serach {
    width: 30%;
    position: relative;
    margin-top: 30px;
}

.ab1 .ab1Serach .inp {
    width: 100%;
    border: none;
    border-radius: 999px;
    padding: 10px 20px;
    color: #fff;
    line-height: 26px;
    font-size: 16px;
    font-family: var(--font1);
    background-color: rgba(255, 255, 255, 0.5);
}

.ab1 .ab1Serach .inp::placeholder {
    color: #fff;
    opacity: 1;
}


.ab1 .ab1Serach .searchbtn {
    width: 21.42857%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.ab1 .ab1Serach .searIconInp {
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    line-height: 26px;
    border: none;
    border-radius: 999px;
    background: var(--bgcolor2);
    cursor: pointer;
}

.ab1 .ab1Serach .seaIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.servierBig {
    background-color: #F2F7F9;
    padding: 80px 0 100px 0;
}

.servierBig .servierTop {
    padding: 40px 50px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.servierBig .servierTop .p1 {
    color: #333;
    font-size: 24px;
    line-height: 34px;
    font-family: var(--font1);
}

.servierBig .servierTop .title {
    color: #666;
    font-size: 20px;
    line-height: 30px;
    margin-top: 8px;
}

.servierBig .servierTop .one {
    display: flex;
    gap: 0 36px;
}

.servierBig .servierTop .radioList {
    display: flex;
    gap: 0 18px;
    flex-wrap: wrap;
}

.servierBig .servierTop .radioList .oneRadio {
    margin-bottom: 18px;
}

.servierBig .servierTop input[type="checkbox"] {
    display: none;
}

.servierBig .servierTop label {
    padding: 8px 24px;
    border: 1px solid #ccc;
    border-radius: 999px;
    background-color: #fff;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 10px;

}

.servierBig .servierTop label span {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: transparent;
}


.servierBig .servierTop input[type="checkbox"]:checked+label {
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-color: #00DF86;
    color: #00DF86;

    background-position: 23px center;
}

.servierBig .servierTop input[type="checkbox"]:checked+span {
    display: none;
}

.servierBig .first .one {
    margin-top: 24px;
}

.servierBig .second {
    margin-top: 50px;
}

.servierBig .fileOne {
    margin-top: 24px;
}

.servierBig .searchBtn {
    width: 134px;
    margin-top: 50px;
}

.servierBig .searchBtn input {
    width: 100%;
    padding: 9px 0;
    text-align: center;
    color: #fff;
    line-height: 28px;
    background: var(--bgcolor2);
    border: none;
    border-radius: 999px;
    cursor: pointer;
}

.servierBig .servierListBox {
    margin-top: 60px;
}

.servierBig .servierListBox .servierList {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 2%;
}

.servierBig .servierListBox .p1 {
    color: #26EBF8;
}

.servierBig .servierListBox .one {
    width: 32%;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
}

.servierBig .servierListBox .one img {
    margin: 0 auto;
}

.servierBig .servierListBox .listBtm {
    display: flex;
    justify-content: space-between;
}

.servierBig .servierListBox .fileName {
    display: block;
    color: var(--color1);
    font-size: 20px;
    line-height: 32px;
    margin: 24px 0 30px 0;
}

.servierBig .servierListBox .listBtm .listBtm_le {
    display: flex;
    gap: 10px 14px;
    color: #666;
    flex-wrap: wrap;

}

.servierBig .tx {
    margin-top: 60px;
    cursor: pointer;
}

.servierBig .tx a:hover {
    border: 1px solid var(--color1);
    color: var(--color1);
}

@media (max-width:1200px) {
    .servierBig {
        padding: 60px 0;
    }
}

@media (max-width:1000px) {
    .servierBig .servierListBox {
        margin-top: 10px;
    }

    .servierBig .servierListBox .fileName {
        margin: 10px 0;
        line-height: 28px;
    }
}

@media (max-width:900px) {

    .servierBig .servierListBox .servierList {
        gap: 15px 0;
        justify-content: space-between;
    }

    .servierBig .servierListBox .one {
        width: 49%;
    }

    .servierBig {
        padding: 40px 0;
    }

    .ab1 .ab1Serach {
        width: 80%;
        margin-top: 5px;
    }
}


@media (max-width:800px) {
    .servierBig .second {
        margin-top: 10px;
    }

    .servierBig .servierTop {
        padding: 20px;
    }
}

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

    .servierBig {
        padding: 20px 0;
    }
}

.serviceInputBox {
    padding: 90px 0 180px 0;
}

.serviceInputBox .one .top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 9.2857%;
    position: relative;
}

.serviceInputBox .one .top p {
    position: relative;
    color: #666;
    text-align: center;
}

.serviceInputBox .one .top p::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d9d9d9;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -26px;
    z-index: 2;
}

.serviceInputBox .one .top .p1::after {
    background-color: #E6FF2A;
}

.serviceInputBox .one .top .step1::after {
    background-color: #5BF1C0;
}

.serviceInputBox .one .top .step2::after {
    background-color: #A5F971;
}

.serviceInputBox .one .top .step3::after {
    background-color: #A2F874;
}

.serviceInputBox .one .top .step4::after {
    background-color: #CBFC47;
}

.serviceInputBox .top .line {
    width: 100%;
    height: 2px;
    background-color: #d9d9d9;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.serviceInputBox .top .line::after {
    position: absolute;
    height: 2px;
    content: '';
    left: 0;
    top: 0;
    width: 18%;
    background: var(--bgcolor2);
}

.serviceInputBox .top .line2::after {
    width: 43%;
}

.serviceInputBox .top .line3::after {
    width: 64%;
}

.serviceInputBox .top .line4::after {
    width: 100%
}

.stepCon {
    margin-top: 113px;
    display: none;
}

.serviceInputBox .stepCon1 .con1 {
    padding: 40px 40px 46px 40px;
    border-radius: 4px;
    background-color: #f2f7f9;
    margin-bottom: 50px;
}

.serviceInputBox .stepCon1 .con1 .e-d {
    margin-top: 24px;

}

.serviceInputBox .stepCon1 .con1Title {
    font-size: 24px;
    line-height: 34px;
    display: inline-block;
}

.serviceInputBox .stepCon .pubtitle {
    text-align: center;
    font-family: var(--font1);
}

.serviceInputBox .stepCon1 .conBox {
    padding: 50px 50px 60px 50px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(51, 74, 40, 0.10);
    margin-top: 60px;
}

.serviceInputBox .stepCon1 .con1Ed {
    margin-top: 24px;
    margin-bottom: 40px;

}

.serviceInputBox .stepCon1 .agree-box {
    width: 100%;
    display: flex;
    /* align-items: center; */
    gap: 0 16px;
    color: #666;
    font-family: var(--font3);
}

.serviceInputBox .stepCon1 .agree-box a {}

.serviceInputBox .stepCon1 .agree-box .agree-check {
    width: 20px;
    height: 20px;
    background-color: #f2f7f9;
    border: 1px solid #d9d9d9;
    margin-top: 3px;
    cursor: pointer;
}

.serviceInputBox .stepBtn {
    padding: 6px 0 12px 0;
    text-align: center;
    width: 35.714%;
    margin: 0 auto;
    border-radius: 999px;
    background: var(--bgcolor2);
    margin-top: 50px;
    cursor: pointer;
}

.serviceInputBox .stepCon .conBox2 {
    padding: 36px 50px 60px 50px;
    border-radius: 12px;
    background-color: #fff;
    margin-top: 60px;
    box-shadow: 0 10px 30px 0 rgba(51, 74, 40, 0.10);
}

.serviceInputBox .stepCon .conBox2 .con2p1 {
    color: var(--color1);
    font-size: 20px;
    line-height: 30px;
}

.serviceInputBox .stepCon .conBox2 .radio-group {
    display: flex;
    gap: 10px 46px;
    color: #666;
    margin-top: 26px;
    flex-wrap: wrap;
}

.serviceInputBox .stepCon .conBox2 .radio-group .label {
    display: flex;
    gap: 0 12px;
    align-items: center;

}

.serviceInputBox .stepCon .conBox2 .con2p2 {
    font-size: 28px;
    line-height: 38px;
    display: inline-block;
    margin: 40px 0;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px 0;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .inp1 {
    width: 48.5%;
    color: #333;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .inp2 {
    width: 100%;
    color: #333;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .inp2 .addInp {
    position: relative;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .inp2 .addInp input {
    padding-right: 50px;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .inp2 .addInp i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    cursor: pointer;
    color: #666;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox input {
    width: 100%;
    border: none;
    border-radius: 4px;
    background-color: #f2f7f9;
    height: 46px;
    padding: 5px 5px 5px 14px;
    margin-top: 6px;
    font-size: 16px;
    line-height: 26px;
    color: #999;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .codeBox {
    width: 100%;
    display: flex;
    align-items: center;
}

.serviceInputBox .stepCon .conBox2 .inpInnerBox .codeBox input {
    width: 300px;
    margin: 0 27px 0 15px;
}

.serviceInputBox .inpInnerBox .inpToast {
    color: #666;
}

.serviceInputBox .inpInnerBox .inpBtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 40px;
}

.serviceInputBox .inpInnerBox .inpBtn p {
    width: 300px;
    text-align: center;
    padding: 6px 0 12px 0;
    background: var(--bgcolor2);
    color: #333;
    border-radius: 999px;
    cursor: pointer;
}

.serviceInputBox .inpInnerBox .inpBtn .subinp {
    width: 300px !important;
    text-align: center;
    padding: 6px 0 12px 0;
    background: var(--bgcolor2);
    color: #333 !important;
    border-radius: 999px !important;
    cursor: pointer;
    font-family: var(--font1);
}

.ui-datepicker-calendar a:hover {
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.file-input {
    display: none;
}

.uploadBox {
    border-radius: 16px;
    background-color: #fff;
    /* margin-top: 30px; */
}

.uploadBox input {
    width: 100%;
}

.uploadBox .uploadCon {
    text-align: center;
    background: var(--bgcolor2);
    color: #333;
    padding: 9px 0;
    border-radius: 9999px;
    cursor: pointer;
}

.serviceInputBox .serEd {
    color: #999;
}

.uploadImgList {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.uploadImgList .one {
    width: 112px;
    position: relative;
}

.uploadImgList .one .img {
    width: 100%;
}

.uploadImgList .one i {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.serviceInputBox .stepCon .conBox3 {
    padding-bottom: 164px;
}

.serviceInputBox textarea {
    width: 100%;
    border: none;
    border-radius: 4px;
    background-color: #f2f7f9;
    height: 46px;
    padding: 5px 5px 5px 14px;
    margin-top: 6px;
    font-size: 16px;
    line-height: 26px;
    color: #999;
    height: 200px;
    font-family: var(--font1);

}

.serviceInputBox .stepCon .conBox2 .inpInnerBox input::placeholder {

    padding-right: 15px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    color: #999;
}

.serviceInputBox textarea::placeholder {
    color: #999;
    opacity: 1;
    font-family: var(--font1);
}

.serviceInputBox .need {
    color: #999;
    font-size: 16px;
}

.serviceInputBox .need a {
    color: #26EBF8;
}

@Media (max-width:1200px) {
    .serviceInputBox {
        padding: 60px 0;
    }

    .stepCon {
        margin-top: 60px;
    }

    .serviceInputBox .stepCon1 .conBox {
        margin-top: 30px;
        padding: 30px;
    }

    .serviceInputBox .stepCon .conBox2 .con2p2 {
        font-size: 24px;
        line-height: 30x;
    }
}

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

    .stepCon {
        margin-top: 40px;
    }

    .serviceInputBox .stepCon1 .con1 {
        padding: 20px;
    }

    .serviceInputBox .stepCon1 .con1Title {
        font-size: 20px;
        line-height: 30px;
    }

    .serviceInputBox .stepCon1 .con1 {
        margin-bottom: 10px;
    }

    .serviceInputBox .stepCon .conBox2 {
        padding: 20px;
    }
}

@media(max-width:700px) {
    .serviceInputBox .one .top {
        gap: 0 10px;
        font-size: 14px;
    }

    .serviceInputBox .stepCon .conBox2 .con2p2 {
        font-size: 20px;
    }
}

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

    .serviceInputBox .stepCon .conBox2 .inpInnerBox .inp1 {
        width: 100%;
    }

    .serviceInputBox .stepCon .conBox2 .inpInnerBox .codeBox {
        display: block;
    }

    .serviceInputBox .stepCon .conBox2 .inpInnerBox .codeBox input {
        margin: 10px 0;
    }
}

@media (max-width:500px) {
    .serviceInputBox .one .top p {
        height: 84px;
    }

    .pubnav a {
        line-height: unset;
    }
}

.con1 .ab1Con {
    align-items: flex-start;
}

.con1 .lg-title {
    margin-bottom: 24px;
}

.con1 .p3 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font3);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.con1 .p3 a {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font3);
}

.con2 {
    background-color: #F2F7F9;
    padding: 80px 0 120px 0;
    overflow: hidden;
}


.con2 .swiper-slide img {
    width: unset;
}

.con2 .countryName {
    font-family: var(--font2);
    margin: 16px 0 24px 0;
}

.con2 .p1 {
    font-family: var(--font2);
    font-size: 24px;
    line-height: 34px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.con2 .p2 {
    color: #999;
    margin-bottom: 20px;
}

.con2 .p2 a {
    color: #999;
}

.con2 .p2:last-of-type {
    margin-bottom: 0;
}

.con2 .p2 span {
    color: #26EBF8;
}

.con2 .con2SwBox {
    margin-top: -280px;
}

.con2 .con2Sw {
    width: 32%;
    overflow: unset;
    margin: unset;

}

.con2 .btnBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.con2 .swiper-slide {
    padding: 30px 32px 84px 32px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.80);
    margin: 0;
    position: relative;
    z-index: 1;
}

.con2 .swiper-slide-active::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 16px;
    padding: 1px;
    background: var(--bgcolor2);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

@media (max-width:1200px) {
    .con2 .swiper-slide {
        padding: 20px;
    }

    .con2 .p1 {
        font-size: 20px;
        line-height: 30px;
    }

    .con2 {
        padding: 60px 0;
    }
}

@media (max-width:1000px) {
    .con2 .con2Sw {
        width: 45%;
    }

    .con2 {
        padding: 40px 0;
    }

    .con1 .p3Box {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .con1 .p3Box i {
        flex-shrink: 0;
    }
}

@media (max-width:800px) {
    .con2 .con2Sw {
        width: 60%;
    }

    .con2 .con2SwBox {
        margin-top: -100px;
    }

    .con2 .btnBox {
        margin-bottom: 20px;
    }

    .con2 {
        padding: 20px 0;
    }

    .past5Con .ab12Con {
        margin-top: 10px;
    }

    .con1 .p3 {
        margin-bottom: 10px;
    }

}

@media (max-width:600px) {
    .con2 .con2Sw {
        width: 80%;
    }

    .con2 .con2SwBox {
        margin-top: 0;
    }

    .con1 .p3Box {
        display: none;
    }
}


.ab2 .ab2Con .left {
    position: sticky;
    top: 100px;
    left: 0;
}

.ab2 .ab2Con .earth {
    width: 26.07%;
    position: sticky;
    top: 100px;
    margin-right: calc(700px - 50vw + 50px);

}

.ab2 .ab2Con .earth2 {
    display: none;
}



.ab2 .ab2Con .earth img {
    max-width: unset;
}

.stats-list {
    width: 100%;
    margin: 0 auto;
    padding-top: calc(44vh - calc(var(--head) / 2) - 200px);
    padding-bottom: calc(44vh - calc(var(--head) / 2) - 200px)
}

.stat-item {
    margin-bottom: 70px;
    transform-origin: left center;
    transform: scale(0.5);
    opacity: 0.5;
    transition: all 0.3s;
    position: relative;
}

/* 数值容器：让普通/渐变文字重叠 */
.stat-num-wrap {
    position: relative;
    height: 80px;
    line-height: 1.2;
}

/* ########### 新增：desc包裹容器样式（和num-wrap一致）########### */
.stat-desc-wrap {
    position: relative;
    height: 24px;
    /* 和desc字体大小一致，避免重叠错位 */
    line-height: 1;
}

/* 普通文字 + 渐变文字：重叠定位（数字+描述通用） */
.stat-num.normal,
.stat-num.gradient,
.stat-desc.normal,
.stat-desc.gradient {
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
}

/* 普通数字：默认显示 */
.stat-num.normal {
    color: #999;
    opacity: 1;
    font-size: 80px;
    font-weight: bold;
}

/* 渐变数字：默认透明 */
.stat-num.gradient {
    background: var(--bgcolor2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    opacity: 0;
    font-size: 80px;
    font-weight: bold;
}

/* ########### 修改：拆分desc样式，普通/渐变分离 ########### */
/* 普通desc：默认显示，灰色 */
.stat-desc.normal {
    font-size: 24px;
    color: #999;
    opacity: 1;
}

/* 渐变desc：默认透明，继承渐变文字样式 */
.stat-desc.gradient {
    font-size: 24px;
    background: var(--bgcolor2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    opacity: 0;
}

/* 兼容无渐变的desc（其他item），保持原有样式 */
.stat-item:not([data-index="1"]) .stat-desc {
    font-size: 24px;
    color: #999;
}

@media (max-width:1400px) {
    .stat-num.gradient {
        font-size: 60px;
    }

    .stat-num.normal {
        font-size: 60px;
    }

    .stats-list {
        margin-left: 20px;
    }
}

@media (max-width:1500px) {
    .ab2 .ab2Con .earth {
        margin-right: calc(700px - 50vw + 25px);
    }
}

@media (max-width:1450px) {
    .ab2 .ab2Con .earth {
        margin-right: calc(700px - 50vw + 20px);
    }
}

@media (max-width:1350px) {
    .ab2 .ab2Con .earth {
        margin-right: calc(700px - 50vw - 10px);
    }
}

@media (max-width:1200px) {

    .ab2 .ab2Con .earth {
        position: unset;
        margin-right: 0;
        display: none;
    }

    .ab2 .ab2Con .earth .earth1 {
        display: none;
    }

    .ab2 .ab2Con .left {
        width: 60%;
    }

    .ab2 .ab2Con .left::before {
        right: -65px;
    }

    .ab2 .ab2Con .left::after {
        right: -65px;
    }

    .ab2 .ab2Con .left {
        padding-top: 40px;
    }
}

@media (max-width:750px) {
    .ab2 .ab2Con .right {
        display: none;
    }

    .ab2 .ab2Con .left::before {
        display: none;
    }

    .ab2 .ab2Con .left::after {
        display: none;
    }

    .ab2 .ab2Con .left {
        width: 100%;
        position: unset;
    }

    .ab2 .ab2Con {
        display: block;
    }

    .ab2 .ab2Con .earth {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .ab2 .ab2Con .earth img {
        max-width: 100% !important;
    }

    .ab2 .ab2Con .earth .earth2 {
        display: block;
    }

    .ab2 .ab2Con .left {
        padding-top: 20px;
    }

    .ab2 .ab2Con .left .e-d {
        margin-top: 20px;
    }

    .ab4 .p1 {
        font-size: 20px;
        line-height: 28px;
    }

    .ab4 {
        padding: 40px 0;
    }
    .ab1 .stopbtn {
   display: none;
}
}

footer {
    background-color: #1E1E1E;
    padding: 100px 0 40px 0;
}

footer .footer-c {
    border-bottom: 1px solid rgba(204, 204, 204, 0.8);
    display: flex;
    justify-content: space-between;
}

footer .left {
    width: 59%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 27px;
    padding-right: 58px;
    border-right: 1px solid #999;
    padding-bottom: 60px;
}

footer .p1 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: var(--font2);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .left .p1 i {
    display: none;
}

footer ul li {
    color: #ccc;
    font-size: 16px;
    line-height: 38px;
    display: flex;
    /* align-items: center; */
    gap: 0 10px;
}

footer ul li p {
    flex: 1;
}

footer ul li a {
    color: #ccc;
    font-size: 16px;
    line-height: 38px;

}

footer .right {
    width: 36.714%;
}

footer .right form {
    display: flex;
    align-items: center;
    margin-top: 22px;
    margin-bottom: 36px;
}

footer .right .inp {
    width: 70.038%;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.10);
    line-height: 28px;
    border: none;
    border-radius: 8px 0 0 8px;
    padding: 16px 18px;
    color: #ccc;
}

footer .right .sumbitBox {
    width: 29.961%;
    background: var(--bgcolor2);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    color: var(--color1);
    border: none;
    font-size: 16px;
    line-height: 28px;
    padding: 16px 10px;
    border-radius: 0 8px 8px 0;
}

footer .right .sumbitBox i {
    font-size: 23px;
}

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

footer .thirdBox {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 20px;
    color: #fff;

    margin-top: 40px;
}

footer .thirdBox a i {
    color: #fff;
    font-size: 20px;
}

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

footer .footer-b-r {
    color: #ccc;
    font-size: 14px;
    line-height: 24px;
    /* gap: 15px 30px; */

}

footer .footer-b-r .pcon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 34px;
    justify-content: flex-end;
}

footer .footer-b-r a {
    color: #CCCCCC;
}

@media (max-width:1200px) {
    footer .footer-c {
        display: block;
    }

    footer .left {
        width: 100%;
        padding-right: 0;
        border: none;
    }

    footer .right {
        width: 100%;
    }

    footer {
        padding: 40px 0 40px 0;
    }

    footer .left {
        padding-bottom: 20px;
    }
}

@media (max-width:750px) {
    footer .left ul {
        display: none;
    }

    footer .left {
        display: block;
    }

    footer .left .p1 i {
        display: block;
    }

    footer .footer-b {
        display: block;
    }

    footer .footer-b-r .pcon {
        justify-content: flex-start;
    }

    footer .footer-b-r {
        margin-top: 20px;
    }

    header .header-r {
        gap: 0 10px;
    }
}

@media (max-width:500px) {
    footer .right .sumbitBox i {
        display: none;
    }
}

@font-face {
    font-family: 'MontserratBold';
    src: url('../font/MontserratBold.eot');
    src: url('../font/MontserratBold.eot') format('embedded-opentype'),
        url('../font/MontserratBold.woff2') format('woff2'),
        url('../font/MontserratBold.woff') format('woff'),
        url('../font/MontserratBold.ttf') format('truetype'),
        url('../font/MontserratBold.svg#MontserratBold') format('svg');
}

@font-face {
    font-family: 'MontserratLight';
    src: url('../font/MontserratLight.eot');
    src: url('../font/MontserratLight.eot') format('embedded-opentype'),
        url('../font/MontserratLight.woff2') format('woff2'),
        url('../font/MontserratLight.woff') format('woff'),
        url('../font/MontserratLight.ttf') format('truetype'),
        url('../font/MontserratLight.svg#MontserratLight') format('svg');
}


@font-face {
    font-family: 'MontserratRegular';
    src: url('../font/MontserratRegular.eot');
    src: url('../font/MontserratRegular.eot') format('embedded-opentype'),
        url('../font/MontserratRegular.woff2') format('woff2'),
        url('../font/MontserratRegular.woff') format('woff'),
        url('../font/MontserratRegular.ttf') format('truetype'),
        url('../font/MontserratRegular.svg#MontserratRegular') 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=1766542444047') format('woff'),
        url('iconfont.ttf?t=1766542444047') format('truetype');
}

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

.icon-duanxinguanli:before {
    content: "\e60a";
}

.icon-gaode:before {
    content: "\e618";
}

.icon-facebook-fill:before {
    content: "\e88d";
}

.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 {
    width: 100%;
    height: 100%;
    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;
    }
}


.slideshow {
    position: relative;
}

.slideshow .wp {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -166.5px;
}

.slideshow .wp img {
    max-width: 100%;
    max-height: 80%;
}

.slideshow .item a img {
    width: 100%;
    -webkit-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    -moz-transition: all 6s ease-out;
    transition: all 6s ease-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow .item.slick-active img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    image-rendering: pixelated;
}

.slick-dots {
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    font-size: 0;
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.slick-dots li button {
    cursor: pointer;
    font-size: 0px;
    margin-left: 4.5px;
    margin-right: 4.5px;
    border: none;
    outline: none;
    width: 40px;
    height: 2px;
}

.slick-dots li.slick-active {
    background-color: var(--primary-color);
}

.slick-prev,
.slick-next {
    width: 56px;
    height: 56px;
    font-size: 0px;
    cursor: pointer;
    opacity: 0.6;
}

.slick-next:hover {
    opacity: 1;

}

.slick-prev:hover {
    opacity: 1;
}

.slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    left: 62px;
    z-index: 999;

    background: url('../images/leftsw.png') no-repeat center center;
}

.slick-next {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    right: 62px;
    z-index: 999;
    background: url(../images/rightsw.png ) no-repeat center center;
}

@media screen and (max-width: 1219px) {
    .slideshow .wp {
        margin-left: -490px;
    }
}

@media (max-width:1000px) {
    .slick-prev {
        display: none !important;
    }

    .slick-next {
        display: none !important;
    }

}

@media screen and (max-width: 999px) {

    .slideshow:hover .slick-prev,
    .slick-next {
        display: none !important;
    }

    .slideshow .wp {
        width: 100%;
        left: 0;
        margin-left: 0;
        height: 80%;
        top: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .slick-dots {
        bottom: 10px;
    }
}

.slideshow .item.slick-active.item_one img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slideshow .item.slick-active.item_one.on img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slide iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slick-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: 101%;
    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;
}

.slick-dots .slide-count {
    display: none;
}

@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;
    }
}


.ab3Con table tr td {
    border: none;
}

.ab3Con table tr td:nth-of-type(2) {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--font3);
    padding-left: 24px;
}

.ab3Con table tr td:first-child {
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.lg-title3 span {
    background: var(--bgcolor);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.ab5 .r-t-c.e-d strong {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
    font-weight: normal;
    font-family: var(--font1);
}

.ab5 .r-t-c.e-d {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--font3);
}

.lg-title2 span {
    border: none
}

.past5Con .list:hover {
    background: var(--bgcolor2);
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}


.stepCon4 .conBox2 .e-d {
    color: #333;
    margin-bottom: 55px;
}

#share_container .st-btn {
    display: inline-block !important;
    height: 44px !important;
    line-height: 44px !important;
    margin-right: 11px !important;
    padding: 0 10px !important;
    margin-top: 10px;
}

#st-1 .st-btn>img {
    display: inline-block;
    height: 26px;
    width: 26px;
    position: relative;
    top: 8px;
    vertical-align: top;
}

#share_container .st-btn img {
    top: 8px !important;
}




.probgTop {
    padding-bottom: 110px;
}

.probgTop .proCenter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 120px;
}

.probgTop .proCenter .proImgBox {
    width: 48.85714%;
}

.probgTop .topCon {
    margin-top: 0;
}

@media (max-width:800px) {
    .probgTop {
        background-size: cover;
        padding-bottom: 40px;
    }
.topCon .p1{
    margin: 20px 0;
}
    .probgTop .proCenter {
        display: block;
    }

    .probgTop .proCenter .topbtnBox {
        width: 100%;
    }

    .probgTop .proCenter .proImgBox {
        width: 100%;
    }

    .probgTop .proCenter .proImgBox img {
        margin: 0 auto;
    }
    .probgTop .proCenter{
        margin-top: 40px;
    }
}
@media (max-width:800px){
    .lg-title span{
        border-bottom: 3px solid #E6FF2A;
    }
}
@media (max-width:500px){
    .banner1 .mouseDown{
        display: none;
    }
}


header .wrapbox1{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.pronew2 .pronew2Con .right .e-d{
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    font-family: var(--font3);
    color: #333;
}
.pronew2 .pronew2Con .right .rightCon td{
    text-align: center;
}


.ab3{
    display:none;
}
.ab6{
       display:none;
}
.ab10 {
       display:none;
}
.ab11{
       display:none;
}