@font-face {
    font-family: 'Genova';
    src: url("../fonts/Genova-Medium-BF661f3c7d85937.otf")
}

::-webkit-scrollbar {
    width: 0 !important;
    display: none
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    outline: none;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif
}

body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif
}

html {
    font-size: 62.5%
}

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

img {
    object-fit: cover;
    vertical-align: middle
}

img:not(.none) {
    max-width: 100%;
    max-height: 100%
}

textarea {
    resize: none;
    font-family: inherit
}

button {
    border: none;
    cursor: pointer
}

.bezier .swiper-wrapper, .div_bezier {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important
}

table {
    border-collapse: collapse
}

[data-scrollbar] {
    height: 100vh
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.4rem
}

::-webkit-scrollbar-track {
    background-color: transparent
}

[data-wheel]::-webkit-scrollbar {
    width: 7px
}

[data-wheel]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.4rem
}

[data-wheel]::-webkit-scrollbar-track {
    background-color: transparent
}

html.lenis, html.lenis body {
    height: auto
}

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

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

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

@media screen and (max-width: 1024px) {
    .scrollbar-thumb {
        width: 0 !important
    }
}

.scrollbar-track-y {
    z-index: 9999 !important
}

.scrollbar-track {
    width: 6px !important;
    background-color: transparent !important;
    right: 3px !important
}

.scrollbar-track:hover {
    cursor: grab
}

.scrollbar-thumb {
    width: 6px !important;
    border-radius: 10px !important;
    background: rgba(0, 0, 0, 0.5) !important
}

section {
    overflow: hidden
}

section.unset {
    overflow: unset
}

._scroll_y {
    position: fixed;
    top: 0;
    right: 3px;
    width: 6px;
    height: 100vh;
    z-index: 9999;
    border-radius: 10px
}

._scroll_y div {
    width: 100%;
    height: 0;
    border-radius: 10px;
    background: black;
    opacity: 0;
    position: relative;
    transition: opacity 0.3s ease;
    cursor: grab
}

.common_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.common_after::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 9999;
    padding: 0 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .6s ease
}

.header.y {
    transform: translateY(-100px);
    opacity: 0
}

.header.on {
    background: #FFFFFF
}

.header.on .logo img:first-child {
    opacity: 0
}

.header.on .logo img:nth-child(2) {
    opacity: 1
}

.header.on .nav .item:hover > a {
    color: #00388B
}

.header.on .nav .item:hover > a:after {
    transform: scaleX(1)
}

.header.on .nav .item > a {
    color: #1A1A1A
}

.header.on .r p {
    color: #333333
}

.header.on .r img {
    filter: invert(0.6)
}

.header.hover_head {
    background: #FFFFFF
}

.header.hover_head .logo img:first-child {
    opacity: 0
}

.header.hover_head .logo img:nth-child(2) {
    opacity: 1
}

.header.hover_head .nav .item:hover > a {
    color: #00388B
}

.header.hover_head .nav .item:hover > a:after {
    transform: scaleX(1)
}

.header.hover_head .nav .item > a {
    color: #1A1A1A
}

.header.hover_head .r p {
    color: #333333
}

.header.hover_head .r img {
    filter: invert(0.6)
}

.header .logo {
    width: 202px;
    height: 42px;
    position: relative
}

.header .logo img {
    width: 100%;
    object-fit: contain;
    transition: .6s ease
}

.header .logo img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.header .nav {
    display: flex;
    height: 100%;
    margin-left: 400px;
}

.header .nav .item {
    height: 100%
}

.header .nav .item:hover .second {
    clip-path: inset(0 0 0 0)
}

.header .nav .item:hover .second .jump {
    opacity: 1
}

.header .nav .item:not(:last-child) {
    margin: 0 70px 0 0
}

.header .nav .item > a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
    transition: .5s ease
}

.header .nav .item > a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #00388B;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: .5s ease
}

.header .nav .item .second {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100px;
    border-top: 1px solid #EAEAEA;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .6s ease;
    clip-path: inset(0 0 100% 0);
    margin-left: 200px;
}

.header .nav .item .second .jump {
    display: flex;
    position: relative;
    left: 60px;
    opacity: 0;
    transition: 1s;
    /*align-items: center;*/
}

.header .nav .item.item_jz .second .jump{
    left: 0!important;
}

.header .nav .item .second .jump .l {
    padding: 46px 0 103px 0;
    border-right: 1px solid #EAEAEA;
    margin: 0 70px 0 0
}

.header .nav .item .second .jump .l .list {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    cursor: pointer;
    transition: .6s ease
}
.header .nav .item.item_jz .second .jump .l{
    display: flex;
    border: none;
    padding: 15px 0;
    margin: 0!important;
}
.header .nav .item.item_jz .second .jump .l .list{
    background:transparent !important;
}
.header .nav .item .second .jump .l .list:hover {
    background: #F6F6F7
}

.header .nav .item .second .jump .l .list:hover p {
    color: #00388B
}

.header .nav .item .second .jump .l .list:hover .iconfont {
    color: #00388B
}

.header .nav .item .second .jump .l .list p {
    font-weight: 400;
    font-size: 16px;
    color: #1A1A1A;
    transition: .6s ease;
    margin: 0 10px 0 0;
}

.header .nav .item .second .jump .l .list .iconfont {
    color: #999999;
    font-size: 16px;
    transition: .6s ease
}

.header .nav .item .second .jump .three {
    padding: 46px 0 103px 0;
    width: 190px;
}

.header .nav .item .second .jump .three .three_list {
    display: none
}

.header .nav .item .second .jump .three .three_list.on {
    display: block
}

.header .nav .item .second .jump .three .three_list a {
    height: 54px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    transition: .6s ease
}

.header .nav .item .second .jump .three .three_list a:hover {
    color: #00388B
}

.header .nav .item .second .jump .images {
    margin: 0 0 0 200px;
    width: 554px;
    height: 302px;
    background: #F4F4F4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header .nav .item .second .jump .images img {
    object-fit: contain;
    height: 90%;
}

.header .r {
    display: flex;
    cursor: pointer;
    width: 202px;
    justify-content: flex-end;

}

.header .r p {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0 9px 0 0;
    transition: .3s ease;
}

.header .r img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: relative;
    top: 1px;
    transition: .3s ease;
}

.hover_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(20, 21, 28, 0.4);
    z-index: 999;
    opacity: 0;
    transition: 1s;
    pointer-events: none
}

.hover_mask.on {
    opacity: 1
}

body.acquiesce .header {
    background: #FFFFFF
}

body.acquiesce .header .logo img:first-child {
    opacity: 1
}

body.acquiesce .header .logo img:nth-child(2) {
    opacity: 1
}

body.acquiesce .header .nav .item.on > a {
    color: #00388B !important;
    font-weight: bold
}

body.acquiesce .header .nav .item:hover > a {
    color: #00388B
}

body.acquiesce .header .nav .item:hover > a:after {
    transform: scaleX(1)
}

body.acquiesce .header .nav .item > a {
    color: #1A1A1A
}

body.acquiesce .header .r p {
    color: #333333
}

body.acquiesce .header .r img {
    filter: invert(0.6)
}

.common_banner {
    padding: 0 0 0 0;
    background: #fff
}

.common_banner .top {
    width: 1480px;
    margin: 0 auto;
    position: sticky;
    position: -webkit-sticky;
    /* top: 350px;
    height: 350px; */
    z-index: 7;
    --crop: 0%
}

.common_banner .top .title {
    height: 100%;
    width: 100%
}

.common_banner .top .title:not(.position) {
    position: relative;
    z-index: 1
}

.common_banner .top .title.position {
    position: absolute;
    top: 0;
    left: 0;
    clip-path: inset(100% 0 0 0)
}

.common_banner .top .title.position .color {
    color: #fff
}

.common_banner .top .title.position .p1 {
    color: #fff
}

.common_banner .top .title .color {
    font-weight: 400;
    font-size: 20px;
    color: #00388B;
    margin: 0 0 25px
}

.common_banner .top .title .p1 {
    font-weight: bold;
    font-size: 60px;
    color: #1A1A1A
}

.common_banner .top .title .animate {
    opacity: 0
}

.common_banner .img {
    width: 90%;
    margin: auto;
    overflow: hidden
}

.common_banner .img img {
    width: 100%;
    transform: scale(1.1);
}
.common_brand{
    z-index: 999;
}
.common_brand{
    position: sticky!important;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    overflow: unset;
}
.common_brand.y .wrap{
    transform: translateY(100px);
}
@media screen and (max-width: 1920px) {
    .common_brand.y .wrap{
        transform: translateY(5.208333333333334vw);
    }
}
.common_brand .wrap {
    width: 1480px;
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    /*border-bottom: 1px solid #EBEBEB;*/
    /*background: #fff !important;*/
    transition: .6s;
    position: relative;
    z-index: 1;

}
.common_brand .wrap:after{
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: -1;
    border-bottom: 1px solid #EBEBEB;
}

.common_brand .wrap a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333333;
    transition: .6s ease
}

.common_brand .wrap a.on, .common_brand .wrap a:hover {
    color: #00338D;
    font-weight: bold
}

.common_brand .wrap a:not(:last-child) {
    margin: 0 80px 0 0
}

.footer {
    background: #F6F6F6;
    padding: 100px 0 39px 0
}

.footer .wrap {
    width: 1480px;
    margin: auto
}

.footer .wrap .foo_nav {
    display: flex;
    justify-content: space-between
}

.footer .wrap .foo_nav .item a {
    transition: .6s
}

.footer .wrap .foo_nav .item > a {
    font-weight: bold;
    font-size: 18px;
    color: #1A1A1A;
    margin: 0 0 44px;
    width: fit-content;
    display: block
}

.footer .wrap .foo_nav .item > a:hover {
    color: #00388B
}

.footer .wrap .foo_nav .item .level a {
    width: fit-content;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    display: flex;
    align-items: center
}

.footer .wrap .foo_nav .item .level a .iconfont {
    color: #BFBFBF;
    font-size: 16px;
    margin: 0 0 0 5px;
    transition: .6s
}

.footer .wrap .foo_nav .item .level a:hover {
    color: #00388B
}

.footer .wrap .foo_nav .item .level a:hover .iconfont {
    color: #00388B
}

.footer .wrap .content {
    margin: 103px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer .wrap .content .icon {
    position: relative;
    cursor: pointer
}

.footer .wrap .content .icon:hover .code {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto
}

.footer .wrap .content .icon .iconfont {
    color: #979797;
    font-size: 30px
}

.footer .wrap .content .icon .code {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 13px);
    transform: translate(-50%, -15px);
    max-width: unset;
    max-height: unset;
    width: 110px;
    opacity: 0;
    pointer-events: none;
    transition: 1s
}

.footer .wrap .content .related {
    position: relative;
    margin: 0 0 37px
}

.footer .wrap .content .related.on .show {
    background: #fff
}

.footer .wrap .content .related.on .hide {
    opacity: 1;
    pointer-events: auto
}

.footer .wrap .content .related .show {
    width: 288px;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #D5D5D5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px 0 25px;
    cursor: pointer;
    transition: .6s ease
}

.footer .wrap .content .related .show p {
    font-weight: 400;
    font-size: 15px;
    color: #888888
}

.footer .wrap .content .related .show .iconfont {
    color: #BFBFBF;
    transform: rotate(90deg)
}

.footer .wrap .content .related .hide {
    position: absolute;
    width: 288px;
    height: 182px;
    background: #FFFFFF;
    border-radius: 3px;
    bottom: 100%;
    left: 0;
    overflow-y: scroll;
    opacity: 0;
    pointer-events: none;
    transition: .6s ease
}

.footer .wrap .content .related .hide .pull a {
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 19px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    transition: .4s ease
}

.footer .wrap .content .related .hide .pull a:hover {
    background: #D5D5D5
}

.footer .wrap .links {
    border-top: 1px solid #E8E8E8;
    padding: 37px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.footer .wrap .links .l {
    display: flex;
    align-items: center
}

.footer .wrap .links .l p, .footer .wrap .links .l a {
    font-weight: 400;
    font-size: 15px;
    color: rgba(102, 102, 102, 0.5)
}

.footer .wrap .links .l a {
    margin: 0 0 0 55px
}

.footer .wrap .links > a {
    font-weight: 400;
    font-size: 15px;
    color: rgba(102, 102, 102, 0.5)
}

.footer .wrap .links a {
    transition: .6s ease
}

.footer .wrap .links a:hover {
    color: #00388B !important
}

.common_get {
    position: relative;
    z-index: 2;
    height: 486px;
    display: flex;
    align-items: center;
    justify-content: center
}

.common_get .wrap h1 {
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center
}

.common_get .wrap .more {
    width: 161px;
    height: 51px;
    border-radius: 25px;
    border: 1px solid #E0E0E0;
    margin: 54px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    cursor: pointer
}

.common_get .wrap .more:hover {
    background: #fff
}

.common_get .wrap .more:hover p, .common_get .wrap .more:hover .iconfont {
    color: #00388B
}

.common_get .wrap .more p {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    margin: 0 13px 0 0;
    transition: .6s ease
}

.common_get .wrap .more .iconfont {
    color: #fff;
    font-size: 16px;
    transition: .6s ease
}

.public_text {
    width: fit-content;
    margin: auto;
    position: relative
}

.public_text .p:first-child {
    position: relative;
    z-index: 55;
    color: #333333
}

.public_text .p:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0.2);
    z-index: 5
}

.public_text .p p {
    width: fit-content
}

@keyframes img_go {
    100% {
        transform: translateX(-50%)
    }
}

@keyframes opacityAnimate {
    100% {
        opacity: 0
    }
}

@keyframes showAnimate {
    100% {
        opacity: 1
    }
}

@keyframes erImg {
    100% {
        transform: scale(0.42) translate(-510px, -201px)
    }
}

@keyframes r1Animate {
    100% {
        opacity: 1;
        margin-left: 0
    }
}

@keyframes xAnimate {
    100% {
        transform: translateX(5px)
    }
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes background {
    100%{
        background: transparent;
    }
}

.loading.on_ {
    /*background: transparent;*/
    /*transition-delay: 4s*/
    animation: background .7s 4s forwards linear;
}


/*.loading.background{*/
/*    background: transparent;*/
/*}*/

.loading.on_ .mask_bg {
    opacity: 1;
    transition-delay: 4s
}

.loading.on .load {
    animation: showAnimate .6s ease forwards, .6s 1.2s opacityAnimate linear forwards
}

.loading.on .zg {
    animation: 1s 3.5s opacityAnimate ease forwards
}

.loading.on .zg .er {
    animation: .6s 1.4s showAnimate linear forwards, .6s 2s erImg ease forwards
}

.loading.on .zg .r_1 {
    animation: 1s 2.5s r1Animate ease forwards
}

.loading.on .zg .r_1 img {
    animation: 1s 2.5s xAnimate ease forwards
}

.loading.on .zg .r_2 {
    animation: 1s 2.6s r1Animate ease forwards
}

.loading.on .zg .r_2 img {
    animation: 1s 2.5s xAnimate ease forwards
}

.loading.on .center .svg {
    animation: showAnimate .6s ease forwards, .6s 1.4s opacityAnimate linear forwards
}

.loading.on .center .svg svg path {
    stroke-dashoffset: 0
}

.loading.on .center .svg .circle {
    animation: svg-path-animation 1s linear forwards, opacityAnimate .6s 1s linear forwards
}

@keyframes svg-path-animation {
    0% {
        offset-distance: 0%
    }
    100% {
        offset-distance: 100%
    }
}

.loading .load {
    position: absolute;
    width: 540px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: .6s ease
}

.loading .svg {
    width: 167px;
    height: 167px;
    position: relative;
    top: 2px;
    z-index: 56;
    opacity: 0;
    /*transition: .6s ease*/
}

.loading .svg .list {
    position: absolute;
    width: 167px;
    height: 167px;
    transform: scale(0.5)
}

.loading .svg .list .circle {
    width: 12px;
    height: 12px;
    background: #00388B;
    border-radius: 50%;
    offset-distance: 0%;
    offset-path: path("M0.5,165.9c0,0,22.9-49.3,70-96.4s96.3-69,96.3-69");
    position: absolute;
    top: 0;
    left: 0
}

.loading .svg .list path {
    fill: none;
    stroke: #00388B;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke-dashoffset: 238;
    stroke-dasharray: 238;
    transition: 1s linear
}

.loading .svg .list1 {
    top: 0;
    left: 0;
    transform-origin: top left
}

.loading .svg .list2 {
    top: -83.5px;
    right: 83.5px;
    transform-origin: bottom right;
    transform: scale(0.5) rotate(90deg)
}

.loading .svg .list3 {
    top: -83.5px;
    left: -83.5px;
    transform-origin: bottom right;
    transform: scale(0.5) rotate(-90deg)
}

.loading .svg .list4 {
    top: -83.5px;
    left: -83.5px;
    transform-origin: bottom right;
    transform: scale(0.5) rotate(-180deg)
}

.loading .er {
    position: absolute;
    width: 169px;
    height: 169px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 2px;
    z-index: 2;
    opacity: 0
}

.loading .r_1 {
    position: absolute;
    width: 202px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.loading .r_1 img {
    width: 100%;
    position: relative;
    left: 16px;
    top: -13px;
    transform: translateX(20px)
}

.loading .r_2 {
    position: absolute;
    width: 246px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.loading .r_2 img {
    width: 100%;
    transform: translateX(20px);
    position: relative;
    top: 26px;
    left: 39px
}

.loading .san {
    position: absolute;
    width: 326px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 2px;
    z-index: 2
}

.loading .mask_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0
}

.loading .mask_bg .scale {
    width: 100%;
    height: 100%
}

.loading .mask_bg .joke {
    width: 100%;
    height: auto
}

.loading .mask_bg img {
    width: 5%;
    height: 100%;
    object-fit: contain
}

.loading .mask_bg .posi {
    position: absolute;
    width: 35%;
    height: 49.1%;
    background: #fff
}

.loading .mask_bg .top {
    width: 100%;
    position: relative
}

.loading .mask_bg .top:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: -2px
}

.loading .mask_bg .right {
    width: 100%
}

.loading .mask_bg .left {
    width: 100%
}

.loading .mask_bg .bottom {
    width: 100%;
    position: relative
}

.loading .mask_bg .bottom:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #FFFFFF;
    position: absolute;
    top: -2px
}



@media screen and (max-width: 1919px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 5.2083333333vw;
        z-index: 9999;
        padding: 0 5.7291666667vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: .4s ease
    }

    .header.on {
        background: #FFFFFF
    }

    .header.on .logo img:first-child {
        opacity: 0
    }

    .header.on .logo img:nth-child(2) {
        opacity: 1
    }

    .header.on .nav .item:hover > a {
        color: #00388B
    }

    .header.on .nav .item:hover > a:after {
        transform: scaleX(1)
    }

    .header.on .nav .item > a {
        color: #1A1A1A
    }

    .header.on .r p {
        color: #333333
    }

    .header.on .r img {
        filter: invert(0.6)
    }

    .header.hover_head {
        background: #FFFFFF
    }

    .header.hover_head .logo img:first-child {
        opacity: 0
    }

    .header.hover_head .logo img:nth-child(2) {
        opacity: 1
    }

    .header.hover_head .nav .item:hover > a {
        color: #00388B
    }

    .header.hover_head .nav .item:hover > a:after {
        transform: scaleX(1)
    }

    .header.hover_head .nav .item > a {
        color: #1A1A1A
    }

    .header.hover_head .r p {
        color: #333333
    }

    .header.hover_head .r img {
        filter: invert(0.6)
    }

    .header .logo {
        width: 10.5208333333vw;
        height: 2.1875vw;
        position: relative
    }

    .header .logo img {
        width: 100%;
        object-fit: contain;
        transition: .6s ease
    }

    .header .logo img:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0
    }

    .header .nav {
        display: flex;
        height: 100%
    }

    .header .nav .item {
        height: 100%
    }

    .header .nav .item:hover .second {
        clip-path: inset(0 0 0 0)
    }

    .header .nav .item:hover .second .jump {
        opacity: 1
    }

    .header .nav .item:not(:last-child) {
        margin: 0 4.1666666667vw 0 0
    }

    .header .nav .item > a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-size: .8333333333vw;
        color: #FFFFFF;
        position: relative;
        transition: .5s ease
    }

    .header .nav .item > a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: .1041666667vw;
        background: #00388B;
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        transform-origin: left;
        transition: .5s ease
    }

    .header .nav .item .second {
        position: absolute;
        width: 100%;
        left: 0;
        top: 5.2083333333vw;
        border-top: .0520833333vw solid #EAEAEA;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .6s ease;
        clip-path: inset(0 0 100% 0)
    }

    .header .nav .item .second .jump {
        display: flex;
        position: relative;
        left: 3.125vw;
        opacity: 0;
        transition: 1s
    }

    .header .nav .item .second .jump .l {
        padding: 2.3958333333vw 0 5.3645833333vw 0;
        border-right: .0520833333vw solid #EAEAEA;
        margin: 0 3.6458333333vw 0 0
    }

    .header .nav .item .second .jump .l .list {
        height: 2.8125vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 2.0833333333vw;
        cursor: pointer;
        transition: .6s ease
    }

    .header .nav .item .second .jump .l .list {
        height: 2.8125vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 2.0833333333333335vw;
        cursor: pointer;
        transition: .6s ease
    }
    .header .nav .item.item_jz .second .jump .l{
        display: flex;
        border: none;
        padding: 0.78125vw 0;
    }

    .header .nav .item .second .jump .l .list:hover {
        background: #F6F6F7
    }

    .header .nav .item .second .jump .l .list:hover p {
        color: #00388B
    }

    .header .nav .item .second .jump .l .list:hover .iconfont {
        color: #00388B
    }

    .header .nav .item .second .jump .l .list p {
        font-weight: 400;
        font-size: .8333333333vw;
        color: #1A1A1A;
        transition: .6s ease;
        margin: 0 0.5208333333333333333333333vw 0 0;
    }

    .header .nav .item .second .jump .l .list .iconfont {
        color: #999999;
        font-size: .8333333333vw;
        transition: .6s ease
    }

    .header .nav .item .second .jump .three {
        width: 9.895833333333vw;
        padding: 2.3958333333vw 0 5.3645833333vw 0
    }

    .header .nav .item .second .jump .three .three_list {
        display: none
    }

    .header .nav .item .second .jump .three .three_list.on {
        display: block
    }

    .header .nav .item .second .jump .three .three_list a {
        height: 2.8125vw;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: .8333333333vw;
        color: #666666;
        transition: .6s ease
    }

    .header .nav .item .second .jump .three .three_list a:hover {
        color: #00388B
    }

    .header .nav .item .second .jump .images {
        margin: 0 0 0 10.416666666666668vw;
        width: 28.8541666667vw;
        height: 15.7291666667vw;
        background: #F4F4F4;
        border-radius: .625vw;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .header .r {
        width: 10.520833333333334vw;
        display: flex;
        cursor: pointer
    }

    .header .r p {
        font-weight: 400;
        font-size: .8333333333vw;
        color: #FFFFFF;
        margin: 0 .46875vw 0 0
    }

    .header .r img {
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        object-fit: contain;
        position: relative;
        top: .0520833333vw
    }

    .footer {
        background: #F6F6F6;
        padding: 5.2083333333vw 0 2.03125vw 0
    }

    .footer .wrap {
        width: 77.0833333333vw;
        margin: auto
    }

    .footer .wrap .foo_nav {
        display: flex;
        justify-content: space-between
    }

    .footer .wrap .foo_nav .item a {
        transition: .6s
    }

    .footer .wrap .foo_nav .item > a {
        font-weight: bold;
        font-size: .9375vw;
        color: #1A1A1A;
        margin: 0 0 2.2916666667vw;
        width: fit-content;
        display: block
    }

    .footer .wrap .foo_nav .item > a:hover {
        color: #00388B
    }

    .footer .wrap .foo_nav .item .level a {
        width: fit-content;
        font-weight: 400;
        font-size: .8333333333vw;
        color: #333333;
        line-height: 1.875vw;
        display: flex;
        align-items: center
    }

    .footer .wrap .foo_nav .item .level a .iconfont {
        color: #BFBFBF;
        font-size: .8333333333vw;
        margin: 0 0 0 .2604166667vw;
        transition: .6s
    }

    .footer .wrap .foo_nav .item .level a:hover {
        color: #00388B
    }

    .footer .wrap .foo_nav .item .level a:hover .iconfont {
        color: #00388B
    }

    .footer .wrap .content {
        margin: 5.3645833333vw 0 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .footer .wrap .content .icon {
        position: relative;
        cursor: pointer
    }

    .footer .wrap .content .icon:hover .code {
        transform: translate(-50%, 0);
        opacity: 1;
        pointer-events: auto
    }

    .footer .wrap .content .icon .iconfont {
        color: #979797;
        font-size: 1.5625vw
    }

    .footer .wrap .content .icon .code {
        position: absolute;
        left: 50%;
        bottom: calc(100% + 13px);
        transform: translate(-50%, -15px);
        max-width: unset;
        max-height: unset;
        width: 5.7291666667vw;
        opacity: 0;
        pointer-events: none;
        transition: 1s
    }

    .footer .wrap .content .related {
        position: relative;
        margin: 0 0 1.9270833333vw
    }

    .footer .wrap .content .related.on .show {
        background: #fff
    }

    .footer .wrap .content .related.on .hide {
        opacity: 1;
        pointer-events: auto
    }

    .footer .wrap .content .related .show {
        width: 15vw;
        height: 2.6041666667vw;
        border-radius: .15625vw;
        border: .0520833333vw solid #D5D5D5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.09375vw 0 1.3020833333vw;
        cursor: pointer;
        transition: .6s ease
    }

    .footer .wrap .content .related .show p {
        font-weight: 400;
        font-size: .78125vw;
        color: #888888
    }

    .footer .wrap .content .related .show .iconfont {
        color: #BFBFBF;
        transform: rotate(90deg)
    }

    .footer .wrap .content .related .hide {
        position: absolute;
        width: 15vw;
        height: 9.4791666667vw;
        background: #FFFFFF;
        border-radius: .15625vw;
        bottom: 100%;
        left: 0;
        overflow-y: scroll;
        opacity: 0;
        pointer-events: none;
        transition: .6s ease
    }

    .footer .wrap .content .related .hide .pull a {
        height: 2.2916666667vw;
        display: flex;
        align-items: center;
        padding: 0 .9895833333vw;
        font-weight: 400;
        font-size: .8333333333vw;
        color: #333333;
        transition: .4s ease
    }

    .footer .wrap .content .related .hide .pull a:hover {
        background: #D5D5D5
    }

    .footer .wrap .links {
        border-top: .0520833333vw solid #E8E8E8;
        padding: 1.9270833333vw 0 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .footer .wrap .links .l {
        display: flex;
        align-items: center
    }

    .footer .wrap .links .l p, .footer .wrap .links .l a {
        font-weight: 400;
        font-size: .78125vw;
        color: rgba(102, 102, 102, 0.5)
    }

    .footer .wrap .links .l a {
        margin: 0 0 0 2.8645833333vw
    }

    .footer .wrap .links > a {
        font-weight: 400;
        font-size: .78125vw;
        color: rgba(102, 102, 102, 0.5)
    }

    .footer .wrap .links a {
        transition: .6s ease
    }

    .footer .wrap .links a:hover {
        color: #00388B !important
    }

    .common_banner {
        padding: 14.6875vw 0 0 0;
        background: #F6F6F6
    }

    .common_banner .top {
        width: 77.0833333333vw;
        margin: 0 auto;
        position: sticky;
        position: -webkit-sticky;
        top: 14.6875vw;
        height: 11.09375vw;
        --crop: 0%
    }

    .common_banner .top .title {
        height: 100%;
        width: 100%
    }

    .common_banner .top .title:not(.position) {
        position: relative;
        z-index: 1
    }

    .common_banner .top .title.position {
        position: absolute;
        top: 0;
        left: 0;
        clip-path: inset(100% 0 0 0)
    }

    .common_banner .top .title.position .color {
        color: #fff
    }

    .common_banner .top .title.position .p1 {
        color: #fff
    }

    .common_banner .top .title .color {
        font-weight: 400;
        font-size: 1.0416666667vw;
        color: #00388B;
        margin: 0 0 1.3020833333vw
    }

    .common_banner .top .title .p1 {
        font-weight: bold;
        font-size: 2.8125vw;
        color: #1A1A1A
    }

    .common_banner .top .title .animate {
        opacity: 0
    }

    .common_banner .img {
        width: 90%;
        margin: auto;
        overflow: hidden
    }

    .common_banner .img img {
        width: 100%
    }

    .common_brand .wrap {
        width: 77.0833333333vw;
        height: 4.1666666667vw;
        margin: auto;
        display: flex;
        align-items: center;
        border-bottom: .0520833333vw solid #EBEBEB
    }

    .common_brand .wrap a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .8333333333vw;
        color: #333333;
        transition: .6s ease
    }

    .common_brand .wrap a.on, .common_brand .wrap a:hover {
        color: #00338D;
        font-weight: bold
    }

    .common_brand .wrap a:not(:last-child) {
        margin: 0 4.1666666667vw 0 0
    }

    .common_get {
        position: relative;
        z-index: 2;
        height: 25.3125vw;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .common_get .wrap h1 {
        font-weight: bold;
        font-size: 1.5625vw;
        color: #FFFFFF;
        text-align: center
    }

    .common_get .wrap .more {
        width: 8.3854166667vw;
        height: 2.65625vw;
        border-radius: 1.3020833333vw;
        border: .0520833333vw solid #E0E0E0;
        margin: 2.8125vw auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 1s;
        cursor: pointer
    }

    .common_get .wrap .more:hover {
        background: #fff
    }

    .common_get .wrap .more:hover p, .common_get .wrap .more:hover .iconfont {
        color: #00388B
    }

    .common_get .wrap .more p {
        font-weight: 400;
        font-size: .78125vw;
        color: #fff;
        margin: 0 .6770833333vw 0 0;
        transition: .6s ease
    }

    .common_get .wrap .more .iconfont {
        color: #fff;
        font-size: .8333333333vw;
        transition: .6s ease
    }
}

@media screen and (max-width: 1024px) {
    .header{
        height: 60px;
        padding: 0 5%;
        background: #fff;
        /*transform: translateY(0) !important;*/
    }
    .header .logo img:nth-child(1) {
        opacity: 0!important;
    }
    .header .logo img:nth-child(2) {
        opacity: 1!important;
    }
    .header .r p {
        color: #333333;
    }
    .header .r img {
        filter: invert(0.6);
    }
    .header .nav{
        display: none;
    }
    .header .logo{
        width: 120px;
        height: auto;
    }
    .header .r p{
        font-size: 13px;
        margin: 0 10px 0 0;
    }
    .header .r img{
        width: 20px;
        height: auto;
    }

    .backTop{
        display: none!important;

    }
    /**/
    .head_click {
        display: block !important;
        position: relative;
        width: 22px;
        height: 16px;
        cursor: pointer;
        margin: 0 0 0 30px;
        top: 3px;
    }

    .head_click .show {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .head_click .show div:first-child {
        transition-delay: 0.4s;

    }

    .head_click .show div:nth-child(2) {
        transition-delay: 0.5s;
    }

    .head_click .show div:last-child {
        transition-delay: 0.6s;
    }

    .head_click .show div {
        width: 100%;
        height: 2px;
        background: #000;
        transition: 0.3s;
    }

    .head_click .hide {
        width: 100%;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .head_click .hide:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 2px;
        background: #000;
        transform: rotate(45deg) scaleX(0);
        transition: .75s cubic-bezier(.19, 1, .22, 1);
    }

    .head_click .hide:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 2px;
        background: #000;
        transform: rotate(-45deg) scaleX(0);
        transition: .75s cubic-bezier(.19, 1, .22, 1);
    }

    .head_click.on .show div {
        transition-delay: unset;
    }

    .head_click.on .show div:first-child {
        width: 0;
    }

    .head_click.on .show div:nth-child(2) {
        width: 0;
        transition-delay: 0.1s;
    }

    .head_click.on .show div:last-child {
        width: 0;
        transition-delay: 0.2s;
    }

    .head_click.on .hide:after {
        transform: rotate(45deg) scaleX(1);
        transition-delay: 0.6s;
    }

    .head_click.on .hide:before {
        transform: rotate(-45deg) scaleX(1);
        transition-delay: 0.6s;
    }
    /**/

    ._scroll_y{
        display: none!important;
    }
    ::-webkit-scrollbar{
        display: none;
    }

    .parallax{
        transform: none!important;
    }


    .footer .wrap .foo_nav{
        /*display: none;*/
    }

    .footer .wrap .foo_nav .item .level{
        display: none;
    }
    .footer .wrap .foo_nav .item > a{
        font-size: 13px;
    }
    .footer .wrap .foo_nav{
        margin: 0 0 20px;
    }
    .footer .wrap .content{
        margin: 0;
    }
    .footer .wrap .content .icon .iconfont {
        font-size: 25px;
    }
    .footer .wrap .content .related .show {
        width: 148px;
        height: 44px;
        border-radius: 4px;
        border: 1px solid #D5D5D5;
        padding: 0 16px 0 16px;
    }
    .footer .wrap .content .related .show p {
        font-size: 13px;
    }
    .footer .wrap .foo_nav{
        display: none;
    }

    .footer .wrap{
        width: 90%;
    }
    .footer .wrap .content .related .hide {
        width: 100%;
        height: auto;
        border-radius: 0;
    }
    .footer .wrap .links {
        border-top: 1px solid #E8E8E8;
        padding: 20px 0 0 0;
        flex-direction: column;
        line-height: 25px;
    }
    .footer .wrap .links,.footer .wrap .links .l{
        flex-direction: column;
    }
    .footer .wrap .links .l p, .footer .wrap .links .l a {
        font-size: 13px;
    }
    .footer .wrap .links > a{
        font-size: 13px;
    }
    .footer .wrap .content{
        padding: 25px 0 0 0;
    }
    .footer .wrap .content .related{
        margin: 0 ;
    }
    footer{
        position: relative;
        z-index: 9;
    }
    .footer{
        padding: 55px 0;
    }
    .footer .wrap .content .related .hide .pull a {
        height: 34px;
        padding: 0 5%;
        font-size: 12px;
    }
    .footer .wrap .content .icon .code {
        bottom: calc(100% + 13px);
        width: 70px;
        right: -43px;
        left: unset;
    }

    .common_banner{
        padding: 90px 0 0 0;
    }

    .common_banner .top .title .p1{
        color: #000!important;
        font-size: 24px;
    }
    .common_banner .top{
        width: 90%;
        top: 0;
        height: auto;
        position: static;
    }

    .common_banner .img{
        width: 100% !important;
        margin: 20px 0 0 0;
    }

    .common_brand{
        display: none;
    }

    .common_banner .top .title .color{
        font-size: 13px;
        margin: 0 0 15px;
        color: #000!important;
    }

    .common_banner .top .title{
        clip-path: unset!important;
    }
    .common_banner .top .title.position{
        display: none;
    }


    .public_text .p:nth-child(2){
        display: none;
    }
    .public_text .p p{
        clip-path: unset!important;
        text-align: center;
    }
    .common_banner .top{
        flex-direction: column;
    }

    .common_get{
        height: 240px;
    }

    .common_get .wrap h1{
        font-size: 24px;
    }
    .common_get .wrap .more {
        width: 120px;
        height: 40px;
        border-radius: 25px;
        border: 1px solid #E0E0E0;
        margin: 25px auto 0;
    }

    .common_get .wrap .more p{
        font-size: 12px;
        margin: 0 5px 0 0;
    }
    .common_get .wrap .more .iconfont{
        font-size: 14px;
    }

    .header .r{
        width: fit-content;
    }
    .footer .wrap .links .l a{
        margin: 0;
    }
    .footer .wrap .links .l{
        align-items: unset;
    }
    .footer .wrap .links{
        align-items: unset;
    }
    .footer .wrap .content{
        flex-direction: row-reverse;
    }
    .footer .sj_logo{
        width: 144px;
        margin: 0 0 30px;
        display: block!important;
    }
    .footer .sj_nav{
        margin: 0 0 35px;
        display: block!important;
    }
    .footer .sj_nav .item .show{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        transition: .6s ease;
    }
    .footer .sj_nav .item.on .show{
        border-bottom: 1px solid #194B95;
    }
    .footer .sj_nav .item:last-child .show{
        border-bottom: none;
    }
    .footer .sj_nav .item .show a{
        color: #000;
        font-size: 14px;
    }
    .footer .sj_nav .item .show .add{
        position: relative;
        width: 12px;
        height: 12px;
    }
    .footer .sj_nav .item .show .add:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        background: #000;
    }
    .footer .sj_nav .item .show .add:before{
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        background: #000;
    }
    .footer .sj_nav .item .hide{
        overflow: hidden;
        display: none;
    }

    .footer .sj_nav .item .hide > div{
        margin: 10px 0;
    }

    .footer .sj_nav .item .hide a{
        color: rgba(0, 0, 0, .6);
        font-size: 13px;
        display: block;
        width: 100%;
        line-height: 38px;
        padding: 0 0 0 15px;
    }
    .footer .wrap .links{
        border-top: none;
    }
    .footer .wrap .content{
        border-top: 1px solid #E8E8E8;
    }
    .footer .sj_nav .item .show .add:before{
        transition: .6s ease;
    }
    .footer .sj_nav .item.on .show .add:before{
        opacity: 0;
    }
}


    @media  screen and (max-width: 1024px) {
        .mobile_background {
            opacity: 1;
            display: block !important;
        }

        .mobile_background {
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
            transition: 0.6s;
            background: #fff;
            display: none;
            clip-path: inset(0% 0% 100% 0%);
        }

        .mobile_background_active {
            clip-path: inset(0% 0% 0% 0%);
        }

        .mobile_background .joke {
            position: relative;
            margin: 84px 0 0 0;
            height: 86vh;
            overflow: scroll;
        }

        .mobile_background .joke ul li {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            text-align: left;
            margin: auto;
        }

        .mobile_background_active .joke ul li {
            display: block;
        }

        .mobile_background .joke ul li > a, .mobile_background .joke ul li .headline a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            color: #111;
            margin: 0 !important;
            font-weight: 400;
            padding: 16px 3%;
        }

        .mobile_background .joke ul li.teshu .headline a {
            width: 100%;
            justify-content: unset;
        }

        .mobile_background .joke ul li .headline {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .mobile_background .joke ul li .headline .iconfont {
            color: #111;
            font-size: 14px;
            position: relative;
            left: -3%;
            transition: 0.3s ease;
        }

        .mobile_background .joke ul li > a.on {
            color: #00388B;
        }

        .mobile_background .joke ul li > a .iconfont {
            color: #333;
            font-size: 16px;
            transition: 0.6s;
        }

        .mobile_background .joke ul li.on > a .iconfont {
            transform: rotate(90deg);
        }

        .mobile_background .joke ul li .hidden {
            overflow: hidden;
            display: none;
        }

        .mobile_background .joke ul li .hidden .list .display {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 45px;
            padding: 0 3%;
        }

        .mobile_background .joke ul li .hidden .list.cxk_2 .display a {
            width: 100%;
            height: 100%;
        }

        .mobile_background .joke ul li .hidden .list .display a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.5);
            font-weight: 400;
            width: 80%;
        }

        .mobile_background .joke ul li .hidden .list .display .iconfont {
            color: #111;
            font-size: 14px;
            position: relative;
            left: 0;
        }

        .mobile_background .joke ul li .hidden .list .level {
            overflow: hidden;
            display: none;
        }

        .mobile_background .iconfont {
            /*transition: 0.6s;*/
        }

        .mobile_background .iconfont.on {
            transform: rotate(90deg);
        }

        .mobile_background .joke ul li .hidden .list .level a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 13px;
            color: #b4b4b4;
            font-weight: 400;
            height: 41px;
            line-height: 30px;
            width: 90%;
            margin: auto;
        }

        .mobile_background .joke ul li .hidden > div {
            margin: 0 0 20px;
        }

        .mobile_background .joke .dis_button {
            display: flex;
            width: 100%;
            padding: 0 3%;
            margin: 25px 0 0 0;
        }

        .mobile_background .joke .dis_button .common_more {
            margin: 0 15px 0 0;
        }

        .mobile_background .joke .dis_button .place {
            position: relative;
        }

        .mobile_background .joke .dis_button .place .code {
            position: absolute;
            left: 50%;
            transform: translate(-50%, 10px);
            top: calc(100% + 15px);
            width: 100px;
            opacity: 0;
            pointer-events: none;
            transition: 1s;
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.7);
        }

        .mobile_background .joke .dis_button .place:hover .code {
            opacity: 1;
            transform: translate(-50%, 0);
        }
    }

       .footer .wrap{
        position: relative;
    }
    @media  screen and (max-width: 1024px) {
                .contact .wrap .content3 #container .BMapLabel{
                    top: 20% !important;
                    left: 20% !important;
                }
            }
    .backTop{
        position: absolute;
        right: -260px;
        top: 0;
        width: 48px;
        height: 48px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: .6s ease;
    }
    .backTop:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #DDDDDD;
        border-radius: 8px;
        z-index: -1;
        transition: .6s ease;
    }
    .backTop:hover:after{
        background: #00388B;
        transform: rotate(45deg);
    }

    .backTop:hover svg path{
        fill: #fff;
    }

    .backTop svg{
        width: 20px;
        height: 20px;
        transition: .6s ease;
    }
    .backTop svg path{
        transition: .6s ease;
    }
    @media  screen and (max-width: 1920px) {

        .backTop{
            right: -7.291666666666667vw;
            width: 2.5vw;
            height: 2.5vw;
        }
        .backTop:after{
            border-radius:0.4166666666666667vw;
        }

        .backTop svg{
            width: 1.0416666666666667vw;
            height: 1.0416666666666667vw;
        }

    }

    .amap-info-content {
                box-shadow: none!important;
                border: none !important;
                background: transparent !important;
            }
           .amap-info-sharp{
               display: none;
           }