*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

background:#f8f7f3;

font-family:"Microsoft YaHei";

color:#142b52;

}

/* 顶部 */

.contact-banner{

height:420px;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

text-align:center;

}

.contact-banner h1{

font-size:72px;

font-weight:700;

}

.contact-banner p{

margin-top:35px;

font-size:30px;

}

.gold-line{

margin-top:45px;

width:280px;

height:2px;

background:#c89b45;

}

/* 联系信息 */

.contact-info{

padding:60px 0;

text-align:center;

}

.contact-info h2,
.consult h2{

font-size:48px;

font-weight:700;

}

.info-list{

margin-top:50px;

}

.info-list p{

font-size:26px;

margin:30px;

}

/* 表单 */

.consult{

padding:100px 0;

text-align:center;

}

form{

width:600px;

margin:60px auto;

}

.form-row{

display:flex;

align-items:center;

margin-bottom:25px;

}

.form-row label{

width:180px;

text-align:right;

font-size:22px;

margin-right:20px;

}

input,
select{

height:45px;

flex:1;

border:1px solid #aaa;

border-radius:8px;

padding:0 15px;

font-size:16px;

}


button{

margin-top:30px;

width:180px;

height:55px;

border-radius:30px;

border:none;

background:#c89b45;

color:white;

font-size:20px;

}


/* 联系信息下面的金线 */

.contact-info .gold-line{

margin-left:auto;

margin-right:auto;

}
/* =====================
   合作咨询表单
===================== */

.consult{
    padding:80px 20px 110px;
    text-align:center;
}

.contact-form{
    width:760px;
    max-width:calc(100% - 40px);
    margin:60px auto 0;
}

.form-row{
    display:grid;
    grid-template-columns:200px minmax(0, 1fr);
    column-gap:28px;
    align-items:center;
    margin-bottom:28px;
}

.form-row label{
    width:auto;
    margin:0;

    color:#142b52;

    font-size:20px;
    line-height:1.35;
    text-align:right;
}

.form-row input,
.form-row select{
    display:block;

    width:100%;
    height:56px;

    margin:0;
    padding:0 18px;

    background:#fff;

    border:1px solid #c89b45;
    border-radius:8px;

    color:#222;
    font-family:inherit;
    font-size:16px;

    outline:none;
    box-sizing:border-box;
}

.form-row input::placeholder{
    color:#aaa;
}

.form-row input:focus,
.form-row select:focus{
    border-color:#b8862d;
    box-shadow:0 0 10px rgba(200,155,69,.25);
}

/* 按钮单独一行，不跟随最后一个选择框 */

.form-submit{
    width:100%;
    margin-top:55px;
    text-align:center;
}

.submit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:240px;
    height:62px;

    margin:0;
    padding:0 25px;

    border:none;
    border-radius:35px;

    background:linear-gradient(
        135deg,
        #d8aa4a,
        #b8862d
    );

    color:#fff;
    font-family:inherit;
    font-size:21px;
    white-space:nowrap;

    cursor:pointer;
    transition:.3s;
}

.submit-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

/* =====================
   提交成功提示
===================== */

#success-message{
    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:100%;

    display:none;

    align-items:center;
    justify-content:center;

    background:rgba(248,247,243,.92);

    z-index:9999;
}

.success-box{
    min-width:360px;
    padding:45px 55px;

    text-align:center;

    background:#fff;

    border:1px solid #c89b45;
    border-radius:24px;

    box-shadow:0 18px 45px rgba(16,38,77,.16);

    animation:showSuccess .4s ease;
}

.success-icon{
    width:70px;
    height:70px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#c99a3a;

    color:#fff;
    font-size:42px;
    line-height:70px;
}

.success-box h2{
    margin:0 0 12px;

    color:#13294b;
    font-size:32px;
}

.success-box p{
    margin:0;

    color:#555;
    font-size:18px;
}

@keyframes showSuccess{

    from{
        opacity:0;
        transform:translateY(20px) scale(.96);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@media(max-width:768px){

    .success-box{
        width:calc(100% - 40px);
        min-width:0;
        padding:35px 25px;
    }

    .success-box h2{
        font-size:27px;
    }

    .success-box p{
        font-size:16px;
    }
}

/* 英文页面 */

html[lang="en"] .contact-form{
    width:820px;
}

html[lang="en"] .form-row{
    grid-template-columns:220px minmax(0, 1fr);
}

html[lang="en"] .form-row label{
    font-size:18px;
}

/* 手机适配 */

@media(max-width:768px){

    .consult{
        padding:60px 20px 80px;
    }

    .contact-form,
    html[lang="en"] .contact-form{
        width:100%;
        max-width:100%;
        margin-top:45px;
    }

    .form-row,
    html[lang="en"] .form-row{
        grid-template-columns:1fr;
        row-gap:10px;
        margin-bottom:22px;
    }

    .form-row label,
    html[lang="en"] .form-row label{
        font-size:16px;
        text-align:left;
    }

    .form-row input,
    .form-row select{
        width:100%;
        height:50px;
    }

    .form-submit{
        margin-top:38px;
    }

    .submit-btn{
        width:210px;
        height:56px;
        font-size:18px;
    }
}