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

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

.contact-title .h2 { font-weight: bold; font-size: 16px; margin-top: 6px; }

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

.contact .left-wrapper { width: 100%; height: 450px; z-index: 10; margin-bottom: 40px; }

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

.contact .right-wrapper .items { margin: 10px 0; }

.contact .right-wrapper .items .icon { width: 35px; height: 35px; }

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

.contact .right-wrapper-right { width: 185px; }

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

.contact .contact_message .message-title { display: flex; flex-direction: column; align-items: center; position: relative; /*font-weight: bold;*/ }

.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-cn { font-size: 30px; /*margin-bottom: 10px;*/ }

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

.contact .contact_message .list { margin-top: 30px; }

.contact .contact_message .list li { margin-bottom: 16px; height: 65px; }

.contact .contact_message .list .icon { width: 30px; height: 30px; }

.contact .contact_message .list .li-l { height: inherit; border-radius: 8px; flex: 1; margin-right: 20px; padding: 0 16px; box-sizing: border-box; border: 1px solid #acacac; }

.contact .contact_message .list .li-l p { margin-left: 20px; /*font-weight: 600;*/ font-size: 18px; }

.contact .contact_message .list .li-r { cursor: pointer; width: 140px; height: inherit; background-color: #04a9a2; font-weight: bold; color: #fff; letter-spacing: 4px; border-radius: 8px; }

.contact .contact_message .list .li-r button { background-color: transparent; }

.popup { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); }

.popup-wrapper { width: 100%; height: 100%; }

.popup-content { padding: 20px; border: 1px solid #888; width: 55%; background-color: #545454; }

.popup-content .message-title { display: flex; flex-direction: column; align-items: center; position: relative; font-weight: bold; }

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

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

.popup-content .message-title-en { font-size: 16px; }

.popup-content .form-box { margin-top: 30px; }

.popup-content .form-left { width: 320px; }

.popup-content .form-left .form-item { margin-bottom: 14px; }

.popup-content .form-left .form-item:last-child { margin-bottom: 0; }

.popup-content .form-right { flex: 1; margin-left: 20px; }

.popup-content .form-right .form-item { height: 100%; }

.popup-content .form-item { padding: 14px 20px; box-sizing: border-box; border: 1px solid #9e9e9e; border-radius: 6px; color: #fff; }

.popup-content .form-text { font-size: 14px; color: #efefef; }

.popup-content .form-input { background-color: transparent; font-size: 14px; }

.popup-content .form-textarea { background-color: transparent; font-size: 14px; }

.popup-content .form-btn { float: right; margin-top: 20px; color: #fff; padding: 10px 20px; border-radius: 6px; background-color: #04a9a2; }

.popup .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }

.popup .close:hover, .popup .close:focus { color: black; text-decoration: none; cursor: pointer; }