/* 适用于移动端 */
@media (max-width:768px) {
    .main {
        max-width: 540px
    }

    /* wrapBox盒子 */
    .gridBox {
        margin-bottom: 80px;
        width: 100%;
    }

    .gridBox-titlt img {
        display: block;
        margin: 0 auto;
        width: 225px;
    }

    .gridBox-wrapper {
        margin-top: 20px;
    }

    /* 方案介绍 */
    .gridBox-plan {
        padding: 10px 15px;
        background: url(../jkgl/img3/boxbg1.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .gridBox-plan p {
        font-size: 14px;
        color: #10203D;
        line-height: 25px;
    }

    /* 行业痛点 */
    .gridBox-painPoint1 {
        background: url(../jkgl/img3/boxbg2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .painPoint1-title {
        padding-top: 16px;
        font-weight: bold;
        font-size: 16px;
        color: #10203D;
        line-height: 35px;
        text-align: center;
    }

    .wrap-painPointItem {
        padding: 20px 20px 20px;
    }

    .painPointItem-img img {
        display: block;
        margin: 0 auto;
        width: 100px;
    }

    .painPointItem-title {
        margin-top: 10px;
        font-weight: bold;
        font-size: 16px;
        color: #2E466F;
    }

    .painPointItem-explain {
        margin-top: 12px;
        font-size: 14px;
        color: #10203D;
        line-height: 21px;
    }

    /* 脉购CRM健康管理系统解决方案 */
    .gridBox-title-solve img {
        display: block;
        margin: 0 auto;
        width: 400px;
    }

    .gridBox-title-explain {
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }

    .gridBox-title-explain span {
        display: inline-block;
        margin: 0 auto;
        padding: 0 10px;
        height: 24px;
        background: linear-gradient(180deg, #6DA6FF 0%, #2B70DA 100%);
        border-radius: 12px;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 24px;
    }

    .gridBox-scene-title {
        font-weight: bold;
        font-size: 18px;
        color: #10203D;
        line-height: 35px;
        text-align: center;
    }

    .scene {
        margin-bottom: 20px;
    }

    .scene-row {
        /* flex-direction: row-reverse; */
    }

    .scene-content {
        flex: 1;
        padding: 10px 5px 0;
    }

    .scene-content p {
        font-weight: bold;
        font-size: 16px;
        color: #10203D;
    }

    .scene-content-subTitle {
        margin-top: 5px;
    }

    .scene-content-subTitle-li {
        margin-bottom: 20px;
        /* margin-top: 20px; */
        list-style: none;
        /* margin-left: 20px; */
        font-weight: 400;
        font-size: 14px;
        color: #435470;
        line-height: 22px;
    }

    .scene-content-subTitle-li-span {
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #435470;
        line-height: 3022pxpx;
    }

    .scene-content-subTitle-li-ul {
        margin-left: 15px;
    }

    .scene-content-subTitle-li-ul li {
        margin-left: 10px;
        list-style: disc;
        font-weight: 400;
        font-size: 14px;
        color: #435470;
        line-height: 22px;
    }

    .scene-img img {
        width: 400px;
        /* background-color: #f2f4fd; */
    }

}

/* 除移动端的屏幕 */
@media (min-width:768px) {

    /* wrapBox盒子 */
    .gridBox {
        margin-bottom: 80px;
        width: 100%;
    }

    .gridBox-titlt img {
        display: block;
        margin: 0 auto;
        width: 425px;
    }

    .gridBox-wrapper {
        margin-top: 20px;
    }

    /* 方案介绍 */
    .gridBox-plan {
        padding: 18px 28px;
        background: url(../jkgl/img3/boxbg1.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .gridBox-plan p {
        font-size: 19px;
        color: #10203D;
        line-height: 30px;
    }

    /* 行业痛点 */
    .gridBox-painPoint1 {
        padding-top: 32rpx;
        background: url(../jkgl/img3/boxbg2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }


    .painPoint1-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /* 三列，每列等宽 */
        gap: 55px;
        /* 网格项之间的间隙，这里模拟与第二个盒子的间距 */
        padding: 0 70px;
        /* 确保容器没有内边距 */
    }

    .painPoint1-title {
        padding-top: 32px;
        font-weight: bold;
        font-size: 28px;
        color: #10203D;
        line-height: 35px;
        text-align: center;
    }

    .wrap-painPointItem {
        padding: 38px 0 24px;
    }

    .painPointItem-img img {
        display: block;
        margin: 0 auto;
        width: 164px;
    }

    .painPointItem-title {
        margin-top: 25px;
        font-weight: bold;
        font-size: 20px;
        color: #2E466F;
    }

    .painPointItem-explain {
        margin-top: 20px;
        font-size: 14px;
        color: #10203D;
        line-height: 21px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .main {
        max-width: 720px
    }

    /* 脉购CRM健康管理系统解决方案 */
    .gridBox-title-solve img {
        display: block;
        margin: 0 auto;
        width: 761px;
    }

    .gridBox-title-explain {
        display: flex;
        justify-content: center;
    }

    .gridBox-title-explain span {
        display: inline-block;
        margin: 0 auto;
        padding: 0 20px;
        height: 45px;
        background: linear-gradient(180deg, #6DA6FF 0%, #2B70DA 100%);
        border-radius: 21px;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 45px;
    }

    .gridBox-scene-title {
        font-weight: bold;
        font-size: 18px;
        color: #10203D;
        line-height: 35px;
        text-align: center;
    }

    .scene {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }

    .scene-row {
        flex-direction: row-reverse;
    }

    .scene-content {
        flex: 1;
        padding: 30px 20px;
    }

    .scene-content p {
        font-weight: bold;
        font-size: 16px;
        color: #10203D;
    }

    .scene-content-subTitle {
        margin-top: 5px;
    }

    .scene-content-subTitle-li {
        margin-bottom: 5px;
        /* margin-top: 20px; */
        list-style: none;
        /* margin-left: 20px; */
        font-weight: 400;
        font-size: 14px;
        color: #435470;
        line-height: 22px;
    }

    .scene-content-subTitle-li-span {
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #435470;
        line-height: 22px;
    }

    .scene-content-subTitle-li-ul {
        margin-left: 15px;
    }

    .scene-content-subTitle-li-ul li {
        margin-left: 10px;
        list-style: disc;
        font-weight: 400;
        font-size: 14px;
        color: #435470;
        line-height: 22px;
    }

    .scene-img img {
        width: 400px;
        /* background-color: #f2f4fd; */
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .main {
        max-width: 960px
    }

    /* 脉购CRM健康管理系统解决方案 */
    .gridBox-title-solve img {
        display: block;
        margin: 0 auto;
        width: 761px;
    }

    .gridBox-title-explain {
        display: flex;
        justify-content: center;
    }

    .gridBox-title-explain span {
        display: inline-block;
        margin: 0 auto;
        padding: 0 20px;
        height: 45px;
        background: linear-gradient(180deg, #6DA6FF 0%, #2B70DA 100%);
        border-radius: 21px;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 45px;
    }

    .gridBox-scene-title {
        font-weight: bold;
        font-size: 22px;
        color: #10203D;
        line-height: 35px;
        text-align: center;
    }

    .scene {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }

    .scene-row {
        flex-direction: row-reverse;
    }

    .scene-content {
        flex: 1;
        padding: 30px 20px 30px 25px;
    }

    .scene-content p {
        font-weight: bold;
        font-size: 20px;
        color: #10203D;
    }

    .scene-content ul {
        margin-top: 10px;
    }

    .scene-content-subTitle-li {
        margin-bottom: 10px;
        /* margin-top: 20px; */
        list-style: none;
        /* margin-left: 20px; */
        font-weight: 400;
        font-size: 16px;
        color: #435470;
        line-height: 25px;
    }

    .scene-content-subTitle-li-span {
        display: block;
        font-weight: 400;
        font-size: 16px;
        color: #435470;
        line-height: 25px;
    }

    .scene-content-subTitle-li-ul {
        margin-left: 15px;
    }

    .scene-content-subTitle-li-ul li {
         margin-left: 10px;
        list-style: disc;
        font-weight: 400;
        font-size: 16px;
        color: #435470;
        line-height: 25px;
    }

    .scene-img img {
        width: 550px;
        /* background-color: #f2f4fd; */
    }
}

@media (min-width:1200px) {
    .main {
        max-width: 1200px
    }

    /* 脉购CRM健康管理系统解决方案 */
    .gridBox-title-solve img {
        display: block;
        margin: 0 auto;
        width: 761px;
    }

    .gridBox-title-explain {
        display: flex;
        justify-content: center;
    }

    .gridBox-title-explain span {
        display: inline-block;
        margin: 0 auto;
        padding: 0 20px;
        height: 45px;
        background: linear-gradient(180deg, #6DA6FF 0%, #2B70DA 100%);
        border-radius: 21px;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 45px;
    }

    .gridBox-scene-title {
        margin-bottom: 40px;
        font-size: 32px;
        color: #10203D;
        line-height: 35px;
        text-align: center;
    }

    .scene {
        margin-bottom: 100px;
        display: flex;
        justify-content: space-between;
    }

    .scene-row {
        flex-direction: row-reverse;
    }

    .scene-content {
        flex: 1;
        padding: 10px 20px 20px 20px;
    }

    .scene-content p {
        font-weight: bold;
        font-size: 20px;
        color: #10203D;
    }

    .scene-content-subTitle {
        margin-top: 20px;
    }

    .scene-content-subTitle-li {
        margin-bottom: 20px;
        /* margin-top: 20px; */
        list-style: none;
        /* margin-left: 20px; */
        font-weight: 400;
        font-size: 18px;
        color: #435470;
        line-height: 30px;
    }

    .scene-content-subTitle-li-span {
        display: block;
        font-weight: 400;
        font-size: 18px;
        color: #435470;
        line-height: 30px;
    }

    .scene-content-subTitle-li-ul {
        margin-left: 20px;
    }

    .scene-content-subTitle-li-ul li {
        margin-left: 10px;
        list-style: disc;
        font-weight: 400;
        font-size: 18px;
        color: #435470;
        line-height: 30px;
    }

    .scene-img img {
        width: 650px;
        /* background-color: #f2f4fd; */
    }
}

body {
    background: #F6F7FB;
}

.banner {
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
}

.main {
    /* margin-top: 210px; */
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}

/* 解决方案 */
.gridBox-solve img {
    width: 100%;
}