﻿.Slide {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    margin-top: 0px;
}

    .Slide img {
        width: 100%;
    }

    .Slide .phone {
        display: none;
    }

.BigTitle {
    text-align: center;
}

    .BigTitle .title {
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        display: block;
    }

    .BigTitle .desc {
        text-align: center;
        width: 100%;
        float: left;
        height: auto;
        margin: 0;
        font-size: 14px;
        margin-top: 10px;
    }

    .BigTitle h2 {
        font-size: 36px;
    }

.Query {
    width: 100%;
    float: left;
    height: auto;
    padding: 50px 0;
    background: #fafafa;
}

    .Query .Box12 {
        display: block;
    }

        .Query .Box12 .Fl {
            width: 180px;
            flex-shrink: 0;
            position: relative;
            float: left;
        }

            .Query .Box12 .Fl img {
                width: 100%;
            }

            .Query .Box12 .Fl em {
                position: absolute;
                width: 100%;
                bottom: 40px;
                text-align: center;
                left: 0;
                color: #fff;
            }

        .Query .Box12 .Fr {
            margin-left: 20px;
            width: 1080px;
            padding: 20px;
            float: right;
            background: #fff;
            height: 228px;
        }

            .Query .Box12 .Fr .form {
                display: block;
                border: 1px solid #e3582d;
                border-radius: 40px;
                height: 60px;
                margin-top: 20px;
            }

                .Query .Box12 .Fr .form .input {
                    width: 35%;
                    float: left;
                }

                    .Query .Box12 .Fr .form .input input {
                        border: 0;
                        padding: 0 20px;
                        border-left: 1px solid #f0f0f0;
                        outline: none;
                        line-height: 58px;
                        height: 58px;
                    }

                    .Query .Box12 .Fr .form .input:nth-child(1) input {
                        border-left: none;
                        border-radius: 60px;
                    }

                .Query .Box12 .Fr .form .but {
                    width: 30%;
                    line-height: 58px;
                    height: 56px;
                    border-radius: 58px;
                    margin-top: -2px;
                    float: left;
                }

                    .Query .Box12 .Fr .form .but button {
                        width: 100%;
                        line-height: 58px;
                        background: #e3582d;
                        outline: none;
                        border: 0;
                        color: #fff;
                        border-radius: 0 60px 60px 0;
                    }

            .Query .Box12 .Fr .Results {
                width: 100%;
                float: left;
                height: auto;
                margin-top: 20px;
                border-top: 1px solid #f0f0f0;
                padding-top: 20px;
            }

                .Query .Box12 .Fr .Results .title {
                    width: 100%;
                    float: left;
                    height: auto;
                    margin-bottom: 15px;
                    font-size: 14px;
                    color: #999;
                }

                    .Query .Box12 .Fr .Results .title em {
                        font-size: 18px;
                        color: #333;
                    }

                    .Query .Box12 .Fr .Results .title span {
                        font-size: 16px;
                        color: #d1603d;
                        margin: 0 10px;
                    }

                .Query .Box12 .Fr .Results .Roll {
                    width: 100%;
                    float: left;
                    height: auto;
                    font-size: 14px;
                }

                    .Query .Box12 .Fr .Results .Roll .roll-1 {
                        width: 50%;
                        float: left;
                        height: 25px;
                        overflow: hidden;
                    }

                        .Query .Box12 .Fr .Results .Roll .roll-1 em {
                            color: #56aedc;
                        }

                    .Query .Box12 .Fr .Results .Roll .roll-2 {
                        width: 50%;
                        float: left;
                        height: 25px;
                        overflow: hidden;
                    }

                        .Query .Box12 .Fr .Results .Roll .roll-2 em {
                            color: #56aedc;
                        }

        .Query .Box12 .list {
            margin-top: 30px;
            float: left;
        }

            .Query .Box12 .list li {
                width: 25%;
                padding: 0 10px;
                float: left;
            }

                .Query .Box12 .list li .block {
                    width: 100%;
                    float: left;
                }

                    .Query .Box12 .list li .block .title {
                        background: url(../images/icon_5.jpg) no-repeat;
                        width: 100%;
                        height: 56px;
                        line-height: 56px;
                        font-size: 20px;
                        font-weight: bold;
                        color: #fff;
                        padding: 0 20px;
                    }

                    .Query .Box12 .list li .block .desc {
                        background: #fff;
                        padding: 20px;
                    }

.BigTitle {
    text-align: center;
}

    .BigTitle .title {
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        display: block;
    }

    .BigTitle .desc {
        text-align: center;
        width: 100%;
        float: left;
        height: auto;
        margin: 0;
        font-size: 14px;
        margin-top: 10px;
    }

.regInfo {
    padding: 50px 0;
    width: 100%;
    float: left;
    height: auto;
    background: url(../images/Bg_10.jpg) no-repeat;
}

    .regInfo .BigTitle {
        text-align: center;
        color: #fff;
    }

    .regInfo .Box12 .list {
        width: 100%;
        float: left;
        height: auto;
        margin-top: 50px;
    }

        .regInfo .Box12 .list ul {
            width: 100%;
            float: left;
            height: auto;
            display: block;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .regInfo .Box12 .list ul li {
                width: 24%;
                padding: 20px;
                float: left;
                background: #fff url(../images/Bg_11.jpg) no-repeat;
                margin-bottom: 20px;
                position: relative;
            }

                .regInfo .Box12 .list ul li .content {
                    color: #474747;
                }

                    .regInfo .Box12 .list ul li .content .title {
                        font-size: 20px;
                        font-weight: bold;
                    }

                    .regInfo .Box12 .list ul li .content .desc {
                        text-align: left;
                        font-size: 14px;
                        color: #7d7166;
                        margin-top: 10px;
                        height: 100px;
                    }

                        .regInfo .Box12 .list ul li .content .desc p {
                            position: relative;
                            padding-left: 10px;
                        }

                            .regInfo .Box12 .list ul li .content .desc p:before {
                                width: 5px;
                                height: 5px;
                                content: "";
                                background: #7d7166;
                                left: 0px;
                                position: absolute;
                                top: 7px;
                            }

                .regInfo .Box12 .list ul li .more {
                    border-top: 2px solid #333;
                    width: 100%;
                    float: left;
                    height: auto;
                    display: block;
                    justify-content: space-between;
                }

                    .regInfo .Box12 .list ul li .more .div01 {
                        border: 1px solid #d56f50;
                        float: left;
                    }

                        .regInfo .Box12 .list ul li .more .div01 a {
                            color: #d56f50;
                        }

                    .regInfo .Box12 .list ul li .more .div02 {
                        background: #ff6433;
                        float: right;
                    }

                        .regInfo .Box12 .list ul li .more .div02 a {
                            color: #fff;
                        }

                    .regInfo .Box12 .list ul li .more div {
                        margin-top: 20px;
                        width: 48%;
                        padding: 5px 0;
                        text-align: center;
                    }

                        .regInfo .Box12 .list ul li .more div a {
                            display: block;
                        }

                        .regInfo .Box12 .list ul li .more div:hover {
                            box-shadow: 0 5px 5px #f15e30;
                        }

.step {
    width: 100%;
    float: left;
    height: auto;
    padding: 50px 0;
}

    .step .Box12 {
        margin-top: 50px;
    }

.ReceiveData {
    padding: 30px 0;
    width: 100%;
    float: left;
    height: auto;
    background: #f9f9f9;
}

    .ReceiveData .list {
        width: 100%;
        float: left;
        height: auto;
        background: #fff;
        margin-top: 50px;
    }

        .ReceiveData .list li {
            float: left;
            width: 20%;
            text-align: center;
            border-right: 2px solid #f9f9f9;
        }

            .ReceiveData .list li .block {
                width: 100%;
                float: left;
                padding: 30px 0;
            }

                .ReceiveData .list li .block img {
                    box-shadow: 0 0 10px rgba(0,0,0,0.1);
                }

                .ReceiveData .list li .block .title {
                    margin-top: 20px;
                }

    .ReceiveData .more {
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        margin-top: 40px;
    }

        .ReceiveData .more a {
            display: inline-block;
            border: 1px solid #fc3c2a;
            line-height: 30px;
            padding: 0 40px;
            border-radius: 40px;
            color: #fc3c2a;
        }

            .ReceiveData .more a:hover {
                box-shadow: 0 0 10px rgba(255,115,102,0.5);
                background: #fc3c2a;
                color: #fff;
            }

.Server {
    width: 100%;
    float: left;
    height: auto;
    background: #fafafa url(../images/Bg_13.jpg) no-repeat;
    padding: 50px 0;
}

    .Server .BigTitle {
        color: #fff;
    }

    .Server .tabList {
        margin-top: 50px;
        width: 100%;
        float: left;
        height: auto;
        display: display;
    }

        .Server .tabList .tabTitle {
            width: 100%;
            float: left;
            height: auto;
            width: 300px;
            flex-shrink: 0;
            float: left;
        }

            .Server .tabList .tabTitle ul {
                width: 100%;
                float: left;
                height: auto;
                margin-top: 60px;
                background: #e4582e;
                padding: 50px 20px;
                padding-right: 0px;
            }

                .Server .tabList .tabTitle ul li {
                    line-height: 50px;
                    font-size: 18px;
                    padding-left: 20px;
                    color: #ffffff;
                    width: 100%;
                    font-weight: bold;
                    float: left;
                }

                .Server .tabList .tabTitle ul .hover {
                    background: #fff;
                    color: #e4582d;
                }

        .Server .tabList .tabContent {
            background: #fff;
            padding: 30px;
            float: left;
            width: 100%;
            float: left;
            height: auto;
            width: 980px;
        }

            .Server .tabList .tabContent .block {
                width: 100%;
                float: left;
                height: auto;
                display: none;
            }

                .Server .tabList .tabContent .block .b-title {
                    font-size: 20px;
                    font-weight: bold;
                }

                .Server .tabList .tabContent .block .content {
                    display: flex;
                    justify-content: space-between;
                }

                    .Server .tabList .tabContent .block .content .fl {
                        padding-right: 40px;
                        float: left;
                        width: 560px;
                    }

                        .Server .tabList .tabContent .block .content .fl ul li {
                            width: 100%;
                            margin-top: 20px;
                        }

                            .Server .tabList .tabContent .block .content .fl ul li .title {
                                color: #545454;
                            }

                                .Server .tabList .tabContent .block .content .fl ul li .title em {
                                    background: #b39186;
                                    color: #fff;
                                    width: 20px;
                                    float: left;
                                    text-align: center;
                                    margin-right: 10px;
                                }

                            .Server .tabList .tabContent .block .content .fl ul li .desc {
                                color: #999999;
                                font-size: 14px;
                                margin-top: 10px;
                            }

                    .Server .tabList .tabContent .block .content .fr {
                        width: 300px;
                        float: right;
                        text-align: right;
                    }

                .Server .tabList .tabContent .block .bottom {
                    width: 100%;
                    float: left;
                    height: auto;
                    width: 100%;
                    border-top: 2px solid #fafafa;
                    margin-top: 20px;
                    padding-top: 20px;
                    text-align: center;
                }

                    .Server .tabList .tabContent .block .bottom .money {
                        display: inline-block;
                        margin-bottom: 10px;
                        font-size: 14px;
                    }

                        .Server .tabList .tabContent .block .bottom .money em {
                            color: #d8522f;
                            font-weight: bold;
                        }

                    .Server .tabList .tabContent .block .bottom .more {
                        display: block;
                    }

                        .Server .tabList .tabContent .block .bottom .more a {
                            display: inline-block;
                            background: #e4582e;
                            padding: 5px 40px;
                            color: #fff;
                        }

            .Server .tabList .tabContent .hover {
                display: block;
            }

@keyframes myfirst {
    0% {
        top: 0px;
    }

    25% {
        top: -5px;
    }

    50% {
        top: 5px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0;
    }
}

.Service {
    padding: 50px 0;
    width: 100%;
    float: left;
    height: auto;
    background-color: #CDDCDC;
    background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.5) 100%),linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
    background-blend-mode: screen, overlay;
}

    .Service .Box12 {
        max-width: 1300px;
    }

    .Service .List figure {
        float: left;
        width: 25%;
        padding: 0 10px;
        margin-top: 50px;
    }

        .Service .List figure .block {
            padding: 30px 10px;
            width: 100%;
            float: left;
            height: auto;
            border: 2px solid #f0f0f0;
            border-radius: 20px 0 20px 0;
            text-align: center;
            position: relative;
            transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
        }

            .Service .List figure .block i {
                font-size: 80px;
                line-height: 80px;
                color: #fc3c2a;
                position: relative;
            }

            .Service .List figure .block .title {
                color: #666;
                font-size: 16px;
            }

                .Service .List figure .block .title h3 {
                    font-weight: normal;
                }

            .Service .List figure .block:hover {
                border: 2px solid #fc3c2a;
                margin-top: -10px;
                box-shadow: 0 10px 10px rgba(255,62,51,0.1);
                background: #fff;
            }

                .Service .List figure .block:hover i {
                    animation: myfirst 3s infinite;
                    -moz-animation: myfirst 3s infinite;
                    -webkit-animation: myfirst 3s infinite;
                }

.case {
    width: 100%;
    float: left;
    height: auto;
    background: #f8f8f8;
}

    .case .img {
        margin-top: 40px;
        float: left;
        position: relative;
    }

        .case .img img {
            width: 100%;
        }

        .case .img span {
            position: absolute;
            width: 300px;
            text-align: center;
            top: 50%;
            left: 50%;
            margin: -120px 0 0 -150px;
            color: #fff;
        }

            .case .img span em {
                font-size: 50px;
                color: #fff;
                width: 100%;
                display: block;
            }

.newsbox {
    width: 100%;
    float: left;
    height: auto;
    background: #fafafa;
    margin-top: -30px;
    position: relative;
    padding-bottom: 30px;
}

    .newsbox .TabList {
        width: 100%;
        float: left;
        height: auto;
        background: #fff;
        margin-top: 30px;
    }

        .newsbox .TabList .TabTitle {
            width: 100%;
            float: left;
            height: auto;
            border-bottom: 2px solid #e3582d;
        }

            .newsbox .TabList .TabTitle ul li {
                float: left;
                line-height: 40px;
                padding: 0px 20px;
                cursor: pointer;
            }

            .newsbox .TabList .TabTitle ul .hover {
                background: #e3582d;
                color: #fff;
            }

        .newsbox .TabList .TabContent {
            width: 100%;
            float: left;
            height: auto;
            background: #fff;
            padding: 20px;
        }

            .newsbox .TabList .TabContent .hover {
                display: block;
            }

            .newsbox .TabList .TabContent ul {
                display: none;
            }

                .newsbox .TabList .TabContent ul li {
                    width: 33.333%;
                    padding: 00px 20px 10px 20px;
                    float: left;
                }

                    .newsbox .TabList .TabContent ul li .block {
                        display: block;
                        border-bottom: 1px solid #f0f0f0;
                        padding: 10px 0;
                        float: left;
                        position: relative;
                        width: 100%;
                    }

                    .newsbox .TabList .TabContent ul li .number {
                        font-weight: bold;
                        color: #9e9e9e;
                        float: left;
                        width: 50px;
                        position: absolute;
                        left: 0px;
                    }

                    .newsbox .TabList .TabContent ul li .content {
                        margin-left: 50px;
                        float: left;
                        width: 100%;
                    }

                        .newsbox .TabList .TabContent ul li .content .title {
                            display: block;
                            height: 18px;
                            font-size: 14px;
                            font-weight: bold;
                            overflow: hidden;
                        }

                            .newsbox .TabList .TabContent ul li .content .title:before {
                                content: "问";
                                font-size: 12px;
                                background: #1665c1;
                                color: #fff;
                                padding: 0 2px;
                                margin-right: 5px;
                            }

                        .newsbox .TabList .TabContent ul li .content .desc {
                            display: block;
                            margin-top: 3px;
                            height: 18px;
                            font-size: 14px;
                            overflow: hidden;
                            color: #757575;
                        }

                            .newsbox .TabList .TabContent ul li .content .desc:before {
                                content: "答";
                                font-size: 12px;
                                background: #f06703;
                                color: #fff;
                                padding: 0 2px;
                                margin-right: 5px;
                            }
/*# sourceMappingURL=gszc.css.map */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    /*behavior: url(css/iecss3.htc); */
}

.Box12 {
    max-width: 1280px;
    margin: 0 auto;
}

.BigTitle {
    width: 100%;
    float: left;
}

    .BigTitle .title {
        font-size: 28px;
        font-weight: bold;
        float: left;
    }

    .BigTitle .desc {
        float: left;
        margin-top: 15px;
        margin-left: 15px;
    }

.Bigdesc {
    text-align: center;
    margin-top: 10px;
    color: #666;
    width: 100%;
    float: left;
}

.footer {
    float: left;
    width: 100%;
}