/*鑱旂郴鎴戜滑*/ .contactus-page .banner{ text-align: center; padding: 50px 0; background-repeat: no-repeat; background-image: url(/bundles/frontend/en/images/ability01_sec1_bg.png); } .contactus-page .banner h3{ font-family: "btm"; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .contactus-page .banner p{ font-size: 24px; color: #444; font-family: "btm"; } .contactus-page .sec1{ font-size: 0; text-align: center; padding: 35px 0; background-color: #f3f3f3; } .contactus-page .sec1 .box{ display: inline-block; vertical-align: top; margin-right: 3%; font-size: 16px; color: #444; font-family: "btm"; } .contactus-page .sec1 .box.last-child{ margin-right: 0; } .contactus-page .sec1 .box img{ margin-right: 15px; vertical-align: middle; } .contactus-page .sec1 .box b{ font-weight: normal; } .contactus-page .sec1 .box span{ } .contactus-page .sec2 ul{ width: 1500px; max-width: 100%; margin: 0 auto; font-size: 0; } .contactus-page .sec2 ul li{ width: 50%; display: inline-block; vertical-align: top; padding: 68px 60px; } .contactus-page .sec2 ul li h3{ font-size: 20px; color: #444; font-family: "btm"; margin-bottom: 12px; position: relative; font-weight: normal; } .contactus-page .sec2 ul li h3 img{ position: absolute; top: 50%; margin-top: -13px; left: -36px; vertical-align: middle; } .contactus-page .sec2 ul li p{ font-size: 16px; line-height: 26px; color: #444; font-family: "btm"; } .contactus-page .sec2 ul li p a{ color: inherit; } .contactus-page .sec2 ul li p a:hover{ text-decoration: underline; } @media only screen and (max-width:1600px){ .contactus-page .sec2 ul li{ padding-bottom: 0; } .contactus-page .sec2 ul li:nth-last-child(1),.contactus-page .sec2 ul li:nth-last-child(2){ padding-bottom: 60px; } } @media only screen and (max-width:1366px){ .contactus-page .sec1 .box{ font-size: 14px; margin-right: 2%; } } @media only screen and (max-width:1024px){ /*鑱旂郴鎴戜滑*/ .contactus-page .banner{ padding: 40px 0; background-size: auto 100%; background-image: url(/bundles/frontend/en/images/ability01_sec1_bg_mobile.png); } .contactus-page .banner h3{ font-size: 2.4rem; margin-bottom: 5px; } .contactus-page .banner p{ font-size: 1rem; } .contactus-page .sec1{ text-align: left; padding: 7% 5.8%; } .contactus-page .sec1 .box{ margin-right: 0; font-size: 1.2rem; margin-bottom: 10px; } .contactus-page .sec1 .box.last-child{ margin-right: 0; margin-bottom: 0; } .contactus-page .sec1 .box img{ margin-right: 8px; width: 16px; } .contactus-page .sec2 ul li{ width: 100%; } .contactus-page .sec2 ul li.three{ padding-bottom: 0; } .contactus-page .sec2 ul li h3{ font-size: 1.2rem; margin-bottom: 10px; } .contactus-page .sec2 ul li h3 img{ margin-top: -9px; left: -22px; width: 15px; } .contactus-page .sec2 ul li p{ font-size: 1.2rem; line-height: 18px; } } @media only screen and (max-width:767px){ .contactus-page .sec2 ul li{ padding: 7% 5.8% 7% 12% !important; } }