/* 联系我们 */

.contact {
    padding: 2.4rem 0.64rem 0;
}

.mpart7-name {
    position: absolute;
    right: 0;
    top: -1.6rem;
}

.mpart7-name img {
    width: 4.8rem;
}

.mpart7-right {
    position: relative;
    padding-left: 2.8rem;
    padding-bottom: 0.8rem;
}

.mpart7-right img {
    width: 100%;
}

.mpart7-ewm {
    position: absolute;
    left: 0;
    top: 0;
}

.mpart7-ewm img {
    width: 2.54rem;
}

.contact-left {
    padding: 10px;
    background: #fff url('../images/part7_left_bg.jpg') no-repeat 0 0;
    background-size: cover;
    box-shadow: 5px 0 10px #cfcbc4;
}

.contact-messages-name {
    text-align: right;
}

.contact-messages-name img {
    width: 4.245rem;
}

.contact-input {
    position: relative;
    padding:0.2rem 0 0.2rem 0.8rem;
    border-bottom: 1px solid #d8d8d8;
}

.contact-input span {
    position: absolute;
    left: 0;
    top: 0.2rem;
    font: bold 0.32rem/0.48rem '微软雅黑';
    color: #4c4c4c;
}

.contact-input input{
    display: block;
    width: 100%;
    font: bold 0.32rem/0.48rem '微软雅黑';
    color: #4c4c4c;
    border: none;
    background: none;
}

.contact-textarea{
    position: relative;
    padding:0.2rem 0 0.2rem 0.8rem;
    border-bottom: 1px solid #d8d8d8;
}

.contact-textarea span{
    position: absolute;
    left: 0; 
    top: 0.2rem;
    font: bold 0.32rem/0.48rem '微软雅黑';
    color: #4c4c4c;
}

.contact-textarea textarea{
    display: block;
    width: 100%;
    height: 1rem;
    font: 400 0.32/0.48rem '微软雅黑';
    color: #4c4c4c;
    border: none;
    background: none;
}

.contact-yzm{
    position: relative;
    padding:0.2rem 0 0.2rem 1rem;
    border-bottom: 1px solid #d8d8d8;
}

.contact-yzm span{
    position: absolute;
    left: 0; 
    top: 0.2rem;
    font: bold 0.32rem/0.48rem '微软雅黑';
    color: #4c4c4c;
}

.contact-yzm input{
    display: block;
    width: 250px;
    font: bold 0.32rem/0.48rem '微软雅黑';
    color: #4c4c4c;
    border: none;
    background: none;
}
.contact-yzm img{
    position: absolute;
    right: 0;
    top: 5px;
    width: 2.7rem;
    height: 0.48rem;
}

.contact-submits{
    float: left;
    width: 4rem;
    margin-top: 0.4rem;
}
.contact-submits button{
    display: block;
    width: 100%;
    height: 0.64rem;
    font: bold 0.32rem/0.64rem '微软雅黑';
    color: #fff;
    background: #8b6d55;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.contact-resets{
    float: right;
    width: 2.4rem;
    margin-top: 0.4rem;
}
.contact-resets button{
    display: block;
    width: 100%;
    height: 0.64rem;
    font: bold 0.32rem/0.64rem '微软雅黑';
    color: #fff;
    background: #4c4c4c;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.contact-messag-content {
        height: 200px;
        overflow: auto;
    }
    .contact-messages-title {
        padding: 10px 0;
    }
    .contact-messages-title img{
        width: 6rem;
    }
    .contact-messag-content p {
        font: 400 14px/20px '微软雅黑';
        color: #666;
    }

@media (min-width:1200px) {
    .contact {
        padding: 0 0 50px 0;
    }
    .contact-name {
        position: absolute;
        right: 40px;
        top: 120px;
    }

    .contact-left {
        float: left;
        width: 630px;
        margin-right: 50px;
        padding: 40px;
        background: #fff url('../images/part7_left_bg.jpg') no-repeat 0 0;
        box-shadow: 5px 0 10px #cfcbc4;
    }

    .contact-messages-name {
        text-align: right;
    }

    .contact-input {
        position: relative;
        padding: 15px 0 15px 40px;
        border-bottom: 1px solid #d8d8d8;
    }

    .contact-input span {
        position: absolute;
        left: 0;
        top: 15px;
        font: bold 16px/36px '微软雅黑';
        color: #4c4c4c;
    }

    .contact-input input {
        display: block;
        width: 100%;
        font: 400 16px/36px '微软雅黑';
        color: #4c4c4c;
        border: none;
        background: none;
    }

    .contact-textarea {
        position: relative;
        padding: 15px 0 15px 40px;
        border-bottom: 1px solid #d8d8d8;
    }

    .contact-textarea span {
        position: absolute;
        left: 0;
        top: 15px;
        font: bold 16px/36px '微软雅黑';
        color: #4c4c4c;
    }

    .contact-textarea textarea {
        display: block;
        width: 100%;
        height: 72px;
        font: 400 16px/36px '微软雅黑';
        color: #4c4c4c;
        border: none;
        background: none;
    }

    .contact-yzm {
        position: relative;
        padding: 15px 0 15px 60px;
        border-bottom: 1px solid #d8d8d8;
    }

    .contact-yzm span {
        position: absolute;
        left: 0;
        top: 15px;
        font: bold 16px/36px '微软雅黑';
        color: #4c4c4c;
    }

    .contact-yzm input {
        display: block;
        width: 250px;
        font: 400 16px/36px '微软雅黑';
        color: #4c4c4c;
        border: none;
        background: none;
    }
    .contact-yzm img {
        position: absolute;
        right: 0;
        top: 5px;
        width: 150px;
    }

    .contact-submits {
        float: left;
        width: 350px;
        margin-top: 30px;
    }
    .contact-submits button {
        display: block;
        width: 100%;
        height: 48px;
        font: 400 16px/48px '微软雅黑';
        color: #fff;
        background: #8b6d55;
        border: 0;
        border-radius: 10px;
        cursor: pointer;
    }

    .contact-resets {
        float: right;
        width: 180px;
        margin-top: 30px;
    }
    .contact-resets button {
        display: block;
        width: 100%;
        height: 48px;
        font: 400 16px/48px '微软雅黑';
        color: #fff;
        background: #4c4c4c;
        border: 0;
        border-radius: 10px;
        cursor: pointer;
    }

    .contact-messag-content {
        height: 230px;
    }
    .contact-messages-title {
        padding: 30px 0;
    }
    .contact-messages-title img{
        width: auto;
    }

    .contact-right {
        float: left;
    }

    .contact-ewm {
        width: 192px;
        height: 193px;
        margin-bottom: 60px;
        padding: 2px 0 0 0;
        text-align: center;
        background: url('../images/part7_ewm_bg.jpg') no-repeat center 0;
    }
    .contact-ewm p {
        margin-top: 15px;
        font: 400 14px/24px '微软雅黑';
        color: #fff;
    }
}