.info-banner {
    width: 100%;
    height: 4.6rem;
    position: relative
}

.info-banner .img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.info-banner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.info-banner .img img.mb {
    display: none
}

.info-banner .container-index {
    position: absolute;
    left: 50%;
    top: .8rem;
    transform: translateX(-50%);
    /* transform: translate(-50%, -50%); */
    z-index: 2
}

.info-banner .container-index .txt {
    width: 620px;
    max-width: 100%;
    font-size: 20px !important;
    line-height: 30px;
    color: #fff
}

@media (max-width: 1580px) {
    .info-banner .container-index .txt {
        font-size: 18px !important
    }
}

@media (max-width: 1260px) {
    .info-banner .container-index .txt {
        font-size: 16px !important
    }
}

@media (max-width: 991px) {
    .info-banner .container-index .txt {
        font-size: 14px !important
    }
}

.info-banner .container-index .public-btn {
    margin-top: .64rem;
    /*background: linear-gradient(90deg, #347df8 0, #599ffd 100%);*/
    border-radius: 8px;
    /*color: #fff;*/
}

@media (max-width: 767px) {
    .info-banner .img img.pc {
        display: none
    }

    .info-banner .img img.mb {
        display: block
    }

    .info-banner .container-index .public-btn {
        margin-top: .3rem
    }

    .ndevor .ndevor-box3 .container-index .list .swiper-container .swiper-pagination {
        display: block
    }
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide {
    /* border: 1px solid #e3e3e3; */
    /* border-radius: 6px */
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img {
    margin: auto;
    cursor: pointer
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img::before {
    padding-top: 139.87%
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(2, 30, 75, .49);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: all ease-out .3s
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img span {
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    /* background: linear-gradient(to right, #0f59ee, #007fff); */
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    font-family: system-ui;
    opacity: 0;
    transition: all ease-out .3s
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img:hover span, .ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img:hover::after {
    opacity: 1
}

.ndevor .ndevor-box3 .container-index .list .swiper-container .swiper-pagination {
    display: none;
    bottom: 0
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .txt {
    line-height: 26px;
    color: #222;
    text-align: center
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide:hover {
    border: 1px solid #fff;
    box-shadow: 0 0 .14rem 0 rgba(15, 69, 206, .05)
}

.ndevor .ndevor-box3 {
    width: 100%;
    padding: .92rem 0
}

.ndevor .ndevor-box3 .container-index .top {
    width: 100%
}

.ndevor .ndevor-box3 .container-index .top .title {
    font-size: .46rem;
    line-height: .56rem;
    color: #333;
    text-align: center;
    font-weight: 700
}

.ndevor .ndevor-box3 .container-index .top .txt {
    color: #666;
    line-height: 26px;
    text-align: center;
    margin-top: .15rem
}

.ndevor .ndevor-box3 .container-index .list {
    width: calc(100% + .4rem);
    margin: .35rem -.2rem 0;
    position: relative
}

.ndevor .ndevor-box3 .container-index .list .swiper-container {
    padding: .2rem
}

@media (max-width: 767px) {
    .ndevor .ndevor-box3 .container-index .list .swiper-container {
        padding: .2rem .2rem .5rem
    }
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-out .3s;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0
}

@media (max-width: 1260px) {
    .ndevor .ndevor-box3 .container-index .list .swiper-button-next, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev {
        width: 40px;
        height: 40px
    }
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next::before, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #06f;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-sizing: border-box
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next .icon, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev .icon {
    width: 8px;
    height: 14px;
    display: flex
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next .icon svg, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev .icon svg {
    width: 100%
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next .icon svg path, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev .icon svg path {
    fill: #06f;
    transition: all ease-out .3s
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next:hover, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev:hover {
    background: #06f
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next:hover .icon svg path, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev:hover .icon svg path {
    fill: #fff
}

@media (max-width: 991px) {
    .ndevor .ndevor-box3 .container-index .list .swiper-button-next, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev {
        display: none
    }
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-prev {
    left: initial;
    right: calc(100% + .65rem)
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next {
    left: calc(100% + .65rem)
}

.ndevor .ndevor-box3 .container-index .list .swiper-button-next svg {
    transform: rotateZ(180deg)
}

@media (max-width: 1580px) {
    .ndevor .ndevor-box3 .container-index .list .swiper-button-prev {
        right: calc(100% + .3rem)
    }

    .ndevor .ndevor-box3 .container-index .list .swiper-button-next {
        left: calc(100% + .3rem)
    }
}

@media (max-width: 1260px) {
    .ndevor .ndevor-box3 .container-index .list .swiper-button-next, .ndevor .ndevor-box3 .container-index .list .swiper-button-prev {
        display: none
    }
}

.index-box5 {
    width: 100%;
    padding: .2rem 0 .96rem
}

.index-box5 .container-index .title {
    font-size: .46rem;
    line-height: .56rem;
    color: #333;
    text-align: center;
    font-weight: 700
}

.index-box5 .container-index .list {
    width: calc(100% + .4rem);
    margin: 0 -.2rem;
    position: relative
}

.index-box4 .container-index .swiper-container, .index-box5 .container-index .list .swiper-container {
    padding: .36rem .1rem .3rem
}

.index-box5 .container-index .list .swiper-slide {
    /* width: 30%!important; */
}
.index-box5 .container-index .list .swiper-slide a {
    width: 100%;
    display: block;
    overflow: hidden
}

.index-box5 .container-index .list .swiper-slide a .public-img::before {
    padding-top: 66.67%
}

.index-box5 .container-index .list .swiper-slide a .tbox .t1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.index-box5 .container-index .list .swiper-slide a .tbox .time {
    color: #666;
    line-height: 24px
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon {
    margin-top: .4rem;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon svg {
    position: relative;
    z-index: 2
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon::before {
    content: '';
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all ease-out .3s
}

.index-box5 .container-index .list .swiper-slide:hover a {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 .18rem 0 rgba(0, 0, 0, .05)
}

.index-box5 .container-index .list .swiper-slide:hover a .public-img img {
    transform: scale(1.05)
}

.index-box4 .container-index .list .swiper-next, .index-box4 .container-index .list .swiper-prev, .index-box5 .container-index .list .swiper-next, .index-box5 .container-index .list .swiper-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-out .3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

@media (max-width: 1260px) {
    .index-box4 .container-index .list .swiper-next, .index-box4 .container-index .list .swiper-prev, .index-box5 .container-index .list .swiper-next, .index-box5 .container-index .list .swiper-prev {
        width: 40px;
        height: 40px
    }
}

.index-box4 .container-index .list .swiper-next::before, .index-box4 .container-index .list .swiper-prev::before, .index-box5 .container-index .list .swiper-next::before, .index-box5 .container-index .list .swiper-prev::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #06f;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-sizing: border-box
}

.index-box4 .container-index .list .swiper-next .icon, .index-box4 .container-index .list .swiper-prev .icon, .index-box5 .container-index .list .swiper-next .icon, .index-box5 .container-index .list .swiper-prev .icon {
    width: 8px;
    height: 14px;
    display: flex
}

.index-box4 .container-index .list .swiper-next .icon svg, .index-box4 .container-index .list .swiper-prev .icon svg, .index-box5 .container-index .btn, .index-box5 .container-index .list .swiper-next .icon svg, .index-box5 .container-index .list .swiper-prev .icon svg {
    width: 100%
}

.index-box4 .container-index .list .swiper-next .icon svg path, .index-box4 .container-index .list .swiper-prev .icon svg path, .index-box5 .container-index .list .swiper-next .icon svg path, .index-box5 .container-index .list .swiper-prev .icon svg path {
    fill: #06f;
    transition: all ease-out .3s
}

.index-box4 .container-index .list .swiper-next:hover, .index-box4 .container-index .list .swiper-prev:hover, .index-box5 .container-index .list .swiper-next:hover, .index-box5 .container-index .list .swiper-prev:hover {
    background: #06f
}

.index-box4 .container-index .list .swiper-next:hover .icon svg path, .index-box4 .container-index .list .swiper-prev:hover .icon svg path, .index-box5 .container-index .list .swiper-next:hover .icon svg path, .index-box5 .container-index .list .swiper-prev:hover .icon svg path {
    fill: #fff
}

@media (max-width: 991px) {
    .index-box5 .container-index .list .swiper-slide a .tbox .t1 {
        font-size: .3rem
    }

    .index-box4 .container-index .list .swiper-next, .index-box4 .container-index .list .swiper-prev, .index-box5 .container-index .list .swiper-next, .index-box5 .container-index .list .swiper-prev {
        display: none
    }
}

.client .flex, .index-box5 .container-index .btn {
    display: flex;
    justify-content: center
}

.index-box4 .container-index .list .swiper-prev, .index-box5 .container-index .list .swiper-prev {
    right: calc(100% + .65rem)
}

.index-box4 .container-index .list .swiper-next, .index-box5 .container-index .list .swiper-next {
    left: calc(100% + .65rem)
}

@media (max-width: 1580px) {
    .index-box4 .container-index .list .swiper-prev, .index-box5 .container-index .list .swiper-prev {
        right: calc(100% + .3rem)
    }

    .index-box4 .container-index .list .swiper-next, .index-box5 .container-index .list .swiper-next {
        left: calc(100% + .3rem)
    }
}

@media (max-width: 1260px) {
    .index-box4 .container-index .list .swiper-prev {
        right: calc(100% - .1rem)
    }

    .index-box4 .container-index .list .swiper-next {
        left: calc(100% - .1rem)
    }
}









.index-box4 .container-index .list .swiper-next svg, .index-box5 .container-index .list .swiper-next svg {
    transform: rotateZ(180deg)
}

.info-banner.ndevor-banner .container-index .xctitle {
    font-weight: 700;
    font-size: .48rem;
    color: #fff;
    text-align: unset
}

.info-banner.ndevor-banner .img::before {
    height: 0% !important
}

/* .info-banner .container-index {
    top: 35%
} */

.info-banner .img {
    position: relative
}

.info-banner .container-index .txt {
    margin-top: .58rem;
    margin-left: 0;
    text-align: unset
}

.more, .ndevorText, .ndevorTitle {
    text-align: center
}

.info-banner.ndevor-banner {
    height: 4.6rem
}

.pcright {
    position: absolute;
    top: .3rem;
    right: 3.5rem;
    width: 6.76rem !important;
    height: 3.57rem !important
}

.ndevorTitle {
    font-size: .36rem;
    color: #333840
}

.ndevorText {
    font-size: .2rem;
    color: #62697e;
    margin-top: .15rem
}

.more {
    margin-top: .1rem;
    font-size: 16px;
    color: #e23522;
    line-height: 48px;
    text-decoration-line: underline;
    cursor: pointer
}

.ndevor .ndevor-box2 {
    /* padding: .92rem 0 .86rem; */
    padding: .32rem 0 .86rem;
    background: #FBFCFD url(../../resources/images/xc/xcbg.png) 100% 100%;
    background-size: cover
}

.ndevor .bg {
    height: 8.57rem
}

.ndevor .bg img {
    height: 100%
}

.ndevorImg {
    width: 10.13rem;
    /* width: 11.13rem; */
    /* height: 5.01rem; */
    margin: .3rem auto 0
}

.ndevorImg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ndevor .ndevor-box3 {
    background: #FBFCFD;
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide {
    padding: .2rem .26rem .18rem .25rem;
    box-shadow: 0 4px 6px 0 rgba(173, 176, 179, .28);
    border-radius: 8px;
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .public-img {
    width: 1.92rem;
    height: 2.65rem;
    object-fit: cover
}

.bgLinear {
    background: linear-gradient(0deg, #fdfbfb 0, #fff 100%)
}

@media (min-width: 991px) {
    .swiper-index {
        /* width: 11rem */
    }
}

.ndevor .ndevor-box3 .container-index .list .swiper-slide .txt {
    border-top: none;
    padding-top: 0;
    margin-top: .29rem
}

.ndevor .ndevor-box2::before {
    width: 0%
}

.index-box5 {
    background: 0 0
}

.index-box5 .container-index .list .swiper-slide a .tbox .t1 {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
    line-height: 28px;
    height: 3em;
    
}

.index-box5 .container-index .list .swiper-slide a .tbox .time {
    margin-top: .18rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    min-height: 48px
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon {
    border: none;
    height: auto;
    width: .5rem
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon::before {
    background: #f1f1f0
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon:hover::before {
    background: linear-gradient(to right, #ec6863, #da3832);
    box-shadow: 0 .1rem .16rem 0 rgba(0, 0, 0, .05)
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon svg path {
    fill: #c6c6c6;
    transition: all ease-out .3s
}

.index-box5 .container-index .list .swiper-slide a .tbox .icon:hover svg path {
    fill: #fff
}

.index-box5 .container-index .list .swiper-slide a .tbox {
    padding: .35rem .3rem .29rem;
    width: 100%;
    background: #fff;
    border-radius: .12rem;
    margin-top: -67px;
    z-index: 111;
    position: relative
}

.index-box5 .container-index .list .swiper-slide a {
    border-radius: .12rem;
    border: 1px solid #fdfbfb;
    box-shadow: 0 0 .18rem 0 rgba(0, 0, 0, .05)
}

.swiper-button-next, .swiper-button-prev, .swiper-next, .swiper-prev {
    width: 38px !important;
    height: 38px !important
}

.swiper-button-next .icon, .swiper-button-prev .icon, .swiper-next .icon, .swiper-prev .icon {
    width: 38px !important
}

.swiper-button-next::before, .swiper-button-prev::before, .swiper-next::before, .swiper-prev::before {
    border: 1px solid #afafaf !important
}

.swiper-button-next .icon svg path, .swiper-button-prev .icon svg path, .swiper-next .icon svg path, .swiper-prev .icon svg path {
    fill: #afafaf !important
}

.swiper-button-next:hover .icon svg path, .swiper-button-prev:hover .icon svg path, .swiper-next:hover .icon svg path, .swiper-prev:hover .icon svg path {
    fill: #fff !important
}

.swiper-button-next:hover, .swiper-button-prev:hover, .swiper-next:hover, .swiper-prev:hover {
    background: linear-gradient(to right, #ec6863, #da3832) !important
}

.index-box5 {
    padding-bottom: .58rem
}

.index-box4 .container-index .swiper-container, .index-box5 .container-index .list .swiper-container {
    padding-top: .18rem !important
}

.client {
    width: 13rem;
    margin: 0 auto;
    padding-bottom: .5rem
}

.client .flex img {
    /* width: 2.5rem;
    height: 1.2rem; */
    margin: .22rem 0.19rem 0 ;
}

/* .client .flex img:not(:last-child) {
    margin: .23rem .37rem 0 0
} */

@media (max-width: 1024px) {
    .client .flex img:not(:last-child) {
        margin: .23rem .1rem 0 0
    }

    .client .flex {
        flex-wrap: wrap
    }

    .ndevorImg {
        width: 100%
    }

    .ndevorImg img {
        height: auto;
        object-fit: unset
    }
}

@media (max-width: 1260px) {
    .index-box5 .container-index .list .swiper-next, .index-box5 .container-index .list .swiper-prev {
        display: none
    }
}

@media (max-width: 767px) {
    .client {
        width: 100%
    }

    .client .flex {
        flex-wrap: wrap
    }

    .info-banner .img img.pc {
        display: block !important
    }

    .swiper-index {
        width: 90%
    }

    .ndevorImg img {
        height: auto;
        object-fit: unset
    }

    .pcright {
        right: 0 !important;
        width: 50% !important;
        height: 50% !important;
        top: 2.4rem !important
    }

    .info-banner .container-index {
        left: 55% !important
    }

    .ndevorImg {
        width: 100%
    }

    .ndevor .bg {
        height: 100%
    }
}