@media screen and (min-width: 0px) {

    .contract .model {
        text-align: center;
        padding-top: 100px;
    }


        .contract .model .model-block {
            text-align: center;
            font-family: Roboto-Regular;
            font-size: 12px;
            letter-spacing: 0;
            text-align: center;
        }

            .contract .model .model-block .model-title {
                padding-top: 15px;
                display: block;
            }

                .contract .model .model-block .model-title a {
                    color: blue;
                }

            .contract .model .model-block .message-color-dark {
                color: #000000;
            }

    .banner_contract {
        position: relative;
        color: #fff !important;
    }

        .banner_contract .banner-content {
            position: absolute;
            width: 300px;
            top: 0px;
            left: 25px;
            /*font-family: PingFang-SC-Medium;*/
            font-family: '微软雅黑';
            font-size: 12px;
            letter-spacing: 0px;
            text-align: justify;
        }

        .banner_contract h2 {
            color: #fff !important;
            font-weight: 500;
            /*font-family: PingFang-SC-Semibold;*/
            font-family: '微软雅黑';
            font-size: 20px;
            letter-spacing: 0;
            line-height: 20px;
        }

        .banner_contract.banner_contract .banner-content-content {
            padding-top: 10px;
        }


        .banner_contract p {
            padding: 0px;
        }

    .dot {
        padding-top: 100px;
    }

        .dot h4 {
            width: 100%;
            font-family: PingFang-SC-Medium;
            font-size: 24px;
            color: #4A4A4A;
            text-align: left;
            line-height: 18px;
            font-weight: bold;
        }

    .dot-content {
        /*width: 300px;*/
        margin: 10px auto;
        min-height: 36px;
        line-height: 36px;
        /*background: #fee9be;*/
    }

        .dot-content p {
            /*text-align: center;*/
            opacity: 1;
            font-family: PingFang-SC-Regular;
            font-size: 12px;
            color: #221C00;
            font-weight: normal;
        }

    .address-icon {
        font-size: 22px;
    }
}

@media screen and (min-width: 479px) {

    .dot-content {
        /*width: 450px;*/
        margin: 10px auto;
        min-height: 36px;
        line-height: 36px;
        /*background: #fee9be;*/
    }
}



@media screen and (min-width: 767px) {
    .container {
        width: 750px;
    }

    .contract .model .model-block {
        font-size: 14px;
    }

    .dot-content p {
        font-size: 14px;
    }

    .banner_contract .banner-content {
        width: 600px;
        top: 90px;
        left: 50px;
        font-size: 14px;
        /*font-weight:normal;*/
    }

    .banner_contract h2 {
        font-size: 35pt;
        line-height: 48pt;
    }

    .banner_contract.banner_contract .banner-content-content {
        width: 525px;
        padding-top: 10px;
    }
}

@media screen and (min-width: 959px) {
    .container {
        width: 900px;
    }

    .banner_contract .banner-content {
        top: 150px;
        left: 50px;
    }

    .banner_contract.banner_contract .banner-content-content {
        padding-top: 30px;
    }

    .dot-content p {
        padding-left: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .container {
        width: 950px;
    }
}


@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }

    .contract .model .model-block {
        font-size: 16px;
    }

    .dot-content p {
        font-size: 16px;
    }
}