body .home .banner .bg {
    height: 36.45833vw;
    object-fit: cover
}

body .home .container .sec1 {
    padding: 6.25vw 8.33333vw 0 8.33333vw;
    background: #F8F8F8;
    position: relative;
    overflow: hidden
}

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

body .home .container .sec1 .top .l .p1 {
    width: 31.30208vw;
    transform: translateX(40px)
}

body .home .container .sec1 .top .l .p1 img {
    width: 100%
}

body .home .container .sec1 .top .l .p2 {
    text-align: right;
    color: #394DA8;
    font-style: normal;
    font-weight: bold;
    line-height: 5.20833vw;
    text-transform: uppercase;
    margin: 1.25vw 0;
    transform: translateX(-20px)
}

body .home .container .sec1 .top .l .p3 {
    text-align: center;
    color: #394DA8;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 5.20833vw;
    transform: translateX(80px)
}

body .home .container .sec1 .top .r {
    width: 41.5625vw
}

body .home .container .sec1 .top .r .p1 {
    color: #394DA8;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 2.08333vw
}

body .home .container .sec1 .top .r .p2 {
    color: #181818;
    font-style: normal;
    font-weight: 400;
    line-height: 1.67
}

body .home .container .sec1 .content {
    margin: 6.5625vw 0 0 0;
    height: 18.75vw;
    border-radius: 4.16667vw 4.16667vw 0 0;
    background: #D5EAF9;
    position: relative;
    transform: translateY(200px)
}

body .home .container .sec1 .content img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

body .home .container .sec2 {
    padding: 6.25vw 8.33333vw
}

body .home .container .sec2 .content {
    margin-top: 3.125vw;
    display: flex;
    justify-content: space-between;
    gap: 2.08333vw
}

body .home .container .sec2 .content .item {
    /* width: 34.63542vw; */
    flex: 1;
    background: #F8F8F8;
    /* padding: 4.6875vw 2.08333vw 4.21875vw 5.20833vw */
   padding: 4.21875vw 2.6875vw 4.21875vw 2.6875vw;
}

body .home .container .sec2 .content .item .p1 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

body .home .container .sec2 .content .item .p1 span {
    position: absolute;
    left: 0;
    top: 30%;
    transform: translate(-50%, -50%);
    color: rgba(0, 42, 236, 0.1);
    font-size: 5.20833vw;
    font-weight: 600;
    /* display: none; */
}

body .home .container .sec2 .content .item .p1 p {
    color: #394DA8;
    font-weight: 600;
    /* line-height: 1 */
    /* margin-left: 0.4em; */
}

body .home .container .sec2 .content .item .p2 {
    margin: 2.08333vw 0 .83333vw 0;
    line-height: 1
}

body .home .container .sec2 .content .item .p3 {
    color: rgba(17, 31, 44, 0.85);
    line-height: 1.5;
    margin-top: .83333vw;
}

body .home .container .sec2 .content .rbox {
    width: 12.5vw;
    background: #394DA8;
    text-align: right
}

body .home .container .sec2 .content .rbox img {
    max-width: 100%
}

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

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_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 .logos {
    margin-top: 3.125vw
}

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

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

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

body .home .container .sec3 .logos ul li img {
    transition: all 0.6s;
    transform: scale(1);
    mix-blend-mode: darken
}

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

body .home .container .sec4 {
    padding: 6.25vw 8.33333vw
}

body .home .container .sec4 .top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

body .home .container .sec4 .top .controls {
    display: flex;
    gap: 20px;
}

body .home .container .sec4 .top .swiper-mbtn {
    width: 40px;
    cursor: pointer;
}

body .home .container .sec4 .top .swiper-mbtn.prev {
    transform: rotateY(180deg);
}

body .home .container .sec4 .top .swiper-mbtn svg {
    display: block;
    width: 100%;
}

body .home .container .sec4 .top .swiper-mbtn svg circle {
    fill: #EDEDED;
    transition: all ease .3s;
}

body .home .container .sec4 .top .swiper-mbtn:hover svg circle {
    fill: #002AEC;
}

body .home .container .sec4 .content {
    width: 100%;
    overflow: hidden;
    margin: .78125vw 0 0 0
}

body .home .container .sec4 .content .lastSwiper {
    width: 95vw;
    margin: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

body .home .container .sec4 .content .lastSwiper .swiper-slide img {
    width: 100%
}

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

body .home .container .sec5 .swiper-pagination {
    display: flex;
    justify-content: center;
    position: static;
    width: 100%;
    margin-top: 1.5vw;
    gap: 10px;
}

body .home .container .sec5 .swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    border-radius: 0;
}

body .home .container .sec5 .news {
    width: 100%;
    margin-top: 2.76042vw;
    overflow: hidden
}

body .home .container .sec5 .news .swiper1 {
    width: 100%
}

body .home .container .sec5 .news .swiper1 a {
    display: block
}

body .home .container .sec5 .news .swiper1 a .pic {
    overflow: hidden
}

body .home .container .sec5 .news .swiper1 a .pic img {
    width: 100%;
    height: 16.66667vw;
    object-fit: cover;
    transition: all 600ms
}

body .home .container .sec5 .news .swiper1 a .text {
    background: #FFF;
    padding: 1.25vw
}

body .home .container .sec5 .news .swiper1 a .text .time {
    display: flex;
    align-items: center;
    gap: .41667vw;
    color: #000;
    line-height: 1
}

body .home .container .sec5 .news .swiper1 a .text .time::before {
    display: block;
    content: '';
    width: .41667vw;
    height: .41667vw;
    border-radius: 50%;
    background: #1E6EEC
}

body .home .container .sec5 .news .swiper1 a .text .pt {
    margin: .41667vw 0;
    line-height: 1.16;
    height: 3.125vw;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 600
}

body .home .container .sec5 .news .swiper1 a .text .des {
    color: #666;
    line-height: 1.5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    height: 4.5vw;
    overflow: hidden
}

body .home .container .sec5 .news .swiper1 a:hover .pic img {
    transform: scale(1.05)
}

body .home .container .sec6 {
    padding: 6.25vw 8.33333vw
}

body .home .container .sec6 .content {
    display: flex;
    justify-content: space-between;
    margin-top: 3.125vw;
    gap: .83333vw
}

body .home .container .sec6 .content .lbox {
    width: 55.625vw
}

body .home .container .sec6 .content .lbox .nr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.04167vw
}

body .home .container .sec6 .content .lbox .nr .item {
    width: 100%;
    background: #F8F8F8;
    padding: 1.71875vw 0 1.71875vw 4.47917vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 600ms
}

body .home .container .sec6 .content .lbox .nr .item span {
    position: absolute;
    left: -1.04167vw;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 42, 236, 0.06);
    line-height: 1.1;
    font-size: 3.75vw;
    font-weight: 600;
    transition: all 600ms
}

body .home .container .sec6 .content .lbox .nr .item .p1 {
    font-weight: 600;
    line-height: 1.16;
    margin-bottom: .72917vw;
    transition: all 600ms
}

body .home .container .sec6 .content .lbox .nr .item .des {
    color: #666;
    line-height: 1.57;
    transition: all 600ms;
    margin-right: 1vw;
}

body .home .container .sec6 .content .lbox .nr .item:hover,
body .home .container .sec6 .content .lbox .nr .item.on {
    background: #394DA8
}

body .home .container .sec6 .content .lbox .nr .item:hover span,
body .home .container .sec6 .content .lbox .nr .item.on span {
    color: rgba(255, 255, 255, 0.06)
}

body .home .container .sec6 .content .lbox .nr .item:hover .p1,
body .home .container .sec6 .content .lbox .nr .item.on .p1 {
    color: #fff
}

body .home .container .sec6 .content .lbox .nr .item:hover .des,
body .home .container .sec6 .content .lbox .nr .item.on .des {
    color: rgba(255, 255, 255, 0.6)
}

body .home .container .sec6 .content .rbox {
    width: 26.875vw
}

body .home .container .sec6 .content .rbox .pic {
    display: none;
    overflow: hidden
}

body .home .container .sec6 .content .rbox .pic.on {
    display: block
}

body .home .container .sec6 .content .rbox .pic img {
    width: 100%;
    height: 14.58333vw;
    object-fit: cover;
    transition: all 600ms
}

body .home .container .sec6 .content .rbox .pic:hover img {
    transform: scale(1.05)
}

@media screen and (max-width: 1280px){
body .home .container .sec5 .news .swiper1 a .text .des,
body .home .container .sec6 .content .lbox .nr .item .des{
   font-size: 12px;
}
}
@media screen and (max-width: 768px) {
    body .home .container .sec5 .news .swiper1 a .text .des,
body .home .container .sec6 .content .lbox .nr .item .des{
   font-size: 16px;
}
body .home .container .sec5 .news .swiper1 a .text .des{
    height: auto;
}
     body .home .container .sec3 .logos{
        display: none;
     }
    body .home .container .sec3 .phone_box{
        display: block;
                margin-top: 20px;
    }
    body .home .container .sec5 .swiper-pagination {
        margin-top: 15px;
        gap: 8px;
    }

    body .home .container .sec5 .swiper-pagination-bullet {
        width: 20px;
    }

    body .home .banner .bg {
        height: 400px
    }

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

    body .home .container .sec1 .top {
        flex-direction: column;
        align-items: unset;
        gap: 20px
    }

    body .home .container .sec1 .top .l .p1,
    body .home .container .sec1 .top .l .p2,
    body .home .container .sec1 .top .l .p3 {
        transform: none !important;
        text-align: left !important;
        line-height: unset
    }

    body .home .container .sec1 .top .l .p2 {
        margin: 15px 0 0 0
    }

    body .home .container .sec1 .top .r {
        width: 100%
    }

    body .home .container .sec1 .top .r .p1 {
        margin: 0 0 15px;
        font-size: 20px
    }

    body .home .container .sec1 .top .r .p2 {
        line-height: 1.7
    }

    body .home .container .sec1 .content {
        transform: none !important;
        margin: 60px 0 0 0
    }

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

    body .home .container .sec2 .content {
        margin-top: 20px;
        flex-direction: column;
        gap: 15px
    }

    body .home .container .sec2 .content .item {
        width: 100%;
        padding: 40px 50px
    }

    body .home .container .sec2 .content .item .p1 p {
        /* font-size: 24px */
    }

    body .home .container .sec2 .content .item .p1 span {
        font-size: 50px;
        left: -10px
    }

    body .home .container .sec2 .content .item .p2 {
        margin: 20px 0 10px 0;
        font-size: 18px
    }

    body .home .container .sec2 .content .item .p3 {
        font-size: 16px
    }

    body .home .container .sec2 .content .rbox {
        width: 100%
    }

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

    body .home .container .sec3 .logos {
        margin-top: 20px
    }

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

    body .home .container .sec3 .logos ul li {
        width: 100%;
        height: 60px
    }

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

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

    body .home .container .sec4 .content {
        margin: 30px 0 0 0;
        width: 100%;
        left: 0;
        transform: none
    }

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

    body .home .container .sec5 .news {
        margin-top: 30px
    }

    body .home .container .sec5 .news .swiper1 a .pic img {
        height: 213px
    }

    body .home .container .sec5 .news .swiper1 a .text {
        padding: 15px
    }

    body .home .container .sec5 .news .swiper1 a .text .time {
        font-size: 14px;
        gap: 6px
    }

    body .home .container .sec5 .news .swiper1 a .text .time::before {
        width: 6px;
        height: 6px
    }

    body .home .container .sec5 .news .swiper1 a .text .pt {
        margin: 10px 0;
        font-size: 16px;
        height: 35px
    }

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

    body .home .container .sec6 .content {
        flex-direction: column;
        gap: 15px;
        margin-top: 20px
    }

    body .home .container .sec6 .content .lbox {
        width: 100%
    }

    body .home .container .sec6 .content .lbox .nr {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px
    }

    body .home .container .sec6 .content .lbox .nr .item {
        padding: 20px 30px
    }

    body .home .container .sec6 .content .lbox .nr .item span {
        font-size: 40px;
        left: -10px
    }

    body .home .container .sec6 .content .lbox .nr .item .p1 {
        font-size: 18px;
        margin-bottom: 5px
    }

    body .home .container .sec6 .content .lbox .nr .item .des {
        font-size: 14px;
        margin-right: 0;
    }

    body .home .container .sec6 .content .rbox {
        width: 100%
    }

    body .home .container .sec6 .content .rbox .pic img {
        height: 183px
    }
}