.About_us_fr { height: 964px; width: 720px; box-sizing: border-box; padding: 20px 50px; } .About_us_header { position: relative; padding: 10px 0; min-height: 12px; text-align: center; background-color: #3b67a0; color: #fff; } .About_us_header h1 { font-size: 24px; font-weight: 700; } .About_us_header h2 { margin-top: 10px; } .About_us_header:after { position: absolute; bottom: -4px; left: 0; content: ""; width: 100%; height: 4px; background-color: #0c4067; } .About_us_content { background-color: #fff; width: 508px; height: 575px; border-radius: 4px; } .About_us_location { padding: 12px 30px; padding-bottom: 0; font-size: 1.4rem; } .About_us_location p { color: #666666; margin: 5px 0; font-size: 16px; } .About_us_form-item { margin-bottom: 24px; font-size: 14px; display: flex; width: 100%; } .About_us_form-item label.item-title { display: block; color: #000000; width: 80px; flex-shrink: 0; } .About_us_form-item .item-content { width: 300px; flex-shrink: 0; position: relative; } .About_us_form-item .item-content .error-tips { position: absolute; } .About_us_form-item label.error { margin-left: 5px; font-size: 10px; color: #da2824; } .About_us_form-item label.error:after { content: unset; } .About_us_form-item input, .About_us_form-item textarea { outline: none; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; box-sizing: border-box; padding: 5px; font-size: 1rem; margin-left: 10px; border: 1px solid #d3d3d3; border-radius: 4px; } .About_us_form-item input:focus, .About_us_form-item textarea:focus { border-color: #418cf2; } .About_us_form-item input { height: 36px; width: 100%; } .About_us_form-item textarea { width: 100%; height: 80px; resize: none; } .required label:before { content: '*'; margin-left: 5px; color: #FF0000; } .About_us_form_btn { text-align: center; } .About_us_form_btn input[type='submit'] { margin-top: 20px; background-color: #1860F0; color: #ffffff; font-size: 18px; font-weight: 800; outline: none; width: 384px; height: 50px; border: none; border-radius: 4px } .About_us_form_btn input[type='submit']:disabled { background-color: #dcdcdc; color: #9c9c9c; } .container { max-width: 500px; min-width: 300px; } .jconfirm-holder { display: flex; justify-content: center; } /* new contactus css */ .contactus_fr { position: relative; } .contactus_fr_header { width: 100%; height: 480px; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; } .header-content_a { font-size: 44px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #212121; line-height: 62px; } .header-content_b { font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #212121; line-height: 25px; } .header-content { position: absolute; top: 45%; left: 12%; } .contactus_fr_contact { width: 100%; height: 350px; background: #F5F7FC; display: flex; align-items: center; } .contactus_fr_desc { margin-left: 20%; line-height: 30px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #394151; position: relative; } .contactus_fr_desc:before { content: ''; width: 4px; height: 100%; background: #0156B9; display: inline-block; position: absolute; left: -10px; } .contactus_content { position: absolute; top: 150px; right: 14%; padding: 48px 60px; }