.about-us-section{ width: 100%; height: 70vh; } .about-us-bg{ width: 97%; height: 100%; margin: 0 auto; /* background: palegoldenrod; */ background-image: url(../imgs/about/bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .about-us-content{ width: 42%; height: 100%; /* background: palegoldenrod; */ padding-top: 8.5%; padding-left: 10%; } .about-us-content h2{ font-size: 4.5vw; color: #fff; font-weight: 280; letter-spacing: 0.5vw; } .about-us-content p{ font-size: 1.6vw; color: #fff; margin-top: 2.3vw; line-height:2.8vw; letter-spacing: 0.2vw; font-weight: 280; } /* 第二部分 */ .about-us-section2{ width: 100%; height: 150vh; /* background: palegoldenrod; */ margin-top: 10vh; } .about-us-section2-bg{ width: 97%; height: 100%; margin: 0 auto; background: #F0F1F6; border-radius: 50px 50px 80px 50px; } .about-us-section2-list{ width: 100%; height: 100%; display: flex; flex-direction: column; padding: 20px; } .about-us-section2-list li{ width: 100%; min-height: 10vh; /* background: palegoldenrod; */ margin-top: 5vw; display: flex; justify-content: space-between; } .section2-list-item1 { width: 30%; height: 100%; text-align: center; } .section2-list-item1 h2{ color: #1A579A; font-size: 1.8vw; font-weight: 400; } .section2-list-item2{ width: 70%; height: 100%; /* background: pink; */ } .p1{ font-size: 1vw; color: #4979AD; font-weight: 400; padding: 12px 25px; border-radius: 30px; background: #FFFFFF; display: inline-block; /* 让元素宽度由内容决定 */ } .section2-list-item2 h3{ font-size: 1.5vw; font-weight: 400; margin-top: 2vw; } .p2{ color: rgba(0, 0, 0, 0.7); font-size: 1.1vw; font-weight: 400; margin-top: 1.5vw; } /* --------------------第三部分 */ .about-us-section3 { width: 100%; height: 170vh; position: relative; /* 添加定位 */ z-index: 5; } .about-us-section3-bg { width: 100%; height: 100%; background: #fbfbfb; border-radius: 0px 0px 80px 80px; overflow: hidden; display: flex; justify-content: space-around; padding: 5vw; } .section3-item1{ width: 30%; height: 100%; /* background: palegoldenrod; */ text-align: center; font-size: 2vw; } .section3-item2{ width: 70%; /* height: 100%; */ /* background: palegoldenrod; */ } .section3-item2 ul{ width: 100%; /* background: palegoldenrod; */ } .section3-item2 ul li{ width: 100%; height: 15vh; margin-top: 1vw; display: flex; justify-content: left; align-items: center; border-top: 2px solid rgba(0, 0, 0, 0.1); } .section3-item2 ul li h4{ font-size: 1.5vw; font-weight: 600; display: inline-block; width: 10vw; } .section3-item2 ul li p{ font-size: 1.4vw; font-weight: 400; color: rgba(0, 0, 0, 0.7); margin-left: 5vw; display: inline-block; width: 60vw; } .map { width: 100%; height: 50vh; margin-top: 6vh; } .addressBox-bottom { width: 100%; height: 100%; position: relative; } #mapContainer { width: 100%; height: 100%; min-height: 400px; border-radius: 20px; overflow: hidden; } html { scroll-behavior: smooth; /* 添加平滑滚动效果 */ } #contact-map { scroll-margin-top: 10vh; }