#top1 { position: relative; width: 100%; height: 23.333333rem; background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/auout-banner.png) no-repeat; background-size: contain; } #top1 h2 { position: absolute; left: 50%; transform: translateX(-50%); top: 8.611111rem; font-size: 2.777778rem; color: #4190f6; font-weight: 600; } #top1 h4 { position: absolute; left: 50%; transform: translateX(-50%); top: 13.055556rem; font-size: 1.111111rem; color: #4190f6; font-weight: 400; } .about { height: 47.222222rem; background-color: #f8f9fc; padding-top: 3.333333rem; } .title { font-size: 2.222222rem; font-weight: 600; color: #333; } .about-main { display: flex; justify-content: center; margin-top: 3.75rem; width: 66.666667rem; } .about-main-left h4 { font-size: 20px; font-weight: 600; color: #333; text-align: left; margin-bottom: 1.0625rem; } .about-main-left { display: flex; flex-direction: column; } .about-main-left-content { width: 43.75rem; margin-right: 6.25rem; text-align: left; font-size: 0.777778rem; line-height: 1.666667rem; } .about-main-left-content p { margin-bottom: 1.25rem; } .about-main-right { width: 22.222222rem; height: 21.666667rem; } .about-main-right img { width: 80%; height: 80%; } .mission { display: flex; box-sizing: border-box; width: 66.666667rem; height: 15.555556rem; background-color: #fff; padding: 2.5rem 5.611111rem; text-align: left; } .mission-left { display: flex; flex-direction: column; } .mission-item { margin-top: 1.875rem; } .mission-item:nth-child(1) { margin-top: 0; } .mission-item-header img { width: 1.1875rem; height: 0.875rem; } .mission-item-header span { color: #666; font-size: 1.333333rem; font-weight: 600; vertical-align: sub; margin-left: 0.8125rem; } .mission-item-content { color: #666; font-size: 1.111111rem; font-weight: 400; margin-left: 2.425rem; margin-top: 1.133333rem; } .mission-right { margin-left: 202px; } .mission-item-right { margin-top: 0.625rem; margin-left: 2.35rem; } .honor { box-sizing: border-box; padding-top: 3.333333rem; height: 55.3125rem; background-color: #fff; } .honor h2 { margin-bottom: 3.75rem; font-size: 2.222222rem; font-weight: 600; color: #333; } .honor-container { display: flex; justify-content: space-between; width: 50.666667rem; } .honor-container-item { width: 24.444444rem; } .honor-img { width: 11.111111rem; height: 15.722222rem; } .honor-container-item-top img:nth-child(1) { margin-right: 1.666667rem; } .honor-container-item-top div { height: 1.875rem; text-align: center; line-height: 1.875rem; background: #e3effe; border-radius: 0.25rem; margin-top: 1.25rem; color: #666; font-size: 0.875rem; font-weight: 400; } #honor-container-item-footer { display: flex; justify-content: space-between; background-color: #fff; } #honor-container-item-footer span { display: inline-block; width: 11.222222rem; height: 1.875rem; background-color: #e3effe; border-radius: 0.25rem; } .partner { background-color: #f8f9fc; box-sizing: border-box; padding-top: 3rem; } .partner h2 { margin-bottom: 0.75rem; font-size: 2.222222rem; font-weight: 600; color: #333; } .partner-container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 70rem; margin-bottom: 1.875rem; } .partner-container img { width: 13.5625rem; height: 7.5rem; } .partner-container .partner-container-img { width: 16.5rem; } @media screen and (max-width: 750px) { html { font-size: 0.5rem; } #pc { display: none; } #mobile { display: block; } #top1 { height: 14.7rem; background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/auout-banner2x.png) no-repeat; background-size: contain; } #top1 h2 { top: 4.6rem; left: 50%; transform: translateX(-50%); color: #4190f6; font-size: 24px; } #top1 h4 { width: 100%; top: 5.6rem; left: 50%; transform: translateX(-50%); color: #4190f6; text-align: center; margin-top: 3rem; } .about { padding-top: 2.625rem; height: 87.25rem; } .about-main { width: 90%; margin-top: 1.3rem; } .about-main-left h4 { font-size: 14px; font-weight: 600; } .about-main-left-content { width: auto; } .about-main-left-content { margin-right: 0; } .mission { width: 90%; height: auto; display: block; padding: 0.8rem 1.3125rem; padding-bottom: 3rem; } .mission-right { margin-left: 0; margin-top: 1.875rem; } .honor { height: 43rem; } .honor-container { width: 100%; } .honor-container { display: flex; justify-content: space-evenly; } .honor-container-item { width: 50%; height: auto; } .honor-container-item:nth-child(1) { margin-right: 0; } .honor-container-item-top img:nth-child(1) { margin-right: 0; } .honor-container-item .honor-container-item-img { display: flex; justify-content: space-evenly; height: 10rem !important; background-color: #fff; margin-top: 0; } .honor-img { width: 40%; height: 80%; margin-right: 0; } #honor-container-item-footer { justify-content: space-evenly; margin-top: 1.5rem; } #honor-container-item-footer span { width: 6.5rem; height: 3.875rem; font-size: 12px; } .partner-container { width: 100vw; justify-content: space-evenly; } .partner-container img { width: 33%; height: 6rem; } .partner-container .partner-container-img { width: 50%; } }