.swiper-slide>a { display: block; height: 400px; overflow: hidden; } .h5Img { display: none; } /* sc-component-id: sc-cJSrbW */ .fHLOUH { margin-top: 64px; position: relative; width: 100%; background-color: #f8f9fb; height: 474px; } .bannerImg { max-width: 1200px; margin: 0 auto; height: 100%; padding-top: 40px; background: url(../images/about_banner.png) no-repeat right center; } .fHLOUH h1 { margin-bottom: 10px; color: rgba(13, 25, 36, 1); font-size: 50px; font-weight: 400; border-bottom: none; line-height: 70px; } .fHLOUH h5 { margin-top: 30px; height: 33px; font-size: 24px; font-weight: 300; text-align: right; color: rgba(13, 25, 36, 1); line-height: 33px; } .fHLOUH h6 { margin-top: 0; color: rgba(13, 25, 36, 1); font-size: 18px; font-weight: 300; line-height: 30px; } .history { width: 1200px; } .fHLOUH .btn { cursor: pointer; margin-top: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 184px; height: 50px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 40px; border-width: 1px; border-style: solid; border-color: #007aff; text-align: center; background: #007aff; font-size: 14px; color: #fff; } @media (max-width:768px) { .swiper-container { display: none; } .fHLOUH .btn { background: #007aff; border-style: none; color: rgba(255, 255, 255, 1); } .fHLOUH .btn { background: #007aff; border-style: none; color: rgba(255, 255, 255, 1); } .history { width: 90%; } } .fHLOUH .btn:hover { background: #007aff; border-style: none; color: rgba(255, 255, 255, 1); } .fHLOUH .other { margin-left: 20px; } /* sc-component-id: sc-jbKcbu */ .jIgwoM { background: rgba(255, 255, 255, 1); padding-bottom: 60px; background-size: cover; background-repeat: no-repeat; background-position: center; } /* sc-component-id: sc-dNLxif */ .ebGqcd { padding: 60px 38px; text-align: center; } /* sc-component-id: sc-jqCOkK */ .dBYOxX { font-size: 36px; font-weight: 500; color: rgba(13, 25, 36, 1); line-height: 50px; position: relative; } /* sc-component-id: sc-uJMKN */ .hlMOHw { margin-top: 24px; height: 24px; font-size: 16px; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 24px; font-family: PingFangSC-Regular; } .ikfWsV { background-image: url(./images/bg1.png); background-size: cover; padding: 150px 0px; background-repeat: no-repeat; background-position: center center; } .ixMQdz::before { position: absolute; left: 0px; top: 0px; display: block; content: ""; transform: translate(20px, 20px); width: 100%; height: 100%; background: rgba(49, 83, 212, 0.1); } .ixMQdz::after { position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 100%; background-image: url(../images/about.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top; } .ixMQdz { position: relative; width: 30%; float: left; margin-right: 10%; } .VGqOL { flex: 1; padding-left: 100px; position: relative; } .VGqOL h4 { margin-top: 10px; margin-bottom: 30px; font-size: 36px; font-weight: 500; color: rgb(13, 25, 36); } .vision-wrap .title-slogan { height: 226px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 32px; font-weight: 400; color: rgb(255, 255, 255); background-image: url(../images/bg2.png); background-size: cover; letter-spacing: 10px; background-repeat: no-repeat; background-position: center center; } .vision-wrap .value-items-wrap { width: 1208px; display: flex; flex-wrap: wrap; margin: 0px auto; flex-wrap: wrap; } .vision-wrap .value-items-wrap .value-item { width: 400px; margin-bottom: 60px; } .vision-wrap .value-items-wrap .value-item .value-item-title { font-weight: 500; color: rgb(13, 25, 36); font-size: 22px; text-align: center; } .vision-wrap .value-items-wrap .value-item .value-item-desc { font-weight: 400; color: rgb(102, 102, 102); font-size: 16px; margin: 20px; } .exOgQH .certificate-item { width: 210px; height: 290px; box-shadow: rgba(49, 83, 212, 0.1) 0px 10px 30px 0px; padding: 23px 15px; background: rgb(255, 255, 255); } .certificate-name { height: 30px; margin-top: 15px; font-size: 14px; color: rgb(13, 25, 36); text-align: center; } .certificate-item div { width: 100%; height: 100%; } .certificate-item img { width: 100%; height: 100%; } .contact { width: 100%; max-width: 100vw; background-color: rgb(248, 249, 251); } .contactRight { display: inline-flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; } @media (min-width: 0px) { .contactRight { padding-left: 0px; } } @media (min-width: 600px) { .contactRight { padding-left: 0px; } } @media (min-width: 960px) { .contactRight { padding-left: 94px; } } @media (min-width: 1280px) { .contactRight { padding-left: 94px; } } .contactRight h4 { font-size: 24px; font-weight: 500; position: relative; margin-top: 0px; margin-bottom: 0px; line-height: 42px; } .contactRight p { font-size: 18px; line-height: 2; margin-top: 10px; margin-bottom: 0px; } @media (max-width:768px) { .vision-wrap .value-items-wrap { width: auto; } .vision-wrap .title-slogan { font-size: 12px; font-weight: 300; letter-spacing: 6px; height: 113px; } .contactBox { width: 100%; padding: 20px 0; } .contactRight { text-align: center; width: 100%; } .ixMQdz { width: 100%; margin-top: -90px; } .VGqOL { width: 100%; padding: 0 20px; } .ixMQdz::before { transform: none; } .h5Img { width: 100%; margin: 40px auto; padding: 0 20px; display: block; } .fHLOUH { margin-top: 0; text-align: center; } .fHLOUH { height: calc(100vh - 110px); } .bannerImg { background: url(../images/about_banner.png) no-repeat right 95%; background-size: contain; } .fHLOUH h1 { margin-top: 8vh; font-size: 38px; font-weight: 500; color: rgba(13, 25, 36, 1); line-height: 54px; } .fHLOUH h1>span { display: inline-block; font-size: 16px !important; color: rgba(13, 25, 36, 1); line-height: 23px; margin-bottom: 2vh; } .fHLOUH h1 { padding: 0 30px; text-align: center; font-size: 30px; } .ikfWsV { padding: 0; } .VGqOL h4 { text-align: center; } .ixMQdz:after { display: none; } } .value-item { box-shadow: 0px 2px 17px 1px rgba(223, 223, 223, 0.3); padding: 20px; } .aqs_about1 { position: relative; left: 10px; top: 74%; width: 45%; z-index: 9999 !important; border: solid 1px #fff; box-shadow: 0px 2px 17px 1px rgb(223 223 223 / 30%); } .aqs_about2 { position: relative; top: 74%; right: -20px; width: 45%; z-index: 9999; border: solid 1px #fff; box-shadow: 0px 2px 17px 1px rgb(223 223 223 / 30%); } .aqs_about1:before, .aqs_about2:before { position: absolute; left: 0px; top: 0px; display: block; content: ""; transform: translate(20px, 20px); width: 100%; height: 100%; background: rgba(49, 83, 212, 0.1); } @media (max-width:768px) { .fHLOUH h6 { text-align: center; } .aqs_about2 { top: 520%; right: -40px; } .aqs_about1 { left: 30px; top: 520%; } .ixMQdz::before { opacity: 0; } }