.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}

.message strong {
    display: block;
    text-align: center;
    font: 500 24px/34px "Microsoft YaHei";
    margin-bottom: 30px;
}

.message input, .message textarea {
    border: 1px solid #e3e3e3;
    padding: 0;
    outline: none;
    padding-left: 12px;
}

.message input::placeholder, .message textarea::placeholder {
    color: #999999;
    font-size: 14px;
}

.message input {
    line-height: 38px;
}

.message textarea {
    padding-top: 10px;
}

.message .message-input {
    margin-top: 20px;
}

.message .name {
    margin-top: 0;
}

.message .name input {
    width: 49%;
}

.message .name #name {
    float: left;
}

.message .name #contact {
    float: right;
}

.message .mail input, .message .mail textarea, .message .content input, .message .content textarea, .message .submit input, .message .submit textarea {
    width: 100%;
}

.message .checkcode input {
    width: 49%;
}

.message .checkcode a {
    font: 500 14px/24px "Microsoft YaHei";
    color: #999999;
}

.message .checkcode a:hover {
    color: #16599c;
}

.message .submit input {
    color: #fff;
    background: #16599c;
}

.message .submit input:hover {
    background: #0a4b8b;
}

.page-contact .page-contact-map {
    margin-top: 45px;
    width: 100%;
    height: 450px;
}

.page-contact .page-contact-map img {
    width: 100% !important;
}