@charset "utf-8";

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

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

/* swiper */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, 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');
    font-weight: 400;
    font-style: normal
}




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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --swiper-navigation-size: 44px;
    --primary-color: #1368CA;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

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

.swiper-cards {
    overflow: visible
}

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

/* swiper end */

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


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

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

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

.nav1 {
    top: 0;
}

.nav2 {
    top: 12px;
}

.nav3 {
    bottom: 0;
}

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

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

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

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

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

header .show {
    transform: translateX(0)
}

.smnav .topnav {
    padding: 20px;
}

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

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

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

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

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

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

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

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

.search {
    position: relative;
}

.search .s_wrap {
    position: absolute;
    right: 0;
    width: 300px;
    top: 56px;
    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: #194D26;
}

.h-lan {
    font-size: 14px;
    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: #194D26;
}

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



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


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

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

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

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

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: 30px;
    color: #555;

}

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

.e-d .tableB {
    overflow: auto;
}

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

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

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

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

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

@media (max-width:1720px) {
    .range1 {
        width: 95%;
        padding: 0 10px;
    }
}

header {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

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

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

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

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

header .header-r i {
    cursor: pointer;
}

header .header-r .headerMe {
    color: #fff;
    font-size: 16px;
    display: block;
    width: 180px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background-color: var(--primary-color);
    border-radius: 999px;
    margin-right: 66px;
    border: 1px solid var(--primary-color);
}

header .header-r .headerMe:hover {
    background-color: #fff;
    color: var(--primary-color);
}

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

header .header-c {
    font-size: 16px;

}

header .header-c>li>a {
    color: #fff;
    padding: 29.5px 0;
    position: relative;

}

header .header-c li>a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 999px;
    bottom: 0;
    display: none;
}

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

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

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

header .header-c li>ul {
    position: absolute;
    top: 100%;
    min-width: 250px;
    max-width: 500px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
    padding: 25px 18px 23px 32px;
    display: none;
}

header .header-c li>ul a {
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

header .header-c li>ul a i {
    margin-left: 25px;
    font-size: 10px;
}

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

header .header-c li>ul>li>ul {
    left: 100%;
    top: 0;
    display: none;
}

header .header-r {
    margin-left: 146px;
}

header .header-r .sousuoBox {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .header-r .sousuoBox i {
    color: #222;
    font-size: 18px;
}

header .header-r .h-lan {
    margin-left: 30px;
    font-size: 16px;
    line-height: 32px;
}

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

.logo3 {
    display: none;
}

.headerActive {
    background: #fff;
    color: #222;
}

.headerActive .logo1 {
    display: none;
}

.headerActive .logo3 {
    display: block;
}

.headerActive .header-c>li>a {
    color: #222 !important;
}

.headerActive .header-c>li:hover>a {
    color: var(--primary-color) !important;
}

.headerActive .header-c>li>a:hover {
    color: var(--primary-color) !important;
}

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

.headerActive .header-r .sousuoBox {
    background: var(--primary-color);
}

.headerActive .header-r .sousuoBox i {
    color: #fff;
}

.headerActive .header-c>li>a::after {
    background-color: var(--primary-color);
}

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

    header .header-r .headerMe {
        margin-right: 20px;
    }
}

@media (max-width:1450px) {
    header .header-c {
        gap: 0 20px;
    }
}

@media (max-width:1400px) {
    header .header-r .headerMe {
        display: none;
    }

    header .header-r {
        margin-left: 20px;
    }

    header .header-r .h-lan {
        margin-left: 10px;
    }
}

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

    .snav {
        display: block;
    }

    header .range1 {
        gap: 0 20px;
    }
}

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

@media (max-width:500px) {
    header .header-r .sousuoBox {
        width: 30px;
        height: 30px;
    }

    header .header-r .sousuoBox i {
        font-size: 15px;
    }

    header .header-r .earth {
        display: none;
    }
}

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

header .headerLogo {
    min-width: 115px;
}


.slidNav {
    width: 60px;
    top: 40%;
    position: fixed;
    right: 0;
    z-index: 100;
    padding: 5px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);

}

.slidNav li {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 15px; */
    position: relative;
    /* border-bottom: 1px solid #ededed; */
    /* padding-bottom: 12px; */
    padding-top: 2px;
    margin-bottom: 20px;
}

.slidNav li:last-of-type {
    margin-bottom: 0;
}

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

.slidNav li:first-child:hover .weixin {
    display: block;
}

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

.slidNav li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

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

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

.slidNav i {
    color: #333;
    font-size: 22px;
}

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

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

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

    .slidNav ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-align: center;
    }

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

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

}

.f18 {
    font-size: 18px;
}

.lg-title {
    font-size: 46px;
    font-weight: bold;
    color: #222;
    line-height: 50px;
}

.lg-title span {
    color: var(--primary-color);
}

.ind1 {
    padding-top: 80px;
}

.p80 {
    padding: 80px 0 !important;
}

.publicTop .p1 {
    color: #999;
    margin-bottom: 5px;
    font-size: 18px;
}

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

.ind1 .one {
    width: 49.1428%;
    position: relative;
}

.ind1 .one .ind1zhezhao {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    top: 0;
    left: 0;
    pointer-events: none;
}

.ind1 .one .oneBom {
    position: absolute;
    width: 100%;
    bottom: 32px;
    color: #fff;
    padding: 0 50px 0 47px;
}

.ind1 .one .oneBom a {
    color: #fff;
}

.ind1 .one .oneBom .p1 {
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
}

.ind1 .one .oneBom .p1secon {
    margin-top: 12px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ind1 .one .seconOne {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin-bottom: 11px;
}

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

.ind1 .one .seconOne a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.ind1 .one .seconOne .circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
}

.ind1 .one .look {
    color: #fff !important;

}

.ind1 .one .look i {
    font-size: 30px;
}

.ind1 .one .look:hover i {
    color: var(--primary-color);
}

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

    .lg-title {
        font-size: 40px;
        line-height: 42px;
    }

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

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

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

    .f18 {
        font-size: 16px;
    }

    .ind1 .ind1List {
        display: block;
    }

    .ind1 .ind1List .one {
        width: 100%;
        margin-bottom: 10px;
    }

    .ind1 .ind1List .one img {
        width: 100%;
    }
}

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

    .ind1 .ind1List {
        margin-top: 5px;
    }

    .ind1 {
        padding-top: 20px;
    }

    .ind1 .one .oneBom .p1 {
        font-size: 20px;
    }

    .ind1 .one .oneBom .p1secon {
        margin-top: 0;
    }

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

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

.ind2 {
    margin-top: 80px;
}

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

.ind2 .moreBtn1 {
    margin-top: 36px;
}

.ind2 .moreBtn1 a {
    font-weight: bold;
}

.ind2 .left {
    width: 50%;
}

.ind2 .left .e-d {
    margin-top: 29px;
}

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

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

.ind2 .right {
    width: 43.5714%;
    padding-top: 26px;
}

.ind2 .right .list {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.ind2 .right .list:last-of-type {
    margin-bottom: 0;
}

.ind2 .right .list .p1 {
    color: #222;
    line-height: 32px;
}

.ind2 .right .list .p2 {
    font-size: 20px;
    color: #222;
    line-height: 36px;
}

.ind2 .right .list .p2 span {
    font-size: 42px;
}

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

    .ind2 .right .list .p2 span {
        font-size: 35px;
    }

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

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

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

    .ind2 .left {
        width: 100%;
    }

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

    .ind2 {
        margin-top: 20px;
    }

    .ind2 .right .list .p2 span {
        font-size: 30px;
    }

    .ind2 .moreBtn1 {
        margin-top: 10px;
    }
}

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

    .ind2 .right .list .p2 span {
        font-size: 25px;
    }

    .ind2 .right .list .p2 {
        font-size: 16px;
    }
}

.ind3 {
    margin-top: 68px;
}

.ind3 .box {
    position: relative;
}

.ind3 .videoBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ind3 .ind3List {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 39px;
}

.ind3 .ind3List .one {
    width: 20%;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #222;
    position: relative;
    padding: 0 17px;
}

.ind3 .ind3List .one:last-of-type::after {
    width: 0;
}

.ind3 .ind3List .one:last-of-type::before {
    width: 0;
}

.ind3 .ind3List .one::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    right: 0;
}

.ind3 .ind3List .one::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 31px;
    background: var(--primary-color);
    top: 50%;
    transform: translateY(-50%);
    right: -1px;
    z-index: 1;
}

.ind3 .ind3List .one .p1 {
    margin-top: 10.66px;
}

@media (max-width:1200px) {
    .ind3 .videoBox {
        width: 60px;
    }

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

@media (max-width:900px) {
    .ind3 .ind3List {
        gap: 20px 0;
    }

    .ind3 .ind3List .one {
        width: 33.33%;

    }

    .ind3 .ind3List .one:last-of-type::before {
        width: 3px;
    }

    .ind3 .ind3List .one:last-of-type::after {
        width: 1px;
    }
}

@media (max-width:750px) {
    .ind3 .ind3List .one {
        width: 49%;

    }

    .ind3 {
        margin-top: 20px;
    }

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

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

    }

    .ind3 {
        margin-top: 10px;
    }

    .ind3 .ind3List .one::before {
        width: 0px !important;
    }

    .ind3 .ind3List .one::after {
        width: 0px !important;
    }
}

.ind4 {
    background-image: url(../images/index3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 185px 0;
    margin-top: 80px;
}

.ind4 .cont {
    width: 83.1428%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.ind4 .cont .lg-title {
    color: #fff;
}

.ind4 .cont .p2 {
    margin: 17px 0 49px 0;
    line-height: 32px;
}

.ind4 .cont a {
    color: #fff;
}

.ind4 .cont a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.ind4 .cont .moreBtn1 a {
    border: 2px solid #fff;
    padding: 13px 20px;
}

.ind4 .cont .moreBtn1 a:hover {
    color: #fff !important;
}


@media (max-width:1000px) {
    .ind4 {
        padding: 60px 0;
        margin-top: 40px;
    }

}

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

@media (max-width:500px) {
    .ind4 .cont {
        width: 90%;
    }

    .ind4 {
        margin-top: 10px;
    }
}

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

.ind5top .publicTop {
    width: 70%;
}

.ind5top .moreBtn2 a {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: bold;
    padding: 14px 28px;
    display: inline-block;
    border-radius: 9999px;
    border: 1px solid var(--primary-color);
}

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

.imgHbox {
    overflow: hidden;
}
.imgHbox img{
    width: 100%;
}
.imgHbox img:hover {
    transform: scale(1.1);
}

.ind5 .ind5list {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.ind5 .one {
    width: 31.428%;
}

.ind5 .one .e-d {
    padding: 0 15px;
    margin-top: 27px;
    line-height: 26px;
}

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

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

    .ind5 .ind5list {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .ind5 .one {
        width: 49%;
    }

    .moreBtn2 a {
        padding: 10px 15px !important;
    }

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

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

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

    .ind5top .publicTop {
        width: 100%;
    }

    .ind5top {
        display: block;
    }

    .ind5top .publicTop {
        margin-bottom: 10px;
    }
}

.ind6 {
    background-color: #F4F7FE;
    padding: 52px 0 81px 0;
    overflow: hidden;
}

.ind6 .publicTop {
    text-align: center;
}

.ind6 .publicTop .e-d {
    margin-top: 7px;
}

.ind6 .ind6Sw {
    margin-top: 35px;
    position: relative;
}

.ind6 .ind6Sw .inbanner1 {
    width: 100%;
    overflow: unset;
}

.ind6 .ind6Sw .swiper-slide {
    display: flex;
}

.ind6 .ind6Sw .left {
    width: 43.5%;
    background-color: #5985B8;
    padding-top: 130px;
    padding-left: 64px;
}

.ind6 .ind6Sw .left .p1 {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
}

.ind6 .ind6Sw .left .p2 {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 9px 0 64px 0;
}

.ind6 .ind6Sw .left>div {
    width: 74.2%;
}

.ind6 .ind6Sw .right {
    width: 56.5%;
}

.moreBtn2 a {
    color: #fff;
    font-size: 16px;
    padding: 14px 28px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 999px;
    font-weight: bold;
}

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

.ind6 .btnBox p {
    color: #555;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.ind6 .btnBox p:first-child {
    left: -56px;
}

.ind6 .btnBox p:last-child {
    right: -104px;
}

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

@media (max-width:1300px) {
    .ind6 .ind6Sw .left {
        padding: 20px !important;
    }
}

@media (max-width:1200px) {
    .ind6 .ind6Sw .left>div {
        width: 100%;
    }

    .ind6 .ind6Sw .left .p1 {
        font-size: 25px;
    }
}

@media (max-width:1000px) {
    .ind6 .ind6Sw .left .p2 {
        margin: 10px 0 !important;
    }

    .ind6 {
        padding: 20px 0;
    }
}

@media (max-width:800px) {
    .ind6 .ind6Sw .swiper-slide {
        display: block;
    }

    .ind6 .ind6Sw .left {
        width: 100%;
    }

    .ind6 .ind6Sw .right {
        width: 100%;
    }

    .ind6 .ind6Sw {
        margin-top: 10px;
    }
}

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

    .ind6 {
        padding: 10px 0;
    }

    .ind6 .ind6Sw .left {
        padding: 10px !important;
    }
}

.ind7 .ind7list {
    margin-top: 55px;
}

.ind7 .one {
    padding: 35px 30px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d9d9d9;
}

.ind7 .one:last-of-type {
    border-bottom: 1px solid #d9d9d9;
}

.ind7 .left {
    width: 72%;
}

.ind7 .left .p1 {
    color: #999;
    font-size: 16px;
    line-height: 26px;
}

.ind7 .left .p2 {
    color: #222;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin: 14px 0 19px 0;
}

.ind7 .left .p2 a {
    font-size: 22px;
}

.ind7 .left .p3 {
    font-weight: bold;
    font-size: 16px;
    color: #222;
}

.ind7 .left .p3 a {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 0 18px;
}

.ind7 .right {
    width: 18.9%;
}

@media (max-width:1000px) {
    .ind7 .one {
        align-items: center;
        padding: 20px;
    }

    .ind7 .left .p2 a {
        font-size: 20px;
    }

    .ind7 .left {
        width: 60%;
    }

    .ind7 .right {
        width: 30%;
    }

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

@media (max-width:700px) {
    .ind7 .one {
        display: block;
        padding: 10px 0;
    }

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

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

    .ind7 .one .right img {
        width: 100%;
    }

    .ind7 .left .p2 a {
        font-size: 18px;
    }

}

@media (max-width:500px) {
    .ind7 .left .p2 a {
        font-size: 16px;
    }
}

.ind8 {}

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

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

.ind8 .left {
    width: 46.857%;
}

.ind8 .left .e-d {
    margin: 29px 0 59px 0;
    line-height: 32px;
}

.ind8 .left .moreBtn2 a {
    border: 1px solid var(--primary-color);
    color: var(--primary-color) !important;
}

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

.ind8 .left .e-d em {
    font-style: normal;
    color: #222;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    display: block;
    padding-left: 30px;
    margin-bottom: 25px;
}

.ind8 .left .e-d em::after {
    position: absolute;
    background-image: url(../images/ok.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
    top: 0;
    left: 0;
}

.ind8 .right {
    width: 49.285%;
}

@media (max-width:1200px) {
    .ind8 .one {
        align-items: center;
        margin-bottom: 40px;
    }

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

@media (max-width:900px) {
    .ind8 .one {
        display: block;
        margin-bottom: 10px;
    }

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

    .ind8 .one .right {
        width: 100%;
    }

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

.ind9 .e-d {
    margin-top: 17px;
}

.ind9 .ind9List {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px 0;
    margin-top: 35px;
}

.ind9 .one {
    position: relative;
    width: 32.357%;
}

.ind9 .one .ind9zhezhao {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 47.98%, rgba(0, 0, 0, 0.63) 100%);
}

.ind9 .one .ind9Con {
    padding: 0 24px;
    color: #fff;
    position: absolute;
    bottom: 19px;
}

.ind9 .one .ind9Con .p1 {
    font-size: 22px;
    color: #fff;
    line-height: 32px;
}

.ind9 .one .ind9Con .p1:hover {
    color: #fff !important;
    text-decoration: underline;
}

.ind9 .one .ind9Con .p2 {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.ind9 .one .ind9Con .p2 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ind9 .one .ind9Con .more {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    margin-left: 34px;
    display: inline-block;
    flex-shrink: 0;
}

.ind9 .one .ind9Con .more:hover {
    background-color: var(--primary-color);
}

.ind9 .one .ind9Con .more:hover i {
    color: #fff;
}

.ind9 .one .ind9Con .more i {
    color: #222;
}

.ind9 .moreBtn3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

@media (max-width:1000px) {
    .ind9 .one {
        width: 49%;
    }

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

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

    .ind9 .one img {
        width: 100%;
    }
}

.moreBtn3 a {
    color: var(--primary-color) !important;
    font-size: 16px;
    padding: 14px 28px;
    display: inline-block;
    border: 1px solid var(--primary-color);
    border-radius: 999px;
    font-weight: bold;
}

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



.ind10 .ind5top .e-d {
    margin-top: 17px;
}

.ind10 .ind10List {
    display: flex;
    justify-content: space-between;
    gap: 25px 0;
    margin-top: 33px;
    flex-wrap: wrap;
}

.ind10 .ind10List .one {
    width: 32.1428%;
    padding: 23px 30px 21px 30px;
    background-color: #F4F7FE;
}

.ind10 .ind10List .one .top {
    display: flex;
    align-items: center;
    gap: 0 10.66px;
    margin-bottom: 23px;
}

.ind10 .ind10List .one .p1 {
    color: #222;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

.ind10 .ind10List .one .e-d {
    padding-left: 55px;
}

@media (max-width:1400px) {
    .ind10 .ind10List .one {
        padding: 15px 10px;
    }
}

@media (max-width:1200px) {
    .ind10 .ind10List .one .p1 {
        font-size: 18px;
    }

    .ind10 .ind10List .one .top {
        margin-bottom: 10px;
    }
}

@media (max-width:1000px) {
    .ind10 .ind10List .one {
        width: 49%;
    }

    .ind10 .ind10List .one .e-d {
        padding-left: 0;
    }
}

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

    .ind10 .ind10List .one .p1 {
        font-size: 16px;
    }

    .e-d {
        font-size: 14px;
    }
}

.ind11 {
    display: flex;
}

.ind11 .publicTop .p1 {
    color: #fff;
}

.ind11 .ind11zhezhao {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.ind11 .left {
    width: 62.864%;
    position: relative;
}

.ind11 .leftOne {
    position: relative;
    display: none;
}

.ind11 .leftOne img {
    width: 100%;
}

.ind11 .leftCon {
    width: 73.9%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.ind11 .leftCon .p1 {
    color: #fff;
    font-size: 40px;
    line-height: 32px;
    font-weight: bold;
    display: block;

}

.ind11 .leftCon .e-d {
    margin: 65px 0 51px 0;
    color: #fff;
    line-height: 32px;
}

.ind11 .right {
    width: 37.13%;
    background-color: #001C3C;
    padding-left: 101px;
    padding-top: 130px;
}

.ind11 .right .publicTop {
    color: #fff;
}

.ind11 .right .publicTop .lg-title {
    color: #fff;
}

.ind11 .right .publicTop .p2 {
    font-size: 16px;
    line-height: 32px;
    margin-top: 23px;
    width: 82%;
}

.ind11 .right .rightlist .active {
    background: var(--primary-color);
}

.ind11 .right .rightlist {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 93px;
    border-left: 1px solid var(--primary-color);
}

.ind11 .right .rightlist .listOne {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    padding-left: 17px;
    padding-right: 34px;
    display: inline-block;
    cursor: pointer;
}

@media (max-width:1750px) {
    .ind11 .right {

        padding-left: 50px;
        padding-top: 50px;
    }
}

@media (max-width:1500px) {
    .ind11 .right .rightlist {
        margin-top: 20px;
    }

    .ind11 {
        /* align-items: center; */
    }

    .ind11 .right {
        padding: 20px;
    }
}

@media (max-width:1200px) {
    .ind11 {
        display: block;
    }

    .ind11 .left {
        width: 100%;
    }

    .ind11 .right {
        width: 100%;
    }
}

@media (max-width:800px) {
    .ind11 .leftCon .e-d {
        margin: 10px 0;
    }

    .ind11 .leftCon .e-d P {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ind11 .leftCon {
        width: 90%;
    }

    .ind11 .right .publicTop .p2 {
        width: 100%;
        margin-top: 10px;
    }
}

.ind12 .ind12Con {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.ind12 .left {
    width: 39.5714%;
    border-radius: 30px;
    background: #F4F7FE;
    padding: 42px 62px 36px 46px;
}

.ind12 .left .leftOne {
    margin-bottom: 40px;
}

.ind12 .left .leftOne i {
    color: #555;
    font-size: 24px;
}

.ind12 .left .leftOne .top {
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: #222;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 8px;
}

.ind12 .left .leftOne .p1 {
    padding-left: 35px;
    color: #555;
    font-size: 16px;
    line-height: 26px;
    /* margin-bottom: 17px; */
}

.ind12 .left .thridBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 133px;
}

.ind12 .left .thridBox a {
    display: inline-block;
    width: 57px;
    height: 57px;
    text-align: center;
    line-height: 55px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.ind12 .left .thridBox a:hover {
    background-color: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
}

.ind12 .left .thridBox a:hover i {
    color: #fff;
}

.ind12 .left .thridBox a i {
    color: #222;
    font-size: 23px;
}

.ind12 .right {
    width: 54.7%;
    padding-top: 19px;
}

.ind12 .right form .formTop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.ind12 .right form .formTop>div {
    width: 49.01%;
    margin-bottom: 17px;
}

.ind12 .right form .formTop input {
    width: 100%;
    padding: 22px 100px 22px 0;
    border: none;
    border-bottom: 1px solid rgba(85, 85, 85, 0.5);
    color: #222;
    font-size: 16px;
    line-height: 20px;
    background-color: #fff;
}

.ind12 .right form .formTop .long {
    width: 100%;
    margin-bottom: 16px;
}

.ind12 .right form .formTop .long textarea {
    width: 100%;
    height: 148px;
    padding: 22px 100px 22px 0;
    border: none;
    color: #222;
    font-size: 16px;
    font-family: "Arial";
    background-color: #fff;
    border-bottom: 1px solid rgba(85, 85, 85, 0.5);
}

.ind12 .right form .submitB {
    display: inline-block;
    background: var(--primary-color);
    border-radius: 999px;
    margin-top: 14px;
}


.ind12 .right form .submitB .submitBtn {
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF !important;
    font-size: 16px;
    cursor: pointer;
    width: 100px;
    height: 50px;
    border-radius: 999px;
    border: none;
}

.ind12 .right form .submitB .submitBtn:hover {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    color: var(--primary-color) !important;
}

textarea {
    resize: none;
    outline: none;
}

.ind12 .right form input::placeholder,
.ind12 .right form textarea::placeholder {
    color: #222;
    opacity: 1;
}

.ind12 .right form .codeBox {
    position: relative;
}

.ind12 .right form .codeImg {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

@media (max-width:1200px) {
    .ind12 .left {
        padding: 20px;
    }

    .ind12 .left .thridBox {
        margin-top: 20px;
    }
}

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

    .ind12 .ind12Con .left {
        width: 100%;
    }

    .ind12 .ind12Con .right {
        width: 100%;
    }

    .ind12 .left .leftOne .top {
        font-size: 18px;
    }

    .ind12 .left .leftOne i {
        font-size: 20px;
    }

    .ind12 .left .leftOne {
        margin-bottom: 10px;
    }

    .ind12 .left .thridBox a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .ind12 .left .thridBox a i {
        font-size: 18px;
    }
}

@media (max-width:500px) {
    .ind12 .right form .formTop>div {
        width: 100%;
    }
}

.publicNav {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 268px 0 15px 0;
}

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

.publicNav .pubContent {
    color: #fff;
    position: relative;
    z-index: 2;
}

.publicNav .pubContent .p1 {
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
}

.publicNav .pubContent .p2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 9px;
}

.publicNav .bottomNav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-top: 159px;
}

.publicNav .bottomNav a {
    color: #fff;
}

.publicNav .bottomNav .active {
    text-decoration: underline;
}

.publicNav .bottomNav a:hover {
    color: #fff !important;
    text-decoration: underline;
}




.pro1 {
    display: flex;

}

.pro1 .left {
    width: 23.9588%;
    background: #F4F7FE;
    padding: 60px 95px;
}

.pro1 .left .p1 {
    color: #222;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 21px;
}

.pro1 .pronav .p2 {
    color: #222;
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro1 .pronav .p2 i {
    display: none;
}

.pro1 .pronav .active {
    color: var(--primary-color) !important;
}

.pro1 .pronav .one {
    border-top: 1px solid #ccc;
    padding-top: 21px;
    margin-bottom: 21px;
}

.pro1 .pronav .one ul {
    padding: 6px 0 0 22px;
}

.pro1 .pronav .one ul li a {
    color: #555;
    font-size: 16px;
    line-height: 32px;
}

.pubTitle {
    font-size: 40px;
    color: #222;
    font-weight: bold;
    line-height: 46px;
}

.pubTitle span {
    color: var(--primary-color);
}

.pro1 .right {
    width: 58.854%;
    margin-left: 70px;
    padding-top: 54px;
    padding-bottom: 80px;
}

.pro1 .right .pro1Ed {
    margin: 26px 0 38px 0;
    line-height: 26px;
}

.pro1 .right .proList {
    margin-top: 54px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 3.53%;
}

.pro1 .moreBtn3 a {
    padding: 13px 27px;
}

.pro1 .right .proListOne {
    width: 30.973%;

}

.proListOne {
    background: #FFF;
    position: relative;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
}

.ab4 .proListOne {
    box-shadow: unset
}

.proListOne .oneCon {
    padding: 18px 30px 25px 30px;
}

.proListOne .proEd2 {
    margin-top: 14px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 130px;
}

.proListOne .proEd2 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proListOne .oneCon .proTitle {
    color: #222;
    font-size: 20px;
    font-weight: bold;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 78px;
     line-height:26px;
}

.proListOne .oneCon .proTitle a {
    color: #222;
    font-size: 20px;
   
}

.pro1 .right .checkBox1 {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 8px;

}

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

.pro1 .right .checkBox1 span {
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-color: #fff;
}

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

.pro1 .right .checkBox1 input {
    display: none;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: #fff;
}

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

.pro1 .right .checkBox1 a {
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

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

.proListOne .proLook {
    width: 49.297px;
    height: 49.297px;
    text-align: center;
    line-height: 49.297px;
    background-color: #222;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.proListOne .proLook i {
    font-size: 20px;
}

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

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

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

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

.pageBox .pageOne a {
    width: 35px;
    height: 35px;
    border: 1px solid #CCC;
    background-color: #fff;
    text-align: center;
    line-height: 33px;
    display: inline-block;
    font-size: 16px;
    color: #555;
    border-radius: 4px;
}

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

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


.pageBox .a2 {
    display: flex;
    align-items: center;
    margin-left: 29px;

}

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

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

.pageBox .a2 input {
    background-color: transparent;
    transition: .3s;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    line-height: 32px;
    border: none;
}

@media (max-width:1500px) {
    .pro1 .left {
        padding: 60px 30px;
    }

    .publicNav .bottomNav {
        margin-top: 50px;
    }

    .publicNav .pubContent .p1 {
        font-size: 50px;
    }
}

@media (max-width:1200px) {
    .pro1 .left .p1 {
        font-size: 20px;
    }

    .pubTitle {
        font-size: 35px;
    }

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

    .pro1 .right .pro1Ed {
        margin: 10px 0;
    }

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

    .pro1 .right .oneCon {
        padding: 10px;
    }

    .publicNav .pubContent .p1 {
        font-size: 40px;
    }

    .publicNav {
        padding: 100px 0 15px 0;
    }
}

.rotate {
    transform: rotate(90deg);
}

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

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

    .pro1 .right {
        width: 100%;
        margin-left: 0;
        padding: 0 10px;
    }

    .pro1 .pronav .p2 i {
        display: block;
        color: #222 !important;
    }

    .pro1 .pronav .one ul {
        display: none;
    }

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

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

    .publicNav .pubContent .p1 {
        font-size: 30px;
    }

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

    .pro1 .right .proListOne {
        width: 49%;
    }
}

@media (max-width:500px) {
    .pro1 .right .proListOne {
        width: 100%;
    }

    .pubTitle {
        font-size: 25px;
    }

    .imgHbox img {
        margin: 0 auto;
    }

    .publicNav {
        padding: 60px 0 15px 0;
    }

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

.pro2 {
    margin-top: 0;
}

.pro3 {
    padding-bottom: 0 !important;
}

.pro4 {
    padding-top: 75px !important;
    padding-bottom: 5px !important;
}

.pro5 {
    padding-top: 0 !important;
}


.proInfo {
    padding-top: 60px;
}

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

.proInfo .left {
    width: 42.857%;
}

.proInfo .left .leftT {
    position: relative;
}

.proInfo .right {
    width: 51.285%;
    padding-top: 44px;
}

.proInfo .shopBtn p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.5;
    color: #444;
}

.proInfo .shopBtn p:hover {
    opacity: 1;
}

.proInfo .shopBtn p:first-child {
    left: 0;
}

.proInfo .shopBtn p:last-child {
    right: 0;
}

.proInfo .right .e-d {
    margin-top: 23px;
    line-height: 27px;
}

.proInfo .shareBox {
    color: #333;
    line-height: 32px;
    font-size: 16px;
    margin: 25px 0 40px 0;

    display: flex;
    align-items: center;
}

.proInfo .shareBox .shareImg {
    margin-left: 10px;
}

.proInfo .proInBtn {
    display: flex;
    align-items: center;
    gap: 17px;
}

.proInfo .moreBtn3 a {
    padding: 14px 25px;
}


.proin2 .pubTitle {
    margin-bottom: 37px;
}

.proin2 .e-d {
    line-height: 26px;

}

.proin2 .e-d strong {
    color: #222;
    font-size: 20px;
}

.proin3 {
    padding: 78px 0 78px 0;
}

.proin3 .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.proin3 .top .btnBox {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.proin3 .top .btnBox p {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 1px solid #CCC;
    background-color: #F4F7FE;
    color: #555;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

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

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

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

    .proInfo {
        padding-top: 40px;
    }

    .proin3 {
        padding: 40px 0;
    }
}

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

    .proInfo .left {
        width: 100%;
    }

    .proInfo .left img {
        margin: 0 auto;
    }

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

    .proInfo {
        padding-top: 20px;
    }

    .proin3 {
        padding: 20px 0;
    }
}

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

    .proin3 .inbanner1 {
        padding: 0 !important;
    }

    .proin2 .pubTitle {
        margin-bottom: 10px;
    }

    .proInfo .shareBox {
        margin: 15px 0;
    }

    .proInfo .moreBtn3 a {
        padding: 10px 8px
    }

    .proin3 .top .btnBox p {
        width: 40px;
        height: 40px;
        line-height: 40px;

    }
}

.ab1 {
    padding-top: 55px;
    margin-top: 0 !important;
}

.ab1 .ab1Ed {
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 60px;
}

.ab1 .ab1Ed strong {
    color: #222;
    font-size: 18px;
}

.ab1 .aboutNumBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 158px;
    color: #222;
    text-align: center;
    margin-top: 39px;
}

.ab1 .aboutNumBox .abp1 {
    font-size: 18px;
    line-height: 32px;

}

.ab1 .aboutNumBox .abp2 {
    font-size: 20px;
    line-height: 36px;
    margin-top: 25px;
}

.ab1 .aboutNumBox .abp2 span {
    font-size: 42px;
}

.ab1Info {
    margin-top: 59px;
}

.ab1Info .top {
    display: flex;
    justify-content: space-between;
}

.ab1Info .top .left {
    width: 49.07%;
    display: flex;
    gap: 0 15.91px;
    background: #F4F7FE;
    padding: 21px 37px 29px 30px;
}

.ab1Info img {
    width: 44.344px;
    height: 44.344px;
}

.ab1Info .top .left .lr {
    padding-top: 10px;
}

.ab1Info .lr>p {
    color: #222;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

.ab1Info .top .left .lr .e-d {
    margin-top: 23px;
    line-height: 25px;
}

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

.ab1Info .bottom .e-d {
    margin-top: 23px;
    line-height: 26px;
}

.ab1Info .bottom .one {
    width: 32.1428%;
    background: #F4F7FE;
    padding: 22px 37px 21px 30px;
    display: flex;
    gap: 0 15.91px;
}

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

.ab2 .left {
    width: 28%;
    padding-top: 6px;
}

.ab2 .right {
    width: 70%;
    color: #fff;
}

.ab2 .right .one:first-child {
    background-image: url(../images/ab1.png);
}

.ab2 .right .one:last-of-type {
    background-image: url(../images/ab2.png);
    margin-bottom: 0;
}

.ab2 .right .one {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 52px 45px;
    margin-bottom: 20px;
    position: relative;
    background-position: center;

}

.ab2 .right .righ1zhezhao {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.ab2 .right .righ2zhezhao {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 67, 143, 0.40) 0%, rgba(0, 67, 143, 0.40) 100%);
}

.ab2 .right .p1 {
    font-size: 24px;
    line-height: 36px;
    position: relative;
    z-index: 1;
}

.ab2 .right .p2 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px;
    position: relative;
    z-index: 1;
}

.ab3 .ab3List {
    margin-top: 51px;
}

.ab3 .ab3List .one {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}

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

.ab3 .left {
    width: 47.1428%;
}

.ab3 .right {
    width: 47.857%;
    line-height: 32px;
}

.ab4 {
    background: #F4F7FE;
}

.ab5 .pubTitle {
    text-align: center;
}

.ab5 .ab5List {
    display: flex;
    justify-content: space-between;
    gap: 20px 0;
    flex-wrap: wrap;
    margin-top: 44px;
}

.ab5 .ab5List .one {
    width: 23.92%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(3, 45, 93, 0.15);
}

.ab6 {
    background-color: #F4F7FE;
}

.ab6 .pubTitle {
    text-align: center;
}

.ab6 .logoSwiper {
    margin-top: 34px;
}

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

.ab6 .logoSwiper .bd ul {
    overflow: hidden;
    zoom: 1;
    /* padding: 10px 0 !important; */
}

.ab6 .logoSwiper .bd ul li {
    width: 335px;
    margin-right: 20px;
    text-align: center;
    float: left;
}

@media (max-width:1300px) {
    .ab3 .ab3List .one {
        display: block;
        margin-bottom: 20px;
    }

    .ab3 .ab3List .one .left {
        width: 100%;
    }

    .ab3 .ab3List .one img {
        margin: 0 auto;
    }

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

@media (max-width:1200px) {
    .ab1 {
        padding-top: 30px;
    }

    .ab1 .ab1Ed {
        margin: 10px 0;
    }

    .ab1Info .top .left {
        padding: 15px;
    }

    .ab1Info .bottom {
        flex-wrap: wrap;
        gap: 10px 0;
        margin-top: 10px;
    }

    .ab1Info .bottom .one {
        width: 49.07%;

    }

    .ab2>div {
        display: block;
    }

    .ab2 .left {
        width: 100%;
    }

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

    .ab3 .ab3List {
        margin-top: 30px;
    }
}

@media (max-width:1000px) {
    .ab1 .aboutNumBox {
        justify-content: space-between;
        gap: 10px 0;
        margin-top: 10px;
    }

    .aboutNumBox .ab1One {
        width: 50%;
    }

    .ab1 .aboutNumBox .abp2 span {
        font-size: 35px;
    }

    .ab1 .aboutNumBox .abp2 {
        margin-top: 10px;
    }

    .ab1Info .lr>p {
        font-size: 20px;
    }

    .ab1Info .top .left .lr .e-d {
        margin-top: 10px;
    }

    .ab1Info .bottom .e-d {
        margin-top: 10px;
    }


}

@media (max-width:900px) {
    .ab5 .ab5List .one {
        width: 32%;
    }

}

@media (max-width:800px) {
    .ab1Info .top {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .ab1Info .top .left {
        width: 100%;
    }

    .ab1Info .bottom .one {
        width: 100%;
    }

    .ab3 .ab3List {
        margin-top: 10px;
    }

    .ab5 .ab5List {
        margin-top: 10px;
    }
}

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

    .ab6 .logoSwiper .bd ul li {
        width: 250px;
    }
}

@media (max-width:500px) {
    .ab5 .ab5List {
        gap: 10px 0;
    }

    .ab1 .aboutNumBox .abp2 span {
        font-size: 30px;
    }

    .ab1Info .top .left {
        padding: 10px;
    }

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

    .ab2 .right .p2 {
        font-size: 16px;
    }
}

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

.faqInfo1 {
    margin-top: 55px;
}

.faqInfo1 .faqList {
    margin-top: 45px;
}

.faqInfo1 .one {
    background: #F4F7FE;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    gap: 0 22px;
    padding: 16px 47px 14px 15px;
    margin-bottom: 19px;
}

.faqInfo1 .one.active {
    padding-bottom: 34px;
}

.faqInfo1 .one .faqIcon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #999;
    color: #999;
    border-radius: 50%;
    flex-shrink: 0;
    cursor: pointer;
}

.faqInfo1 .one .faqCon .p1 {
    color: #222;
    line-height: 26px;
}

.faqInfo1 .one .faqCon .e-d {
    line-height: 26px;
    margin-top: 18px;
    display: none;
}

.faqInfo1 .pageBox {
    margin-top: 66px;
}

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

    .faqInfo1 .faqList {
        margin-top: 10px;
    }

    .faqInfo1 .pageBox {
        margin-top: 30px;
    }
}

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


.tech1 .swipList {
    display: flex;
    gap: 53px 1.68%;
    flex-wrap: wrap;
}

.tech1 .swipList .one {
    width: 32.214%;
    position: relative;
}

.tech1 .swipList .one .p1 {
    color: #222;
    font-size: 24px;
    font-weight: bold;
}

.tech1 .swipList .one .e-d {
    line-height: 26px;
    margin: 11px 0 20px 0;
}

.tech1 .swipList .one .swipImg {
    position: relative;
}

.tech1 .swipList .one .swipImg img {
    width: 100%;
}

.tech1 .swipList .one .swipImg .swipCon {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    background: rgba(19, 104, 202, 0.7);
    text-align: center;
    padding: 7px 0;
    line-height: 26px;
    font-size: 16px;
}


.tech1 .swipList .one .btnBox p {
    color: #fff;
    position: absolute;
    bottom: 38.5%;
    font-size: 13px;
    z-index: 2;
    cursor: pointer;
}

.tech1 .swipList .one .btnBox p:first-child {
    left: 13px;
}

.tech1 .swipList .one .btnBox p:last-child {
    right: 13px;
}

.tech2 {
    background-color: #F4F7FE;
}

.tech2 .p1 {
    color: var(--primary-color);
    font-size: 30px;
    font-weight: bold;
    margin: 21px 0;
}

.tech2 .tech2List {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
}

.tech2 .tech2List .one {
    width: 32.357%;
    color: #222;
    line-height: 30px;
    text-align: center;
}

.tech2 .tech2List .one .listp1 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 17px;
}

.tech2 .tech2List .one .listp2 {
    font-size: 16px;
    margin-top: 2px;
}

@media (max-width:1200px) {
    .tech1 .swipList .one .btnBox p {
        bottom: 32.5%;
    }
}

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

    .tech2 .tech2List .one .listp1 {
        font-size: 18px;
    }
}

@media (max-width:900px) {
    .tech1 .swipList {
        justify-content: space-between;
        gap: 20px 0;
    }

    .tech1 .swipList .one {
        width: 49%;
    }
}

@media (max-width:800px) {
    .tech2 .tech2List .one {
        width: 49%;
    }
}

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

    .tech2 .tech2List .one {
        width: 100%;
    }
}

.appli1 {
    margin-top: 60px;
}

.appli1 .appliList {
    display: flex;
    flex-wrap: wrap;
    gap: 47px 1.25%;
    margin-top: 40px;
}

.appli1 .appliList .one {
    width: 32.5%;
    color: #222;
}

.appli1 .appliList .one .p1 {
    font-size: 22px;
    line-height: 40px;
    font-weight: bold;
    margin: 21px 0 15px 0;
}

.appli1 .appliList .one .p2 {
    font-size: 16px;
    line-height: 26px;
    color: #222;
}

.appli1 .moreBtn3 {
    margin-top: 35px;
}

.appli1 .moreBtn3 a {
    padding: 13px 30px;
    text-transform: uppercase;
}

.appli1 .pageBox {
    margin-top: 66px;
}

@media (max-width:1200px) {
    .appli1 .appliList .one .p1 {
        font-size: 18px;
        line-height: 30px;
        margin: 10px 0;
    }

    .appli1 .moreBtn3 {
        margin-top: 10px;
    }

    .appli1 {
        margin-top: 30px;
    }
}

@media (max-width:850px) {
    .appli1 .appliList {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px 0;
        margin-top: 10px;
    }

    .appli1 .appliList .one {
        width: 49%;
    }

    .appli1 {
        margin-top: 10px;
    }

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

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

.appli2 {
    margin-top: 60px;
}

.appli2 .shareBox {
    color: #333;
    line-height: 32px;
    font-size: 16px;
    margin: 18px 0 26px 0;
    display: flex;
    align-items: center;
}

.appli2 .shareBox .shareImg {
    margin-left: 10px;
}

.appli2 .appPage {
    margin-top: 51px;
}

.appPage {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 17px 0;
}

.appPage a {
    display: flex;
    align-items: flex-start;
    color: #555;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 7px;
}

.appPage a:hover {
    color: #222 !important;
}

.appPage a:last-of-type {
    margin-bottom: 0;
}

.appli3 {
    padding-bottom: 0 !important;
}

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

    .appli2 .shareBox {
        margin: 10px 0;
    }

    .appli2 .appPage {
        margin-top: 30px;
    }
}

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

    .appli2 .appPage {
        margin-top: 10px;
    }
}

.new1 .one {
    border-top: unset;
    border-bottom: 1px solid #d9d9d9;
}

.new1 .ind7list {
    margin-top: 26px;
}

.new1 .one {
    padding: 37px 30px 27px 30px;
}

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

.newInfo {
    padding-top: 60px;
}

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

.newInfo .left {
    width: 71.428%;
}

.newInfo .right {
    width: 21.428%;
}

.newInfo .shareBox {
    color: #333;
    line-height: 32px;
    font-size: 16px;
    margin: 33px 0 28px 0;
    display: flex;
    align-items: center;
}

.newInfo .shareBox .shareImg {
    margin-left: 10px;
}

.newInfo .appPage {
    margin-top: 69px;
}

.newInfo .newOne {
    padding-bottom: 19px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 24px;
}

.newInfo .newOne .p1 {
    color: #999;
    font-size: 16px;
    line-height: 26px
}

.newInfo .newOne .p2 {
    color: #222;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newInfo .right .newList {
    margin-top: 37px;
}

.newInfo2 {
    padding-bottom: 0;
}

@media (max-width:1200px) {
    .newInfo .right {
        width: 24.428%;
    }

    .newInfo {
        padding-top: 30px;
    }
}

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

    .newInfo .left {
        width: 100%;
    }

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

@media (max-width:1000px) {
    .newInfo .appPage {
        margin-top: 30px;
    }

    .newInfo .right .newList {
        margin-top: 10px;
    }
}

@media (max-width:800px) {
    .newInfo {
        padding-top: 10px;
    }

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

.contact1 {
    background: #fff;
    padding: 15px 0 0 0;
}

.contact1 .left {
    background-color: #fff;
    width: 43.857%;
    padding: 0;
}

.contact1 .right {
    width: 45.714%;
    padding-top: 0;
}

.contact1 .left .topTitle {
    font-size: 30px;
    color: #222;
    font-weight: bold;
}

.contact1 .right .topTitle {
    font-size: 30px;
    color: #222;
    font-weight: bold;
}

.contact1 .left .ind12top {
    margin-bottom: 48px;
}

.contact1 .right .ind12top {
    margin-bottom: 16px;
}

.contact1 .left .leftOne .p1 {
    padding-right: 12px;
    display: block;

}

.contact1 .left .leftOne .top {
    margin-bottom: 9px;
}

.contact1 .right form .submitB1 {
    width: 100px !important;
    /* height: 50px; */
    margin-right: auto;
    margin-bottom: 0 !important;

}

.contact1 .right form .submitB1 input {
    border: none;
    width: 100px;
    height: 50px;
    background-color: var(--primary-color);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    margin-left: 20px;
    cursor: pointer;
    font-weight: bold;
}

.contact1 .right form .submitB1 input:hover {
    background: #fff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

@media (max-width:1200px) {
    .contact1 .left .topTitle {
        font-size: 25px;
    }

    .contact1 .right .topTitle {
        font-size: 25px;
    }
}

@media (max-width:1000px) {
    .contact1 .left .topTitle {
        font-size: 20px;
    }

    .contact1 .left .ind12top {
        margin-bottom: 10px;
    }
}

@media (max-width:800px) {
    .contact1 .left .topTitle {
        font-size: 18px;
    }
}

/* .qrImg{
    width: 100%;
} */
.qrcodeBox {
    width: 100%;
    min-height: 100vh;
    background-image: url(../images/qrCodeBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 138px;
}

.qrcodeBox .content {
    width: 57.1428%;
    margin: 0 auto;
}

.qrcodeBox .top {
    background: #1368CA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    padding: 3px 21px 6px 34px;
    margin-top: 26px;
}

.qrcodeBox .top img {
    flex-shrink: 0;
    margin-left: 42px;
}

.qrcodeBox .content2 {
    width: 57.1428%;
    margin: 0 auto;
    color: #fff;
    margin-top: 31px;
    background-color: #1368CA;
    padding: 46px 34px 56px 34px;
}

.qrcodeBox .content2 .p1 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 36px;
}

.qrcodeBox .content2 .snBox {
    margin: 27px 0 116px 0;
}

.qrcodeBox .content2 .p2 {
    font-size: 18px;
    line-height: 26px;
}

.qrcodeBox .content2 .p2 a {
    color: #fff;
}

.qrcodeBox .content2 .p2 a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.qrcodeBox .content2 .p1 {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.qrcodeBox .content2 .p1 .snCode {
    font-size: 22px;
    font-weight: 100;
    border: 1px solid #fff;
    padding: 7px 10px;
}

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

    .qrcodeBox .content {
        width: 100%;
    }

    .qrcodeBox .content2 {
        width: 100%;
    }
}

@media (max-width:800px) {
    .qrcodeBox .content2 .snBox {
        margin: 20px 0;
    }

    .qrcodeBox .top {
        font-size: 20px;
    }
}

@media (max-width:500px) {
    .qrcodeBox .content2 .p1 {
        font-size: 18px;
    }

    .qrcodeBox .content2 {
        padding: 20px;
    }

    .qrcodeBox .top img {
        width: 60px;
        min-width: 60px;
    }

    .qrcodeBox .top {
        justify-content: space-between;
        padding: 10px;
    }

    .qrcodeBox .top {
        font-size: 16px;
    }

}

.mapbox {
    padding: 65px 0 80px;
}

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

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

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

footer {
    background: #171e28;
    padding: 59px 0 47.5px 0;
}

footer .logoBox {
    min-width: 100px;
}

footer .logoBox img {
    margin: 0 auto;
}

footer .footer-c {
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 60px;
    margin: 56px 0 45.5px 0;
}

footer .footer-c a {
    color: #fff;
    display: block;
}

footer .footer-b {
    color: #999;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}

footer .footer-b a {
    color: #999;

}

@media (max-width:800px) {
    footer .footer-c {
        font-size: 16px;
        gap: 10px 30px;
        margin: 30px 0;
        justify-content: unset;
    }

    footer {
        padding: 20px 0 47.5px 0;
    }
}

@media (max-width:500px) {
    footer .footer-c {
        gap: 10px 20px;
        margin: 10px 0;
    }
}

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

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

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

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

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




.banner .slick-arrow {
    position: absolute;
    z-index: 99;
    display: block !important;
    top: 50%;
    margin-top: -31px;
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.banner .slick-prev {
    left: 0;
    background-image: url("../img/jtl1.png");
    cursor: pointer;
}

.banner .slick-next {
    right: 0;
    background-image: url("../img/jtr1.png");
    cursor: pointer;
}

.banner .slick-dots {
    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: 26px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

.banner .slick-dots li {
    margin: 0 11px;
    display: inline-block;
}

.banner .slick-dots li.slick-active a {
    width: 22px;
    height: 10px;
    background-color: #fff;
    cursor: pointer;
}

.banner .slick-dots a {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 999px;
    cursor: pointer;
    font-size: 0px;
}

.banner.hide {
    display: none;
}

@media screen and (max-width: 959px) {
    .banner {
        display: block;
    }

    .banner.hide {
        display: block;
    }

    .banner .slick-arrow {
        display: none !important;
    }

    .banner .slick-dots {
        bottom: 10px;
    }

    .banner .slick-dots li {
        margin: 0 5px;
    }

    .banner .slick-dots a {
        width: 10px;
        height: 10px;
    }

    .banner2 {
        display: none;
    }
}

.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: auto;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%;
}

.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-dots .slide-count {
    display: none;
}

.slick-slide {
    position: relative;
}

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

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


.pro1 .right .pro1Ed {
    margin: 26px 0 38px 0;
    line-height: 26px;
    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;
}

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

.tech1 .swipList .one {
    display: flex;
    flex-direction: column;
}

.tech1 .swipList .one .swiper {
    width: 100%;
    margin-top: auto;
}

.ab4 .proListOne .oneCon .proTitle {
    display: block;
    height: auto;
}

.ab4 .proListOne .proEd2 p {
    display: block;
    height: auto;
}

.ab4 .proListOne .proEd2 {
    display: block;
    height: auto;
}
.ab4 .swiper-slide{
    height: auto;
}
.ab4 .proListOne{
    height: 100%;
}
.faqInfo1 .one .faqCon .p1 {
    cursor: pointer;
}

.ind8{
    display:none;
}
.ind9{
    display:none;
}
.ind10{
    display:none;
}
.ind11{
    display:none;
}



.ind1 .ind1List {
    flex-wrap: wrap;
    gap: 20px 0;
}

footer {
    padding: 41px 0 39px 0;
}

footer .footer-t {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

footer .footer-t .thridBox {
    display: flex;
    align-items: center;
    gap: 10px 7.11px;
    flex-wrap: wrap;
}

footer .footer-t .thridBox a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-t .thridBox a i {
    font-size: 20px;
}

footer .footer-t .thridBox a:hover {
    background-color: var(--primary-color);
    color: #fff !important;
    border-color: var(--primary-color);
}

footer .foot-c {
    display: flex;
     justify-content: space-between;
    color: #fff;
    margin-top: 23.21px;
    padding: 55.39px 0 44.61px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
footer .foot-c .one{
      width:25%;
}
footer .foot-c .oneP {
  
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .foot-c .oneP a {
    font-size: 20px;
    color: #fff;
}

footer .foot-c .oneP i {
    display: none;
}

footer .foot-c ul {
    margin-top: 21px;
}

footer .foot-c ul a {
    color: #fff;
    font-size: 16px;
    line-height: 36px;

}

footer .foot-c ul li {
    display: flex;
    align-items: flex-start;
    gap: 0 14px;
    font-size: 16px;
    line-height: 26px;
}

footer .foot-c ul li i {
    font-size: 23px;
}

footer .foot-c ul .emailBox {

    margin-bottom: 39px;

}

footer .foot-c ul .emailBox a {
    line-height: 26px;
    word-break: break-all;
}

footer .foot-c form {
    margin-top: 19px;
}

footer .foot-c form>div {
    width: 100%;
    margin-bottom: 10px;
}

footer .foot-c form input {
    width: 100%;
    padding: 11px 100px 11px 14.46px;
    border: none;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Arial';
    background-color: #fff;
    border-radius: 6px;
}

footer .foot-c form .codeBox {
    position: relative;
}

footer .foot-c form .codeBox .codeImg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12.82px;
    cursor: pointer;
}

footer .foot-c form .submitB {
    width: 28%;
}

footer .foot-c form .submitB input {
    padding: 15px 0;
    cursor: pointer;
    background-color: var(--primary-color);
    color: #fff;
}

footer .foot-c form .submitB input:hover {
    background-color: #fff;
    color: #222;
}

footer .foot-c form input::placeholder {
    color: #222;
    opacity: 1;
    font-size: 16px;
}

footer .foot-b {
    color: #999;
    font-size: 16px;
    line-height: 32px;
    margin-top: 32.21px;
}

footer .foot-b a {
    color: #999;
    font-size: 16px;
    line-height: 32px;
}

@media (max-width:1600px) {
    footer .foot-c {
        justify-content: space-between;
        gap: 0 20px;
    }
}

@media (max-width:1200px) {
    footer .foot-c {
        display: block;
    }

    footer .foot-c .one {
        width: 100%;
        margin-bottom: 10px;
    }

    footer .foot-c .oneP i {
        display: block;
    }

    footer .foot-c ul {
        margin-top: 10px;
        display: none;
    }
    footer{
        padding-bottom: 50px;
    }
}

@media (max-width:700px) {
    footer .foot-b {
        margin-top: 10px;
    }

    footer .foot-c {
        padding: 20px 0;
    }

    footer .foot-c .oneP {
        font-size: 18px;
    }

    footer .foot-c .oneP a {
        font-size: 18px;
    }

    footer .foot-c ul .emailBox {
        margin-bottom: 15px;
    }
}

@media (max-width:500px) {
    footer .foot-c form .submitB {
        width: 100%;
    }
}
.ind12{
    display: none;
}
.faqInfo1{
    margin-bottom: 20px;
}
.appli1{
    margin-bottom: 20px;
}
.new1{
    margin-bottom: 20px;
}
.newInfo2{
    margin-bottom: 20px;
}
.contact1{
    display: block;
}

footer .foot-c ul .emailBox {

    margin-bottom: 10px;

}
footer .foot-c ul .telBox {

    margin-bottom: 10px;

}
footer .foot-c ul li{
    align-items: center;
}
.faqInfo1 .one  .faqCon{
width:0;
flex:1;
    
}