@charset "utf-8";

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

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;
    --primary-color: #134069;
}

.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: #194D26;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform-origin: center;
}

.nav1 {
    top: 0;
}

.nav2 {
    top: 12px;
}

.nav3 {
    bottom: 0;
}

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

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

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

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

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

header .show {
    transform: translateX(0)
}

.smnav .topnav {
    padding: 20px;
}

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

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

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

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

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

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

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

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

.search {
    position: relative;
    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 {
    display: flex;
    align-items: center;
    gap: 0 6px;
    cursor: pointer;
    position: relative;
}

.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;
}

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

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #fff;
}

header .h-t {
    background-color: var(--primary-color);
    color: #fff;
    padding: 7px 0;
}

header .h-t>div {
    display: flex;

    justify-content: space-between;
}

header .h-t .h-t-l {
    display: flex;
    gap: 0 40px;
}

header .h-t .h-t-l i {
    margin-right: 12px;
}

header .h-t a {
    color: #fff;
}

header .h-t a:hover {
    text-decoration: underline;
    color: #fff !important;
}

header .h-b .range {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .header-c {
    display: flex;
}

header .header-c>ul {
    display: flex;
    align-items: center;
    gap: 0 52px;
}

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

header .header-c>ul>li>a {
    font-size: 18px;
    color: var(--primary-color);
    line-height: 30px;
    padding: 29.5px 0;
    position: relative;
}

header .header-c>ul>li ul {
    position: absolute;
    min-width: 260px;
    white-space: nowrap;
    top: 100%;
    left: 0;
    border-radius: 5px;
    background-color: #fff;
    z-index: 2;
    padding: 34px 0 24px 0;
    display: none;
    box-shadow: 0 10px 30px 0 rgba(15, 51, 83, 0.12);
}
header .header-c>ul>li .active-l>a {
    color: var(--primary-color);
}

header .header-c>ul>li ul a {
    font-size: 18px;
    line-height: 54px;
    padding: 0 32px;
    color: #4D4D4D;
}

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

header .header-c>ul>li>ul>li>ul {
    left: 100%;
    top: -32px;
}

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

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

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

header .header-r {
    display: flex;
    align-items: center;
    gap: 0 37px;
    margin-left: 131px;
    color: var(--primary-color);
}

header .header-r .earth {
    font-size: 20px;
}

.hh {
    height: 130px;
}

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

    .hh {
        height: 126px;
    }

    .snav {
        display: block;
    }

    .headerLogo {
        width: 100px;
    }
}

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

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

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

    header .header-r {
        gap: 0;
    }

    .snav {
        transform: scale(0.5);
    }

    .languageBox {
        left: -50px;
    }

    .hh {
        height: 58px;
    }
}

.star {
    position: relative;
}

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

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



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


img {

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

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

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

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

.clear {
    clear: both;
}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

body {
    font-family: 'PoppinsRegular';
    font-size: 16px;
    line-height: 26px;
}

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

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

}

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

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

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


.slidNav .weixinLi:hover .weixin {
    display: block;
}
.slidNav li .weixin img {
    width: 100%;
}

.slidNav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #B3B3B3;
}

.slidNav li .slideOne {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #B3B3B3;
    cursor: pointer;
}

.slidNav li .slideOne:hover {
    background-color: var(--primary-color);
}

.slidNav li a:hover {
    background-color: var(--primary-color);
}

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

.slidNav i {
    color: #fff;
    font-size: 20px;
}

@media (min-width:1150px) {
    .slidNav {
        display: none;
    }
}

@media (max-width:1150px) {
    .slidNav {
        top: unset;
        width: 100%;
        bottom: 0;
        border-radius: 0px;
        padding: 0;
    }

    .slidNav li {
        border: none;
        padding: 0;
    }

    .slidNav ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center;
        background: rgba(255, 255, 255, 0.5);
        padding-top: 10px;
    }

    .slidNav ul li {
        margin-bottom: 0;
    }

    .slidNav li .weixin {
        bottom: 130%;
        right: -80%;
    }


    .footer1 {
        padding-bottom: 60px;
    }
}

.imgHbox {
    overflow: hidden;
}

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

.NshareBox {
    color: #808080;
    display: flex;
    align-items: center;
    margin-top: 24px;
    border-bottom: 1px solid #C3C3C3;
    padding-bottom: 31px;
    margin-bottom: 30px;
}

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

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

.NshareBox .shareBox {
    display: flex;
    align-items: center;
}

.ind1 .ind1t {
    /*background: #f5f8fa;*/
    background: #F2F2F3;
}

.f24 {
    font-size: 24px;
    line-height: 36px;
}

.ind1 .ind1t .p1 {
    color: var(--primary-color);
    font-family: "PoppinsSemiBold";
    text-align: center;
    padding: 30px 0;
}

.ind1 .ind1Con {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.ind1 .left {
    width: 5%;
    position: relative;
}

.ind1 .left::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 106px;
    background-color: var(--primary-color);
    bottom: calc(100% + 30px);
    left: 50%;
    transform: translateX(-50%);
}

.ind1 .left .ind1Lt {
    color: var(--primary-color);
    font-size: 64px;
    line-height: 70px;
    font-family: "PoppinsSemiBold";
    writing-mode: vertical-rl
}

.pubTitle {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 44px;
    font-family: "PoppinsMedium";
}

.ind1 .pubTitle {
    padding-right: 13px;
    display: block;
}

.moreBtn {
    color: #fff;
    line-height: 28px;
    background-color: var(--primary-color);
    padding: 6px 6px 6px 24px;
    border-radius: 999px;
    display: inline-block;
    border: 1px solid transparent;

}

.moreBtn i {
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
    color: var(--primary-color);
    display: inline-block;
    margin-left: 16px;
}

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

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

.moreBtn1 {
    background-color: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.moreBtn1 i {
    background-color: var(--primary-color);
    color: #fff;
}

.moreBtn1:hover {
    text-decoration: underline;
}



.ind1 .right {
    width: 89.285%;
}

.ind1 .right .r-t {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ind1 .right .r-t-l {
    width: 43.68%;
}

.ind1 .right .r-t-l .e-d {
    margin-top: 28px;
    margin-bottom: 40px;
}

.ind1 .right .r-t-l .e-d em {
    font-style: normal;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
    position: relative;
    display: block;
    padding-left: 32px;
}

.ind1 .right .r-t-l .e-d em::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/check1.png);
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
}

.ind1 .right .r-t-r {
    width: 51.76%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.ind1 .right .r-t-r .stopBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ind1  .r-b {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.ind1  .r-b .one {
        width: 22.85714%;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    background: var(--primary-color);
    /* padding: 20px 34px 17px 34px; */
    padding: 20px 28px 34px 28px;
}

.ind1  .r-b .one .num {
    font-size: 22px;
}

.ind1  .r-b .one .num span {
    font-size: 36px;
    line-height: 46px;
    font-family: "PoppinsSemiBold";
}

.ind1  .r-b .one .numCon {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}

@media (max-width:1600px) {
    header .header-r {
        margin-left: 20px;
    }

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

@media (max-width:1350px) {
    header .h-t .p1 {
        display: none;
    }

    header .header-c ul>li>a {
        font-size: 16px;
    }

    header .header-r {
        gap: 0 10px;
    }

    .ind1 .ind1t .p1 {
        padding: 10px 0;
    }

    .ind1 .right .r-b .one {
        width: 24%;
    }
}

@media (max-width:1200px) {
    header .h-b .range {
        width: 95%;
    }

    .ind1 .right .r-t {
        align-items: center;
    }

    .pubTitle {
        font-size: 28px;
        line-height: 35px;
    }

    .ind1  .r-b .one .num {
        font-size: 28px;
    }

}

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

    .slick-none {
        display: none;
    }

    .h-b {
        padding: 10px 0;
    }

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



    .ind1  .r-b .one {
        padding: 15px;
    }

    .ind1  .r-b {
        margin-top: 43px;
    }
}

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

    .ind1 .left {
        width: 100%;
        text-align: center;
    }

    .ind1 .left .ind1Lt {
        writing-mode: unset;
        font-size: 50px;
        line-height: 40px;
    }

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

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

    .ind1 .right {
        width: 100%;
    }

    .ind1 .right .r-t-l .e-d {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .ind1  .r-b .one .num {
        font-size: 28px;
    }

    .ind1  .r-b {
        margin-top: 23px;
    }

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

@media (max-width:800px) {
    .pubTitle {
        font-size: 25px;
        line-height: 30px;
    }

    .ind1 .right .r-t {
        display: block;
    }

    .ind1 .right .r-t-l {
        width: 100%;
    }

    .ind1 .right .r-t-r {
        width: 100%;
        margin-top: 10px;
    }

    .ind1 .right .r-t-r img {
        margin: 0 auto;
    }

    .ind1 .left .ind1Lt {
        font-size: 40px;
        line-height: 30px;
    }

    .ind1 .left .ind1Lt {
        font-size: 30px;
    }
}

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

    .logoBox img {
        width: 50px;
    }

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

    .ind1  .r-b .one {
        width: 48%;
    }

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


@media (max-width:500px) {
    .pubTitle {
        font-size: 20px;
        line-height: 30px;
    }

    .ind1  .r-b {
        margin-top: 10px;
    }

    .h-b {
        padding: 0;
    }

    .ind1 .left .ind1Lt {
        font-size: 25px;
    }
}

@media (max-width:400px) {
    .ind1  .r-b .one {
        width: 100%;
    }
}

.ind2 {
    margin-top: 60px;
}

.ind2 .ind2Con {
    border-radius: 20px;
    display: flex;
    overflow: hidden;

}

.ind2 .ind2Con .one {
    width: 15%;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    transition: width 0.5s ease, opacity 0.5s ease;
    overflow: hidden;
}

.ind2 .ind2Con .one:first-child {
    border-left: 1px solid transparent;
}

.ind2 .ind2Con .one:last-of-type {
    border-right: 1px solid transparent;
}

.ind2 .ind2zhezhao {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    /*background: linear-gradient(0deg, rgba(0, 26, 66, 0.70) 0%, rgba(0, 26, 66, 0.70) 100%);*/
        background: linear-gradient(0deg, rgba(0, 26, 66, 0.45) 0%, rgba(0, 26, 66, 0.45) 100%);
}

.ind2 .ind2Con .one .ind2Bom {
    position: absolute;
    z-index: 2;
    left: 24px;
    bottom: 24px;
    padding-right: 36px;
}

.ind2 .ind2Con .one .ind2Bom .p1 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 14px 0 16px 0;
    font-family: "PoppinsMedium";
}

.ind2 .ind2Con .one .ind2Bom .p2 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    line-height: 30px;
    text-align: center;
    color: #fff;
    flex-shrink: 0;
}

.ind2 .ind2Con .one .ind2Bom .p2 i {
    font-size: 14px;
}

.ind2 .ind2Con .one .one-l {
    display: flex;
    justify-content: center;
}

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

.ind2 .ind2Con .active {
    width: 40%;
}

.ind2 .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; */
}

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

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

.ind2 .ind2Con .one .one-r {
    background-repeat: no-repeat;

}

/* .ind2 .ind2Con .one .one-r .one-rbg{
    width: 100%;
    opacity: 0.1;
} */
.ind2 .ind2Con .one .one-r .one-r-t {
    position: relative;
    width: 100%;
}

.ind2 .ind2zhezhao2 {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 0;
}

.ind2 .one-r-t .r-t1 {
    width: 100%;
    background: rgba(19, 64, 105, 0.90);
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-family: "PoppinsMedium";
    padding: 19px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 16px;
}

.ind2 .one-r-t .r-t-c {
    padding: 30px 40px;
    height: 370px;
    overflow-y: auto;
}

.ind2 .one-r-t .r-t-c em {
    font-style: normal;
    color: var(--primary-color);
    line-height: 38px;
    font-family: "PoppinsSemiBold";
    position: relative;
    display: block;
    padding-left: 20px;
}

.ind2 .one-r-t .r-t-c em::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--primary-color);
    top: 16px;
    left: 0;
}

.ind2 .ind2Bom1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 49px;
}

@media (max-width:1200px) {
    .ind2 .ind2Con .one .ind2Bom .p1 {
        font-size: 16px;
    }

    .ind2 .one-r-t .r-t-c {
        padding: 10px 20px;
    }
}

@media (max-width:1050px) {
    .ind2 .ind2Con .one {
        width: 49%;
    }

    .ind2 .ind2Con .one .one-r {
        background-size: cover;
    }

    .ind2 .ind2Con {
        flex-wrap: wrap;
    }

    .ind2 .ind2Con .one .one-l {
        display: none;
    }

    .ind2 .ind2Con .active .one-r {
        opacity: 1;
    }

    .ind2 .ind2Con .one .one-r {
        position: unset;
        opacity: 1;
    }
}

@media (max-width:800px) {
    .ind2 .one-r-t .r-t-c {
        padding: 15px;
    }

    .ind2 .one-r-t .r-t1 {
        font-size: 18px;
    }

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

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

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

.ind3 {
    background-image: url(../images/index4.png);
    background-repeat: no-repeat;
    padding: 90px 0;
    margin-top: 68px;
    background-size: cover;
}

.pubTop {
    text-align: center;
}

.pubTop .p1 {
    color: var(--primary-color);
    font-size: 14px;
    font-family: "PoppinsMedium";
    opacity: 0.8;
    margin-bottom: 9px;
}

.pubTop .pubTitle {
    font-family: 'PoppinsSemiBold';
}

.pubTop a:hover {
    text-decoration: underline;

}

.lg-title {
    color: var(--primary-color);
    font-size: 40px;
    line-height: 50px;
    font-family: "PoppinsSemiBold";

}

.bubble {
    position: relative;
    display: inline-block;
}

.bubble::after {
    content: '';
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary-color);
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-38%, -20%);
}

.ind7 .bubble::after {
    background-color: #fff;
}

.ind3 .ind3SwBox {
    margin-top: 70px;
    position: relative;
}

.ind3 .ind3SwBox .imgHbox {
    border-radius: 20px;
    box-shadow: 0 10px 30px 0 rgba(15, 51, 83, 0.12);
    background-color: #fff;
}

.ind3 .ind3SwBox .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsMedium";
    margin-top: 23px;
    display: block;
    text-align: center;
}

.ind3 .ind3SwBox .p1:hover {
    text-decoration: underline;
}

.btnBox p {
    position: absolute;
    width: 46px;
    height: 46px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    color: var(--primary-color);
    top: 145px;
    cursor: pointer;
}

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

.ind3 .ind3SwBox .btnBox p:first-child {
    left: -96px;
}

.ind3 .ind3SwBox .btnBox p:last-child {
    right: -96px;
}

.ind3 .ind3Btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 59px;
}

.ind4 {
    background-image: url(../images/index6.png);
    margin-top: 0 !important;

}

@media (max-width:1650px) {
    .ind3 .ind3SwBox .btnBox {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 10px;
    }

    .ind3 .ind3SwBox .btnBox p {
        position: unset;
    }

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

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

    .ind3 .ind3SwBox {
        margin-top: 40px;
    }
}

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

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

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

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

    .ind3 .ind3SwBox {
        margin-top: 10px;
    }

    .ind3 .ind3Btn {
        margin-top: 10px;
    }
}

.ind5 {
    padding-top: 120px;
    padding-bottom: 110px;
    background-image: url(../images/index5bg.png);
    background-repeat: no-repeat;
    background-position: right 138px bottom 80px;
}

.ind5 .pubTop {
    margin-bottom: 56px;
}

.ind5 .mySwipe {
    position: relative;
}
.ind5 .mySwiper .swiper-wrapper{
    align-items: center;
}
.ind5 .mySwiper .swiper-slide {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsMedium";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 14px;
    padding: 11px 5px;
    text-align: center;
    border-radius: 999px;
    border: 1px solid rgba(19, 64, 105, 0.20);
    cursor: pointer;
}

.ind5 .mySwiper .swiper-slide-thumb-active {
    background-color: var(--primary-color);
    color: #fff;
}

.ind5 .mySwiper .swiper-slide-thumb-active i {
    rotate: -40deg;
}

.ind5 .ind5Con {
    position: relative;
}
.ind5Con .ind5ConBtnbox{
    position: relative;
}
.ind5 .ind5Con .btnBox1 p {
    color: #808080;
    cursor: pointer;
    position: absolute;
     top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.ind5 .ind5Con .btnBox1 p:hover {
    color: var(--primary-color);
}

.ind5 .ind5Con .btnBox1 p:first-child {
    left: -50px;
}

.ind5 .ind5Con .btnBox1 p:last-child {
    right: -50px;
}

.ind5 .mySwiper2 {
    margin-top: 69px;
}

.ind5 .mySwiper2 .sw2Info {
    display: flex;
    justify-content: space-between;
}

.ind5 .mySwiper2 .sw2Info .left {
    width: 45.714%;
    border-radius: 40px;
    overflow: hidden;
}

.ind5 .mySwiper2 .sw2Info .right {
    width: 48.5%;
}

.ind5 .mySwiper2 .sw2Info .right .line {
    width: 80px;
    height: 4px;
    background: var(--primary-color);
    margin: 24px 0 30px 0;
}

.ind5 .mySwiper2 .sw2Info .right .sw2Ed em {
    font-style: normal;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
    position: relative;
    padding-left: 32px;
    display: block;
    margin-bottom: 16px;
}

.ind5 .mySwiper2 .sw2Info .right .sw2Ed em::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/check2.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
}

.ind5 .mySwiper2 .moreBtnBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ind5 .mySwiper2 .moreBtn {
    margin-top: 50px;
}

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

    .ind5 .mySwiper2 .sw2Info {
        align-items: center;
    }

    .ind5 .mySwiper2 .sw2Info .right .line {
        margin: 10px 0;
    }

    .ind5 {
        background-position: right bottom;
    }
}

@media (max-width:1000px) {
    .ind5 .ind5Con .btnBox1 p {
        position: unset;
    }

    .ind5 .ind5Con .btnBox1 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 10px;
    }

    .ind5 .mySwiper .swiper-slide {
        padding: 10px;
    }

    .ind5 {
        padding: 40px 0;
    }

    .ind5 .mySwiper2 {
        margin-top: 40px;
    }
}

@media (max-width:900px) {
    .ind5 .mySwiper2 .sw2Info {
        display: block;
    }

    .ind5 .mySwiper2 .sw2Info .left {
        width: 100%;
    }

    .ind5 .mySwiper2 .sw2Info .left img {
        margin: 0 auto;
    }

    .ind5 .mySwiper2 .sw2Info .right {
        width: 100%;
        margin-top: 10px;
    }

}

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

    .ind5 .mySwiper2 {
        margin-top: 20px;
    }

}

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

    .ind5 .mySwiper2 {
        margin-top: 10px;
    }
}

.ind6 {
    /*background-color: #f5f8fa;*/
    background-color: #F2F2F3;
    padding-top: 80px;
}

.ind6 .e-d {
    margin: 36px 0 54px 0;
}

.ind6 .ind6Top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ind6 .ind6Top .pubTop {
    text-align: left;
}

.ind6 .ind6SwBox .swiper-slide {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

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

.ind6 .ind6zhezhao {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.60) 100%);
}

.ind6 .ind6SwBox .ind6Con {
    position: absolute;
    width: 100%;
    bottom: 24px;
    padding: 0 24px;
    z-index: 2;
}

.ind6 .ind6SwBox .ind6Con .p1 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
}

.ind6 .ind6SwBox .ind6Con .p2 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-top: 24px;
    display: none;
}

.ind6 .ind6SwBox .ind6Con .p2:hover {
    font-weight: bold;
    color: #fff !important;
}

.ind6 .ind6SwBox .swiper-slide:hover .p2 {
    display: flex;

}

.ind6 .ind6SwBox .btnAndSlide {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 112px;
    padding-bottom: 98px;

}

.ind6 .ind6SwBox .btnBox {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    gap: 0 20px;
}

.ind6 .ind6SwBox .btnBox p {
    position: unset;
}

.ind6 .ind6SwBox .paginsw6 {
    opacity: 1;
    width: unset;
    display: flex;
    gap: 0 5px;
}

.ind6 .ind6SwBox .paginsw6 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid var(--primary-color);
    opacity: 0.3;
    background-color: var(--primary-color);
}

.ind6 .ind6SwBox .paginsw6 .swiper-pagination-bullet-active {
    width: 28px;
    opacity: 1;
    border-radius: 999px;
    background: var(--primary-color);
}

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

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

    .ind6 .ind6SwBox .btnAndSlide {
        padding-bottom: 30px;
    }
}

@media (max-width:650px) {
    .ind6 .ind6Top {
        display: block;
    }

    .ind6 .ind6Top .pubTop {
        margin-bottom: 10px;
    }
}

@media (max-width:550px) {
    .ind6 .ind6SwBox .btnBox {
        position: unset;
    }

    .ind6 .ind6SwBox .btnAndSlide {
        flex-direction: column;
        gap: 10px 0;
    }
}

.ind7 {
    background-color: var(--primary-color);
    background-image: url(../images/index9.png);
    background-repeat: no-repeat;
    background-position: top right 20px;
    padding: 42px 0;
}

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

.ind7 .left {
    width: 49.428%;
    padding-top: 23px;
}


.ind7 .left .pubTop {
    text-align: left;
    color: #fff;
}

.ind7 .left .pubTop .p1 {
    color: #fff;
}

.ind7 .left .pubTop .lg-title {
    color: #fff;
}

.ind7 .left .pubTop .lg-title:hover {
    /* text-decoration: underline; */
    color: #fff !important;
}

.ind7 .left .e-d {
    color: #fff;
    margin: 33px 0 56px 0;
}

.ind7 .right {
    width: 40.714%;
}

.ind7 .right .one {
    display: flex;
    gap: 0 20px;
    align-items: center;
    margin-bottom: 30px;
    color: #fff;
}

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

.ind7 .right .one img {
    flex-shrink: 0;
}

.ind7 .right .p1 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
}

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

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

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

    .ind7 .right {
        width: 100%;
    }

    .ind7 .left .e-d {
        margin: 10px 0 20px 0;
    }
}

.ind8 {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 90px 0 60px 0;
}

.ind8 .ind8zhezhao {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 73.21%, rgba(0, 0, 0, 0.40) 100%);
}

.ind8 .ind8SwBox {
    margin-top: 60px;
}

.ind8 .ind8SwBox .swiper-slide {
    display: flex;
    justify-content: space-between;
}

.ind8 .ind8SwBox .left {
    /*width: 47.857%;*/
    width:100%;
}

.ind8 .ind8SwBox .left .left-t {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.ind8 .ind8SwBox .left .p1 {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-family: "PoppinsMedium";
    position: absolute;
    bottom: 20px;
    left: 24px;
    z-index: 3;
}

.ind8 .ind8SwBox .left .left-b {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.ind8 .ind8SwBox .left-b .one {
    width: 47.611%;
    color: #4d4d4d;
}

.ind8 .ind8SwBox .left-b .one .imgHbox {
    border-radius: 20px;
    display: block;
    margin-bottom: 12px;
}

.ind8 .ind8SwBox .btnAndSlide {
    margin-top: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 112px;
    padding-bottom: 80px;

}

.ind8 .ind8SwBox .paginsw6 {
    opacity: 1;
    width: unset;
    display: flex;
    gap: 0 5px;
}

.ind8 .ind8SwBox .paginsw6 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid var(--primary-color);
    opacity: 0.3;
    background-color: var(--primary-color);
}

.ind8 .ind8SwBox .paginsw6 .swiper-pagination-bullet-active {
    width: 28px;
    opacity: 1;
    border-radius: 999px;
    background: var(--primary-color);
}

.ind8 .ind8Ed {
    width: 71.428%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 52px;
}

.ind8 .logoSwiper {
    margin-bottom: 30px;
}

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

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

.ind8 .logoSwiper .bd ul li {
    width: 328px;
    margin-right: 30px;
    text-align: center;
    float: left;
    border-radius: 20px;
    overflow: hidden;
}

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

    .ind8 .ind8SwBox .left .p1 {
        font-size: 20px;
    }

    .ind8 .ind8SwBox {
        margin-top: 40px;
    }
}

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

    .ind8 .ind8SwBox .swiper-slide {
        display: block;
    }

    .ind8 .ind8SwBox .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .ind8 .ind8SwBox .left img {
        width: 100%;
    }

    .ind8 .ind8SwBox {
        margin-top: 20px;
    }

    .ind8 .ind8SwBox .btnAndSlide {
        padding-bottom: 20px;
    }

    .ind8 .ind8Ed {
        width: 100%;
    }
}

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

    .ind8 .ind8SwBox {
        margin-top: 10px;
    }
}

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



.ind9 {
    padding: 80px 0 90px 0;
    background: #fff;
}

.ind9 .friend {
    margin-top: 70px;
}

.ind9 .ind9Con {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.ind9 .ind9Con .left {
    width: 48.5714%;
}

.ind9 .ind9Con .left .top {
    position: relative;
}

.ind9 .ind9Con .left .top .p1 {
    width: 100%;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
    position: absolute;
    bottom: 18px;
    text-align: center;
}

.ind9 .ind9Con .left .top .p1 span {
    font-size: 40px;
    line-height: 50px;
}

.ind9 .ind9Con .left .e-d {
    margin-top: 28px;
}

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

    .ind9 .friend {
        margin-top: 40px;
    }

    .ind9 .ind9Con {
        margin-top: 40px;
    }

    .ind9 .ind9Con .left .top .p1 span {
        font-size: 30px;
        line-height: 30px;
    }
}

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

    .ind9 .friend {
        margin-top: 20px;
    }

    .ind9 .ind9Con {
        margin-top: 20px;
    }
}

@media (max-width:600px) {
    .ind9 .ind9Con {
        display: block;
    }

    .ind9 .ind9Con .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .ind9 .ind9Con .left .e-d {
        margin-top: 10px;
    }
}

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

    .ind9 .friend {
        margin-top: 10px;
    }

    .ind9 .ind9Con {
        margin-top: 10px;
    }
}

.ind10 {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 90px 0;
}

.ind10 .ind6Top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ind10 .ind6Top .pubTop {
    text-align: left;
}

.ind10 .ind10List {
    margin-top: 60px;
    display: flex;
    gap: 0 2.85%;
    /* justify-content: space-between; */
}

.ind10 .ind10List .one {
    width: 31.428%;
}

.ind10 .ind10List .one .imgHbox {
    border-radius: 20px;
    display: block;
}

.ind10 .ind10List .one .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsMedium";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 24px;
}

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

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

    .ind10 .ind10List {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .ind10 .ind10List .one {
        width: 49%;
    }

    .ind10 .ind10List {
        margin-top: 20px;
    }

}

@media (max-width:600px) {
    .ind10 .ind6Top {

        display: block;
    }

    .ind10 .ind6Top .pubTop {
        margin-bottom: 10px;
    }
}

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

    .ind10 .ind10List .one {
        width: 100%;
    }
}

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

.pubNav {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
}

.pubNav>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 0;
    gap: 5px;
}

.pubNav a {
    color: var(--primary-color);
}

.pubNav a:hover {
    color: #666 !important;
}

.pubNav .active {
    color: #666;
}

.com1 {
    padding-top: 70px;
}

.com1 .lg-title {
    text-align: center;
}

.com1 .p1 {
    color: var(--primary-color);
    font-family: "PoppinsSemiBold";
    text-align: center;
    margin-top: 24px;
}

.com1 .com1Con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

.com1 .com1Con .left {
    width: 47.1428%;
}

.com1 .com1Con .right {
    width: 46.214%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.com1 .com1Con .right .stopBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.com1 .r-b {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.com1 .r-b .one {
    width: 22.857%;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    background: var(--primary-color);
    padding: 20px 28px 34px 28px;
}

.com1 .r-b .one .num span {
    font-size: 36px;
    line-height: 46px;
    font-family: "PoppinsSemiBold";
}

.com1 .r-b .one .num {
    font-size: 22px;
    font-family: "PoppinsSemiBold";
}

.com1 .r-b .one .numCon {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}

.imgWidth img {
    width: 100%;
}

.com1 .com1-b {
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.com1 .com1-b .left {
    width: 45.714%;
    border-radius: 20px;
    overflow: hidden;
}

.com1 .com1-b .right {
    width: 47.1428%;
}

.com1 .com1-b .right .lg-title {
    margin-bottom: 32px;
    text-align: left;
}

.com2 {
    padding: 90px 0 72px 0;
    overflow: hidden;
}

.com2 .lg-title {
    text-align: center;
}

.com2 .e-d {
    width: 71.4285%;
    margin: 0 auto;
    margin-top: 24px;
}

.com2Sw {
    margin-top: 50px;
}
.com2Sw .range1{
    width: 100%;
}
.com2Sw .inbanner1 {
    /* width: 22.91666%; */
    overflow: unset;
    /* margin-left: 0; */
}

.com2Sw .inbanner1 .swiper-slide {
    border-radius: 20px;
    overflow: hidden;
}


.com2Sw .scrollBtnBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 26px;
    margin-top: 58px;
}

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

.com2Sw .btnBox p {
    width: 46px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    background-color: var(--primary-color);
    position: unset;
    border: 1px solid var(--primary-color);
}

.com2Sw .btnBox p:hover {
    background: #fff;
    color: #141414;
    border: 1px solid var(--primary-color);
}


.com2Sw .swiper-scrollbar {
    width: 90%;
    background: rgba(204, 204, 204, 0.8);
    height: 1px;
    position: relative;
}

.com2Sw .swiper-scrollbar-drag {
    height: 3px;
    background-color: var(--primary-color);
}


.com3 {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 21px 0 80px 0;
}

.com3 .com3Top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 30px;
    flex-wrap: wrap;
    margin-top: 68px;
}

.com3 .com3Top .one {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsMedium";
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 14px;
    width: 22.857%;
    padding: 11px;
    border-radius: 999px;
    border: 1px solid rgba(19, 64, 105, 0.20);
    background-color: #fff;
    cursor: pointer;
}

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

.com3 .com3Top .active i {
    transform: rotate(-40deg);
}

.com3 .com3Top .one:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.com3 .com3Top .one:hover i {
    transform: rotate(-40deg);
}

.com3 .com3Con .one {
    margin-top: 66px;
    /* display: none; */
}

.com3 .two {
    margin-top: 70px;
    display: none;
}

.com3 .three {
    margin-top: 60px;
    display: none;
}

.com3 .com3ConOne .pubTitle {
    font-family: "PoppinsSemiBold";
}

.com3 .com3ConOne .oneCon {
    color: #134069;
    font-family: 'PoppinsMedium';
    line-height: 28px;
    width: 71.4285%;
    margin-top: 18px;
}

.com3 .one .oneCon2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 23px;
}

.com3 .two .oneCon2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 52px;
}

.com3 .com3ConOne .oneCon2 .left {
    width: 48.5714%;
}

.com3 .com3ConOne .oneCon2 .left .com3Ed {
    color: #6D6658;
}

.com3 .com3ConOne .oneCon2 .left .com3Ed strong {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
}

.com3 .com3ConOne .oneCon2 .right {
    width: 45%;
    border-radius: 20px;
}

.com3 .com3Con .com3Third {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}



.com3 .three .threep1 {
    color: var(--primary-color);
    font-family: "PoppinsSemiBold";
    margin-top: 40px;
    margin-bottom: 12px;
}

.com3 .three .threeEd {
    color: #6D6658;
}

.com3 .com3Con .com3Third .thirdOne {
    width: 33.333333%;
    position: relative;
}

.com3 .com3Con .com3Third .thirdOne:hover .thirdPop {
    display: block;
}

.com3 .com3Con .com3Third .thirdOne .thirdTitle {

    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
}

.com3 .com3Con .com3Third .thirdOne .thirdzhezhao {
    position: absolute;
    bottom: 0;
    padding: 20px 30px;
    background: linear-gradient(180deg, rgba(0, 26, 66, 0.00) 0%, rgba(0, 26, 66, 0.80) 100%);
}

.com3 .com3Con .com3Third .thirdPop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--primary-color);
    padding: 53px 29px 0 30px;
    display: none;
}

.com3 .com3Con .com3Third .thirdOne .thirdEd {
    color: #fff;
    margin-top: 14px;
}

.com4 {
    padding-top: 80px;
}

.com4 .lg-title {
    text-align: center;
}

.com4 .com4Con {
    margin-top: 34px;
    display: flex;
    justify-content: space-between;
}

.com4 .com4Con .left {
    width: 42.35714%;
}

.com4 .com4Con .left .com4Ed em {
    font-style: normal;
    color: #134069;
    font-size: 18px;
    line-height: 30px;
    display: block;
    position: relative;
    border-bottom: 1px solid #E6E6E6;
    padding: 24px 0;
    padding-left: 32px;
}

.com4 .com4Con .left .com4Ed em::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 28px;
    left: 0;
    background-image: url(../images/check2.png);
    background-repeat: no-repeat;
}

.com4 .com4Con .right {
    width: 43.5714%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding-top: 26px;
}

.com4 .com4Con .right .rightImg1 {
    width: 78.68852%;
    border-radius: 30px;
    overflow: hidden;
}

.com4 .com4Con .right img {
    width: 100%;
}

.com4 .com4Con .right .rightImg2 {
    position: absolute;
    left: 0;
    top: 93px;
    border-radius: 30px;
    overflow: hidden;
}

.com4 .com4Con .right .rightP1 {
    color: #fff;
    font-size: 28px;
    font-family: "PoppinsMedium";
    border-radius: 999px;
    background-color: var(--primary-color);
    padding: 20px 40px;
    position: absolute;
    left: 0;
    bottom: 34px;
}

.com5 {
    padding: 96px 0 90px 0;
}

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

.com5 .left {
    width: 45.71428%;
    border-radius: 20px;
    overflow: hidden;
}

.com5 .right {
    width: 44.2857%;
}

.com5 .right .p1 {
    color: var(--primary-color);
    font-size: 24px;
    line-height: 36px;
    font-family: 'PoppinsSemiBold';
}

.com5 .right .com5Ed {
    color: #6D6658;
    margin: 40px 0;
}

.com5 .right .p2 {
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
    margin-bottom: 40px;
}

.com6 {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 95px 0 70px 0;
}

.com6 .com6Top {
    display: flex;
    justify-content: space-between;
}

.com6 .com6Top .left {
    width: 36.0714%;
}

.com6 .com6Top .left .moreBtn {
    margin-top: 40px;
}

.com6 .com6Top .right {
    width: 44.21428%;
}

.com6 .com6Con {
    margin-top: 45px;
}

.com6 .com6Con img {
    margin: 0 auto;
}

.com7 {
    position: relative;
    background-image: url(../images/comp9.jpg);
    background-repeat: no-repeat;
    padding: 80px 0 90px 0;
    background-size: cover;
}

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

.com7 .range {
    position: relative;
    z-index: 1;
}

.com7 .lg-title {
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}

.com7 .com7P1 {
    width: 83.4285%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.com7 .com7Con {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 50px;
    display: flex;
}

.com7 .com7Con .one {
    width: 25%;
    padding: 46px 24px;
    background-color: #fff;
    border-right: 1px solid #b3b3b3;
}

.com7 .com7Con .one:hover {
    background-color: var(--primary-color);
}

.com7 .com7Con .one:hover .p1 {
    color: #fff;
}

.com7 .com7Con .one:hover .e-d {
    color: #fff;
}

.com7 .com7Con .one .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: 'PoppinsSemiBold';
}

.book1Box {
    padding-top: 80px;
}

.book1Box .lg-title {
    text-align: center;
}

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

}

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

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

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

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

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

        transform-origin: 145% 50%;
    }

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

    .book1Box .aboutSwip .swiper-slide-prev img,
    .book1Box .aboutSwip .swiper-slide-next img {
        transform: scale(0.85);
        transform-origin: 85% 50%;
    }

    .book1Box .aboutSwip .swiper-slide-next img {
        transform-origin: 11% 50%;
    }

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

    .book1Box .btnBox1 {
        width: 100%;



    }

    .book1Box .btnBox1 p {
        width: 46px;
        height: 46px;
        border: 1px solid #134069;
        line-height: 44px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
        cursor: pointer;
    }

    .book1Box .btnBox1 p:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

    .book1Box .btnBox1 p:first-child {
        left: 0.7%;
    }

    .book1Box .btnBox1 p:last-child {
        right: 0.7%;
    }

    .book1Box .btnBox1 p {
        position: absolute;

    }

}

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

}

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

.com8>div {
    display: flex;
}

.com8 .left {
    width: 60.1428%;
}

.com8 .right {
    width: 40%;
    background: var(--primary-color);
    position: relative;
}

.com8 .right .com82right {
    width: 100%;
    position: absolute;
    height: calc(100% - 270px);
    top: 50%;
    transform: translateY(-50%);
    text-align: center;

}

.com8 .right .com82right .swiper-slide {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.com8 .right .com82right .swiper-slide-thumb-active {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    position: relative;
}

.com8 .right .com82right .swiper-slide-thumb-active::after {
    content: '';
    position: absolute;
    width: 98px;
    height: 1px;
    background-color: #fff;

    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.com8 .right .com82right .swiper-slide-thumb-active::before {
    content: '';
    position: absolute;
    width: 98px;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width:1500px) {
    .com3 .com3Top .one {
        width: 30%;
    }

    .com3 .com3Con .com3Third .thirdOne {
        width: 49%;
    }

    .com3 .com3Con .com3Third .thirdOne img {
        width: 100%;
    }
}

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

    .com1 .com1Con {
        display: block;
        margin-top: 10px;
    }

    .com1 .com1Con .left {
        width: 100%;
    }

    .com1 .com1Con .right {
        width: 100%;
    }

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

    .com1 .r-b .one .num {
        font-size: 30px;
        line-height: 30px;
    }

    .com2 {
        padding: 60px 0;
    }

    .com4 {
        padding-top: 60px;
    }

    .com4 .com4Con .left {
        width: 50%;
    }

    .com3 {
        padding: 10px 0 60px 0;
    }

    .com5 {
        padding: 60px 0;
    }

    .com6 {
        padding: 60px 0;
    }

    .book1Box {
        padding-top: 60px;
    }

    .com8 {
        padding: 60px 0;
    }

    .com8 .right .com82right {
        height: calc(100% - 150px);
    }
}

@media (max-width:1200px) {
    .com3 .com3Top .one {
        width: 45%;
    }

    .com5 .com5Con {
        align-items: center;
    }

    .com7 .com7Con .one {
        padding: 10px;
    }

    .book1Box .aboutSwip {
        margin-top: 40px;
    }

    .com3 .two {
        margin-top: 40px;
    }
}

@media (max-width:1100px) {
    .com4 .com4Con {
        display: block;
        margin-top: 10px;
    }

    .com4 .com4Con .left {
        width: 100%;
    }

    .com4 .com4Con .right {
        width: 100%;
        margin-top: 10px;
    }

    .com8 .right .com82right {
        height: calc(100% - 50px);
    }
}

@media (max-width:1000px) {
    .com3 .one .oneCon2 {
        display: block;
    }

    .com3 .two .oneCon2 {
        display: block;
    }

    .com3 .two .oneCon2 .left {
        width: 100%;
    }

    .com3 .two .oneCon2 .right {
        width: 100%;
    }

    .com3 .two .oneCon2 .right img {
        margin: 0 auto;
    }

    .com3 .one .oneCon2 .left {
        width: 100%;
    }

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

    .com3 .one .oneCon2 .right img {
        margin: 0 auto;
    }

    .com3 .one .oneCon2 {
        margin-top: 10px;
    }

    .com3 .com3Con .one {
        margin-top: 15px;
    }

    .com3 .com3ConOne .oneCon {
        margin-top: 10px;
    }

    .com4 {
        padding-top: 40px;
    }

    .com3 {
        padding: 10px 0 40px 0;
    }

    .com5 .right .com5Ed {
        margin: 10px 0;
    }

    .com5 {
        padding: 40px 0;
    }

    .com6 {
        padding: 40px 0;
    }

    .book1Box {
        padding-top: 40px;
    }

    .book1Box .aboutSwip {
        margin-top: 20px;
    }

    .com8 {
        padding: 40px 0;
    }

    .com3 .com3Con .com3Third .thirdPop {
        padding: 15px;
    }
}

@media (max-width:900px) {
    .com1 .r-b {
        flex-wrap: wrap;
        gap: 10px 0;
        margin-top: 10px;
    }

    .com1 .r-b .one {
        width: 49%;
    }

    .com1 .com1-b {
        margin-top: 10px;
        display: block;
    }

    .com1 .com1-b .left {
        width: 100%;
    }

    .com1 .com1-b .left img {
        margin: 0 auto;
    }

    .com1 .com1-b .right {
        width: 100%;
        margin-top: 10px;
    }

    .com1 .com1-b .right .lg-title {
        margin-bottom: 10px;
    }

    .com2 {
        padding: 40px 0;
    }

    .com2 .e-d {
        width: 100%;
        margin-top: 10px;
    }

    .com3 .com3ConOne .oneCon {
        width: 100%;
    }

    .com4 .com4Con .right .rightP1 {
        font-size: 20px;
        padding: 5px 20px;
    }

    .com4 .com4Con .left .com4Ed em {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .com5 .com5Con {
        display: block;
        margin-top: 10px;
    }

    .com5 .com5Con .left {
        width: 100%;
    }

    .com5 .com5Con .left img {
        margin: 0 auto;
    }

    .com5 .com5Con .right {
        width: 100%;
        margin-top: 10px;
    }

    .com6 .com6Top {
        display: block;
    }

    .com6 .com6Top .left {
        width: 100%;
    }

    .com6 .com6Top .right {
        width: 100%;
    }

    .com7 .com7Con {
        flex-wrap: wrap;
        gap: 10px;
        border-radius: 0;
    }

    .com7 .com7Con .one {
        width: 49%;
    }

    .com3 .two {
        margin-top: 20px;
    }
}

@media (max-width:800px) {



    .com3 .com3Con .com3Third {
        border-radius: 0;
    }

    .com8>div {
        display: block;
    }

    .com8 .left {
        width: 100%;
    }

    .com8 .right {
        width: 100%;
    }

    .com8 .right .com82right {
        position: unset;
        height: 400px;
        transform: translateY(0);
        padding: 30px 0;
    }
}

@media (max-width:750px) {
    .com3 .com3Top .one {
        width: 100%;
    }

    .com3 .com3Con .com3Third .thirdOne {
        width: 100%;
    }

    .com4 {
        padding-top: 20px;
    }

    .com3 {
        padding: 10px 0 20px 0;
    }

    .com5 {
        padding: 20px 0;
    }

    .com6 {
        padding: 20px 0;
    }

    .book1Box {
        padding-top: 20px;
    }

    .book1Box .aboutSwip {
        margin-top: 10px;
    }


    .com8 {
        padding: 20px 0;
    }
}

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

    .com7 .com7Con .one {
        width: 100%;
    }

    .com3 .com3Top .one {
        font-size: 16px;
    }
}

@media (max-width:500px) {
    .com3 .com3Con .com3Third .thirdOne .thirdPop {
        display: block;
    }

    .com2 {
        padding: 10px 0;
    }

    .com4 {
        padding-top: 10px;
    }

    .com4 .com4Con .right .rightImg2 {
        width: 100%;
        position: unset;
    }

    .com4 .com4Con .right .rightImg1 {
        width: 100%;
    }

    .com4 .com4Con .right {
        display: block;
    }

    .com4 .com4Con .right .rightP1 {
        position: unset;
        text-align: center;
        margin-top: 10px;
    }

    .com3 {
        padding: 10px 0 10px 0;
    }

    .com6 {
        padding: 10px 0;
    }

    .book1Box {
        padding-top: 10px;
    }

    .com8 {
        padding: 10px 0;
    }
}

.mile1 {
    padding-top: 70px;
    padding-bottom: 120px;
}

.mile1 .lg-title {
    text-align: center;
    margin-bottom: 57px;
}

.mile1 .mile1Sw {
    padding: 0 166px;
    padding-top: 10px;
}

.mile1 .mile1Sw .swiper-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mile1 .mile1Sw .swiper-slide:nth-of-type(1)::before {
    width: 166px;
    content: '';
    height: 2px;
    border-radius: 999px;
    background: #E6E6E6;
    right: 80%;
    position: absolute;
    top: 4px;
}

.mile1 .mile1Sw .swiper-slide::after {
    width: 213px;
    content: '';
    height: 2px;
    border-radius: 999px;
    background: #E6E6E6;
    left: 80%;
    position: absolute;
    top: 4px;
    z-index: 1;
}

.mile1 .mile1Sw .swiper-slide:last-of-type::after {
    width: 166px;
    z-index: 1;
}

.mile1 .mile1Sw .swiper-slide .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    position: relative;
    z-index: 2;
}

.mile1 .mile1Sw .swiper-slide .year {
    color: #333;
    font-size: 20px;
    line-height: 32px;
    margin-top: 16px;
}

.mile1 .mile1Sw .swiper-slide-thumb-active .circle {
    background-color: var(--primary-color);
    position: relative;
    z-index: 2;
}

.mile1 .mile1Sw .swiper-slide-thumb-active .circle::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.mile1 .mile1Sw .swiper-slide-thumb-active .year {
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
}

.mile1 .mile1Sw2 {
    margin-top: 58px;
    position: relative;
}

.mile1 .mile1Sw2 .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mile1 .mile1Sw2 .left {
    width: 45.7142857%;
    border-radius: 20px;
    overflow: hidden;
}

.mile1 .mile1Sw2 .right {
    width: 45.428571%;
    padding-right: 50px;
}

.mile1 .mile1Sw2 .right .lg-title {
    text-align: left;
}

.mile1 .mile1Sw2 .right .p1 {
    margin: 60px 0 24px 0;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
}

.mile1 .swiperBtm {
    position: relative;
}

.mile1 .mile1Sw2 .btnBox p {
    position: absolute;
    z-index: 2;

}

.mile1 .swiperBtm .btnBox p:first-child {
    left: -119px;
    top: 185px;
}

.mile1 .swiperBtm .btnBox p:last-child {
    right: -96px;
    top: 185px;
}

@media(max-width:1700px) {
    .mile1 .swiperBtm .btnBox {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 20px;
        margin-top: 15px;
    }

    .mile1 .swiperBtm .btnBox p {
        position: unset !important;
    }
}

@media (max-width:1100px) {
    .mile1 .mile1Sw {
        padding: 10px 0 0 0;
    }

    .mile1 {
        padding: 60px 0;
    }

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

    .mile1 .mile1Sw2 {
        margin-top: 30px;
    }
}

@media (max-width:800px) {
    .mile1 .mile1Sw .swiper-slide::after {
        width: 0 !important;
    }

    .mile1 .mile1Sw2 .right .lg-title {
        margin-bottom: 10px;
    }

    .mile1 .mile1Sw2 .right .p1 {
        margin: 10px 0;
    }

    .mile1 {
        padding: 40px 0;
    }

    .mile1 .mile1Sw2 {
        margin-top: 20px;
    }

    .mile1 .mile1Sw2 .right {
        padding-right: 0;
    }
}

@media (max-width:750px) {
    .mile1 .mile1Sw2 .swiper-slide {
        display: block;
    }

    .mile1 .mile1Sw2 .swiper-slide .left {
        width: 100%;
    }

    .mile1 .mile1Sw2 .swiper-slide .left img {
        margin: 0 auto;
    }

    .mile1 .mile1Sw2 .swiper-slide .right {
        width: 100%;
        margin-top: 10px;
    }
}

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

    .mile1 .lg-title {
        margin-bottom: 10px;
    }

    .mile1 .mile1Sw2 {
        margin-top: 10px;
    }
}

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

.priva1 {
    padding-top: 70px;
    padding-bottom: 90px;
}

.priva1 .lg-title {
    text-align: center;
    margin-bottom: 70px;
}

.priva1 .p1 {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsMedium';
    margin-bottom: 14px;

}

.priva1 .privTitle {
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
    margin-bottom: 16px;
    margin-top: 36px;
}

.priva1 .privEd strong {
    font-weight: normal;
    font-size: 16px;
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
}

.priva1 .privEd em {
    font-style: normal;
    display: block;
    position: relative;
    padding-left: 20px;
}

.priva1 .privEd em::after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #4d4d4d;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

@media (max-width:1200px) {
    .priva1 .lg-title {
        margin-bottom: 30px;
    }

    .priva1 {
        padding: 60px 0;
    }
}

@media (max-width:800px) {
    .priva1 .lg-title {
        margin-bottom: 10px;
    }

    .priva1 .privTitle {
        margin: 10px 0;
    }

    .priva1 {
        padding: 40px 0;
    }
}

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

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

.pro1 {
    padding-top: 70px;
}

.pro1 .s_wrap {
    width: 327px;
    background-color: #fff;
    height: 46px;
    transition: none;
    z-index: 10;
    position: relative;

}

.pro1 .s_wrap .s_inner {
    display: flex;
    align-items: center;
    height: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 10px;
}


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

.pro1 .s_wrap .ent::placeholder {
    font-size: 16px;
    color: #999;
}

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

.pro1 .s_wrap .searchbtn .sea {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 18px;
    pointer-events: none;
    cursor: pointer;
    color: #999;
}

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

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

.pro1 .pro1Top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.pro1 .pubMore {
    padding: 9px 24px;
    border-radius: 999px;
    background: var(--primary-color);
    color: #fff;
    font-family: 'PoppinsSemiBold';
    display: inline-block;
    cursor: pointer;
    margin-bottom: 50px;
}

.pro1 .pro1Ed {
    margin: 30px 0;
    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;
}

.pro2 {
    padding-bottom: 120px;
}

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

.pro2 .left {
    width: 22.85714%;
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(15, 51, 83, 0.10);
}

.pro2 .left a {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.pro2 .left a i {
    display: none;
}

.pro2 .left a:hover i {
    display: block;
}

.pro2 .left .active {
    color: var(--primary-color);
}

.pro2 .left .active i {
    display: block;
}

.pro2 .left {
    display: flex;
    flex-direction: column;
    gap: 32px 0;
}

.pro2 .right {
    width: 74.21428%;
}

.pro2 .right .proList {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 3.07%;
}

.pro2 .right .one {
    width: 31.28%;
    padding: 24px 32px 24px 32px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.pro2 .right .one .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    display: block;
    font-family: 'PoppinsMedium';
    margin-top: 25px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro2 .right .one .p1:hover {
    text-decoration: underline;
}

.proList .checkBox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.proList .checkBox1 label {
    font-size: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.proList .checkBox1 span {
    width: 16px;
    height: 16px;
    border: 1px solid #808080;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

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

.proList .checkBox1 input[type=checkbox]:checked+span {
    background-color: var(--primary-color);
}

.proList .checkBox1 input[type=checkbox]:checked+span::after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../images/inputCheck.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;

}

.proList .checkBox1 input {
    display: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

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

.proList .checkBox1 a {
    color: #666;
    line-height: 26px;
}

.pro2 .pageBox {
    margin-top: 70px;
}

.pageBox {

    position: relative;
}

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

.pageBox a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    color: #141414;
}

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

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

.pageBox .a2 {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    gap: 0 8px;

}

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

.pageBox .a2 img {
    flex-shrink: 0;
    width: 18px;
}

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

@media (max-width:1200px) {
    .pro1 .pubMore {
        margin-bottom: 10px;
    }

    .pro2 {
        padding-bottom: 60px;
    }

    .pro1 {
        padding-top: 40px;
    }
}

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

    .pro2 .left {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .pro2 .left a {
        width: 49%;
    }

    .pro2 .right {
        width: 100%;
    }

    .pro2 .pageBox {
        margin-top: 40px;
    }
}

@media (max-width:800px) {
    .pro2 .right .one .p1 {
        font-size: 16px;
    }

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

    .pro2 .right .one {
        width: 49%;
    }

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

    .pro2 .pageBox {
        margin-top: 20px;
    }

    .pro2 {
        padding-bottom: 40px;
    }

    .pro2 .left {
        padding: 15px;
        gap: 10px 0;
    }

    .pro1 {
        padding-top: 20px;
    }
}

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

    .pro2 .left a {
        width: 100%;
    }

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

@media (max-width:450px) {
    .pro2 .right .one {
        width: 100%;
    }

    .pro2 .right .one img {
        margin: 0 auto;
    }

    .pro1 .s_wrap {
        width: 230px;
    }

}

.proInfo1 {
    padding: 70px 0;
}

.proInfo1 .left {
    width: 49%;
}

.proInfo1 .right {
    width: 42.428%;
}


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

.pro3 .left {
    display: flex;
    gap: 0 20px;
    justify-content: space-between;

}

.pro3 .left .l-sw {
    width: 79.5918%;
    position: relative;
    border-radius: 30px;
}

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

}

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

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

.pro3 .left .l-sw .btnBox p {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.pro3 .left .l-sw .btnBox p:first-child {
    left: 15px;
}

.pro3 .left .l-sw .btnBox p:last-child {
    right: 15px;
}

.pro3 .left .l-sw .stopBtn {
    width: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pro3 .left .r-sw .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    cursor: pointer;
    padding:1px;
}

.pro3 .left .swiper-slide img {
    width: 100%;
    border-radius:10px;
    overflow:hidden;
}

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

.proInfo1 .right .rightTitle {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 40px;
    font-family: 'PoppinsMedium';
    margin-top: 40px;
}

.proInfo1 .right .e-d {
    margin: 40px 0 100px 0;
}

.proInfo1 .proInfo1Btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 30px;
}

.proInfo1 .proInfo1Btn a {
    display: inline-block;
    color: var(--primary-color);
    padding: 12px 30px;
    border: 1px solid var(--primary-color);
    border-radius: 999px;
}

.proInfo1 .proInfo1Btn a i {
    margin-left: 10px;
}

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

.proInfo2 {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 80px 0;
}

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

.proInfo2 .left {
    width: 39.9285714%;
}

.proInfo2 .p1 {
    color: var(--primary-color);
    line-height: 36px;
    font-family: 'PoppinsSemiBold';
    margin-bottom: 30px;
}

.proInfo2 .proInfo2Ed em {
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    display: block;
    padding-left: 46px;
}

.proInfo2 .proInfo2Ed em::after {
    width: 26px;
    height: 26px;
    position: absolute;
    content: '';
    background-image: url(../images/check3.png);
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
}

.proInfo2 .right {
    width: 48.5%;
}

.proInfo3 {
    padding: 80px 0 100px 0;
}

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

.proInfo3 .left {
    width: 22.85714%;
    padding: 40px 30px 27px 30px;
    border-radius: 20px;
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    overflow: hidden;
}

.proInfo3 .left .one {
    color: #4D4D4D;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
       font-family: 'PoppinsSemiBold';
}

.proInfo3 .left .one i {
    display: none;
}



.proInfo3 .left .active i {
    display: block;
}

.proInfo3 .left .one:last-of-type {
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
}

.proInfo3 .left .active {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color) !important;
}

.proInfo3 .right {
    width: 71.4285%;
}

.proInfo3 .proInfo3Ed strong {
    font-weight: normal;
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
}

.proInfo3 .right .proInfo3Ed em {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    padding-left: 32px;
    position: relative;
    display: block;
    font-style: normal;
}

.proInfo3 .right .proInfo3Ed em::after {
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    background-image: url(../images/check2.png);
    background-repeat: no-repeat;

}

.proInfo3 .two .proInfo3Ed .tabBox1 {
    overflow: auto;
}

.proInfo3 .two .proInfo3Ed .tabBox1 table td {
    border: none;
    padding: 18px 0;
    font-size: 18px;
    line-height: 30px;
    color: #4d4d4d;
}

.proInfo3 .two .proInfo3Ed .tabBox1 table tr td:nth-of-type(1) {
    color: #333;
    font-family: 'PoppinsMedium';
}

.proInfo3 .two .proInfo3Ed .tabBox1 table tr {

    border-bottom: 1px solid #D9D9D9;
}

.proInfo3 .two .proInfo3Ed2 td {
    border: none;
    text-align: center;
    color: #141414;
    padding: 12px 0;
}

.proInfo3 .two .proInfo3Ed2 .tabBox2 {
    border-radius: 20px;
    overflow: auto;
}

.proInfo3 .two .proInfo3Ed2 .tabBox2 tr:nth-of-type(1) {
    background-color: var(--primary-color);

}

.proInfo3 .two .proInfo3Ed2 .tabBox2 tr:nth-of-type(2n) {
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
}

.proInfo3 .two .proInfo3Ed2 .tabBox2 tr:nth-of-type(1) td {
    color: #fff;
    padding: 19px 0;
}

.proInfo3 .two .proInfo3Ed2 strong {
    font-weight: normal;
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
}

.proInfo3 .three .proInfo3List {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 3.2%;
}

.proInfo3 .three .proInfo3List .list {
    width: 31.2%;
}

.proInfo3 .three .proInfo3List .list .listImg {
    border-radius: 20px;
    overflow: hidden;
}

.proInfo3 .three .proInfo3List .list .listTitle {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
    margin: 20px 0 6px 0;
}

.proInfo3 .four1 {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
}

.proInfo3 .four .downList .list {
    color: #141414;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D9D9D9;
    padding-top: 24px;
    margin-top: 23px;
    gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.proInfo3 .four .downList .list a {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 0 14px;
}

.proInfo4 {
    /*background: #F5F8FA;*/
    background: #F2F2F3;
    padding: 90px 0 73px 0;
}

.proInfo4 .lg-title {
    text-align: center;
}

.proInfo4 .p1 {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
    text-align: center;
    margin-top: 20px;
}

.proInfo4 .proInfo4Info {
    margin-top: 60px;
}

.proInfo4 .proInfo4Info form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.proInfo4 .proInfo4Info form>div {
    width: 48.5714%;
    margin-bottom: 19px;
}

.proInfo4 .proInfo4Info form>div input {
    width: 100%;
    color: #4D4D4D;
    padding: 17px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: none;
    font-size: 16px;
    font-family: 'PoppinsRegular';

}

.proInfo4 form input::placeholder,
.proInfo4 form .long textarea::placeholder {
    color: #4D4D4D;
    font-size: 16px;
    opacity: 1;
}

.proInfo4 .proInfo4Info form .long {
    width: 100%;
    height: 120px;

}

textarea {
    resize: none;
    outline: none;
}

.proInfo4 .proInfo4Info form .long textarea {
    width: 100%;
    height: 100%;
    font-family: 'PoppinsRegular';
    padding: 17px 12px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
}

.proInfo4 .proInfo4Info form .codeBox {
    width: 75.714%;
    position: relative;

}

.proInfo4 .proInfo4Info form .codeBox .codeImg {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;

}

.proInfo4 .proInfo4Info form .btnBox {
    width: 21.428%;
}

.proInfo4 .proInfo4Info form .btnBox input {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.proInfo5 {
    padding: 86px 0 90px 0;
}

.proInfo5 .proInfo5Con {
    position: relative;
}

.proInfo5 .proInfo5Con .swiper-slide .imgHbox {
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(15, 51, 83, 0.12);
}

.proInfo5 .proInfo5Sw {
    padding: 0 5px;
    margin-top: 70px;
}

.proInfo5 .proInfo5Con .swiper-slide .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsMedium';
    margin-top: 24px;
    display: block;
}

.proInfo5 .proInfo5Con .swiper-slide .p1:hover {
    text-decoration: underline;
}

.proInfo5 .proInfo5Con .btnBox p {
    position: absolute;
    z-index: 2;
}

.proInfo5 .proInfo5Con .btnBox p:first-child {
    left: -96px;
}

.proInfo5 .proInfo5Con .btnBox p:last-child {
    right: -96px;
}

@media (max-width:1650px) {
    .proInfo5 .proInfo5Con .btnBox p {
        position: unset;
    }

    .proInfo5 .proInfo5Con .btnBox {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 10px;
    }
}

@media (max-width:1300px) {
    .proInfo1 .right .e-d {
        margin: 30px 0;
    }

    .proInfo1 .right {
        width: 46%;
    }

    .proInfo1 .right .rightTitle {
        margin-top: 10px;
    }

    .proInfo2 {
        padding: 60px 0;
    }

    .proInfo1 {
        padding: 60px 0;
    }

    .proInfo3 {
        padding: 60px 0;
    }

    .proInfo4 {
        padding: 60px 0;
    }

    .proInfo5 {
        padding: 60px 0;
    }
}

@media (max-width:1200px) {
    .proInfo1 .proInfo1Btn {
        gap: 10px;
    }

    .proInfo1 .proInfo1Btn a {
        padding: 10px 15px;
    }

    .proInfo3 .left {
        padding: 15px;
    }

    .proInfo4 .proInfo4Info {
        margin-top: 40px;
    }
}

@media (max-width:1000px) {
    .proInfo1 .right .rightTitle {
        font-size: 25px;
        line-height: 30px;
    }

    .proInfo2 .left {
        width: 46%;
    }

    .proInfo2 .right {
        width: 46%;
    }

    .proInfo2 {
        padding: 40px 0;
    }

    .proInfo1 {
        padding: 40px 0;
    }

    .proInfo3 {
        padding: 40px 0;
    }

    .proInfo4 {
        padding: 40px 0;
    }

    .proInfo5 {
        padding: 40px 0;
    }
}

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

    .proInfo3 .left {
        width: 100%;
    }

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

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

    .pro3 .left {
        width: 100%;
    }

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

    .proInfo1 .right .e-d {
        margin: 10px 0;
    }

    .proInfo2 {
        padding: 20px 0;
    }

    .proInfo1 {
        padding: 20px 0;
    }

    .proInfo3 {
        padding: 20px 0;
    }

    .proInfo4 {
        padding: 20px 0;
    }

    .proInfo5 {
        padding: 20px 0;
    }

    .proInfo2 .p1 {
        margin-bottom: 10px;
    }

    .proInfo3 .four .downList .list {
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .proInfo3 .three .proInfo3List .list {
        width: 49%;
    }

    .proInfo3 .three .proInfo3List .list .listTitle {
        margin-top: 10px;
    }

    .proInfo3 .three .proInfo3List .list img {
        width: 100%;
    }

    .proInfo3 .three .proInfo3List {
        gap: 20px 0;
        justify-content: space-between;
    }

    .proInfo3 .two .proInfo3Ed2 .tabBox2 tr td {
        padding: 10px;
    }

    .proInfo3 .two .proInfo3Ed2 .tabBox2 tr:nth-of-type(1) td {
        padding: 19px 10px;
    }

    .proInfo4 .proInfo4Info {
        margin-top: 20px;
    }

    .proInfo5 .proInfo5Sw {
        margin-top: 40px;
    }
}

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

    .proInfo2 .left {
        width: 100%;
    }

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

    .proInfo4 .p1 {
        font-size: 18px;
    }

    .proInfo5 .proInfo5Con img {
        width: 100%;
    }

    .proInfo5 .proInfo5Sw {
        margin-top: 20px;
    }
}

@media (max-width:500px) {
    .proInfo1 .right .rightTitle {
        font-size: 20px;
        line-height: 28px;
    }

    .proInfo4 .proInfo4Info form>div {
        width: 100%;
    }

    .proInfo4 .proInfo4Info form .codeBox {
        width: 100%;
    }

    .proInfo4 .proInfo4Info form .btnBox {
        width: 100%;
    }

    .proInfo2 {
        padding: 10px 0;
    }

    .proInfo1 {
        padding: 10px 0;
    }

    .proInfo3 {
        padding: 10px 0;
    }

    .proInfo4 {
        padding: 10px 0;
    }

    .proInfo5 {
        padding: 10px 0;
    }

    .proInfo3 .three .proInfo3List .list {
        width: 100%;
    }

    .proInfo4 .proInfo4Info {
        margin-top: 10px;
    }

    .proInfo5 .proInfo5Sw {
        margin-top: 10px;
    }
}

.solut1 {
    padding-top: 70px;
    padding-bottom: 120px;

}

.solut1 .lg-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.solut1 .listOne {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 23.2857%;
}

.solut1 .ind6zhezhao {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.60) 100%);
}

.solut1 .listOne .ind6Con {
    position: absolute;
    width: 100%;
    bottom: 24px;
    padding: 0 24px;
    z-index: 2;
}

.solut1 .listOne .ind6Con .p1 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
}

.solut1 .listOne .ind6Con .p2 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-top: 24px;
    display: none;
}

.solut1 .listOne .ind6Con .p2:hover {
    font-weight: bold;
    color: #fff !important;
}

.solut1 .listOne:hover .p2 {
    display: flex;

}

.solut1 .solut1List {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 2.285%;
}

.solut1 .pageBox {
    margin-top: 80px;
}

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

    .solut1 .lg-title {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .solut1 .solut1List {
        margin-top: 20px;
    }

    .solut1 .solut1List {
        gap: 30px 2.285%;
    }

    .solut1 .pageBox {
        margin-top: 40px;
    }
}

@media (max-width:1000px) {
    .solut1 .listOne {
        width: 32%;
    }

    .solut1 .listOne img {
        width: 100%;
    }

    .solut1 .solut1List {
        gap: 30px 1%;
    }
}

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

    .solut1 .solut1List {
        gap: 10px 0;
        justify-content: space-between;
    }

    .solut1 .listOne {
        width: 49%;
    }

    .solut1 .listOne .ind6Con .p2 {
        display: flex;
    }
}

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

    .solut1 .pageBox {
        margin-top: 20px;
    }
}

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

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

    .solut1 .pageBox {
        margin-top: 10px;
    }
}

.solut2 {
    padding-top: 63px;
}

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

.solut2 .left {
    width: 45.71428%;
    padding-top: 40px;
}

.solut2 .left .p1 {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 42px;
    font-family: 'PoppinsSemiBold';
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

.solut2 .left .p2 {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
    margin: 30px 0 40px 0;
}

.solut2 .right {
    width: 45.71428%;
    border-radius: 20px;
    overflow: hidden;
}

.solut3 {
    margin: 60px 0 100px 0;
}

.solut3 .e-d {
    padding: 50px;
    border-radius: 20px;
    /*background: #f5f8fa;*/
    background: #F2F2F3;
}

.solut4 {
    padding-bottom: 120px;
}

.solut4 .solut4List {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 2.285%;
}

.solut4 .solut4List .one {
    width: 23.2857%;
}

.solut4 .solut4List .one .imgHbox {
    border-radius: 20px;
    box-shadow: 0 10px 30px 0 rgba(15, 51, 83, 0.12);
}

.solut4 .solut4List .one .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    margin-top: 24px;
    display: block;
    text-align: center;
    font-family: 'PoppinsMedium';
}

.solut4 .solut4List .one .p1:hover {
    text-decoration: underline;
}

.solut5 {
    background-color: var(--primary-color);
    background-image: url(../images/solut3.png);
    background-repeat: no-repeat;
    background-position: center bottom 28.35px;
    padding: 25px 0 65px 0;
}

.solut5 .solut5Con {
    width: 56.5714%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solut5 .lg-title {
    color: #fff;
    text-align: center;
    margin-top: 36px;
}

.solut5 .moreBtn {
    margin-top: 47px;
}

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

    .solut2 .left .p1 {
        font-size: 25px;
        line-height: 30px;
        padding-bottom: 10px;
    }

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

    .solut2 .left .p2 {
        margin: 15px 0;
    }

    .solut3 {
        margin: 40px 0;
    }

    .solut3 .e-d {
        padding: 30px;
    }

    .solut2 {
        padding-top: 40px;
    }

    .solut5 .solut5Con {
        width: 80%;
    }

    .solut4 {
        padding-bottom: 60px;
    }
}

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

    .solut2 .left {
        width: 100%;
    }

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

    .solut2 .right img {
        margin: 0 auto;
    }

    .solut2 .left .p2 {
        margin: 10px 0;
    }

    .solut3 {
        margin: 20px 0;
    }

    .solut3 .e-d {
        padding: 15px;
    }

    .solut2 {
        padding-top: 20px;
    }

    .solut4 .solut4List .one {
        width: 32%;
    }

    .solut4 .solut4List {
        gap: 30px 2%;
    }

    .solut4 .solut4List .one .p1 {
        font-size: 16px;
        margin-top: 10px;
    }

    .solut4 {
        padding-bottom: 40px;
    }
}

@media (max-width:650px) {
    .solut4 .solut4List .one {
        width: 49%;
    }

    .solut4 .solut4List .one img {
        margin: 0 auto;
    }

    .solut4 .solut4List {
        gap: 10px 0;
        justify-content: space-between;
    }

    .solut5 .solut5Con {
        width: 100%;
    }

    .solut4 {
        padding-bottom: 20px;
    }
}

@media (max-width:500px) {

    .solut3 {
        margin: 10px 0;
    }

    .solut3 .e-d {
        padding: 10px;
    }

    .solut4 {
        padding-bottom: 10px;
    }
}

@media (max-width:450px) {
    .solut4 .solut4List .one {
        width: 100%;
    }
}

.service1 {
    padding-top: 70px;
    padding-bottom: 80px;
}

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

.service1 .left {
    width: 49.85714%;

}

.service1 .left .leftList {
    margin-top: 60px;
    position: relative;
}

.service1 .left .leftList .one {
    display: flex;
    align-items: center;
    gap: 0 32px;
    margin-bottom: 44px;
    position: relative;
}

.service1 .left .leftLine {
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--primary-color);
    position: absolute;
    left: 35px;
    top: 0;
}

.service1 .left .leftList .one:last-of-type {
    margin-bottom: 0;
}

.service1 .left .leftList .one .p1 {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 32px;
    font-family: 'PoppinsMedium';
}

.service1 .right {
    width: 38.5714%;
    padding-top: 110px;
}

.service1 .right .swiper-slide {
    border-radius: 30px;
    overflow: hidden;
}

.service1 .right .service1Page {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 13px;
    margin-top: 30px;
}

.service1 .right .service1Page .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    opacity: 0.3;
    margin: 0;
}

.service1 .right .service1Page .swiper-pagination-bullet-active {
    width: 28px;
    border-radius: 999px;
    opacity: 1;
}

.service2 {
    padding-bottom: 90px;
}

.service2 .p1 {
    color: var(--primary-color);
    font-size: 24px;
    line-height: 36px;
    font-family: 'PoppinsSemiBold';
    margin-bottom: 20px;
}

.service2 .service2List {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    gap: 10px 2.3%;
    margin-top: 40px;
}

.service2 .one {
    padding: 16px;
    border-radius: 20px;
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    overflow: hidden;
    width: 22.857%;
}

.service2 .one .listImg {
    border-radius: 20px;
    overflow: hidden;
}

.service2 .one .p2 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsMedium';
    text-align: center;
    margin: 24px 0 10px 0;
}

.service2 .one .p3 {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

.service3 {
    padding-bottom: 80px;
}


.service3 .service3List {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service3 .service3List .left {
    width: 45.71428%;
    border-radius: 20px;
    overflow: hidden;
}

.service3 .right {
    width: 47.1428%;
}

.service3 .p1 {
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
}

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

.service4 {
    padding-top: 80px;
    padding-bottom: 90px;
}

.service4 .lg-title {
    text-align: center;
}

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

.service4 .service4List .one {
    width: 31.42857%;
    border-radius: 20px;
    border: 1px solid rgba(19, 64, 105, 0.20);
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 40px 40px 36px 40px;
}

.service4 .service4List .one .p1 {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
    margin: 28px 0 16px 0;
}

.service5 {
    padding-bottom: 80px;
}

.service5 .p1 {
    color: var(--primary-color);
    font-family: 'PoppinsMedium';
    margin: 24px 0;
}

.service5 .service5List {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.service5 .service5List .left {
    width: 49.142857%;
    border-radius: 20px;
    overflow: hidden;
}

.service5 .service5List .right {
    width: 48.5714%;
    display: flex;
    justify-content: space-between;
    gap: 28px 4.7%;
    flex-wrap: wrap;
}

.service5 .service5List .right .one {
    width: 47.647%;
    border-radius: 20px;
    overflow: hidden;
}

.service6 {
    /*background-color: #f5f8fa;*/
    background-color: #F2F2F3;
    padding: 70px 0;
}

.service6 .service6Ed {
    margin-top: 30px;
}

.service6 .service6Ed strong {
    font-weight: normal;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
}

.service7 .solut5Con {
    width: 66%;
}

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

    .service1 .right {
        width: 45%;
    }

    .service2 {
        padding-bottom: 60px;
    }

    .service4 {
        padding: 60px 0;
    }

    .service5 {
        padding-bottom: 60px;
    }

    .service6 {
        padding: 60px 0;
    }

    .service3 {
        padding-bottom: 60px;
    }

    .service2 .service2List {
        justify-content: space-between;
        gap: 10px 2%;
    }

    .service2 .one {
        width: 32%;
    }
}

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

    .service1 .left {
        width: 100%;
    }

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

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

    .service1 .right img {
        margin: 0 auto;
    }

    .service1 .left .leftList {
        margin-top: 10px;
    }

    .service2 .one .p2 {
        margin: 10px 0;
    }

    .service4 .service4List .one {
        padding: 20px;
    }

}

@media (max-width:900px) {
    .service2 .one {
        width: 49%;
    }

    .service2 .one img {
        margin: 0 auto;
    }

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

    .service3 .service3List {
        margin-top: 10px;
        display: block;
    }

    .service3 .service3List .left {
        width: 100%;
    }

    .service3 .service3List .left img {
        margin: 0 auto;
    }

    .service3 .service3List .right {
        width: 100%;
        margin-top: 10px;
    }

    .service4 {
        padding: 40px 0;
    }

    .service4 .service4List .one .p1 {
        margin: 10px 0;
    }

    .service5 .service5List {
        margin-top: 10px;
    }

    .service5 {
        padding-bottom: 40px;
    }

    .service3 {
        padding-bottom: 40px;
    }
}

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

    .service5 .service5List .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .service5 .service5List .left img {
        width: 100%;
    }

    .service5 .service5List .right {
        width: 100%;
        gap: 15px 0;

    }

    .service5 .service5List .right .one {
        width: 49%;
    }

    .service5 .service5List .right .one img {
        width: 100%;
    }

}

@media (max-width:800px) {
    .service1 .left .leftList .one .p1 {
        font-size: 18px;
    }

    .service1 .left .leftList .one {
        gap: 0 10px;
    }

    .service1 {
        padding: 20px 0;
    }

    .service2 {
        padding-bottom: 40px;
    }

    .service4 .service4List {
        flex-wrap: wrap;
        gap: 10px 0;
        margin-top: 10px;
    }

    .service4 .service4List .one {
        width: 49%;
    }

    .service5 {
        padding-bottom: 20px;
    }

    .service6 {
        padding: 40px 0;
    }
}

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

    .service5 .service5List .right .one {
        width: 100%;
    }

    .service6 {
        padding: 20px 0;
    }

    .service3 {
        padding-bottom: 20px;
    }

    .service6 .service6Ed {
        margin-top: 10px;
    }
}

@media (max-width:500px) {
    .service1 .left .leftLine {
        display: none;
    }

    .service1 {
        padding: 10px 0;
    }

    .service2 .one {
        width: 100%;
    }

    .service4 {
        padding: 10px 0;
    }

    .service2 {
        padding-bottom: 20px;
    }

    .service5 {
        padding-bottom: 10px;
    }

    .service6 {
        padding: 10px 0;
    }

    .service3 {
        padding-bottom: 10px;
    }
}

@media (max-width:400px) {

    .service2 {
        padding-bottom: 10px;
    }
}

.downLoad1 {
    padding-top: 70px;
    padding-bottom: 120px;
}

.downLoad1 .oneImg {
    border-radius: 16px;
    overflow: hidden;
}

.downLoad1 .downLoadList {
    display: flex;
    gap: 60px 2.857%;
    margin-top: 49px;
    flex-wrap: wrap;
}

.downLoad1 .downLoadList .one {
    width: 22.857%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.downLoad1 .downLoadList .one .p1 {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin: 24px 0;
}

.downLoad1 .downLoadList .one .downLoad {
    color: var(--primary-color);
    line-height: 28px;
    font-family: 'PoppinsMedium';
    padding: 7px 30px;
    border: 1px solid var(--primary-color);
    border-radius: 999px;
    display: inline-block;
}

.downLoad1 .downLoadList .one .downLoad i {
    font-size: 18px;
}

.downLoad1 .downLoadList .one .downLoad:hover {
    background-color: var(--primary-color);
    color: #fff !important;
}

.downLoad1 .pageBox {
    margin-top: 80px;
}

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

    .downLoad1 .downLoadList .one .downLoad {
        padding: 7px 20px;
    }

    .downLoad1 .pageBox {
        margin-top: 60px;
    }
}

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

    .downLoad1 {
        padding: 40px 0;
    }

    .downLoad1 .downLoadList .one {
        width: 32%;
    }

    .downLoad1 .downLoadList {
        gap: 30px 2%;
    }
}

@media (max-width:800px) {
    .downLoad1 .downLoadList .one .p1 {
        margin: 10px 0;
    }

    .downLoad1 .pageBox {
        margin-top: 40px;
    }
}

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

    .downLoad1 .downLoadList {
        gap: 10px 0;
        justify-content: space-between;
    }

    .downLoad1 .downLoadList .one {
        width: 49%;
    }
}

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

    .downLoad1 .downLoadList .one {
        width: 100%;
    }

    .downLoad1 .pageBox {
        margin-top: 20px;
    }

    .pageBox .pageTop {
        gap: 10px;
    }
}

.video1 {
    padding: 70px 0 80px 0;
}

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

.video1 .left {
    width: 45.714%;
}

.video1 .left .lg-title {
    font-family: 'PoppinsMedium';
}

.video1 .left .e-d {
    margin: 40px 0 60px 0;
}

.video1 .right {
    width: 45.714%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.video1 .stopBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video2 {
    /*background-color: #f5f8fa;*/
    background-color: #F2F2F3;
    padding: 80px 0 100px 0;

}

.video2 .video2Con {
    margin-bottom: 80px;
}

.video2 .video2Con:last-of-type {
    margin-bottom: 0;
}

.video2 .video2Con .p1 {
    color: var(--primary-color);
    font-family: 'PoppinsSemiBold';
}

.video2 .video2List {
    display: flex;
    gap: 40px 2.85%;
    flex-wrap: wrap;
    margin-top: 30px;
}

.video2 .video2Con .one {
    width: 22.857%;
    cursor: pointer;
}

.video2 .video2List .p1 {
    color: var(--primary-color);
    margin-top: 19px;
    font-family: 'PoppinsRegular';
}

.video2 .video2Lis .oneImg {
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width:1200px) {
    .video1 .right {
        width: 50%;
    }

    .video1 {
        padding: 60px 0;
    }

    .video1 .left .e-d {
        margin: 20px 0 30px 0;
    }

    .video2 {
        padding: 60px 0;
    }

    .video2 .video2Con {
        margin-bottom: 40px;
    }
}

@media (max-width:900px) {
    .video2 .video2Con .one {
        width: 32%;
    }

    .video2 .video2List {
        gap: 20px 2%;
    }
}

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

    .video1>div {
        display: block;
    }

    .video1 .left {
        width: 100%;
    }

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

    .video1 .right img {
        margin: 0 auto;
    }

    .video2 {
        padding: 40px 0;
    }
}

@media (max-width:750px) {
    .video2 .video2Con .one {
        width: 49%;
    }

    .video2 .video2Con {
        justify-content: space-between;
        gap: 10px 0;
    }
}

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

    .video1 .left .e-d {
        margin: 10px 0;
    }

    .video2 {
        padding: 20px 0;
    }

    .video2 .video2Con {
        margin-bottom: 20px;
    }
}

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

    .video2 .video2Con .one img {
        width: 100%;
    }
}

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

    .video2 {
        padding: 10px 0;
    }
}

.media1 {
    padding-top: 70px;
    padding-bottom: 120px;
}

.media1 .media1Top {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
    align-items: center;
}

.media1 .media1Top a {
    display: block;
    padding: 12px 30px;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsMedium';
    border-radius: 999px;
    border: 1px solid rgba(19, 64, 105, 0.20);
}

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

.media1 .media1Top .active {
    background-color: var(--primary-color);
    color: #fff;

}

.media1 .media1List {
    margin-top: 69px;
}

.media1 .media1List .one {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.media1 .media1List .one:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.media1 .media1List .left {
    width: 25.71428%;
    border-radius: 20px;
    overflow: hidden;
}

.media1 .media1List .right {
    width: 70%;

}

.media1 .media1List .right .p1 {
    color: var(--primary-color);
    font-size: 24px;
    line-height: 36px;
    display: block;
}

.media1 .media1List .right .p1:hover {
    text-decoration: underline;
}

.media1 .media1List .right .e-d {
    margin: 24px 0 42px 0;
}

.media1 .media1List .right .p2 {
    color: #808080;
}

.media1 .pageBox {
    margin-top: 80px;
}

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

    .media1 .media1List {
        margin-top: 20px;
    }

    .media1 .media1List .one {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width:900px) {
    .media1 .media1List .one {
        display: block;
    }

    .media1 .media1List .one .left {
        width: 100%;
    }

    .media1 .media1List .one .left img {
        margin: 0 auto;
        width: 100%;
    }

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

    .media1 .media1List .right .e-d {
        margin: 10px 0;
    }

    .media1 .media1List .right .p1 {
        font-size: 20px;
    }

    .media1 .pageBox {
        margin-top: 40px;
    }
}

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

    .media1 .media1Top a {
        font-size: 16px;
        padding: 5px 10px;
    }

}

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

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

.mediaInfo {
    padding-top: 70px;
    padding-bottom: 84px;
}

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

.mediaInfo .left {
    width: 67.1428%;
}

.mediaInfo .p1 {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 44px;
    font-family: 'PoppinsMedium';
}

.mediaInfo .right {
    width: 25.71428%;
}

.newsSwBox {
    border-bottom: 1px solid #ccc;
    padding-bottom: 60px;
}

.newsSwBox .newsBox {
    width: 79.5744%;
    margin-top: 40px;
}

.newsSwBox .swiper-pagination {
    position: unset;
    color: #666;
    font-size: 16px;
    line-height: 26px;
    font-family: 'PoppinsRegular';
    width: unset;
}

.newsSwBox .swiper-slide {

    border-radius: 20px;
}

.newsSwBox .btnBox3 {
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 40px;
    margin-top: 30px;
}

.newsSwBox .btnBox3 p {
    cursor: pointer;
}

.changeNews {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 36px;
    color: #666;
    gap: 0 20px;
}

.changeNews a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

.changeNews .newsPrve {
    /* width: 50%; */
    display: flex;
    align-items: center;
}


.mediaInfo .right .p1 {
    margin-bottom: 40px;
}

.mediaInfo .right .rightOne1 .imgBox {
    border-radius: 20px;
    overflow: hidden;
}

.mediaInfo .right .rightOne1 .p2 {
    color: var(--primary-color);
    line-height: 32px;
    font-size: 20px;
    margin-top: 20px;
    display: block;
}

.mediaInfo .right .rightOne1 {
    margin-bottom: 28px;
}

.mediaInfo .right .rightOne1:last-of-type {
    margin-bottom: 0;
}

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

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

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

    .mediaInfo .left {
        width: 100%;
    }

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

    .mediaInfo .right .rightOneList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }

    .mediaInfo .right .rightOneList .rightOne1 {
        width: 49%;
    }

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

    .newsSwBox {
        padding-bottom: 30px;
    }
}

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

@media (max-width:700px) {
    .changeNews {
        display: block;
    }

    .changeNews .newsPrve {
        width: 100%;
    }

    .newsSwBox {
        padding-bottom: 10px;
    }

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

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

    .mediaInfo .right .rightOneList .rightOne1 {
        width: 100%;
    }

    .mediaInfo .right .rightOneList .rightOne1 img {
        width: 100%;
    }

    .mediaInfo .right .rightOne1 .p2 {
        margin-top: 10px;
    }
}

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

.conta1 {
    padding: 90px 0;
}

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

.conta1 .left {
    width: 45.71428%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.conta1 .left .p1 {
    color: var(--primary-color);
    font-size: 18px;
    margin-top: 12px;
    font-family: 'PoppinsMedium';
    line-height: 30px;
}

.conta1 .left .leftList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}

.conta1 .left .leftList .oneCircle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.conta1 .left .leftList .one {
    width: 48.4375%;
    border-radius: 20px;
    /*background-color: #F5F8FA;*/
    background-color: #F2F2F3;
    padding: 27px 20px 26px 24px;
    display: flex;
    align-items: center;
    gap: 0 22px;
}

.conta1 .left .leftList .one .p2 {
    color: #4D4D4D;
    display: block;
    margin-top: 9px;
}

.conta1 .left .leftList .oneRightTitle {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    font-family: 'PoppinsSemiBold';
}

.conta1 .right {
    width: 47.857%;
    border-radius: 20px;
    overflow: hidden;
}

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

    .conta1 .left {
        width: 100%;
    }

    .conta1 .left .leftList {
        margin-top: 10px;
    }

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

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

    .conta1 {
        padding: 60px 0;
    }
}

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

@media (max-width:550px) {
    .conta1 .left .leftList .one {
        width: 100%;
    }
}

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

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

footer {
    padding-top: 88px;
    background: url(../images/footerbg.png);
    background-repeat: no-repeat;
    padding-bottom: 39px;
    background-size: cover;
}

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

footer .footer-l {
    width: 20%;
}

footer .logoBox {
    margin-bottom: 26px;

}

footer .footer-l .add {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 18px;
    font-family: "PoppinsSemiBold";
}

footer .footer-l .moreBtn {
    margin-top: 30px;
}

footer .footer-r {
    width: 64%;
}

footer .footer-r {
    display: flex;
    /* justify-content: space-between; */
    gap: 0 11.2%;
}

footer .footer-r .one:last-of-type {
    width: 38.7605%;
}

footer .footer-r .p1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--primary-color);
    font-size: 20px;
    line-height: 30px;
    font-family: "PoppinsSemiBold";
}

footer .footer-r ul {
    margin-top: 16px;
}

footer .footer-r ul li {
    color: #141414;
    margin-bottom: 16px;
}

footer .footer-r ul li a {
    color: #141414;
}

footer .footer-r .p1 i {
    display: none;
}

footer .thrid {
    /* width: 100%; */
    min-width: 271px;
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    gap: 0 23px;
    flex-wrap: wrap;
    margin-right: 80px;
    margin-left: auto;
}

footer .thrid a i {
    color: var(--primary-color);
    font-size: 25px;
}

footer .thrid a i:hover {
    color: #141414;
}

.fb {
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
    padding: 19px 0;
}

.fb a {
    color: #fff;
}

.fb a:hover {
    color: #fff !important;
    text-decoration: underline;
}

@media (max-width:1500px) {
    footer .thrid {
        margin-right: 0;
    }
}

@media (max-width:1150px) {
    .fb {
        padding-bottom: 100px;
    }

    footer .footer-l {
        width: 22%;
    }
}

@media (max-width:1000px) {
    footer {
        padding: 30px 0 10px 0;
    }

    footer .footer-l {
        width: 24%;
    }
}

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

    footer .footer-l {
        width: 100%;
    }

    footer .footer-l .moreBtn {
        margin-top: 10px;
    }

    footer .footer-r {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width:650px) {
    footer .footer-r {
        display: block;
    }

    footer .footer-r ul {
        display: none;
    }

    footer .footer-r .one:last-of-type {
        width: 100%;
    }

    footer .footer-r .p1 i {
        display: block;
        color: var(--primary-color);
    }

    footer .footer-r ul {
        margin-top: 5px;
    }

    footer .footer-r ul li {
        margin-bottom: 5px;
    }
}

@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('../font/PoppinsSemiBold.eot');
    src: url('../font/PoppinsSemiBold.eot') format('embedded-opentype'),
        url('../font/PoppinsSemiBold.woff2') format('woff2'),
        url('../font/PoppinsSemiBold.woff') format('woff'),
        url('../font/PoppinsSemiBold.ttf') format('truetype'),
        url('../font/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg');
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('../font/PoppinsRegular.eot');
    src: url('../font/PoppinsRegular.eot') format('embedded-opentype'),
        url('../font/PoppinsRegular.woff2') format('woff2'),
        url('../font/PoppinsRegular.woff') format('woff'),
        url('../font/PoppinsRegular.ttf') format('truetype'),
        url('../font/PoppinsRegular.svg#PoppinsRegular') format('svg');
}

@font-face {
    font-family: 'PoppinsMedium';
    src: url('../font/PoppinsMedium.eot');
    src: url('../font/PoppinsMedium.eot') format('embedded-opentype'),
        url('../font/PoppinsMedium.woff2') format('woff2'),
        url('../font/PoppinsMedium.woff') format('woff'),
        url('../font/PoppinsMedium.ttf') format('truetype'),
        url('../font/PoppinsMedium.svg#PoppinsMedium') format('svg');
}

@font-face {
    font-family: "iconfont";
    /* Project id 5017114 */
    src:
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('iconfont.woff?t=1761100870483') format('woff'),
        url('iconfont.ttf?t=1761100870483') format('truetype');
}


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

.icon-gouwuche:before {
    content: "\e604";
}

.icon-xiazai:before {
    content: "\e606";
}

.icon-pinterest1:before {
    content: "\e82d";
}

.icon-logo_instagram:before {
    content: "\e740";
}

.icon-youtobe1:before {
    content: "\e7af";
}

.icon-in:before {
    content: "\e6c1";
}

.icon-youtobe:before {
    content: "\e60b";
}

.icon-weixin:before {
    content: "\e61a";
}

.icon-back-top1_fill:before {
    content: "\e782";
}

.icon-youjiantou:before {
    content: "\ee39";
}

.icon-xinxi:before {
    content: "\e68a";
}

.icon-dianhua:before {
    content: "\e601";
}

.icon-home:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e611";
}

.icon-facebook:before {
    content: "\e620";
}

.icon-pinterest:before {
    content: "\e8ab";
}

.icon-linkedin:before {
    content: "\e648";
}

.icon-youtube:before {
    content: "\e6d6";
}

.icon-twitter:before {
    content: "\e607";
}

.icon-bigger:before {
    content: "\e647";
}

.icon-left:before {
    content: "\e72c";
}

.icon-right:before {
    content: "\e72d";
}

.icon-up1:before {
    content: "\e72e";
}

.icon-bottom1:before {
    content: "\e72f";
}

.icon-left1:before {
    content: "\e730";
}

.icon-right1:before {
    content: "\e731";
}

.icon-up:before {
    content: "\e73e";
}

.icon-bottom:before {
    content: "\e73f";
}

.icon-instagram:before {
    content: "\e79d";
}

.icon-tumblr:before {
    content: "\e79e";
}

.icon-download:before {
    content: "\e7a0";
}

.icon-download1:before {
    content: "\e7a7";
}

.icon-search4:before {
    content: "\e7b2";
}

.icon-address:before {
    content: "\e7bc";
}

.icon-email:before {
    content: "\e7bd";
}

.icon-contact:before {
    content: "\e7be";
}

.icon-whatsapp:before {
    content: "\e7bf";
}

.icon-fax:before {
    content: "\e7c2";
}

.icon-mobile:before {
    content: "\e7c6";
}

.icon-phone:before {
    content: "\e7c8";
}

.icon-tel:before {
    content: "\e7c7";
}

.icon-phone1:before {
    content: "\e7cb";
}

.icon-skype:before {
    content: "\e7cc";
}

.icon-whatsapp1:before {
    content: "\e7c1";
}

.icon-address1:before {
    content: "\e7c3";
}

.icon-contact1:before {
    content: "\e7c4";
}

.icon-email1:before {
    content: "\e7c5";
}

.icon-skype1:before {
    content: "\e7c9";
}

.icon-fax1:before {
    content: "\e7ca";
}

.icon-qq:before {
    content: "\e7ce";
}

.icon-tel1:before {
    content: "\e7cd";
}

.icon-wechat:before {
    content: "\e7cf";
}

.icon-phone2:before {
    content: "\e7d0";
}

.icon-message:before {
    content: "\e7da";
}

.icon-calendar:before {
    content: "\e7e1";
}

.icon-calendar1:before {
    content: "\e7e3";
}

.icon-top:before {
    content: "\e7ed";
}

.icon-youbian:before {
    content: "\e60f";
}

.icon-jian2:before {
    content: "\e600";
}

.icon-jia2:before {
    content: "\e608";
}

.icon-vk:before {
    content: "\e735";
}

.icon-instagram1:before {
    content: "\e640";
}

.icon-up7:before {
    content: "\e722";
}

.icon-bottom7:before {
    content: "\e723";
}

.icon-left7:before {
    content: "\e724";
}

.icon-right7:before {
    content: "\e725";
}

.icon-sousuo4:before {
    content: "\e610";
}

.icon-sousuo:before {
    content: "\e616";
}

.icon-sousuo1:before {
    content: "\e65b";
}

.icon-shangchuan:before {
    content: "\e602";
}

.icon-top2:before {
    content: "\e637";
}

.icon-biaoqian:before {
    content: "\e649";
}

.icon-twitter3:before {
    content: "\e7fd";
}

.icon-twitter4:before {
    content: "\e7fe";
}

.icon-twitter-new2:before {
    content: "\e800";
}

.icon-twitter-new:before {
    content: "\e7ff";
}

.icon-tiktok:before {
    content: "\e8db";
}

.icon-delete:before {
    content: "\e69d";
}

.icon-chahao:before {
    content: "\e617";
}

.icon-earth:before {
    content: "\e6d5";
}

.icon-earth1:before {
    content: "\e781";
}

.icon-chahao1:before {
    content: "\e60e";
}




/* video tankuang */
.tankaunga {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9999999999
}

.tankaunga:before {
    content: "X";
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 10px;
    right: 10px;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}

.tankaungn2 {
    position: fixed;
    left: 5%;
    top: 5%;
    right: 5%;
    bottom: 5%;
    background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tankaungn2 iframe body {
    margin: 0px !important;
}


/* certificate */
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.jqzoom {
    float: left;
    position: relative;
    padding: 0px;
}

.zoomdiv {
    z-index: 200;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 400px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.zoomdiv img {
    max-width: unset !important;
}

.jqZoomPup {
    z-index: 200;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    transition: none;
}

@media screen and (max-width:999px) {

    .jqZoomPup,
    .zoomdiv {
        display: none !important;
    }
}

.swiper-slide iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.swiper-slide video {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: none \9;
    display: block \9\0;
}

@media screen and (max-width: 991px) {
    .slick-slide video {
        object-position: inherit;
        object-fit: inherit;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        left: 0;
        top: 0;
    }
}


.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: 40px;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 13px;
    cursor: pointer;
    opacity: 0.5;
}

.slick-dots li button {
    cursor: pointer;
    font-size: 0px;
    margin-left: 4.5px;
    margin-right: 4.5px;
    border: none;
    outline: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.slick-dots li.slick-active {
    /* background-color: var(--primary-color); */
    width: 28px;
    height: 10px;
    border-radius: 999px;
    background: #fff;
    opacity: 1;
}

.slick-prev,
.slick-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 0px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.50);
}

.slick-next:hover {
    background-color: var(--primary-color);
}

.slick-prev:hover {
    background-color: var(--primary-color);
}

.slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    left: 70px;
    z-index: 999;
}

.slick-prev::after {
    content: "\e72c";
    font-family: "iconfont" !important;
    color: var(--primary-color);
    font-style: normal;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.slick-next {
    position: absolute;
    top: 50%;
    margin-top: -31px;
    right: 70px;
    z-index: 999;
}

.slick-next::after {
    content: "\e72d";
    font-family: "iconfont" !important;
    color: var(--primary-color);
    font-style: normal;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.slick-next:hover::after {
    color: #fff;
}

.slick-prev:hover::after {
    color: #fff;
}


@media screen and (max-width: 1219px) {
    .slideshow .wp {
        margin-left: -490px;
    }
}

@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;
    }
}


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

.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;
}
.pro3 .left .l-sw{
    width: 79.5%;
}
.proInfo2 .proInfo2Ed p{
    margin-bottom: 18px;
}
.proInfo3 .right .proInfo3Ed em{
    margin-bottom: 20px;
}
@media (max-width:800px){
    .proInfo2 .proInfo2Ed{
        margin-bottom: 10px;
    }
    .proInfo3 .right .proInfo3Ed em{
        margin-bottom: 10px;
    }
}

@media (max-width:850px) {
    footer .thrid {
        width: 100%;
    }
    .ind1 .r-b .one .num span{
        font-size: 30px;
        line-height: 30px;
    }
}


@media (max-width:850px){
    .ind1 .r-b{
        flex-wrap: wrap;
        gap: 10px 0;
        justify-content: space-between;
    }
    .ind1 .r-b .one{
        width: 49%;
    }
}
@media (max-width:500px){ 
       .ind1 .r-b .one{
        width: 100%;
    }
}

.ind8 .ind8Ed{
    width:100%
}
.proInfo3 .left .one:hover i{
    display: block;
}
.proInfo3 .left .one:hover{
      color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color) !important;
}





header .header-c>ul .proLi {
    position: unset;
}

header .h-b {
    position: relative;
}

header .proWrapBox {
    position: absolute;
    width: 100%;
    top: 100%;
    left: -100%;
    max-height: 70vh;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(15, 51, 83, 0.12);
    transition: left 1s ease;
    display: flex;
    justify-content: space-between;
    z-index: 999;
}

header .proWrapBox.slide-in {
    left: 0;
}

header .proWrapBox .left {
    /* width: 27.2916%; */
        /*width: 19.2916%;*/
                width: 16.2916%;
    max-height: 100%;
    overflow-y: auto;
    scrollbar-color: #F5F8FA #FFF;
    scrollbar-width: thin;
}

header .proWrapBox .left .active {
    background-color: #F5F8FA;
}

header .proWrapBox .left .seondPro {
    display: block;
    /*padding: 15px 0;*/
    padding:5px 0;
    color: #141414;
    font-size: 18px;
    line-height: 30px;
    /* padding-left: 57.2519%; */
    text-align: center;
    font-family: "PoppinsMedium";
    position: relative;

}

header .proWrapBox .left .seondPro::after {
    content: '';
    width: 6px;
    height: 100%;
    position: absolute;
    background-color: var(--primary-color);
    right: 0;
    top: 0;
    display: none;
}

header .proWrapBox .left .active::after {
    display: block;
}

header .proWrapBox .right {
    /* width: 72.70833%; */
    width: 83.70833%;
    background-color: #f5f8fa;
    /* padding: 50px 20.63% 50px 5.7%; */
    padding: 50px 7.5% 50px 5.7%;
    max-height: 100%;
    overflow-y: auto;
    scrollbar-color: #F5F8FA #FFF;
    scrollbar-width: thin;
}

header .proWrapBox .right .seBox {
    display: none;
}

header .proWrapBox .right .seProList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 2%;
}

header .proWrapBox .right .seProList .one {
    /*width: 14.4%;*/
        width: 10.4%;
}

header .proWrapBox .right .seProList .one .imgHbox {
    padding: 17px;
    border-radius: 20px;
    border: 1px solid #ccc;
    display: block;
}

header .proWrapBox .right .seProList .one .p1 {
    color: #134069;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
    text-align: center;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

header .proWrapBox .right .seProList .one .p1:hover {
    text-decoration: underline;
}


header .solutLi {
    position: relative;

}

header .solutLi .soluWrapBox {
    position: absolute;
    top: 100%;
    width: 1000px;
    left: 50%;
    transform: translatex(-50%);
    background-color: #fff;
    z-index: 999;
    /* height: 70vh; */
    max-height: 70vh;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(15, 51, 83, 0.12);
   padding: 20px 68px;
        overflow-y: auto;
    scrollbar-color: #134069 #FFF;
    scrollbar-width: thin;
   
    display: none;

}

header .solutLi .soluWrapBox .soluWrapList {
     display: flex;
    flex-wrap: wrap;
    gap: 20px 3.9%;
}

header .solutLi .soluWrapBox .soluWrapList .one {
    width: 16.8%;
}

header .solutLi .soluWrapBox .soluWrapList .one .imgHbox {
    display: block;
     border-radius: 20px;
}

header .solutLi .soluWrapBox .soluWrapList .one .p1 {
    color: #134069;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "PoppinsMedium";
    margin-top: 16px;
}
header .solutLi .soluWrapBox .soluWrapList .one .p1:hover{
    text-decoration: underline;
}

@media(max-width:1600px){
    header .proWrapBox .right .seProList{
         gap: 20px 6%;
    }
    header .solutLi .soluWrapBox .soluWrapList {

    gap: 20px 4.2%;
}
}
.pro3 .left .prodswip2{
    top: 0;
}
.pro3 .left .r-sw .swiper {
    /* 关闭硬件加速导致的亚像素渲染偏差 */
    transform: none !important;
    -webkit-transform: none !important;
}
.ind5 .mySwiper2 .sw2Info .left{
  border: 1px solid #ccc;
}


.downLoad1 .downLoadList .one .p1 {
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video2 .video2List .one {
    position: relative;
}
.video2 .video2List .one .oneImg{
    position:relative;
}
.video2 .video2List .stopBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
       width: unset !important;
}

.product-list li {
    margin: 8px 0;
    transition: all 0.3s ease;
    list-style: none;
}

.product-list li {
    text-decoration: none;
    color: #141414;
}
.product-list li:hover{
color: var(--primary-color);
}
.product-more-btn {
    cursor: pointer;
    color: var(--primary-color);
    font-size: 14px;
    margin-top: 10px;
}

.product-more-btn i {
    margin-left: 4px;
    font-size: 12px;
}
.ind9 .ind9Con .left .top{
    border-radius: 18px;
    overflow: hidden;
}


.color1 {
    color: #03DE6D !important;
}

.color2 {
    color: #25D366 !important;
}

.color3 {
    color: var(--primary-color) !important;
}

.slidNav li .slideOne {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.slidNav li a{
       display: flex;
    flex-direction: column;
    align-items: center;
}
.slidNav li .p1{
    font-size: 12px;
}
.slidNav li .slideOne{
    width: 75px;
    height: 75px;
    border: 1px solid #eee;
        background-color: #fff;
}
.slidNav li a{
     width: 75px;
    height: 75px;
          border: 1px solid #eee;
    background-color: #fff;
}

.slidNav li .slideOne:hover{
    background-color: #fff;
}
.slidNav li a:hover{
    background-color:#fff;
    color: unset !important;
}






header .h-b .range {
    position: relative;
}

header .proWrapBox {
    /* left: 0; */
    left: -140%;
}

header .proWrapBox .left {
    width: 24.71428%;
}

header .proWrapBox .right {
    width: 75.2857%;
    padding: 60px 70px;
}

header .proWrapBox .right .seProList .one {
    width: 20%;
}

header .proWrapBox .right .seProList {
    gap: 40px 5.16%;
}

header .proWrapBox {
    max-height: 630px;
}


header .proWrapBox .left .seondPro {
    padding: 8px 0;
    padding-left: 40px;
    text-align: left;
}
.toastBox{
    display: none;
}
.downToast {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.downToast .toastBox {

    width: 41.66666%;
    border-radius: 8px;
    background-color: #fff;
    max-height: 60vh;
    overflow-y: auto;
    padding: 70px 60px 78px 60px;
}

.downToast .toastBox .p1 {
    font-size: 36px;
    line-height: 46px;
    color: #141414;
    text-align: center;
    font-family: "PoppinsSemiBold";
    margin-bottom: 36px;
}

.downToast .toastBox form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    justify-content: space-between;
}

.downToast .toastBox form>div {
    width: 100%;
}

.downToast .toastBox form input {
    width: 100%;
    color: #999;
    font-size: 16px;
    line-height: 26px;
    padding: 12px 12px 12px 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.downToast .toastBox form .codeBox {
    width: 49.21516%;
    position: relative;
}

.downToast .toastBox form .codeBox .codeImg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}

.downToast .toastBox form .submitBox {
    width: 49.21516%;
}

.downToast .toastBox form .submitBox input {
    background-color: var(--primary-color);
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
}

.downToast .toastBox form .submitBox input:hover {
    background-color: #fff;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.downToast .toastBox .star::after {
    color: #f00;
    top: 12px;
}

@media (max-width:1300px) {
    .downToast .toastBox {
        width: 60%;
        padding: 30px 20px;
    }
}

@media (max-width:1000px) {
    .downToast .toastBox {
        width: 80%;

    }

    .downToast .toastBox .p1 {
        font-size: 30px;
        line-height: unset;
        line-height: 30px;
    }
}

@media (max-width:800px) {
    .downToast .toastBox form .codeBox {
        width: 100%;
    }

    .downToast .toastBox form .submitBox {
        width: 100%;
    }

    .downToast .toastBox .p1 {
        font-size: 25px;

    }
}
.e-d ul {
    padding:0 20px;
}
.e-d ul li{
    list-style-type: disc;
}