.contact {
    padding: 15px 0;
    background: url(../images/contact_bg.jpg) no-repeat center 0/cover;
}

.contact-left {
    padding: 0 15px;
}

.contact-name {
    font: 400 18px/24px '微软雅黑';
    color: #000;
}

.contact-detail {
    padding: 10px 0 20px;
    font: 400 14px/20px '微软雅黑';
    color: #000;
}

.form-line input {
    width: 100%;
    margin: 0 0 10px;
    padding: 5px;
    font: 400 14px/20px "微软雅黑";
    color: #000;
    background: rgba(255, 255, 255, 0.67);
    border: 0;
}

textarea {
    width: 100%;
    height: 124px;
    margin: 5px 0;
    padding: 5px;
    font: 400 14px/20px "微软雅黑";
    background: rgba(255, 255, 255, 0.67);
    border: 0;
}

.yzm {
    display: flex;
}

.yzm input {
    width: 70%;
    margin: 0 5px 0 0;
    padding: 5px;
    font: 400 14px/20px "微软雅黑";
    color: #000;
    background: rgba(255, 255, 255, 0.67);
    border: 0;
}

.yzm img {
    width: 30%;
    height: 100%;
}

.form-btn {
    width: 100%;
}

.form-btn button {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    font: 400 14px/36px '微软雅黑';
    color: #fff;
    background: #a00009;
    border: 0;
}

.contact-right {
    padding: 15px;
}

.contact-conpany {
    color: #000;
}

.contact-company .ch {
    display: block;
    font: bold 18px/24px '微软雅黑';
}

.contact-company .en {
    display: block;
    font: bold 16px/20px '微软雅黑';
}

.contact-ewm {
    display: flex;
    padding: 10px 0 15px;
}

.contact-ewm div {
    padding-right: 10px;
    text-align: center;
}

.contact-ewm p {
    padding: 0 0 5px;
}

.contact-tel {
    padding: 0 0 10px;
}

.contact-tel-font {
    font: bold 16px/20px '微软雅黑';
    color: #3f3f3f;
}

.contact-tel p {
    font: bold 24px/30px '微软雅黑';
    color: #c20611;
}

.contact-p {
    font: 400 14px/24px '微软雅黑';
    color: #000;
}

@media (min-width: 1200px) {
    .contact {
        display: flex;
        padding: 120px 0;
        background: url(../images/contact_bg.jpg) no-repeat center 0/cover;
    }

    .contact-left {
        width: 670px;
        padding: 0 65px;
    }

    .contact-name {
        font: 400 24px/30px '微软雅黑';
    }

    .contact-detail {
        padding: 18px 0 48px;
        font: 400 14px/24px '微软雅黑';
    }


    .form-line {
        display: flex;
        justify-content: space-between;
    }

    .form-line input {
        width: 250px;
        margin: 0;
        padding: 15px;
        font: 400 16px/30px "微软雅黑";
    }

    textarea {
        height: 124px;
        margin: 25px 0;
        padding: 15px;
        font: 400 16px/30px "微软雅黑";
    }

    .yzm input {
        width: 250px;
        margin: 0 25px 0 0;
        padding: 15px;
        font: 400 16px/30px "微软雅黑";
    }

    .yzm img {
        width: auto;
        height: 60px;
    }

    .form-btn {
        width: 210px;
    }

    .form-btn button {
        margin: 24px 0 0;
        font: 400 16px/48px '微软雅黑';
    }

    .contact-right {
        width: 530px;
        padding: 0 0 0 100px;
    }

    .contact-company .ch {
        font: bold 24px/30px '微软雅黑';
    }

    .contact-company .en {
        font: bold 18px/24px '微软雅黑';
    }

    .contact-ewm {
        padding: 30px 0 45px;
    }

    .contact-ewm div {
        padding-right: 20px;
    }

    .contact-ewm p {
        padding: 0 0 5px;
    }

    .contact-tel {
        padding: 0 0 20px;
    }

    .contact-tel-font {
        font: bold 18px/24px '微软雅黑';
    }

    .contact-tel p {
        font: bold 30px/36px '微软雅黑';
    }

    .contact-p {
        font: 400 14px/30px '微软雅黑';
    }
}



/* input的文字颜色 */

input::-webkit-input-placeholder {
    color: #000;
}

input::-ms-input-placeholder {
    color: #000;
}

textarea::-webkit-input-placeholder {
    color: #000;
}

textarea::-ms-input-placeholder {
    color: #000;
}