.f_30 {
    font-size: 1.5625vw
}

.common_title {
    color: #000;
    text-align: center;
    font-weight: 400;
    position: relative;
    font-weight: bold
}

.common_title img {
    width: 14.375vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-55%, -50%);
    z-index: -1
}

.sec1 {
    padding: 3.64583vw 9.89583vw
}

.sec1 .sec1_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.60417vw;
    position: relative;
    z-index: 3
}

.sec1 .sec1_top .l {
    display: flex;
    align-items: center
}

.sec1 .sec1_top .l .swiper {
    width: 14.375vw;
    margin: 0 2.60417vw 0 0
}

.sec1 .sec1_top .l .swiper .swiper-slide {
    background: #FFFFFF;
    position: relative
}

.sec1 .sec1_top .l .swiper .swiper-slide img {
    display: block;
    width: 100%
}

.sec1 .sec1_top .l .swiper .swiper-slide p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    color: #161717;
    font-weight: bold
}

.sec1 .sec1_top .l .swiper-pagination {
    position: unset;
    width: 51.35417vw;
    height: .20833vw;
    border-radius: .10417vw;
    background: #E5EAF2
}

.sec1 .sec1_top .l .swiper-pagination .swiper-pagination-progressbar-fill {
    display: block;
    height: .20833vw;
    border-radius: .10417vw;
    background: #055EA0
}

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

.sec1 .sec1_top .r .select {
    position: relative;
    cursor: pointer
}

.sec1 .sec1_top .r .select .sure {
    color: #161717;
    font-weight: 400
}

.sec1 .sec1_top .r .select .select_box {
    position: absolute;
    width: 16.09375vw;
    left: 50%;
    top: 0vw;
    transform: translateX(-50%);
    opacity: 0;
    transition: 0.6s;
    pointer-events: none;
    padding: 3.64583vw 0 0
}

.sec1 .sec1_top .r .select .select_box:after {
    content: "";
    width: 1.30208vw;
    height: 1.5625vw;
    clip-path: polygon(0 100%, 50% 0%, 100% 100%);
    position: absolute;
    top: 2.08333vw;
    left: 50%;
    background: #FFFFFF;
    transform: translateX(-50%);
    z-index: 3
}

.sec1 .sec1_top .r .select .select_box .select_list {
    box-shadow: 0vw 0vw 1.04167vw rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    border-radius: .72917vw;
    position: relative;
    z-index: 2;
    padding: 0 .36458vw
}

.sec1 .sec1_top .r .select .select_box .select_list p {
    font-weight: 400;
    line-height: 3.75vw;
    cursor: pointer;
    padding: 0 2.29167vw;
    position: relative;
    transition: 0.6s
}

.sec1 .sec1_top .r .select .select_box .select_list p:not(:last-child) {
    border-bottom: .10417vw solid #E5EAF2
}

.sec1 .sec1_top .r .select .select_box .select_list p:not(:last-child):after {
    content: "";
    width: 100%;
    height: .10417vw;
    background: #055EA0;
    position: absolute;
    left: 0;
    bottom: -.10417vw;
    transform: scaleX(0);
    transform-origin: left;
    transition: 1s
}

.sec1 .sec1_top .r .select .select_box .select_list p:hover,
.sec1 .sec1_top .r .select .select_box .select_list p.on {
    color: #055EA0
}

.sec1 .sec1_top .r .select .select_box .select_list p:hover:after,
.sec1 .sec1_top .r .select .select_box .select_list p.on:after {
    transform: scaleX(1)
}

.sec1 .sec1_top .r .select:hover .select_box {
    opacity: 1;
    pointer-events: auto
}

.sec1 .sec1_top .r .jt {
    cursor: pointer;
    width: 2.08333vw;
    margin-left: 2.60417vw;
    filter: brightness(0);
    transition: 0.6s
}

.sec1 .sec1_top .r .jt:hover {
    filter: brightness(1)
}

.sec1 .small_swiper {
    width: 100%
}

.sec1 .small_swiper .swiper-slide .slide_box {
    display: flex;
    gap: 0 1.51042vw;
    opacity: 0;
    transform: translateY(1.04167vw);
    pointer-events: none
}

.sec1 .small_swiper .swiper-slide .slide_box .item {
    color: #666;
    font-weight: 400;
    line-height: 1.6878;
    cursor: pointer;
    padding: 0 1.51042vw 0 0;
    position: relative;
    transition: 0.6s
}

.sec1 .small_swiper .swiper-slide .slide_box .item:after {
    content: "";
    width: .10417vw;
    height: 4.21875vw;
    background: #D9D9D9;
    position: absolute;
    top: 0;
    right: 0
}

.sec1 .small_swiper .swiper-slide .slide_box .item:nth-last-child(1) {
    padding: 0
}

.sec1 .small_swiper .swiper-slide .slide_box .item:nth-last-child(1):after {
    display: none
}

.sec1 .small_swiper .swiper-slide .slide_box .item:hover,
.sec1 .small_swiper .swiper-slide .slide_box .item.on {
    color: #000
}

.sec1 .small_swiper .swiper-slide.swiper-slide-active .slide_box {
    opacity: 1;
    transform: translateY(0vw);
    pointer-events: auto;
    transition: 0.6s
}

.sec2 {
    background: rgba(244, 247, 250, 0.5);
    padding: 4.27083vw 11.61458vw 3.64583vw 10.52083vw;
    position: relative
}

.sec2 .bg {
    width: 13.28125vw;
    transform: rotate(3deg);
    position: absolute;
    z-index: 1;
    top: 8.125vw;
    right: 8.07292vw
}

.sec2 .bg img {
    display: block;
    width: 100%
}

.sec2 .common_title {
    margin-bottom: 3.17708vw;
    position: relative;
    z-index: 3
}

.sec2 .box {
    position: relative;
    z-index: 3
}

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

.sec2 .box .position.on {
    display: flex;
}

.sec2 .box .position .img {
    width: 46.19792vw
}

.sec2 .box .position .img img {
    display: block;
    width: 100%
}

.sec2 .box .position .text {
    width: 28.48958vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.64583vw 0 0
}

.sec2 .box .position .text .text_top h5 {
    color: #000;
    line-height: 1.125;
    margin-bottom: .72917vw;
    font-weight: bold
}

.sec2 .box .position .text .text_top p {
    color: #666;
    font-weight: 400;
    line-height: 1.5
}

.sec2 .box .position .text a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.sec2 .box .position .text a:after {
    content: "";
    width: 100%;
    height: .05208vw;
    background: #055EA0;
    position: absolute;
    bottom: -.20833vw;
    left: 0;
    transform: scaleX(0);
    transition: 1s;
    transform-origin: left
}

.sec2 .box .position .text a:hover:after {
    transform: scaleX(1)
}

.sec2 .box .position .text a p {
    width: 70%;
    overflow: hidden;
    color: #055EA0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400
}

.sec2 .box .position .text a .icon img {
    display: block;
    width: 1.45833vw
}

.sec3 {
    padding: 9.42708vw 0 9.47917vw;
    position: relative
}

.sec3 .bg {
    position: absolute;
    top: 3.64583vw;
    width: 16.40625vw
}

.sec3 .bg img {
    display: block;
    width: 100%
}

.sec3 .bg1 {
    left: 0
}

.sec3 .bg2 {
    right: 0
}

.sec3 .content {
    display: flex;
    justify-content: center;
    gap: 0 7.60417vw
}

.sec3 .content .item {
    width: 21.97917vw;
    height: 21.14583vw;
    border-radius: .72917vw;
    background: #FFF;
    box-shadow: 0vw 0vw 1.04167vw 0vw rgba(0, 0, 0, 0.08);
    position: relative;
    padding: 1.92708vw 0 0;
    transition: 0.6s
}

.sec3 .content .item .bg_img {
    width: 100%;
    position: absolute;
    bottom: 0
}

.sec3 .content .item .bg_img img {
    display: block;
    width: 100%
}

.sec3 .content .item h5 {
    color: #055EA0;
    text-align: center;
    margin-bottom: 2.34375vw;
    position: relative;
    z-index: 2;
    font-weight: bold
}

.sec3 .content .item .icon {
    width: 7.70833vw;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.sec3 .content .item .icon img {
    display: block;
    width: 100%
}

.sec3 .content .item .zi {
    position: absolute;
    left: 0;
    font-family: 'YouSheBiaoTiHei';
    line-height: 1;
    color:#E5EAF2;
    opacity: .8;
    bottom: 0
}

.sec3 .content .item .zi img {
    height: 3.33333vw;
    transition: 0.6s
}

.sec3 .content .item:hover {
    background: #CDDFED;
    box-shadow: 0vw 0vw 1.25vw 0vw rgba(5, 94, 160, 0.2);
}

.sec3 .content .item:hover .zi {
       opacity: 1;
    color:#fff;
    font-family: 'YouSheBiaoTiHei';
}

.sec4 {
    padding: 3.64583vw 0;
    background: rgba(244, 247, 250, 0.5)
}

.sec4 .flex {
    display: flex;
    justify-content: center;
    gap: 0 1.82292vw
}

.sec4 .flex .item {
    width: 14.58333vw;
    height: 10vw;
    border-radius: .625vw;
    background: #055EA0;
    padding: 1.92708vw .78125vw 0;
    transition: 0.6s
}

.sec4 .flex .item p {
    color: #FFF;
    font-weight: 400
}

.sec4 .flex .item .num {
    position: absolute;
    right: 3.02083vw;
    bottom: 0
}

.sec4 .flex .item .num img {
    display: block;
    height: 2.65625vw
}

.sec4 .flex .item:nth-child(2n) {
    background: linear-gradient(180deg, #EF9130 0%, #F4B336 100%)
}

.sec5 {
    padding: 4.47917vw 0 0
}

.sec5 .common_title {
    margin-bottom: 3.38542vw
}

.sec5 .content {
    display: flex;
    justify-content: center
}

.sec5 .content .item {
    width: 26.30208vw;
    height: 19.16667vw;
    padding: 3.64583vw 0 0;
    transition: 0.6s;
    box-shadow: 0vw 0vw 1.04167vw 0vw transparent;
    transition: 0.6s
}

.sec5 .content .item .icon {
    width: 5.41667vw;
    height: 5.41667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.77083vw
}

.sec5 .content .item .icon img {
    display: block;
    width: 100%
}

.sec5 .content .item p {
    font-weight: 400;
    line-height: 2.34375vw;
    text-align: center;
    font-weight: bold
}

.sec5 .content .item:hover {
    box-shadow: 0 0 1.04167vw 0 rgba(0, 0, 0, 0.1)
}

.sec5 .content .item:hover .icon {
    animation: fadeLoop 1s ease-in-out
}

@keyframes fadeLoop {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.sec6 {
    padding: 4.63542vw 10.52083vw 1.04167vw;
    background: rgba(244, 247, 250, 0.5)
}

.sec6 .common_title {
    margin-bottom: 3.48958vw
}

.sec6 .content .item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 2.76042vw 0 0;
    margin-bottom: 2.44792vw
}

.sec6 .content .item .l {
    width: 45.20833vw
}

.sec6 .content .item .l .swiper_box {
    width: 100%;
    position: relative
}

.sec6 .content .item .l .swiper_box .swiper {
    width: 36.45833vw;
    overflow: hidden;
    margin: 0 auto
}

.sec6 .content .item .l .swiper_box .swiper .swiper-slide {
    width: 100%
}

.sec6 .content .item .l .swiper_box .swiper .swiper-slide .img {
    width: 100%
}

.sec6 .content .item .l .swiper_box .swiper .swiper-slide .img img {
    display: block;
    width: 100%
}

.sec6 .content .item .l .swiper_box .btns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.sec6 .content .item .l .swiper_box .btns .icon {
    width: 2.08333vw;
    height: 4.47917vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.04);
    cursor: pointer
}

.sec6 .content .item .l .swiper_box .btns .icon img {
    width: 1.5625vw;
    transition: 0.6s
}

.sec6 .content .item .l .swiper_box .btns .icon:nth-child(2) {
    transform: rotate(180deg)
}

.sec6 .content .item .l .swiper_box .btns .icon:hover {
    background: #055ea0
}

.sec6 .content .item .l .swiper_box .btns .icon:hover img {
    filter: invert(1)
}

.sec6 .content .item .l .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
    gap: 0 1.04167vw;
    margin: 6.51042vw 0 0
}

.sec6 .content .item .l .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 4.73958vw;
    height: .20833vw;
    transition: 0.6s;
    border-radius: unset;
    background: #e5eaf2;
    opacity: 1
}

.sec6 .content .item .l .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #055ea0
}

.sec6 .content .item .r {
    width: 28.48958vw;
    position: relative
}

.sec6 .content .item .r .r_item {
    pointer-events: none
}

.sec6 .content .item .r .r_item .r_title {
    font-weight: 400;
    color: #000;
    margin-bottom: 2.34375vw;
    opacity: 0;
    transform: translateY(20px);
    font-weight: bold
}

.sec6 .content .item .r .r_item .r_content {
    padding: 0 2.86458vw 0 0;
    margin-bottom: 2.60417vw;
    opacity: 0;
    transform: translateY(20px)
}

.sec6 .content .item .r .r_item .r_content .tr {
    display: flex;
    align-items: flex-start;
    margin-bottom: .83333vw
}

.sec6 .content .item .r .r_item .r_content .tr h5 {
    font-weight: 400;
    line-height: 1.25vw;
    color: #666666;
    white-space: nowrap;
    margin-right: 1.04167vw
}

.sec6 .content .item .r .r_item .r_content .tr p {
    font-weight: 400;
    line-height: 1.25vw;
    color: #161717
}

.sec6 .content .item .r .r_item .bubble {
    margin: 0 0 0 5.26042vw;
    width: 14.6875vw;
    position: relative;
    pointer-events: none;
    animation: fuwafuwainnermove1 10s ease-in-out infinite
}

.sec6 .content .item .r .r_item .bubble .bubble_box {
    animation: fuwafuwamove1 10s ease-in-out infinite;
    width: 14.6875vw;
    height: 14.6875vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(1.04167vw)
}

.sec6 .content .item .r .r_item .bubble .bubble_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.sec6 .content .item .r .r_item .bubble .bubble_box p {
    font-weight: 400;
    line-height: 1.875vw;
    text-align: center;
    color: #055EA0;
    font-weight: bold
}

.sec6 .content .item .r .r_item:not(:nth-child(1)) {
    position: absolute;
    top: 0;
    left: 0
}

.sec6 .content .item .r .r_item.on {
    pointer-events: auto
}

.sec6 .content .item .r .r_item.on .r_content,
.sec6 .content .item .r .r_item.on .r_title {
    opacity: 1;
    transform: translateY(0vw);
    transition: 0.6s
}

.sec6 .content .item .r .r_item.on .bubble .bubble_box {
    opacity: 1;
    transform: translateY(0vw);
    transition: 0.6s
}

.sec6 .content .item:nth-child(2n) {
    flex-direction: row-reverse
}

.sec7 {
    width: 100%;
    overflow-x: hidden;
    padding: 4.27083vw 10.52083vw 3.64583vw
}

.sec7 .text {
    margin: .98958vw 0 2.60417vw;
    font-weight: 400;
    line-height: 1.82292vw;
    color: #666
}

.sec7 .swiper {
    width: 100%
}

.sec7 .swiper .swiper-slide .slide_box {
    width: 100%;
    height: 7.65625vw;
    border-radius: 7.8125vw;
    border: .625vw solid rgba(5, 94, 160, 0.1);
    display: flex;
    align-items: center;
    justify-content: center
}

.sec7 .swiper .swiper-slide .slide_box p {
    font-weight: 500;
    line-height: 140%;
    text-align: center;
    color: #055ea0
}

.sec8 {
    padding: 4.27083vw 0 26.04167vw;
    background: #FAFBFD;
    position: relative;
    width: 100%;
    overflow: hidden
}

.sec8 .bg {
    width: 36.04167vw;
    transform: rotate(-3deg);
    top: 4.21875vw;
    right: 1.19792vw;
    position: absolute;
    z-index: 3
}

.sec8 .bg img {
    display: block;
    width: 100%
}

.sec8 .text {
    font-weight: 400;
    text-align: center;
    color: #161717;
    margin: 1.30208vw 0 5.36458vw;
    font-weight: bold
}

.sec8 .content {
    position: relative;
    z-index: 3
}

.sec8 .content .flex {
    display: flex;
    justify-content: center;
    gap: 0 16.35417vw
}

.sec8 .content .flex .item {
    position: relative;
    cursor: pointer
}

.sec8 .content .flex .item>p {
    font-weight: 400;
    color: #161717;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -3.125vw;
    transition: 0.6s
}

.sec8 .content .flex .item .item_box {
    position: absolute;
    top: 0;
    left: -8.59375vw;
    padding: 140px 0 0;
    opacity: 0;
    transition: 0.6s;
    pointer-events: none
}

.sec8 .content .flex .item .item_box .item_text {
    width: 44.89583vw;
    position: relative
}

.sec8 .content .flex .item .item_box .item_text img {
    display: block;
    width: 100%
}

.sec8 .content .flex .item .item_box .item_text .item_text_box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 3.4375vw 3.64583vw 0;
    top: 0;
    left: 0;
    box-sizing: border-box
}

.sec8 .content .flex .item .item_box .item_text .item_text_box h5 {
    font-weight: 400;
    color: #161717;
    margin-bottom: .9375vw;
    font-weight: bold
}

.sec8 .content .flex .item .item_box .item_text .item_text_box .part {
    display: flex;
    flex-wrap: wrap;
    gap: .72917vw 2.08333vw;
    margin-bottom: 1.5625vw
}

.sec8 .content .flex .item .item_box .item_text .item_text_box .part p {
    width: 17.1875vw;
    font-weight: 400;
    color: #666666
}

.sec8 .content .flex .item .icon {
    width: 3.125vw;
    height: 3.125vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sec8 .content .flex .item .icon img {
    width: 1.77083vw;
    position: relative;
    z-index: 4;
    transition: 0.6s
}

.sec8 .content .flex .item .icon .cir {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(180deg, #EF9130 0%, #F4B336 100%);
    position: absolute;
    z-index: 1;
    transition: 0.6s
}

.sec8 .content .flex .item .icon .cir1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #055EA0;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: 0.6s
}

.sec8 .content .flex .item .icon .cir2 {
    width: 5.83333vw;
    height: 3.4375vw;
    border-radius: 50%;
    background: #055EA0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: 0.6s
}

.sec8 .content .flex .item.on .icon img {
    transform: scale(1.17)
}

.sec8 .content .flex .item.on .icon .cir {
    opacity: 0
}

.sec8 .content .flex .item.on .icon .cir1 {
    opacity: 1;
    transform: scale(1.37)
}

.sec8 .content .flex .item.on .icon .cir2 {
    opacity: 0.1
}

.sec8 .content .flex .item.on>p {
    transform: translateX(-50%) scale(1.16);
    font-weight: bold
}

.sec8 .content .flex .item.on .item_box {
    opacity: 1;
    pointer-events: auto
}

.sec8 .content .line {
    display: flex;
    align-items: center;
    position: absolute;
    top: 1.04167vw
}

.sec8 .content .line .l_item {
    display: flex;
    align-items: center
}

.sec8 .content .line .l_item .l {
    width: 18.90625vw;
    height: .20833vw;
    background: linear-gradient(270deg, #055EA0 0%, rgba(5, 94, 160, 0) 100%)
}

.sec8 .content .line .l_item .cir {
    width: 1.35417vw;
    height: 1.35417vw;
    border-radius: 50%;
    background: #055EA0
}

@keyframes fuwafuwamove1 {
    0% {
        transform: rotate(0) translateX(5%) rotate(0)
    }

    50% {
        transform: rotate(-180deg) translateX(5%) rotate(180deg)
    }

    100% {
        transform: rotate(-360deg) translateX(5%) rotate(360deg)
    }
}

@keyframes fuwafuwainnermove1 {
    0% {
        transform: translateX(-5%)
    }

    50% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-5%)
    }
}

@media screen and (max-width: 768px) {
    .sec1 {
        padding: 50px 5vw
    }

    .sec1 .sec1_top {
        margin-bottom: 20px
    }

    .sec1 .sec1_top .l .swiper {
        width: 100px
    }

    .sec1 .sec1_top .l .swiper-pagination {
        width: 40vw
    }

    .sec1 .sec1_top .r .select .select_box {
        padding: 30px 0 0;
        width: 120px
    }

    .sec1 .sec1_top .r .select .select_box .select_list {
        padding: 0 10px
    }

    .sec1 .sec1_top .r .select .select_box .select_list p {
        line-height: 40px
    }

    .sec1 .sec1_top .r .jt {
        width: 14px
    }

    .sec1 .small_swiper .swiper-slide .slide_box {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px 0
    }

    .sec1 .small_swiper .swiper-slide .slide_box .item {
        width: 100%;
        font-size: 16px
    }

    .sec1 .small_swiper .swiper-slide .slide_box .item br {
        display: none
    }

    .sec1 .small_swiper .swiper-slide .slide_box .item:after {
        display: none
    }

    .sec2 {
        padding: 50px 5vw
    }

    .sec2 .common_title {
        margin-bottom: 40px
    }

    /* .sec2 .box .position {
        display: block
    } */
    .sec2 .box .position.on{
        display: block;
    }

    .sec2 .box .position .img {
        width: 100%;
        margin-bottom: 20px
    }

    .sec2 .box .position .text {
        padding: 20px 0 0;
        width: 100%
    }

    .sec2 .box .position .text .text_top h5 {
        margin-bottom: 15px
    }

    .sec2 .box .position .text a {
        margin: 30px 0 0
    }

    .sec2 .box .position .text a .icon img {
        width: 18px
    }

    .sec3 {
        padding: 50px 5vw
    }

    .sec3 .content {
        display: block
    }

    .sec3 .content .item {
        width: 100%;
        height: unset;
        padding: 30px 0;
        margin-bottom: 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 4px
    }

    .sec3 .content .item .icon {
        width: 80px;
        margin: 30px auto 40px
    }
    .sec3 .content .item .zi{
        font-size: 48px;
    }

    .sec3 .content .item .zi img {
        height: 40px
    }

    .sec4 {
        padding: 50px 5vw
    }

    .sec4 .flex {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        display: none;
    }

    .sec4 .flex .item {
        width: 100%;
        height: 150px;
        padding: 20px;
        border-radius: 6px;
        margin-bottom: 30px
    }

    .sec4 .flex .item .num {
        right: 30px
    }

    .sec4 .flex .item .num img {
        height: 40px
    }

    .sec5 {
        padding: 50px 5vw
    }

    .sec5 .common_title {
        margin-bottom: 50px
    }

    .sec5 .content {
        display: block
    }

    .sec5 .content .item {
        width: 100%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 60px 0;
        height: unset;
        margin-bottom: 40px
    }

    .sec5 .content .item .icon {
        width: 60px;
        height: 60px;
        margin: 0 auto 20px;
        opacity: 1
    }

    .sec5 .content .item p {
        line-height: 1.4
    }

    .sec6 {
        padding: 50px 5vw
    }

    .sec6 .common_title {
        margin-bottom: 50px
    }

    .sec6 .content .item {
        flex-direction: column-reverse !important;
        margin-bottom: 40px
    }

    .sec6 .content .item .r {
        width: 100%;
        margin-bottom: 30px
    }

    .sec6 .content .item .r .r_item .r_title {
        margin-bottom: 15px
    }

    .sec6 .content .item .r .r_item .r_content {
        margin-bottom: 20px
    }

    .sec6 .content .item .r .r_item .r_content .tr h5,
    .sec6 .content .item .r .r_item .r_content .tr p {
        line-height: 1.4
    }

    .sec6 .content .item .r .r_item .bubble {
        width: unset
    }

    .sec6 .content .item .r .r_item .bubble .bubble_box {
        width: 200px;
        height: 200px
    }

    .sec6 .content .item .r .r_item .bubble .bubble_box p {
        line-height: 1.4
    }

    .sec6 .content .item .l {
        width: 100%
    }

    .sec6 .content .item .l .swiper_box .btns {
        justify-content: center;
        width: 100%;
        position: unset;
        transform: unset;
        gap: 0 20px;
        margin: 30px 0 0
    }

    .sec6 .content .item .l .swiper_box .btns .icon {
        width: 40px;
        height: 60px
    }

    .sec6 .content .item .l .swiper_box .btns .icon img {
        width: 14px
    }

    .sec6 .content .item .l .swiper_box .swiper {
        width: 100%
    }

    .sec6 .content .item .l .swiper-pagination {
        gap: 0 10px;
        display: none
    }

    .sec6 .content .item .l .swiper-pagination .swiper-pagination-bullet {
        width: 60px;
        height: 4px
    }

    .sec7 {
        padding: 50px 5vw
    }

    .sec7 .common_title {
        margin-bottom: 40px
    }

    .sec7 .text {
        line-height: 1.4;
        margin-bottom: 30px;
        text-align: justify
    }

    .sec7 .swiper .swiper-slide .slide_box {
        height: 100px;
        border-radius: 50px
    }

    .sec8 {
        padding: 50px 5vw 10px
    }

    .sec8 .common_title {
        margin-bottom: 40px
    }

    .sec8 .text {
        margin-bottom: 50px
    }

    .sec8 .content .line {
        display: none
    }

    .sec8 .content .flex {
        display: block
    }

    .sec8 .content .flex .item {
        margin-bottom: 50px
    }

    .sec8 .content .flex .item .item_box {
        position: unset;
        opacity: 1;
        padding: 45px 0 0
    }

    .sec8 .content .flex .item .item_box .item_text {
        width: 100%;
        text-align: center
    }

    .sec8 .content .flex .item .item_box .item_text img {
        display: none
    }

    .sec8 .content .flex .item .item_box .item_text .item_text_box {
        position: unset;
        flex-direction: column
    }

    .sec8 .content .flex .item .item_box .item_text .item_text_box h5 {
        margin-bottom: 10px
    }

    .sec8 .content .flex .item .item_box .item_text .item_text_box .part {
        gap: 10px 0;
        margin-bottom: 20px
    }

    .sec8 .content .flex .item .item_box .item_text .item_text_box .part p {
        width: 100%
    }

    .sec8 .content .flex .item>p {
        line-height: 40px;
        top: 60px;
        height: fit-content
    }

    .sec8 .content .flex .item .icon {
        width: 50px;
        height: 50px;
        margin: 0 auto
    }

    .sec8 .content .flex .item .icon img {
        width: 28px
    }

    .sec8 .content .flex .item .icon .cir {
        opacity: 1 !important
    }

    .sec8 .content .flex .item .icon .cir1,
    .sec8 .content .flex .item .icon .cir2 {
        display: none
    }

    .common_title img {
        width: 150px
    }

    .f_30 {
        font-size: 20px
    }
}