.banner-wrap {
    width: 100%;
    height: 540px;
    background: url(https://cancanan-1257056207.cos.ap-chengdu.myqcloud.com/MSStaticResource/SaasWeb/images/solution/yqfk_banner.png) no-repeat center center;
    background-size: cover;
    padding-top: 175px;
}

    .banner-wrap .title1 {
        font-size: 42px;
        font-weight: bold;
        color: rgba(14,154,103,1);
        line-height: 72px;
        text-align: right;
        padding-right: 170px;
    }

.head {
    text-align: center;
}

    .head .title {
        font-size: 30px;
        color: #4C4C4C;
        line-height: 30px;
    }

    .head .des {
        font-size: 16px;
        color: #999999;
        padding-top: 10px;
        line-height: 16px;
    }

    .head .tag {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

.tag .line {
    width: 180px;
    height: 1px;
    background: rgba(44,193,123,1);
}

.tag .dot {
    width: 10px;
    height: 10px;
    background: rgba(44,193,123,1);
    margin-left: 12px;
    margin-right: 12px;
}


.yqfkbj-wrap {
    height: auto;
    overflow: hidden;
    background: #ffffff;
}

    .yqfkbj-wrap .bg-wrap1 {
        background: url(https://cancanan-1257056207.cos.ap-chengdu.myqcloud.com/MSStaticResource/SaasWeb/images/solution/yqfk_bg_1.png) no-repeat;
        padding-top: 80px;
    }

    .yqfkbj-wrap .group1 {
        height: auto;
        overflow: hidden;
        margin-top: 64px;
        display: flex;
    }

        .yqfkbj-wrap .group1 .info {
            margin-left: 16px;
            width: 400px;
            float: left;
            margin-bottom: 14px;
            margin-right: 88px;
        }

        .yqfkbj-wrap .group1 .content {
            font-size: 16px;
            color: #686868;
            line-height: 36px;
            text-indent:40px;
        }

    .yqfkbj-wrap .titlesm {
        font-size: 18px;
        color: #1AB394;
        font-weight: bold;
    }

    .yqfkbj-wrap .group1 .right {
        flex: 1;
        margin-top: 16px;
    }

        .yqfkbj-wrap .group1 .right .item {
            width: 50%;
            text-align: center;
            float: left;
        }

            .yqfkbj-wrap .group1 .right .item .img {
                width: 306px;
                height: auto;
            }

            .yqfkbj-wrap .group1 .right .item .txt {
                font-size: 12px;
                color: #666666;
            }

    .yqfkbj-wrap .group2 {
        margin-top: 60px;
    }

        .yqfkbj-wrap .group2 .img-wrap {
            margin-top: 26px;
            display: flex;
            align-items: baseline;
        }

            .yqfkbj-wrap .group2 .img-wrap .img1 {
                width: 406px;
                height: auto;
            }

            .yqfkbj-wrap .group2 .img-wrap .img2 {
                flex: 1;
                margin-left: 20px;
                margin-right: 10px;
            }

            .yqfkbj-wrap .group2 .img-wrap .img3 {
                width: 310px;
                height: auto;
            }

        .yqfkbj-wrap .group2 .txt-wrap {
            line-height: 30px;
            font-size: 14px;
            display: flex;
            color: #666666;
        }

            .yqfkbj-wrap .group2 .txt-wrap .txt1 {
                width: 406px;
                padding-left: 116px;
                display: inline-block;
                text-align: left;
            }

            .yqfkbj-wrap .group2 .txt-wrap .txt3 {
                padding-left: 116px;
                width: 310px;
            }

            .yqfkbj-wrap .group2 .txt-wrap .txt2 {
                flex: 1;
                margin-left: 20px;
                margin-right: 10px;
                padding-left: 116px;
            }

    .yqfkbj-wrap .group3 {
        margin-top: 60px;
    }

        .yqfkbj-wrap .group3 .c-wrap {
            height: auto;
            overflow: hidden;
            margin-top: 60px;
        }

            .yqfkbj-wrap .group3 .c-wrap .title {
                font-size: 16px;
                color: #666666;
                margin-bottom: 12px;
            }

            .yqfkbj-wrap .group3 .c-wrap .img {
                width: 100%;
                height: auto;
            }

            .yqfkbj-wrap .group3 .c-wrap .p1 {
                margin-top: 42px;
            }

            .yqfkbj-wrap .group3 .c-wrap .p2 {
                margin-top: 114px;
            }

    .yqfkbj-wrap .bottom-wrap {
        width: 100%;
        height: 140px;
        background: url(https://cancanan-1257056207.cos.ap-chengdu.myqcloud.com/MSStaticResource/SaasWeb/images/solution/pic_bg2.png) no-repeat;
    }

.fksl-wrap {
    height: auto;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 130px;
    background: #F6F6F6;
}

    .fksl-wrap .pic-wrap {
        padding-top: 122px;
        height: auto;
        overflow: visible;
        width: 1108px;
        margin: 0 auto;
        position: relative;
    }

        .fksl-wrap .pic-wrap .img {
            width: 100%;
        }

        .fksl-wrap .pic-wrap .zfjg {
            position: absolute;
            left: 0px;
            bottom: 74px;
            font-size: 16px;
            line-height: 30px;
            color: #686868;
        }

        .fksl-wrap .pic-wrap .jgzj {
            position: absolute;
            bottom: 94px;
            font-size: 16px;
            color: #686868;
            line-height: 30px;
            right: -28px;
        }

        .fksl-wrap .pic-wrap .center {
            position: absolute;
            bottom: -100px;
            font-size: 16px;
            color: #686868;
            line-height: 30px;
            left: 476px;
        }

.bsfa-wrap {
    height: auto;
    overflow: hidden;
    padding-top: 28px;
    padding-bottom: 117px;
    background: #ffffff;
}

    .bsfa-wrap .tag {
        width: 240px;
        height: 48px;
        background: rgba(26,179,148,1);
        font-size: 20px;
        color: #fff;
        line-height: 48px;
        font-weight: bold;
    }

    .bsfa-wrap .summary {
        margin-top: 78px;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(104,104,104,1);
        line-height: 36px;
        text-align: center;
        margin-bottom: 98px;
    }

.banner-wrap .img-wrap {
    text-align: center;
    height: auto;
    overflow: hidden;
}

.bsfa-wrap .img {
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.jjfa-wrap {
    height: auto;
    overflow: hidden;
    padding-top: 82px;
    padding-bottom: 60px;
    background: #F4F4F3;
}

    .jjfa-wrap .summary {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(104,104,104,1);
        line-height: 36px;
        margin-top: 66px;
        margin-bottom: 66px;
    }

        .jjfa-wrap .summary .icon {
            width: 28px;
            height: 28px;
            margin-right: 4px;
        }

    .jjfa-wrap .fm-pic {
        width: 100%;
        height: auto;
    }

    .jjfa-wrap .fm-txt {
        height: 48px;
        background: rgba(26,179,148,1);
        border: 1px solid rgba(191,191,191,1);
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
        border-radius: 8px;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(255,255,255,1);
        display: inline-block;
        width: 100%;
        line-height: 48px;
        text-align: center;
    }

.mtag {
    width: 240px;
    height: 48px;
    background: rgba(26,179,148,1);
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 48px;
}

.jjfa-wrap .mtag {
    margin-top: 133px;
    margin-bottom: 57px;
}

.jjfa-wrap .summary {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(104,104,104,1);
    line-height: 36px;
    margin-bottom: 45px;
    text-align: center;
}

.jjfa-wrap .mtag2 {
    margin-top: 99px;
    margin-bottom: 68px;
}

.crk-wrap {
    height: auto;
    overflow: hidden;
    display: flex;
}

    .crk-wrap .item {
        height: auto;
        width: auto;
        overflow: hidden;
    }

        .crk-wrap .item .img {
            height: 350px;
            width: auto;
        }

        .crk-wrap .item .txt {
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(104,104,104,1);
            text-align: center;
        }

    .crk-wrap .mtl {
        margin-top: 75px;
        margin-left: -75px;
    }

.ryfy-wrap {
    height: auto;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 176px;
    background: #ffffff;
}

    .ryfy-wrap .img-wrap {
        margin-top: 73px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(104,104,104,1);
        text-align: center;
    }

    .ryfy-wrap .ycfy-wrap {
        margin-top: 25px;
        display: flex;
        align-items: center;
    }

        .ryfy-wrap .ycfy-wrap .left {
            font-size: 20px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(104,104,104,1);
            line-height: 36px;
            width: 180px;
        }

        .ryfy-wrap .ycfy-wrap .right {
            border: 2px dashed #1AB394;
            border-radius: 4px;
            flex: 1;
            padding-top: 10px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            margin-left: 40px;
            display: flex;
        }

.ycfy-wrap .right .item {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    text-align: center;
    color: rgba(104,104,104,1);
}

.ycfy-wrap .right .item1 {
    margin-right: 39px;
}

.ryfy-wrap .mtag {
    margin-top: 119px;
}

.ryfy-wrap .summary {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(104,104,104,1);
    margin-top: 49px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 50px;
}

.ryfy-wrap .twlc-wrap {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

    .ryfy-wrap .twlc-wrap .btntag {
        width: 248px;
        height: 48px;
        background: rgba(34,166,150,1);
        box-shadow: 0px 4px 6px 1px rgba(4, 40, 45, 0.35);
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        line-height: 48px;
        text-align: center;
        font-size: 18px;
    }

.twlc-wrap .center {
    font-size: 14px;
    color: #38AFA1;
    margin-left: 16px;
    margin-right: 16px;
    text-align: center;
}

.ryfy-wrap .cjxd-wrap {
    height: auto;
    overflow: hidden;
    margin-top: 66px;
    display: flex;
}

    .ryfy-wrap .cjxd-wrap .item {
        height: auto;
        overflow: hidden;
        font-size: 14px;
        color: #686868;
        text-align: center;
    }

    .ryfy-wrap .cjxd-wrap .item1 {
        margin-right: 12px;
    }

    .ryfy-wrap .cjxd-wrap .item .img {
        height: 210px;
        width: auto;
    }

.ryfy-wrap .cjxd-wrap2 {
    margin-top: 52px;
    margin-bottom: 120px;
}

.ryfy-wrap .summary2 {
    margin-top: 59px;
    margin-bottom: 71px;
}

.ryfy-wrap .dsj-tag {
    margin-top: 156px;
    margin-bottom: 58px;
}

.hjfy-wrap {
    height: auto;
    overflow: hidden;
    background: #EAEAEA;
    padding-top: 122px;
    padding-bottom: 118px;
}

    .hjfy-wrap .js-wrap {
        height: auto;
        margin-top: 60px;
        display: flex;
        align-items: center;
    }

        .hjfy-wrap .js-wrap .pic-wrap {
            width: 780px;
            height: 270px;
            position: relative;
            margin-right: 20px;
        }

        .hjfy-wrap .js-wrap .info {
            font-size: 20px;
            line-height: 36px;
            color: #686868;
        }

    .hjfy-wrap .yc-pic-wrap {
        height: auto;
        overflow: hidden;
        margin-top: 74px;
        display: flex;
    }

        .hjfy-wrap .yc-pic-wrap .item {
            font-size: 14px;
            color: #686868;
            text-align: center;
        }

        .hjfy-wrap .yc-pic-wrap .item2 {
            margin-left: 10px;
            margin-right: 20px;
        }

        .hjfy-wrap .yc-pic-wrap .item.sb-wrap {
            font-size: 10px;
        }

.hwsb-mtag {
    margin-top: 282px;
    margin-bottom: 58px;
}

.hjfy-wrap .summary {
    font-size: 18px;
    color: #686868;
    margin-bottom: 68px;
}

.hjfy-wrap .hwsm {
    color: #686868;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
}

.hjfy-wrap .aqws-tag {
    margin-top: 235px;
    margin-bottom: 58px;
}

.aqws-wrap {
    height: 518px;
    overflow: visible;
    position: relative;
}

    .aqws-wrap .item {
        height: auto;
        overflow: hidden;
        font-size: 14px;
        color: #686868;
        margin-top: 10px;
    }

    .aqws-wrap .item2 {
        position: absolute;
        left: 319px;
        top: 99px;
    }

    .aqws-wrap .item3 {
        position: absolute;
        right: 0px;
        top: 238px;
    }

    .aqws-wrap .txt {
        padding-left: 164px;
    }

.sthb-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 52px;
    padding-bottom: 47px;
    background: url(https://cancanan-1257056207.cos.ap-chengdu.myqcloud.com/MSStaticResource/SaasWeb/images/solution/sthz_bg.png) no-repeat bottom;
    background-color: #101928;
}

    .sthb-wrap .content {
    }

        .sthb-wrap .content .big-hb {
            font-size: 40px;
            font-weight: bold;
            color: #2CC17B;
            line-height: 40px;
            padding-left: 26px;
            padding-top: 243px;
        }

    .sthb-wrap .dot-line-wrap {
        padding-top: 8px;
        height: auto;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .sthb-wrap .dot {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #2CC17B;
    }

    .sthb-wrap .line {
        width: 260px;
        height: 2px;
        background: rgba(44,193,123,1);
        border-radius: 50%;
    }

    .sthb-wrap .dot-line-mt {
        margin-top: 30px;
        flex-direction: row-reverse;
        margin-right: -15px;
    }

    .sthb-wrap .hz-wrap {
        margin-top: 53px;
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        font-style: italic;
    }

        .sthb-wrap .hz-wrap a {
            color: #fff;
        }

            .sthb-wrap .hz-wrap a:hover {
                text-decoration: none;
                color: #fff;
            }