body {
    padding-top: 87px;
}

.nBanner {
    background: url(../images/zmbanner.png)no-repeat center center;
}

.light .nTitle div {
    background: #0060AC;
}

.light .nTitle {
    padding-bottom: 60px;
}

/* 趋势与难点 */
.lightNd {
    padding-bottom: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.light .lightNd:last-child {
    padding-bottom: 60px;
}

.lightNd>div {
    width: 42%;
}

.lightNd span {
    display: block;
    color: #0060AC;
    margin-bottom: 40px;
}

.lightNd p {
    font-weight: 400;
    line-height: 34px;
    color: #666666;
    text-align: justify;
}

.lightNd img {
    width: 100%;
    height: auto;
}

/* 业务挑战 */
.zmtz {
    padding-top: 30px;
}

.zmtzTab ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
}

.zmtzTab li {
    padding: 0px 20px;
    margin: 0px 40px;
    text-align: center;
    color: #666666;
    position: relative;
    cursor: pointer;
}

.zmtzTab .zmtzTabActive {
    color: #0060AC;
}

.zmtzTabActive::after {
    content: '';
    display: block;
    width: 32px;
    height: 12px;
    background: url(../images/lsj.png)no-repeat center center;
    background-size: 32px 12px;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
}

.zmtzBox {
    height: 700px;
    background: url(../images/zmbg.png)no-repeat bottom center, #0060AC;
    background-size: 100% auto;
    padding: 50px 0px 80px 0px;
    color: #fff;
}

.zmtzItem {
    display: none;
}

.zmtzItem1 h2 {
    background: url(../images/zmico1.png)no-repeat left center;
}

.zmtzItem2 h2 {
    background: url(../images/zmico2.png)no-repeat left center;
}

.zmtzItem3 h2 {
    background: url(../images/zmico3.png)no-repeat left center;
}

.zmtzItem4 h2 {
    background: url(../images/zmico4.png)no-repeat left center;
}

.zmtzItem5 h2 {
    background: url(../images/zmico5.png)no-repeat left center;
}

.zmtzItem h2 {
    padding-left: 54px;
    font-weight: 400;
    line-height: 36px;
    display: block;
    background-size: 36px 36px;
    margin-bottom: 50px;
}

.zmtzItem ul {
    list-style: none;
}

.zmtzItem li {
    display: flex;
    margin-bottom: 30px;
}

.zmtzItem li:last-child {
    margin-bottom: 0px;
}

.zmtzItem span {
    color: #0060AC;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: url(../images/yd.png)no-repeat center center;
    background-size: 32px 32px;
    margin-right: 14px;
}

.zmtzItem p {
    font-weight: 400;
    line-height: 36px;
    flex: 1;
}

/* 解决方案 */
.zmfa .nTitle {
    padding-bottom: 0px;
}

.zmSwiper {
    padding: 60px 30px;
}

/* 解决方案 轮播样式 */
.lightlb .swiper-button-next::after {
    content: '';
    display: block;
    width: 22px;
    height: 34px;
    background: url(../images/zmnext.png)no-repeat center center;
    background-size: 16px 28px;
}

.lightlb .swiper-button-prev::after {
    content: '';
    display: block;
    width: 22px;
    height: 34px;
    background: url(../images/zmprev.png)no-repeat center center;
    background-size: 16px 28px;
}

.lightlb {
    position: relative;
}

.lightlb .swiper-button-next {
    right: 260px;
}

.lightlb .swiper-button-prev {
    left: 260px;
}

/* 方案 样式 */
.zmBox {
    text-align: center;
}

.zmBox1 {
    height: 240px;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0, 96, 172, 0.1);
    border-radius: 8px;
    margin-bottom: 26px;
    padding-bottom: 20px;
}

.zmBox1 img {
    width: 90px;
    height: 64px;
}

.zmBox1 span {
    display: block;
    font-weight: 500;
    line-height: 36px;
    color: #0060AC;
    margin-top: 16px;
}

.zmBox1 p {
    font-weight: 400;
    line-height: 34px;
    color: #666666;
}

.zmBox2 {
    height: 155px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0, 96, 172, 0.1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FF6232;
    position: relative;
    padding-top: 20px;
}

.zmBox2 img {
    width: 354px;
    height: 86px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -55px;
}

.zmBox2 p {
    font-weight: 400;
    line-height: 34px;
}

.zmBox2 h2 {
    font-weight: 500;
    line-height: 36px;
}

/* 解决方案 合作伙伴 */
.zmPartner {
    padding: 76px 0px;
    background: url(../images/zmPartner.png)no-repeat right top, linear-gradient(90deg, #62C2FF 0%, #4089FF 100%);
    background-size: auto 100%;
    display: flex;
    align-items: center;
}

.zmPartner>div {
    display: flex;
    justify-content: space-between;
}

.zmPartnerL h2 {
    text-align: left;
    color: #fff;
    font-weight: 400;
    line-height: 70px;
    white-space: nowrap;
    display: block;
    margin-right: 120px;
}

.zmPartnerR {
    flex-grow: 1;
}

.zmPartnerR ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.zmPartnerR li {
    margin: 0px 30px;
    text-align: left;
    color: #fff;
    padding: 12px 0px;
}

/* 行业案例 */
.light .hyCasesCon {
    padding-top: 0px;
}

.light .hyCasesCon li::after {
    background: #0060AC;
}

.light .moreCases div {
    border: 1px solid #0060AC;
}

.light .moreCases a {
    color: #0060AC;
}

.light .moreCases div:hover {
    background: #0060AC;
}

.line2 {
    display: none;
}

/* 移动端 */
@media (max-width: 767px) {
    .nBanner {
        background: url(../images/mzmbanner.png)no-repeat center center;
        background-size: cover;
    }

    .light .nTitle {
        padding-bottom: 30px;
    }

    .lightNd {
        flex-direction: column;
    }

    .lightNd1 {
        flex-direction: column-reverse;
    }

    .lightNd>div {
        width: 100%;
    }

    .lightNd img {
        margin-bottom: 20px;
    }

    .lightNd span {
        margin-bottom: 10px;
    }

    .lightNd p {
        line-height: 30px;
    }

    .lightNd {
        padding-bottom: 40px;
    }

    /* 业务挑战 */
    .zmtz {
        padding-top: 0px;
    }

    .zmtzTab {
        overflow: hidden;
        width: auto;
    }

    .zmtzTab ul {
        width: auto;
        overflow-x: auto;
        flex: 0 0 auto;
        justify-content: flex-start;
        padding-bottom: 0px;
    }

    .zmtzTab li {
        padding: 0px 14px 24px 14px;
        margin: 0px;
        flex: 0 0 auto;
    }

    .zmtzTab ul::-webkit-scrollbar {
        display: none
    }

    .zmtzTabActive::after {
        bottom: 0px;
    }

    .zmtzBox {
        height: auto;
        overflow: hidden;
        padding: 30px 0px;
        background: url(../images/mzmbg.png)no-repeat bottom center, #0060AC;
        background-size: 100% auto;
    }

    .zmtzItem h2 {
        background-size: 30px 30px;
        padding-left: 40px;
        margin-bottom: 30px;
    }

    .zmtzItem p {
        line-height: 32px;
    }

    .zmtzItem span {
        width: 28px;
        height: 28px;
        background-size: 28px 28px;
        line-height: 28px;
    }

    .zmtzItem li {
        margin-bottom: 24px;
    }

    /* 解决方案 */
    .zmfa .nTitle {
        padding-bottom: 0px;
    }

    .zmSwiper {
        padding: 40px 4%;
    }

    .line1 {
        display: none;
    }

    .zmBox2 img {
        top: -38px;
    }

    .zmBox2 .line2 {
        display: block;
        height: 66px;
        width: auto;
    }

    .zmBox1 {
        margin-bottom: 16px;
        padding-bottom: 10px;
        height: 210px;
    }

    .zmBox1 img {
        height: 50px;
        width: auto;
    }

    .zmBox2 {
        height: 100px;
        padding-top: 0px;
    }

    .lightlb .swiper-button-next {
        right: 10px;
    }

    .lightlb .swiper-button-prev {
        left: 10px;
    }

    .lightlb .swiper-button-prev::after,
    .lightlb .swiper-button-next::after {
        width: 22px;
        height: 34px;
        background-size: 8px 14px;
    }

    /*  */
    .zmPartner {
        padding: 30px 0px;
        background: url(../images/zmPartner.png)no-repeat center center, linear-gradient(90deg, #62C2FF 0%, #4089FF 100%);
        background-size: auto 100%;
    }

    .zmPartner>div {
        flex-direction: column;
    }

    .zmPartnerL h2 {
        margin-right: 0px;
        font-size: 22px;
        line-height: 34px;
        text-align: center;
        margin-bottom: 30px;
    }

    .zmPartnerR li {
        margin: 0px;
        padding: 8px 0px;
        width: 50%;
        text-align: center;
    }
}