* {
    padding: 0;
    margin: 0;
}

html, body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

ul {
    list-style: none;
}

.main {
    width: 100%;
    background: #e4eff5;
}

.maxmain {
    width: 61%;
    margin: auto;
    background: #0078d5;
}

.max_top {
    width: 100%;
}

.max_top_h {
    width: 50%;
    margin: auto;
    padding-top: 80px;
}

.max_top_h h3 {
    color: #FFFFFF;
    text-align: center;
}

.max_top_p {
    width: 50%;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
}

.max_top_p p {
    text-align: center;
    color: #FFFFFF;
}

.max_index {
    width: 100%;
    padding-top: 30px;
}

.max_index_input1 {
    width: 37%;
    margin: auto;
    display: flex;
}

.max_index_input1 span {
    color: #FFFFFF;
    line-height: 30px;
    flex-basis: 12%;
}

.max_index_input1 input {
    width: 88%;
    border-radius: 7px;
    border: none;
}

.max_index_input2 {
    width: 37%;
    padding-top: 1rem;
    margin: auto;
    display: flex;
}

.max_index_input2 span {
    color: #FFFFFF;
    line-height: 30px;
    width: 12%;
}

.max_index_input2 input {
    width: 88%;
    border-radius: 7px;
    border: none;
}


.max_index_input3 {
    width: 44%;
    padding-top: 1rem;
    margin: auto;
    display: flex;
}

.max_index_input3 span {
    color: #FFFFFF;
    line-height: 30px;
    width: 18%;
    text-align: center;
}

.max_index_input3 input {
    width: 74%;
    border-radius: 7px;
    border: none;
}

.max_index_input4 {
    width: 44%;
    padding-top: 1rem;
    margin: auto;
    display: flex;
    padding-bottom: 2rem;
}

.max_index_input4 span {
    color: #FFFFFF;
    line-height: 30px;
    width: 18%;
    text-align: center;
}

.max_index_input4 input {
    width: 74%;
    padding-bottom: 90px;
    border-radius: 7px;
    border: none;
    text-align: justify;
    text-justify: newspaper;
    word-break: break-all;
}

.max_index_btn {
    width: 33%;
    position: relative;
    margin: auto;
    padding-bottom: 2rem;
    left: 2%;
}

.max_index_btn button {
    width: 100%;
    padding: 0.8rem;
    margin: auto;
    border: none;
    border-radius: 8px;
    background: #06d3d6;
    color: #FFFFFF;
}


.max_bottom {
    width: 61%;
    margin-top: 1rem;
    padding-bottom: 6rem;
    background: #FFFFFF;
    box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
    margin: auto;

}

.max_bottom_h {
    width: 50%;
    padding-top: 2rem;
    padding-bottom: 2rem;

    margin: auto;
}

.max_bottom_h h3 {
    text-align: center;
}

.max_bottom_p {
    width: 50%;
    margin: auto;
    padding-bottom: 2rem;
    border-bottom: 1px solid #DBDBDB;
}

.max_bottom_p p {
    text-align: center;
}

.max_bottom_main {
    width: 22%;
    padding-top: 1rem;

    margin: auto;
    display: flex;
}

.max_bottom_img {
    width: 11%;
}

.max_bottom_img img {
    width: 100%;
}

.max_bottom_img_text {
    line-height: 30px;
}

.max_bottom_img_text p {
    font-size: 20px;
    color: #1c9adc;
}


@media screen and (max-width: 992px) {
    .main {
        width: 100%;
        background: #e4eff5;
    }

    .maxmain {
        width: 90%;
        margin: auto;
        background: #0078d5;
    }

    .max_top {
        width: 100%;
    }

    .max_top_h {
        width: 50%;
        margin: auto;
        padding-top: 80px;
    }

    .max_top_h h3 {
        color: #FFFFFF;
        text-align: center;
        font-size: 16px;
    }

    .max_top_p {
        width: 75%;
        margin: auto;
        padding-bottom: 10px;
        border-bottom: 1px solid #FFFFFF;
    }

    .max_top_p p {
        text-align: center;
        color: #FFFFFF;
    }

    .max_index {
        width: 100%;
        padding-top: 30px;
    }

    .max_index_input1 {
        width: 84%;
        margin: auto;
        display: flex;
    }

    .max_index_input1 span {
        color: #FFFFFF;
        line-height: 30px;
        flex-basis: 12%;
    }

    .max_index_input1 input {
        width: 90%;
        border-radius: 7px;
        border: none;
    }

    .max_index_input2 {
        width: 84%;
        padding-top: 1rem;
        margin: auto;
        display: flex;
    }

    .max_index_input2 span {
        color: #FFFFFF;
        line-height: 30px;
        width: 12%;
    }

    .max_index_input2 input {
        width: 90%;
        border-radius: 7px;
        border: none;
    }


    .max_index_input3 {
        width: 100%;
        padding-top: 1rem;
        margin: auto;
        display: flex;
    }

    .max_index_input3 span {
        color: #FFFFFF;
        line-height: 30px;
        width: 18%;
        text-align: center;
    }

    .max_index_input3 input {
        width: 74%;
        border-radius: 7px;
        border: none;
    }

    .max_index_input4 {
        width: 100%;
        padding-top: 1rem;
        margin: auto;
        display: flex;
        padding-bottom: 2rem;
    }

    .max_index_input4 span {
        color: #FFFFFF;
        line-height: 30px;
        width: 18%;
        text-align: center;
    }

    .max_index_input4 input {
        width: 74%;
        padding-bottom: 90px;
        border-radius: 7px;
        border: none;
        text-align: justify;
        text-justify: newspaper;
        word-break: break-all;
    }

    .max_index_btn {
        width: 75%;
        position: relative;
        margin: auto;
        padding-bottom: 2rem;
        left: 5%;
    }

    .max_index_btn button {
        width: 100%;
        padding: 0.8rem;
        margin: auto;
        border: none;
        border-radius: 8px;
        background: #06d3d6;
        color: #FFFFFF;
    }


    .max_bottom {
        width: 90%;
        margin-top: 1rem;
        padding-bottom: 6rem;
        background: #FFFFFF;
        box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
        margin: auto;

    }

    .max_bottom_h {
        width: 50%;
        padding-top: 2rem;
        padding-bottom: 2rem;

        margin: auto;
    }

    .max_bottom_h h3 {
        text-align: center;
        font-size: 16px;
    }

    .max_bottom_p {
        width: 90%;
        margin: auto;
        padding-bottom: 2rem;
        border-bottom: 1px solid #DBDBDB;
    }

    .max_bottom_p p {
        text-align: center;
    }

    .max_bottom_main {
        width: 70%;
        padding-top: 1rem;

        margin: auto;
        display: flex;
    }

    .max_bottom_img {
        width: 11%;
    }

    .max_bottom_img img {
        width: 100%;
    }

    .max_bottom_img_text {
        line-height: 30px;
    }

    .max_bottom_img_text p {
        font-size: 25px;
        color: #1c9adc;
    }

}