body{ font-family: "Montserrat-Light"; } .banner_title{position: absolute; left:0; width:100%; text-align: center; font-weight: bold; color:#FFF; top:50%; height: 56px; line-height: 56px; margin-top:-28px; font-family: "Montserrat-Bold";} .info_all{display: block;} .contact_c .title{color:#000; display: block; width:100%; font-family: "Montserrat-Bold";} .all_contact{background-color:#FFF; border-radius: 24px; display: flex; justify-content: flex-start;} .info_all{border-top:1px solid #E3E3E3; } .info_all .list{display: flex; flex-direction: row; align-content: flex-start; } .question_form .list .title, .info_all .list .title{font-family:"Montserrat-Bold";} input::placeholder{font-size: 14px; color:#9E9E9F} textarea::placeholder{font-size: 14px; color:#9E9E9F} .form_input input, .form_input textarea{background-color:#F2F2F2; border-radius: 8px;} .become_dis{width:100%; text-align: center; color:#004BFA; background-color: #FFF; border-radius: 12px; margin-top:24px; font-family: 'Montserrat-SemiBold'} input::-webkit-input-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } input:-moz-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } input::-moz-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } input:-ms-input-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } textarea::-webkit-input-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } textarea:-moz-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } textarea::-moz-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } textarea:-ms-input-placeholder { color: #9E9E9F; font-size: 14px; font-family: "Montserrat-Light"; } .contact_button{background-color:#004BFA; color:#FFF; font-family: "Montserrat-Bold"; display: inline-block;} @media screen and (min-width:1440px){ .banner_title{font-size: 56px; } .contact_c{width:1366px; margin:auto;} .all_contact{width:calc(100% - 128px); padding:64px; margin-top:48px;} .info, .question{width:575px;} .info{margin-right:88px;} .contact_c .title{font-size: 24px; } .info_all{margin-top:40px;} .info_all .list{padding-top:37px; padding-bottom: 37px; border-bottom: 1px solid #E3E3E3;} .info_all .list .list_img{width:48px; height:48px; margin-right: 16px; } .info_all .list .list_img img{width:48px; height:48px; } .info_all .list .list_right{width:510px;} .info_all .list .title{font-size: 14px;} .info_all .list .des{font-size: 14px; color:#000; line-height: 24px;} .info_all .sub_list{width:243px; margin-right:24px;} .info_all .sub_list:last-child{margin-right: 0;} .question_form .list{margin-top:24px;} .question_form .list .title{font-size: 14px;} .question_form .list{margin-top:24px;} .form_input input{height:16px; margin-top:8px; padding:16px; font-size: 14px; width:calc(100% - 32px)} .form_input textarea{margin-top:8px; padding:16px; font-size: 14px; width:calc(100% - 32px)} .become_dis{padding-top:32px; padding-bottom:26px; font-size: 18px;} .contact_button{padding:15px 40px; border-radius: 28px; font-size: 14px; } } @media screen and (max-width:1439px){ .banner_title{font-size: 48px; } .all_contact{width:calc(100% - 4.44vw); padding:2.22vw; margin-top:3.33vw} .contact_c{width:92%; margin:auto;} .info, .question{width:39.93vw;} .info{margin-right:6.11vw;} .contact_c .title{font-size: 24px; } .info_all{margin-top:2.78vw;} .info_all .list{padding-top:2.57vw; padding-bottom: 2.57vw; border-bottom: 1px solid #E3E3E3; } .info_all .list .list_img{width:3.33vw; height:3.33vw; margin-right: 16px;} .info_all .list .list_img img{width: 100%;} .info_all .list .list_right{width:35.41vw} .info_all .list .title{font-size: 12px;} .info_all .list .des{font-size: 12px; color:#000; line-height: 18px;} .info_all .sub_list{width:16.88vw; margin-right:1.67vw;} .info_all .sub_list:last-child{margin-right: 0;} .question_form .list{margin-top:1.67vw;} .question_form .list .title{font-size: 14px;} .question_form .list{margin-top:1.67vw;} .form_input input{height:16px; margin-top:8px; padding:1.11vw; font-size: 14px; width:calc(100% - 2.22vw)} .form_input textarea{margin-top:8px; padding:1.11vw; font-size: 12px; width:calc(100% - 2.22vw)} .become_dis{padding-top:2.22vw; padding-bottom:1.81vw; font-size: 18px;} input::-webkit-input-placeholder {font-size: 12px;} input:-moz-placeholder {font-size: 12px;} input::-moz-placeholder {font-size: 12px;} input:-ms-input-placeholder {font-size: 12px;} textarea::-webkit-input-placeholder {font-size: 12px;} textarea:-moz-placeholder {font-size: 12px;} textarea::-moz-placeholder {font-size: 12px;} textarea:-ms-input-placeholder {font-size: 12px;} .contact_button{padding:10px 36px; border-radius: 28px; font-size: 12px; } }