.home .section1 {
    padding: 5.46875vw 8.64583vw 9.375vw 9.27083vw;
    display: flex;
    justify-content: space-between
}

.home .section1 .lbox {
    width: 9.73958vw
}

.home .section1 .lbox .nr a {
    display: flex;
    align-items: center
}

.home .section1 .lbox .nr a:not(:last-child) {
    margin-bottom: .88542vw
}

.home .section1 .lbox .nr a .icon {
    width: 1.5625vw;
    height: 1.5625vw;
    background: #F1F4F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 600ms;
}

.home .section1 .lbox .nr a .icon img {
    width: .83333vw;
     transition: all 600ms;
}

.home .section1 .lbox .nr a p {
    margin-left: .67708vw;
    color: #000;
    line-height: 2.5;
     transition: all 600ms;
}
.home .section1 .lbox .nr a:hover .icon{
     background: #00378A
}
.home .section1 .lbox .nr a:hover .icon img{
    filter: invert(1)
}
.home .section1 .lbox .nr a:hover p{
    color: #00378A;
     font-weight: 600;
}

.home .section1 .lbox .nr a.on .icon {
    background: #00378A
}

.home .section1 .lbox .nr a.on .icon img {
    filter: invert(1)
}

.home .section1 .lbox .nr a.on p {
    font-weight: 600;
    color: #00378A
}

.home .section1 .rbox {
    width: 68.4375vw;
    display: flex;
    justify-content: space-between
}

.home .section1 .rbox .pic {
    overflow: hidden
}

.home .section1 .rbox .pic img {
    width: 35vw;
    height: 26.25vw;
    object-fit: cover;
    transition: all 600ms
}

.home .section1 .rbox .pic:hover img {
    transform: scale(1.05)
}

.home .section1 .rbox .info {
    width: 30.10417vw
}

.home .section1 .rbox .info .des {
    color: #808080;
    line-height: 2.25
}

.home .section1 .rbox .info .test_b {
    margin-top: 2.23958vw;
    line-height: 2.22
}

.home .section1 .rbox .info .test_b .p1 {
    color: #000
}

.home .section1 .rbox .info .test_b .tdes {
    color: #808080
}

.home .section2 {
    margin-bottom: 8.33333vw
}

.home .section2 .fix .wrap .pt {
    margin: 0 0 2.60417vw 9.47917vw;
    color: #1C4B8A;
    font-weight: 600;
    line-height: 1.25
}

.home .section2 .fix .wrap .swiper1 {
    width: 100%
}
.home .section2 .fix .wrap .swiper1 .prev{
    position: absolute;
    left: 9.47917vw;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}
.home .section2 .fix .wrap .swiper1 .next{
    position: absolute;
    right: 9.47917vw;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

.home .section2 .fix .wrap .swiper1 .swiper-slide .item {
    width: 100%;
    height: 23.59375vw;
    position: relative;
    margin: 0 2.60417vw 0 0;
    z-index: 1;
    overflow: hidden
}

.home .section2 .fix .wrap .swiper1 .swiper-slide .item .img {
    width: 100%;
    height: 100%;
    transition: all 600ms
}

.home .section2 .fix .wrap .swiper1 .swiper-slide .item .text {
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: .6s ease;
    left: 0;
    bottom: 3.33333vw;
    background: linear-gradient(90deg, #00378A 0%, rgba(0, 55, 138, 0) 100%);
    padding: .72917vw 2.91667vw .72917vw 1.66667vw;
    color: #FFF;
    line-height: 1.25
}

.home .section2 .fix .wrap .swiper1 .swiper-slide .item:hover .img {
    transform: scale(1.05)
}

.home .section2 .fix .wrap .swiper1 .swiper-slide-active .item .text {
    opacity: 1
}

.home .section3 {
    padding: 0 8.4375vw 9.375vw 9.47917vw;
    position: relative
}

.home .section3 .pt {
    color: #1C4B8A;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10vw
}

.home .section3 .content {
    position: relative
}

.home .section3 .content .des {
    padding: 3.22917vw 3.64583vw 3.17708vw 2.5vw;
    background: #00378A;
    width: 45.9375vw;
    color: white;
    line-height: 2.22;
    margin-bottom: 2.5vw
}

.home .section3 .content .pics {
    margin: 0 3.125vw;
    display: flex
}

.home .section3 .content .pics .pic {
    width: 9.375vw;
    overflow: hidden;
    cursor: pointer
}

.home .section3 .content .pics .pic:not(:last-child) {
    margin-right: 2.44792vw
}

.home .section3 .content .pics .pic img {
    width: 100%;
    height: 8.75vw;
    object-fit: cover;
    transition: all 600ms
}

.home .section3 .content .pics .pic:hover img {
    transform: scale(1.05)
}

.home .section3 .content .o_pic {
    position: absolute;
    right: 0;
    top: -3.75vw;
    z-index: -1
}

.home .section3 .content .o_pic img {
    width: 42.70833vw;
    height: 31.82292vw;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .home .banner .bg {
        height: 500px !important
    }

    .home .section1 {
        padding: 30px 5%;
        flex-direction: column
    }

    .home .section1 .lbox {
        width: 100%
    }

    .home .section1 .lbox .nr {
        display: flex;
        flex-wrap: wrap
    }

    .home .section1 .lbox .nr a:not(:last-child) {
        margin: 0 20px 0 0
    }

    .home .section1 .lbox .nr a .icon {
        width: 20px;
        height: 20px
    }

    .home .section1 .lbox .nr a .icon img {
        width: 12px
    }

    .home .section1 .lbox .nr a p {
        margin-left: 6px
    }

    .home .section1 .rbox {
        width: 100%;
        margin-top: 20px;
        flex-direction: column
    }

    .home .section1 .rbox .pic img {
        width: 100%;
        height: 253px
    }

    .home .section1 .rbox .info {
        width: 100%;
        margin-top: 20px
    }

    .home .section1 .rbox .info .test_b {
        margin-top: 20px
    }

    .home .section2 {
        margin-bottom: 0
    }

    .home .section2 .fix .wrap .pt {
        margin: 0 0 25px 5%
    }
    .home .section2 .fix .wrap .swiper1 .prev{
        left: 5%;
    }
      .home .section2 .fix .wrap .swiper1 .next{
        right: 5%;
    }
    .home .section2 .fix .wrap .swiper1 .prev img,.home .section2 .fix .wrap .swiper1 .next img{
        width: 32px;
    }

    .home .section2 .fix .wrap .swiper1 .swiper-slide .item {
        width: 100%;
        height: 200px;
        margin: 0
    }

    .home .section2 .fix .wrap .swiper1 .swiper-slide .item .text {
        bottom: 32px;
        padding: 7px 28px 7px 16px
    }

    .home .section3 {
        padding: 60px 5%
    }

    .home .section3 .pt {
        margin-bottom: 40px
    }

    .home .section3 .content .des {
        padding: 20px 30px;
        width: 100%;
        margin-bottom: 24px
    }

    .home .section3 .content .pics {
        margin: 0 15px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0 20px
    }

    .home .section3 .content .pics .pic {
        width: 100%
    }

    .home .section3 .content .pics .pic:not(:last-child) {
        margin-right: 0
    }

    .home .section3 .content .pics .pic img {
        height: 83px
    }

    .home .section3 .content .o_pic {
        position: static;
        top: 0;
        margin-top: 20px
    }

    .home .section3 .content .o_pic img {
        width: 100%;
        height: 315px
    }
}