* {
    margin: 0;
    padding: 0;
}

.se {
    height: 100%;
    background: url('/Images/Views/画板2.png') no-repeat;
    display: flex;
    justify-content: center;
    background-size: cover;
}

    .se .se-wrap {
        width: 1200px;
        height: 100%;
        display: flex;
        margin-bottom: 100px;
    }

        .se .se-wrap .wewrp-left {
            width: 25%;
        }

            .se .se-wrap .wewrp-left img {
                width: 140px;
                border-radius: 10px;
                margin-top: 100px;
            }

        .se .se-wrap .wewrp-right {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .se .se-wrap .wewrp-right .wer-top {
                margin-top: 100px;
                margin-bottom: 70px;
            }

                .se .se-wrap .wewrp-right .wer-top p {
                    font-size: 40px;
                    color: #000;
                    font-weight: 700;
                }

            .se .se-wrap .wewrp-right .wer-btn {
            }

                .se .se-wrap .wewrp-right .wer-btn p {
                    font-size: 12px;
                    color: #000;
                    line-height: 36px;
                }

.nr {
    width: 100%;
    height: 100%;
}

    .nr .nr-bx {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        margin-bottom: 100px;
    }

        .nr .nr-bx .nr-bx-tp {
            width: 100%;
            height: 100%;
            display: flex;
            margin-top: 30px;
        }

            .nr .nr-bx .nr-bx-tp .nr-tp-lf {
                flex: 3;
                display: flex;
            }

                .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-bx {
                    width: 50px;
                    height: 50px;
                    margin-top: 20px;
                    margin-right: 40px;
                }

                    .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-bx img {
                        width: 100%;
                        height: 100%;
                    }

                .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-rg {
                }

                    .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-rg .nr-p1 {
                        color: #595961;
                    }

                        .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-rg .nr-p1 a {
                            text-decoration: none;
                            color: #595961;
                        }

                    .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-rg .nr-p2 {
                        color: #595961;
                        margin-top: 20px;
                    }

                        .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-rg .nr-p2 span {
                            color: #461db7;
                            font-size: 30px;
                        }

                    .nr .nr-bx .nr-bx-tp .nr-tp-lf .nr-lf-rg .nr-a {
                        display: block;
                        text-decoration: none;
                        text-align: center;
                        width: 160px;
                        background-color: #136ad5;
                        color: #eee;
                        font-size: 16px;
                        border: none;
                        padding: 10px 0;
                        margin-top: 40px;
                    }

            .nr .nr-bx .nr-bx-tp .nr-tp-rg {
                flex: 1;
            }

                .nr .nr-bx .nr-bx-tp .nr-tp-rg h3 {
                    width: 220px;
                    height: 100px;
                    padding-top: 30px;
                    padding-left: 20px;
                    color: #595961;
                    box-sizing: border-box;
                    background-color: #fcfcfc;
                }

        .nr .nr-bx .nr-bx-bt {
            width: 100%;
            height: 100%;
            margin-top: 30px;
        }

            .nr .nr-bx .nr-bx-bt p {
                color: #595961;
                font-size: 16px;
            }
/* 免费体验火爆的信息数字化系统 */
.wrap {
    width: 100%;
    height: 215px;
    background: #0677ff;
    display: flex;
    justify-content: center;
}

    .wrap .wrp-box {
        width: 1200px;
        height: 215px;
        display: flex;
    }

        .wrap .wrp-box .s-fcw {
            width: 100%;
            height: 100%;
        }

        .wrap .wrp-box .s-fc {
            width: 50%;
            height: 100%;
        }

        .wrap .wrp-box .s-fcw .s-fs30 {
            color: #fff;
            font-size: 30px;
            margin-top: 60px;
            margin-bottom: 20px;
        }

        .wrap .wrp-box .s-fcw .s-fs14 {
            font-size: 14px;
            color: #fff;
        }

        .wrap .wrp-box .s-fcw .consult-link {
            display: block;
            width: 160px;
            height: 40px;
            text-decoration: none;
            border: 1px solid #fff;
            text-align: center;
            line-height: 40px;
            color: #fff;
            font-size: 18px;
            margin: 85px auto;
            border-radius: 5px;
            box-sizing: border-box;
        }

.consult-link:hover {
    color: #0677ff !important;
    background-color: #fff !important;
}

@media screen and (max-width:768px) {

    /* 中部*/
    .se-wrap {
        width: 100% !important;
    }

    .wewrp-left {
        margin-left: 10px;
        margin-right: 20px;
    }

        .wewrp-left img {
            width: 100% !important;
        }

    .wer-top {
        margin-bottom: 35px !important;
    }

    .wer-btn p {
        padding-right: 20px;
    }

    .nr-bx {
        width: 100% !important;
    }

    .nr-lf-bx {
        margin-right: 15px !important;
        margin-left: 10px;
    }

    .nr-p1 {
        font-size: 13px;
    }

    .nr-tp-rg {
        margin-right: 10px;
    }

        .nr-tp-rg h3 {
            width: 125px !important;
            height: 85px !important;
            font-size: 20px !important;
        }

    .nr-bx-bt p {
        padding: 0px 10px !important;
    }

    .wrap {
        height: 100% !important;
    }

    .wrp-box {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    .s-fs30 {
        font-size: 25px !important;
        margin-left: 10px;
        margin-top: 30px !important;
    }

    .s-fs14 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .consult-link {
        margin: 30px auto !important;
    }
    /* 底部*/

}

@media screen and (min-width:768px) and (max-width:992px) {

    /* 中部*/
    .se-wrap {
        width: 100% !important;
    }

    .wewrp-left {
        margin-left: 10px;
        margin-right: 20px;
    }

        .wewrp-left img {
            width: 100% !important;
        }

    .wer-top {
        margin-bottom: 35px !important;
    }

    .wer-btn p {
        padding-right: 20px;
    }

    .nr-bx {
        width: 100% !important;
    }

    .nr-lf-bx {
        margin-right: 15px !important;
        margin-left: 10px;
    }

    .nr-p1 {
        font-size: 13px;
    }

    .nr-tp-rg {
        margin-right: 10px;
    }

        .nr-tp-rg h3 {
            width: 125px !important;
            height: 85px !important;
            font-size: 20px !important;
        }

    .nr-bx-bt p {
        padding: 0px 10px !important;
    }

    .wrap {
        height: 100% !important;
    }

    .wrp-box {
        height: 100% !important;
    }
    /* 底部*/

}

@media screen and (min-width:992px) and (max-width:1200px) {
    /* 中部*/
    .se-wrap {
        width: 100% !important;
    }

    .wewrp-left {
        width: 70% !important;
    }

        .wewrp-left img {
            margin-left: 200px !important;
        }

    .nr-bx {
        width: 100% !important;
    }

    .nr-lf-bx {
        margin-left: 40px !important;
    }

    .nr-bx-bt p {
        padding-left: 40px;
        padding-right: 20px;
    }

    .wrap {
        height: 100% !important;
    }

    .wrp-box {
        height: 100% !important;
    }
}
