body .fb4 {
    font-weight: 400
}

body .fb6 {
    font-weight: 600
}

body .fc1 {
    color: #fff
}

body .fc0 {
    color: rgba(255, 255, 255, 0.6)
}

body .fc2 {
    color: #000
}

body .fc08 {
    color: rgba(0, 0, 0, 0.8)
}

body .home .container .t {
    font-weight: 600;
    margin-bottom: 2.08333vw
}

body .home .container .sec1 {
    padding: 6.25vw 8.33333vw;
    background: #F8F8F8
}

body .home .container .sec1 .tags {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    width: 47.91667vw;
    height: 3.33333vw;
    border-bottom: 1px solid rgba(130, 136, 152, 0.56);
    padding: 0 1.45833vw;
    box-sizing: border-box
}

body .home .container .sec1 .tags span {
    padding: .625vw .78125vw;
    padding-bottom: 1.14583vw;
    cursor: pointer;
    transition: all 600ms;
    display: flex;
    width: 7.29167vw;
    align-items: center;
    justify-content: center;
    position: relative;
    color: rgba(0, 0, 0, 0.5)
}

body .home .container .sec1 .tags span::after {
    content: '';
    display: block;
    height: .20833vw;
    width: 0;
    background: #002AEC;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 600ms;
    bottom: 0
}

body .home .container .sec1 .tags span.on {
    color: #000;
    transform: scale(1.1);
    font-weight: 600
}

body .home .container .sec1 .tags span.on::after {
    width: 100%
}

body .home .container .sec1 .tags2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.25vw 0 1.92708vw 0
}

body .home .container .sec1 .tags2 p {
    padding: 0 1.25vw;
    color: #000;
    line-height: 1.67;
    cursor: pointer;
    /* white-space: nowrap; */
    position: relative;
    transition: all 600ms
}

body .home .container .sec1 .tags2 p::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 1.09375vw;
    background: #B6B9C2;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0.99)
}

body .home .container .sec1 .tags2 p.on {
    color: #002AEC
}

body .home .container .sec1 .tags2 p:last-child::after {
    display: none
}

body .home .container .sec1 .boxs .box {
    display: flex;
    justify-content: space-between
}

body .home .container .sec1 .boxs .box .ltxt {
    width: 21.30208vw
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container {
    width: 100%;
    margin-top: .88542vw;
    padding-top: 2.08333vw;
    overflow: hidden;
    position: relative
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-slide {
    height: 4.16667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #EFEFEF;
    transition: all 0.6s;
    cursor: pointer
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-slide:last-child {
    margin-right: 0
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .pagination-custom {
    position: absolute;
    top: 0;
    right: 5.64583vw;
    width: 3.125vw
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .pagination-custom .current-slide {
    margin-right: 4px
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .pagination-custom .total-slides {
    margin-left: 4px
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-slide-active {
    border: 2px solid #0082C4
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-pagination-fraction {
    bottom: 4.6875vw;
    right: 3.64583vw;
    width: 3.125vw;
    left: initial;
    color: #000000
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-pagination-fraction .swiper-pagination-total {
    color: #666
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-prev:after,
body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-next:after {
    display: none
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-next {
    right: 0;
    top: 0;
    margin-top: 0;
    width: 1.25vw;
    height: 1.25vw;
    filter: invert(10%) sepia(100%) saturate(5000%) hue-rotate(220deg)
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-next img {
    width: 80%;
    display: block
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-prev {
    right: 2.08333vw;
    top: 0;
    margin-top: 0;
    width: 1.25vw;
    height: 1.25vw;
    left: inherit;
    filter: invert(10%) sepia(100%) saturate(5000%) hue-rotate(220deg)
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-prev img {
    width: 80%;
    display: block
}

body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-disabled {
    filter: brightness(0) saturate(0) invert(20%) contrast(100%)
}

body .home .container .sec1 .boxs .box .ltxt h2 {
    margin: 2.08333vw 0 .625vw 0
}

body .home .container .sec1 .boxs .box .ltxt p {
    line-height: 1.67;
    color: #666666;
    margin-bottom: 1.04167vw;
    text-align: left
}

body .home .container .sec1 .boxs .box .rimg {
    width: 56.25vw
}

body .home .container .sec1 .boxs .box .rimg .rbox {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden
}

body .home .container .sec1 .boxs .box .rimg .rbox:hover img {
    transform: scale(1.05)
}

body .home .container .sec1 .boxs .box .rimg .rbox img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    object-fit: contain
}

body .home .container .sec1 .boxs .box .rimg .on {
    display: flex;
    align-items: center;
    justify-content: center
}

body .home .container .sec2 {
    background: #FFF;
    padding: 6.25vw 0
}

body .home .container .sec2 .title {
    padding: 0 8.33333vw
}

body .home .container .sec2 .title h6 {
    color: #181818;
    margin-top: 1.04167vw
}

body .home .container .sec2 .con {
    margin-top: 3.125vw
}

body .home .container .sec2 .con .tags {
    margin: 0 8.33333vw 2.08333vw 8.33333vw;
    border-bottom: 1px solid #E6E6E6;
    /* height: 1.5625vw; */
    display: flex
}

body .home .container .sec2 .con .tags span {
    font-weight: 500;
    margin-right: 2.08333vw;
    position: relative;
    display: flex;
    height: 100%;
    cursor: pointer;
    transition: all 0.6s;
    margin-bottom: 0.8333vw;
}

body .home .container .sec2 .con .tags span.on {
    color: #1366EC
}

body .home .container .sec2 .con .tags span.on::after {
    opacity: 1
}

body .home .container .sec2 .con .tags span::after {
    content: '';
    position: absolute;
    bottom: -0.8333vw;
    left: 0;
    width: 100%;
    height: 2px;
    background: #1366EC;
    transition: all 0.6s;
    opacity: 0
}

body .home .container .sec2 .con .boxs {
    position: relative
}

body .home .container .sec2 .con .boxs .box {
    display: flex;
    transition: opacity 0.3s;
    height: 40vw;
    width: 100%
}

body .home .container .sec2 .con .boxs .box .swiper {
    overflow: hidden;
    width: 100%;
    height: 100%
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide {
    /* width: 71.14583vw; */
    height: 37.5vw;
    overflow: hidden;
    position: relative
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide a {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide a .t2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 80%, transparent);
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 600ms;
    pointer-events: none
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.6s
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide.swiper-slide-active,
body .home .container .sec2 .con .boxs .box .swiper .swiper-slide.swiper-slide-duplicate-active {
    transform: scale(1)
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide.swiper-slide-active:hover img,
body .home .container .sec2 .con .boxs .box .swiper .swiper-slide.swiper-slide-duplicate-active:hover img {
    transform: scale(1.05)
}

body .home .container .sec2 .con .boxs .box .swiper .swiper-slide.swiper-slide-active::after,
body .home .container .sec2 .con .boxs .box .swiper .swiper-slide.swiper-slide-duplicate-active::after {
    opacity: 0
}

body .home .container .sec2 .con .boxs .prev {
    position: absolute;
    left: 24.27083vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer
}

body .home .container .sec2 .con .boxs .prev img {
    width: 3.125vw
}

body .home .container .sec2 .con .boxs .next {
    position: absolute;
    right: 24.27083vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer
}

body .home .container .sec2 .con .boxs .next img {
    width: 3.125vw
}

body .home .container .sec3 {
    padding: 6.25vw 8.33333vw;
    background: #F8F8F8
}

body .home .container .sec3 .phone_box {
    display: none;
    position: relative;
}

body .home .container .sec3 .phone_box .btns {
    position: absolute;
    right: 0;
    display: flex;
    gap: 20px;
    top: -55px;
}

body .home .container .sec3 .phone_2 .btns {
    top: -60px;
}

body .home .container .sec3 .phone_box .btns div {
    width: 40px;
    cursor: pointer;
}

body .home .container .sec3 .phone_box .btns div svg circle {
    fill: #EDEDED;
    transition: all ease .3s;
}

body .home .container .sec3 .phone_box .btns .prev {
    transform: rotateY(180deg);
}

body .home .container .sec3 .phone_box .btns div:hover svg circle {
    fill: #002AEC;
}

body .home .container .sec3 .phone_box .pics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

body .home .container .sec3 .phone_box .pics .pic {
    width: 100%;
    /* height: 60px;
    display: flex;
    align-items: center;
    justify-content: center; */
}

body .home .container .sec3 .phone_box .pics .pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

body .home .container .sec3 .t {
    margin-bottom: 3.125vw
}

body .home .container .sec3 .t2 {
    margin: 2.44792vw 0 2.08333vw 0;
    color: #999;
    line-height: 1.16
}

body .home .container .sec3 .logos {
    overflow: hidden;
    width: 100%
}

body .home .container .sec3 .logos .logo_swiper,
body .home .container .sec3 .logos .logo_swiper2 {
    width: 100%;
    height: 11.45833vw
}

body .home .container .sec3 .logos .logo_swiper .pics,
body .home .container .sec3 .logos .logo_swiper2 .pics {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.04167vw
}

body .home .container .sec3 .logos .logo_swiper .pics .pic,
body .home .container .sec3 .logos .logo_swiper2 .pics .pic {
    width: 100%;
    height: 5.20833vw;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

body .home .container .sec3 .logos .logo_swiper .pics .pic img,
body .home .container .sec3 .logos .logo_swiper2 .pics .pic img {
    transition: all 0.6s;
    transform: scale(1);
    max-width: 90%;
    max-height: 90%;
    mix-blend-mode: darken
}

body .home .container .sec3 .logos .logo_swiper .pics .pic:hover img,
body .home .container .sec3 .logos .logo_swiper2 .pics .pic:hover img {
    transform: scale(1.05)
}

body .home .container .sec3 .logos .logo_swiper2 {
    height: 5.20833vw
}

/* body .home .container .sec3 {
    padding: 6.25vw 0;
    background: #F8F8F8
}

body .home .container .sec3 .t {
    margin: 0 8.33333vw 3.125vw 8.33333vw
}

body .home .container .sec3 .t2 {
    margin: 2.44792vw 8.33333vw 2.08333vw 8.33333vw;
    color: #999;
    line-height: 1.16
}

body .home .container .sec3 .logos {
    overflow: hidden;
    width: 100%
}

body .home .container .sec3 .logos .move_b {
    width: max-content;
    display: flex;
    animation: goAnimate 50s linear infinite;
    gap: 4.16667vw
}

body .home .container .sec3 .logos .move_b.reverse {
    animation-direction: reverse
}

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

body .home .container .sec3 ul {
    display: flex;
    gap: 4.16667vw
}

body .home .container .sec3 ul li {
    width: 13.02083vw;
    height: 5.20833vw;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .88542vw;
    overflow: hidden
}

body .home .container .sec3 ul li:hover img {
    transform: scale(1.05)
}

body .home .container .sec3 ul li img {
    transition: all 0.6s;
    transform: scale(1);
    max-width: 60%;
    max-height: 80%;
    mix-blend-mode: darken
}

body .home .container .sec3 ul li:nth-child(6n+6) {
    margin-right: 0
} */

body .home .sec5 {
    background: url(../images/index/b11.jpg) no-repeat;
    background-size: cover;
    height: 33.85417vw;
    padding: 9.11458vw 0 9.11458vw 8.33333vw
}

body .home .sec5 h4 {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 200
}

body .home .sec5 h3 {
    color: #fff;
    margin: .83333vw 0 2.08333vw 0
}

@media screen and (max-width: 768px) {


    body .home .container .sec3 .logos {
        display: none;
    }

    body .home .container .sec3 .phone_box {
        display: block;
        margin-top: 20px;
    }


    body .home .container .sec1,
    body .home .container .sec2,
    body .home .container .sec3,
    body .home .container .sec4,
    body .home .container .sec5 {
        padding-left: 5%;
        padding-right: 5%
    }

    body .home .container .sec1 {
        padding: 30px 5%
    }

    body .home .container .sec1 .tags {
        width: 100%;
        flex-wrap: wrap;
        height: 43px
    }

    body .home .container .sec1 .tags span {
        width: auto
    }

    body .home .container .sec1 .tags2 {
        margin: 12px 0 15px 0
    }

    body .home .container .sec1 .tags2 p {
        padding: 0 10px;
        text-align: center;
    }

    body .home .container .sec1 .tags2 p::after {
        height: 20px
    }

    body .home .container .sec1 .boxs .box {
        flex-direction: column
    }

    body .home .container .sec1 .boxs .box .ltxt {
        width: 100%;
        margin-bottom: 15px
    }

    body .home .container .sec1 .boxs .box .ltxt h2 {
        margin: 16px 0 8px 0
    }

    body .home .container .sec1 .boxs .box .ltxt p {
        line-height: 1.5;
        margin-bottom: 15px
    }

    body .home .container .sec1 .boxs .box .ltxt .swiper-container {
        padding-top: 40px
    }

    body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-slide {
        height: 70px;
        flex-shrink: 0
    }

    body .home .container .sec1 .boxs .box .ltxt .swiper-container .pagination-custom {
        bottom: inherit;
        top: 2px;
        right: 70px;
        width: auto
    }

    body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-next,
    body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-prev {
        width: 24px;
        height: 24px;
        top: 0;
        bottom: inherit
    }

    body .home .container .sec1 .boxs .box .ltxt .swiper-container .swiper-button-prev {
        right: 30px
    }

    body .home .container .sec1 .boxs .box .rimg {
        width: 100%;
        margin-top: 10px
    }

    body .home .container .sec2 {
        padding: 30px 0
    }

    body .home .container .sec2 .title {
        padding: 0 5%
    }

    body .home .container .sec2 .title h6 {
        margin: 10px 0
    }

    body .home .container .sec2 .con .tags {
        margin: 15px 5% 15px 5%;
        /* flex-wrap: wrap; */
        height: auto;
        border-bottom: none;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        overflow-x: auto;
    }

    body .home .container .sec2 .con .tags::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    body .home .container .sec2 .con .tags span {
        font-weight: 500;
        margin-right: 10px;
        text-align: center;
        flex-wrap: wrap;
        align-content: center;
        position: relative;
        display: flex;
        height: 100%;
        cursor: pointer;
        transition: all 0.6s;
        white-space: nowrap
    }

    body .home .container .sec2 .con .boxs .box {
        height: 150px
    }

    body .home .container .sec2 .con .boxs .box .swiper-slide {
        width: 100%;
        height: 100% !important
    }

    body .home .container .sec2 .con .boxs .box .swiper-slide img {
        width: 100%;
        height: 100% !important;
        display: block;
        object-fit: cover
    }

    body .home .container .sec2 .con .boxs .prev img,
    body .home .container .sec2 .con .boxs .next img {
        width: 30px
    }

    body .home .container .sec2 .con .boxs .prev {
        left: 5%
    }

    body .home .container .sec2 .con .boxs .next {
        right: 5%
    }


    body .home .container .sec3 {
        padding: 30px 5%;
        overflow: hidden;
    }

    body .home .container .sec3 .t {
        line-height: 1.5;
        margin-bottom: 20px
    }

    body .home .container .sec3 .t2 {
        margin: 30px 0
    }

    body .home .container .sec3 .logos .logo_swiper,
    body .home .container .sec3 .logos .logo_swiper2 {
        height: 200px
    }

    body .home .container .sec3 .logos .logo_swiper .pics,
    body .home .container .sec3 .logos .logo_swiper2 .pics {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }

    body .home .container .sec3 .logos .logo_swiper .pics .pic,
    body .home .container .sec3 .logos .logo_swiper2 .pics .pic {
        height: 50px
    }

    body .home .container .sec3 .logos .logo_swiper2 {
        height: 200px
    }

    /* body .home .container .sec3 {
        padding: 30px 0
    }

    body .home .container .sec3 .t {
        line-height: 1.5;
        margin: 0 5% 20px 5%
    }

    body .home .container .sec3 .t2 {
        margin: 20px 5%
    }

    body .home .container .sec3 .move_b {
        gap: 30px
    }

    body .home .container .sec3 ul {
        gap: 30px
    }

    body .home .container .sec3 ul li {
        width: 100px;
        margin-bottom: 15px;
        height: 60px
    }

    body .home .container .sec3 ul li img {
        max-height: 60%;
        object-fit: contain;
        max-width: 80%
    } */

    body .home .container .sec5 {
        padding: 60px 5%;
        height: auto;
        background-position: center
    }

    body .home .container .sec5 h3 {
        margin: 10px 0 20px 0
    }
}