.contact-bg { width: 100%; min-width: 1200px; background-repeat: no-repeat; background-size: 100% 900px; background-position: bottom; }

.contact-title { margin: 20px 0; display: flex; justify-content: space-between; }

.contact-title .h1 { font-size: 24px; }

.contact-title .h2 { font-size: 14px; margin-top: 6px; }

.contact-title .logo { width: 160px; }

.contact_container { display: flex; justify-content: space-between; margin: 30px 0; }

.contact .left-wrapper { width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.contact .left-wrapper .items { width: 48%; box-sizing: border-box; background-color: #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 210px; }

.contact .left-wrapper .items p { font-size: 18px; margin: 10px; }

.contact .left-wrapper .items h4 { font-weight: bold; font-size: 16px; padding: 0 16px; text-align: center; }

.contact .left-wrapper .items:nth-child(1), .contact .left-wrapper .items:nth-child(2) { margin-bottom: 22px; }

.contact .right-wrapper { width: 48%; height: 450px; z-index: 10; }

.contact .contact_message { margin: 0px 0 30px; }

.contact .contact_message .message-title { display: flex; flex-direction: column; align-items: center; position: relative; }

.contact .contact_message .message-title-wrapper { display: inline-block; margin: 0 auto; text-align: center; background-color: #fff; z-index: 200; padding: 0 20px; }

.contact .contact_message .message-title .line-style { position: absolute; top: 50%; transform: translateY(-50%); height: 2px; width: 400px; background-color: var(--base-color1); }

.contact .contact_message .message-title-cn { font-size: 30px; /*margin-bottom: 10px;*/ }

.contact .contact_message .message-title-en { font-size: 14px; }

.contact .from-box { margin: 60px 0 0; }

.contact .from-item { display: flex; padding: 14px; background-color: #fafafa; border-radius: 8px; margin-bottom: 20px; }

.contact .from-item .from-le { color: #a49ca4; }

.contact .from-item input { flex: 1; background-color: transparent; }

.contact .textarea-item { display: flex; flex-direction: column; }

.contact .textarea-item .from-le { margin-bottom: 10px; }

.contact .textarea-item textarea { background-color: transparent; }

.contact .from-btn { cursor: pointer; margin-top: 40px; background-color: var(--base-color1); height: 40px; line-height: 40px; text-align: center; color: #fff; }