.swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    background-color: transparent !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/mimage/home/png_yuanxing.png');
}

.swiper-pagination-bullet-active {
    width: .2rem;
    background-image: url('/mimage/home/png_yuanzhong.png');
}

.banner-con {
    box-sizing: border-box;
    position: relative;
}

    .banner-con img {
        width: 100%;
        vertical-align: middle;
    }

.block-con > .title {
    font-size: .17rem;
    text-align: center;
    padding-top: .35rem;
    letter-spacing: 2px;
}

    .block-con > .title span {
        color: #5AC8CC;
        font-family: PingFang SC;
    }

    .block-con > .title > .subline {
        text-align: center;
    }

        .block-con > .title > .subline:before {
            content: '';
            display: inline-block;
            height: .03rem;
            width: .13rem;
            background-color: #5AC8CC;
            border-radius: .015rem;
        }

        .block-con > .title > .subline:after {
            margin-left: .07rem;
            content: '';
            display: inline-block;
            height: .03rem;
            width: .31rem;
            background-color: #044098;
            border-radius: .015rem;
        }

.block-con img {
    width: 100%;
    vertical-align: middle;
}

.logos {
    margin: .23rem .08rem 0rem .08rem;
    padding-bottom: .35rem;
}

.bg1 {
    background-color: #EDF4FE;
}

.bg {
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
    padding: .12rem .15rem 0;
    background-image: url('/mimage/home/png_zixunbeijing.png');
}

.zx-item {
    border-radius: .06rem;
    background: white;
    margin-bottom: .1rem;
    overflow: hidden;
}

    .zx-item > .left {
        float: left;
        width: 1.04rem;
    }

        .zx-item > .left > img {
            margin-left: -2px;
        }

    .zx-item > .right {
        float: left;
        width: calc(100% - 1.4rem);
        margin-left: .15rem;
        padding-top: .04rem;
        font-size: .12rem;
        color: #333333;
    }

        .zx-item > .right > .bottom {
            overflow: hidden;
            margin-top: .03rem;
        }

            .zx-item > .right > .bottom > .icon {
                float: left;
                border: 1px solid #D3E3FC;
                color: #417CD9;
                font-size: .08rem;
                padding: .01rem .04rem;
                border-radius: .1rem;
            }

            .zx-item > .right > .bottom > .data-time {
                float: right;
                color: #999999;
                font-size: .09rem;
                display: flex;
                align-items: center;
            }

                .zx-item > .right > .bottom > .data-time > img {
                    width: .12rem;
                    height: .12rem;
                }

                .zx-item > .right > .bottom > .data-time > div {
                    margin-left: .04rem;
                    padding-top: .02rem;
                }

.con1 {
    padding: .2rem;
}

    .con1 > .items {
        display: flex;
        flex-wrap: wrap;
    }

        .con1 > .items > .item {
            flex: 0 0 1.53rem;
            text-align: center;
            margin: .07rem;
            box-sizing: border-box;
            margin-top: 0;
        }

            .con1 > .items > .item > .banner {
                width: 1.44rem;
                height: 1.04rem;
                margin: 0 auto;
            }

            .con1 > .items > .item > .title {
                color: #044098;
                font-size: .15rem;
            }

            .con1 > .items > .item > p {
                font-size: .13rem;
                color: #666;
                padding: 0 .18rem;
            }

            .con1 > .items > .item > .more {
                border: 1px solid red;
                height: .26rem;
                line-height: .26rem;
                text-align: center;
                color: #044098;
                border: .01rem solid #113985;
            }

            .con1 > .items > .item > .img1 {
                background: url(../mimage/home/1@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con1 > .items > .item > .img2 {
                background: url(../mimage/home/2@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con1 > .items > .item > .img3 {
                background: url(../mimage/home/3@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con1 > .items > .item > .img4 {
                background: url(../mimage/home/4@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

    .con1 > .m-img {
        width: 2.30rem;
        margin: .1rem auto 0;
    }

.con2 {
    padding: .35rem .21rem;
}

    .con2 > .banner-con {
        display: flex;
    }

        .con2 > .banner-con > .img-con {
            flex: 0 0 1.68rem;
            height: 1.07rem;
            background: url(../ysgcImage/home/png_kuang.png) no-repeat center center;
            background-size: 100% auto;
            line-height: 1.07rem;
            text-align: center;
        }

            .con2 > .banner-con > .img-con > img {
                width: .8rem;
            }

        .con2 > .banner-con > .info {
            flex: 1;
            padding-left: .32rem;
        }

            .con2 > .banner-con > .info > div {
                color: #00CBCE;
                font-size: .14rem;
                vertical-align: middle;
            }

                .con2 > .banner-con > .info > div > img {
                    width: .15rem;
                    margin-right: .07rem;
                    vertical-align: middle;
                }

                .con2 > .banner-con > .info > div > span {
                    vertical-align: middle;
                }

            .con2 > .banner-con > .info > p {
                margin-bottom: 0;
                font-size: .10rem;
            }

    .con2 > .items {
        display: flex;
        flex-wrap: wrap;
        padding-top: .2rem;
    }

        .con2 > .items > .item {
            margin: .07rem;
            flex: 0 0 1.52rem;
            text-align: center;
            padding-top: .16rem;
            padding-left: .18rem;
            padding-right: .18rem;
            padding-bottom: .2rem;
            border-radius: .03rem;
            box-shadow: 0 0 .06rem #8AB5F9;
            box-sizing: border-box;
        }

            .con2 > .items > .item > .icon {
                width: .58rem;
                height: .28rem;
                margin: 0 auto;
                margin-bottom: .05rem;
            }

            .con2 > .items > .item > .title {
                color: #164192;
                font-size: .15rem;
            }

            .con2 > .items > .item > p {
                color: #666;
                font-size: .10rem;
                text-align: justify;
            }

            .con2 > .items > .item > .img1 {
                background: url(../mimage/home/ic_car_gongwu@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con2 > .items > .item > .img2 {
                background: url(../mimage/home/ic_car_siche@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con2 > .items > .item > .img3 {
                background: url(../mimage/home/ic_car_zuoye@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con2 > .items > .item > .img4 {
                background: url(../mimage/home/ic_car_yunying@2x.png) no-repeat center center;
                background-size: 100% auto;
            }

        .con2 > .items > .work {
            background-color: #5AC8CC;
            color: #fff;
        }

            .con2 > .items > .work > .title {
                color: #fff;
            }

            .con2 > .items > .work > p {
                color: #fff;
            }

            .con2 > .items > .work > .img1 {
                background: url(../mimage/home/ic_car_gongwu.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con2 > .items > .work > .img2 {
                background: url(../mimage/home/ic_car_siche.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con2 > .items > .work > .img3 {
                background: url(../mimage/home/ic_car_zuoye.png) no-repeat center center;
                background-size: 100% auto;
            }

            .con2 > .items > .work > .img4 {
                background: url(../mimage/home/ic_car_yunying.png) no-repeat center center;
                background-size: 100% auto;
            }

.con3 {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem;
    justify-content: center;
    padding-bottom: .35rem;
}

    .con3 > .item {
        flex: 0 0 1.70rem;
        margin: .05rem;
        box-shadow: 1px 1px 8px 1px rgba(128, 181, 255, 0.34);
    }

        .con3 > .item > .banner {
            width: 1.70rem;
            height: 1.05rem;
        }

        .con3 > .item > div > .title {
            padding-top: .12rem;
            padding-left: .14rem;
            color: #044098;
            font-size: .15rem;
        }

        .con3 > .item > div > p {
            margin-top: .1rem;
            padding-left: .14rem;
            color: #666666;
            font-size: .12rem;
            padding-right: .14rem;
            text-align: justify;
        }

        .con3 > .item > .img1 {
            background: url(../mimage/home/png_shujuanquan@2x.png) no-repeat center center;
            background-size: 100% auto;
        }

        .con3 > .item > .img2 {
            background: url(../mimage/home/png_chanpinyouhua@2x.png) no-repeat center center;
            background-size: 100% auto;
        }

        .con3 > .item > .img3 {
            background: url(../mimage/home/png_fuwubaozhang@2x.png) no-repeat center center;
            background-size: 100% auto;
        }

        .con3 > .item > .img4 {
            background: url(../mimage/home/png_zhuanyedingzhi@2x.png) no-repeat center center;
            background-size: 100% auto;
        }

.con4 {
    display: flex;
    align-content: space-between;
    padding: .24rem .26rem;
    background: url(../mimage/home/con4_bg@2x.png) no-repeat center center;
    background-size: 100% auto;
}

    .con4 > .item {
        flex: 0 0 33.33%;
        text-align: center;
    }

        .con4 > .item > .icon {
            width: .72rem;
            height: .72rem;
            margin: 0 auto;
        }

        .con4 > .item > .percent {
            color: #5AC8CC;
            font-size: .21rem;
            margin-bottom: .2rem;
            font-family: PingFang SC;
            margin-top: .1rem;
        }

        .con4 > .item > .title {
            color: #044098;
            font-size: .13rem;
        }

        .con4 > .item > .img1 {
            background: url(../mimage/home/ic_guanche@2x.png) no-repeat center center;
            background-size: 100% auto;
        }

        .con4 > .item > .img2 {
            background: url(../mimage/home/ic_yongche@2x.png) no-repeat center center;
            background-size: 100% auto;
        }

        .con4 > .item > .img3 {
            background: url(../mimage/home/ic_qiyechengben@2x.png) no-repeat center center;
            background-size: 100% auto;
        }
