重写驭鑫网站 当前已完成 首页、关于驭鑫页面

驭鑫/new yxsilicon/css/aboutYuxin.css

@@ -0,0 +1,217 @@
+.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; 
+ }
+
+
+
+
+
+
+
+