.w1720 {
    width: 89.58333vw;
    margin: 0 auto
}

.sec1 {
    padding: 8.75vw 0 10.41667vw;
    position: relative;
    overflow: hidden
}

.sec1:after {
    content: "";
    width: 37.39583vw;
    height: 37.39583vw;
    border-radius: 37.39583vw;
    opacity: 0.12;
    background: linear-gradient(0deg, #0055D5 0%, #0055D5 100%), #D9D9D9;
    filter: blur(16.08073vw);
    position: absolute;
    top: -12.13542vw;
    left: -7.23958vw;
    z-index: -1
}

.sec1:before {
    content: "";
    width: 37.39583vw;
    height: 37.39583vw;
    border-radius: 37.39583vw;
    opacity: 0.16;
    background: linear-gradient(0deg, #0055D5 0%, #0055D5 100%), #D9D9D9;
    filter: blur(16.08073vw);
    position: absolute;
    top: 56.92708vw;
    left: -7.23958vw;
    z-index: -1
}

.sec1 .wrap {
    width: 89.58333vw;
    margin: 0 auto
}

.sec1 .wrap .part {
    display: flex;
    justify-content: space-between
}

.sec1 .wrap .part .l_box {
    width: 32.55208vw;
    padding: 6.04167vw 0 0
}

.sec1 .wrap .part .l_box .en {
    color: #1673FF;
    font-weight: 400;
    text-transform: uppercase
}

.sec1 .wrap .part .l_box .title {
    color: #071D49;
    font-weight: 700;
    line-height: 2.86458vw;
    letter-spacing: -.05833vw;
    margin: .52083vw 0 2.5vw
}

.sec1 .wrap .part .l_box .title span {
    color: #1673FF
}

.sec1 .wrap .part .l_box .sec1_swiper {
    width: 100%;
    overflow: hidden;
    margin: 0 0 2.5vw
}

.sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .h5 {
    color: #071D49;
    font-weight: 500
}

.sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .line {
    width: 100%;
    height: .05208vw;
    background: #BFBFBF;
    margin: 1.40625vw 0 1.25vw
}

.sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .line .line1 {
    width: 2.23958vw;
    height: .05208vw;
    background: #1673FF
}

.sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .p {
    color: #696969;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.05833vw
}

.sec1 .wrap .part .l_box .swiper_control {
    gap: 1.92708vw;
    display: flex;
    align-items: center
}

.sec1 .wrap .part .l_box .swiper_control .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625vw;
    width: fit-content
}

.sec1 .wrap .part .l_box .swiper_control .btns .jt {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center
}

.sec1 .wrap .part .l_box .swiper_control .btns .jt img {
    display: block;
    width: 3.33333vw;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.6s
}

.sec1 .wrap .part .l_box .swiper_control .btns .jt svg {
    width: 3.48958vw;
    height: auto;
    display: block;
    transition: 0.6s
}

.sec1 .wrap .part .l_box .swiper_control .btns .jt.next img {
    transform: rotate(180deg)
}

.sec1 .wrap .part .l_box .swiper_control .btns .jt:hover svg {
    opacity: 0
}

.sec1 .wrap .part .l_box .swiper_control .btns .jt:hover img {
    opacity: 1
}

.sec1 .wrap .part .l_box .swiper_control .swiper-pagination {
    display: flex;
    align-items: center;
    position: unset;
    width: fit-content
}

.sec1 .wrap .part .l_box .swiper_control .swiper-pagination .swiper-pagination-current {
    color: #1673FF;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.03839vw
}

.sec1 .wrap .part .l_box .swiper_control .swiper-pagination .line {
    display: block;
    margin-left: .625vw
}

.sec1 .wrap .part .l_box .swiper_control .swiper-pagination .line,
.sec1 .wrap .part .l_box .swiper_control .swiper-pagination .swiper-pagination-total {
    color: #737373;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.03073vw
}

.sec1 .wrap .part .r_box {
    width: 45.72917vw
}

.sec1 .wrap .part .r_box svg {
    display: block;
    width: 100%;
    height: fit-content
}

.sec1 .wrap .part .r_box svg .line1 {
    stroke-dasharray: 110;
    stroke-dashoffset: -110;
    transition: 0.8s
}

.sec1 .wrap .part .r_box svg .line2 {
    stroke-dasharray: 439;
    stroke-dashoffset: -439;
    transition: 1.6s
}

.sec1 .wrap .part .r_box svg .line3 {
    stroke-dasharray: 430;
    stroke-dashoffset: -430;
    transition: 1.6s
}

.sec1 .wrap .part .r_box svg .line4 {
    stroke-dasharray: 1110;
    stroke-dashoffset: -1110;
    transition: 2.4s
}

.sec1 .wrap .part .r_box.active svg .line1 {
    stroke-dashoffset: -220
}

.sec1 .wrap .part .r_box.active svg .line2,
.sec1 .wrap .part .r_box.active svg .line3 {
    stroke-dashoffset: 0
}

.sec1 .wrap .part .r_box.active svg .line4 {
    stroke-dashoffset: -2220
}

.sec1 .wrap .numList {
    display: flex;
    margin: -14.0625vw 0 0;
    position: relative;
    z-index: 2
}

.sec1 .wrap .numList .item {
    position: relative
}

.sec1 .wrap .numList .item:after {
    content: "";
    width: .05208vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 85, 213, 0) 0%, #0055D5 42.5%, rgba(0, 85, 213, 0) 100%)
}

.sec1 .wrap .numList .item:before {
    content: "";
    width: .15625vw;
    height: 5.20833vw;
    background: #071D49;
    position: absolute;
    left: -.05208vw;
    top: 50%;
    transform: translateY(-50%)
}

.sec1 .wrap .numList .item .num {
    display: flex;
    align-items: flex-end;
    gap: .625vw;
    margin-bottom: 2.96875vw
}

.sec1 .wrap .numList .item .num span {
    display: block;
    color: #071D49;
    font-weight: 400;
    line-height: 1.6667;
    letter-spacing: -.05833vw;
    margin: 0 0 .72917vw
}

.sec1 .wrap .numList .item .num p {
    color: #071D49;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.05833vw
}

.sec1 .wrap .numList .item .item_des {
    width: 13.85417vw;
    color: rgba(7, 29, 73, 0.6);
    font-weight: 400;
    line-height: 1.6667;
    letter-spacing: -.05833vw
}

.sec1 .wrap .numList .item:nth-child(2n):before {
    background: #1673FF
}

.sec1 .wrap .numList .item:nth-child(2n) .num p,
.sec1 .wrap .numList .item:nth-child(2n) .num span {
    color: #1673FF
}

.sec1 .wrap .numList .item:nth-last-child(1) {
    padding: 0 0 5.88542vw 2.1875vw
}

.sec1 .wrap .numList .item:not(:last-child) {
    padding: 0 8.4375vw 5.88542vw 2.1875vw
}

.sec1 .wrap .img {
    width: 100%;
    height: 32.29167vw;
    border-radius: .625vw .625vw 5.20833vw .625vw;
    overflow: hidden;
    margin: 8.125vw 0 0;
    position: relative
}

.sec1 .wrap .img .img_text {
    position: absolute;
    top: 8.02083vw;
    left: 6.71875vw;
    z-index: 3;
    width: 41.66667vw
}

.sec1 .wrap .img .img_text .en {
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase
}

.sec1 .wrap .img .img_text .title {
    color: #FFF;
    font-weight: 700;
    line-height: 2.86458vw;
    letter-spacing: -.05833vw;
    margin: .52083vw 0 2.5vw
}

.sec1 .wrap .img .img_text .title span {
    color: #1673FF
}

.sec1 .wrap .img .img_text .des {
    color: #FFF;
    font-weight: 400;
    line-height: 150%
}

.sec1 .wrap .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s
}

.sec1 .wrap .img:hover img {
    transform: scale(1.1)
}

.sec2 {
    padding: 0vw 5.88542vw 10vw 5.20833vw;
    overflow: hidden;
    position: relative
}

.sec2:after {
    content: "";
    width: 37.39583vw;
    height: 37.39583vw;
    border-radius: 37.39583vw;
    opacity: 0.24;
    background: linear-gradient(0deg, #0055D5 0%, #0055D5 100%), #D9D9D9;
    filter: blur(16.08073vw);
    position: absolute;
    left: -9.32292vw;
    bottom: -10.57292vw;
    z-index: -1
}

.sec2:before {
    content: "";
    width: 37.39583vw;
    height: 37.39583vw;
    border-radius: 37.39583vw;
    opacity: 0.24;
    background: linear-gradient(0deg, #0055D5 0%, #0055D5 100%), #D9D9D9;
    filter: blur(16.08073vw);
    position: absolute;
    right: -12.8125vw;
    bottom: -10.9375vw;
    z-index: -1
}

.sec2 .wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative
}

.sec2 .wrap .l_box {
    width: 25.52083vw;
    padding: 7.44792vw 0 0
}

.sec2 .wrap .l_box .en {
    color: #1673FF;
    font-weight: 400;
    text-transform: uppercase
}

.sec2 .wrap .l_box .title {
    color: #071D49;
    font-weight: 700;
    line-height: 2.86458vw;
    letter-spacing: -.05833vw;
    margin: .20833vw 0 2.5vw
}

.sec2 .wrap .l_box .sec2_swiper {
    width: 100%;
    overflow: hidden;
    margin: 0 0 2.5vw
}

.sec2 .wrap .l_box .sec2_swiper .swiper-slide .h5 {
    color: #071D49;
    font-weight: 500
}

.sec2 .wrap .l_box .sec2_swiper .swiper-slide .line {
    width: 100%;
    height: .05208vw;
    background: #BFBFBF;
    margin: 1.45833vw 0 2.34375vw
}

.sec2 .wrap .l_box .sec2_swiper .swiper-slide .line .line1 {
    width: 2.23958vw;
    height: .05208vw;
    background: #1673FF
}

.sec2 .wrap .l_box .sec2_swiper .swiper-slide .p {
    color: #696969;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.05833vw
}

.sec2 .wrap .l_box .swiper_control {
    gap: 1.92708vw;
    display: flex;
    align-items: center
}

.sec2 .wrap .l_box .swiper_control .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625vw;
    width: fit-content
}

.sec2 .wrap .l_box .swiper_control .btns .jt {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center
}

.sec2 .wrap .l_box .swiper_control .btns .jt img:nth-child(2) {
    display: block;
    width: 3.33333vw;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.6s
}

.sec2 .wrap .l_box .swiper_control .btns .jt img:nth-child(2) {
    width: 3.48958vw;
    height: auto;
    display: block;
    transition: 0.6s
}

.sec2 .wrap .l_box .swiper_control .btns .jt.next img:nth-child(2) {
    transform: rotate(180deg)
}

.sec2 .wrap .l_box .swiper_control .btns .jt:hover img:nth-child(1) {
    opacity: 0
}

.sec2 .wrap .l_box .swiper_control .btns .jt:hover img:nth-child(2) {
    opacity: 1
}

.sec2 .wrap .l_box .swiper_control .swiper-pagination {
    display: flex;
    align-items: center;
    position: unset;
    width: fit-content
}

.sec2 .wrap .l_box .swiper_control .swiper-pagination .swiper-pagination-current {
    color: #1673FF;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.03839vw
}

.sec2 .wrap .l_box .swiper_control .swiper-pagination .line {
    display: block;
    margin-left: .625vw
}

.sec2 .wrap .l_box .swiper_control .swiper-pagination .line,
.sec2 .wrap .l_box .swiper_control .swiper-pagination .swiper-pagination-total {
    color: #737373;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.03073vw
}

.sec2 .wrap .map {
    width: 61.875vw;
    position: relative
}

.sec2 .wrap .map>img {
    display: block;
    width: 100%
}

.sec2 .wrap .map .points .point {
    position: absolute
}

.sec2 .wrap .map .points .point .icon {
    display: block;
    width: 2.34375vw
}

.sec2 .wrap .map .points .point .info {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    border-radius: .625vw;
    background: #E7F1FF;
    backdrop-filter: blur(1.5625vw);
    padding: .625vw;
    width: 14.58333vw;
    display: none
}

.sec2 .wrap .map .points .point .info .pic {
    border-radius: .625vw
}

.sec2 .wrap .map .points .point .info .pic img {
    height: 6.14583vw
}

.sec2 .wrap .map .points .point .info .pt {
    margin-top: .625vw;
    color: #0055D5;
    font-weight: 500
}

.sec2 .wrap .map .points .point .info .en {
    color: #071D49;
    margin-bottom: .41667vw
}

.sec2 .wrap .map .points .point .info .st {
    color: #696969
}

.sec2 .wrap .map .points .point:hover .info,
.sec2 .wrap .map .points .point.active .info {
    display: block
}

.sec2 .wrap .map .points .point1 {
    right: 11.30208vw;
    top: 19.0625vw
}

.sec2 .wrap .map .points .point2 {
    right: 10.05208vw;
    top: 18.80208vw
}

.sec2 .wrap .map .points .point3 {
    right: 11.77083vw;
    top: 20.10417vw
}

.sec2 .wrap .map .points .point4 {
    right: 13.80208vw;
    top: 20.83333vw
}

.sec2 .wrap .map .points .point5 {
    right: 14.32292vw;
    top: 20.98958vw
}

.sec2 .wrap .map .points .point6 {
    right: 10.52083vw;
    top: 21.45833vw
}

.sec2 .wrap .map .points .point7 {
    right: 16.5625vw;
    top: 21.51042vw
}

.sec2 .wrap .map .points .point8 {
    right: 10.78125vw;
    top: 22.5vw
}

.sec2 .wrap .map .points .point9 {
    right: 12.1875vw;
    top: 22.91667vw
}

.sec2 .wrap .map .points .point10 {
    right: 11.35417vw;
    top: 26.35417vw
}

.sec2 .wrap .phone_box .info {
    border-radius: .625vw;
    backdrop-filter: blur(30px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: .625vw;
    width: 100%
}

.sec2 .wrap .phone_box .info .pic {
    border-radius: .625vw
}

.sec2 .wrap .phone_box .info .pic img {
    display: block;
    width: 100%;
    object-fit: cover
}

.sec2 .wrap .phone_box .info .pt {
    margin-top: .625vw;
    color: #0055D5;
    font-weight: 500
}

.sec2 .wrap .phone_box .info .en {
    color: #071D49;
    margin-bottom: .41667vw
}

.sec2 .wrap .phone_box .info .st {
    color: #696969
}

.sec2 .wrap .logos {
    width: 100%;
    position: absolute;
    bottom: -2.76042vw;
    left: 0
}

.sec2 .wrap .logos .flex {
    width: max-content;
    display: flex;
    animation: img_go 60s infinite linear
}

.sec2 .wrap .logos .flex .logo_flex {
    display: flex
}

.sec2 .wrap .logos .flex .logo_flex .logo {
    padding: 1.45833vw 2.08333vw;
    border-radius: .57292vw;
    background: #FFF;
    margin-right: 1.04167vw
}

.sec2 .wrap .logos .flex .logo_flex .logo img {
    display: block;
    height: 2.5vw
}

.sec3 {
    position: relative;
    padding: 13.90625vw 0
}

.sec3 .bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover
}

.sec3 .title {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.125vw
}

.sec3 .p {
    margin: 1.25vw 0;
    color: #FFF;
    text-align: center;
    font-weight: 400
}

.sec3 .more {
    display: flex;
    align-items: center;
    gap: .67708vw;
    width: fit-content;
    margin: 0 auto
}

.sec3 .more p {
    color: #FFF;
    font-weight: 700;
    letter-spacing: 0.04375vw;
    text-transform: uppercase
}

.sec3 .more svg {
    display: block;
    width: .41667vw;
    height: unset;
    transition: 0.6s
}

.sec3 .more:hover svg {
    transform: translateX(.26042vw)
}

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

@media screen and (max-width: 768px) {
    .sec1 {
        padding: 40px 0 30px
    }

    .sec1 .wrap {
        width: 90%
    }

    .sec1 .wrap .part {
        flex-direction: column
    }

    .sec1 .wrap .part .l_box {
        width: 100%
    }

    .sec1 .wrap .part .l_box .en {
        font-size: 14px
    }

    .sec1 .wrap .part .l_box .title {
        font-size: 20px;
        line-height: 1;
        margin: 10px 0 20px
    }

    .sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .h5 {
        font-size: 18px
    }

    .sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .line {
        margin: 15px 0
    }

    .sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .line .line1 {
        width: 28px
    }

    .sec1 .wrap .part .l_box .sec1_swiper .swiper-slide .p {
        font-size: 14px;
        line-height: 1.6
    }

    .sec1 .wrap .part .l_box .swiper_control {
        margin: 15px 0 0
    }

    .sec1 .wrap .part .l_box .swiper_control .btns .jt svg {
        width: 40px
    }

    .sec1 .wrap .part .l_box .swiper_control .btns .jt img {
        width: 42px
    }

    .sec1 .wrap .part .r_box {
        width: 100%;
        margin: 25px 0 0
    }

    .sec1 .wrap .numList {
        flex-wrap: wrap;
        gap: 20px 0
    }

    .sec1 .wrap .numList .item {
        width: 50%;
        padding: 0 20px 30px !important
    }

    .sec1 .wrap .numList .item:after {
        width: 1px
    }

    .sec1 .wrap .numList .item .num p {
        font-size: 24px
    }

    .sec1 .wrap .numList .item .num span {
        font-size: 10px
    }

    .sec1 .wrap .numList .item .item_des {
        width: 100%;
        font-size: 13px;
        line-height: 1.6
    }

    .sec1 .wrap .img {
        height: 70vw;
        border-radius: 4px 4px 20px 4px
    }

    .sec1 .wrap .img .img_text {
        top: 20px;
        width: 100%;
        padding: 0 20px;
        left: 0
    }

    .sec1 .wrap .img .img_text .en {
        font-size: 14px
    }

    .sec1 .wrap .img .img_text .title {
        font-size: 18px;
        margin: 10px 0 20px;
        line-height: 1
    }

    .sec1 .wrap .img .img_text .des {
        font-size: 14px;
        line-height: 1.6
    }

    .sec2 {
        padding: 20px 5vw 70px;
        overflow: hidden
    }

    .sec2 .wrap {
        display: block
    }

    .sec2 .wrap .l_box {
        width: 100%
    }

    .sec2 .wrap .l_box .en {
        font-size: 14px
    }

    .sec2 .wrap .l_box .title {
        font-size: 20px;
        line-height: 1;
        margin: 10px 0 20px
    }

    .sec2 .wrap .l_box .swiper_control .btns .jt img:nth-child(2) {
        width: 100%
    }

    .sec2 .wrap .map {
        width: 220%;
        position: relative;
        left: -120%
    }

    .sec2 .wrap .map .points .point .icon {
        width: 25px
    }

    .sec2 .wrap .map .points .point.point1 {
        right: 36.22917vw;
        top: 62.08333vw
    }

    .sec2 .wrap .map .points .point.point2 {
        right: 32.72917vw;
        top: 60.91667vw
    }

    .sec2 .wrap .map .points .point.point3 {
        right: 38.85417vw;
        top: 64.59375vw
    }

    .sec2 .wrap .map .points .point.point4 {
        right: 43.53125vw;
        top: 71.17708vw
    }

    .sec2 .wrap .map .points .point.point5 {
        right: 41.53125vw;
        top: 70.17708vw
    }

    .sec2 .wrap .map .points .point.point6 {
        right: 34.23125vw;
        top: 69.17708vw
    }

    .sec2 .wrap .map .points .point.point7 {
        right: 53.53125vw;
        top: 68.17708vw
    }

    .sec2 .wrap .map .points .point.point8 {
        right: 35.13125vw;
        top: 73.47708vw
    }

    .sec2 .wrap .map .points .point.point9 {
        right: 39.53125vw;
        top: 73.97708vw
    }

    .sec2 .wrap .map .points .point.point10 {
        right: 37.23125vw;
        top: 85.17708vw
    }

    .sec2 .wrap .map .points .point .info {
        width: 200px;
        padding: 10px;
        display: none !important
    }

    .sec2 .wrap .map .points .point .info .pic img {
        height: 80px
    }

    .sec2 .wrap .map .points .point .info .pt {
        font-size: 14px
    }

    .sec2 .wrap .map .points .point .info .en,
    .sec2 .wrap .map .points .point .info .st {
        font-size: 12px
    }

    .sec2 .wrap .phone_box {
        display: block !important;
        margin-top: -60px
    }

    .sec2 .wrap .phone_box .swiper-slide {
        height: auto
    }

    .sec2 .wrap .phone_box .info {
        width: 100%;
        padding: 15px 15px 25px;
        height: 100%;
        border-radius: 4px
    }

    .sec2 .wrap .phone_box .info .pic img {
        height: 120px
    }

    .sec2 .wrap .phone_box .info .pt {
        margin-top: 6px
    }

    .sec2 .wrap .phone_box .info .en {
        margin-bottom: 4px
    }

    .sec2 .wrap .logos {
        position: unset;
        margin: 40px 0 0
    }

    .sec2 .wrap .logos .flex .logo_flex .logo {
        padding: 10px 20px;
        border-radius: 4px;
        margin-right: 20px
    }

    .sec2 .wrap .logos .flex .logo_flex .logo img {
        height: 30px
    }

    .sec3 {
        padding: 70px 5vw
    }

    .sec3 .title {
        font-size: 20px
    }

    .sec3 .p {
        font-size: 13px;
        margin: 15px 0
    }

    .sec3 .more {
        gap: 4px
    }

    .sec3 .more svg {
        width: 6px
    }

    .sec3 .more p {
        font-size: 13px
    }
}