关于我们资质认证

liuqimichale
1 parent cec912a4
Showing 7 changed files with 50 additions and 4 deletions
src/assets/images/about/cultrue-con.png
src/assets/images/about/culture.png
src/assets/images/about/natural1.png
src/assets/images/about/natural2.png
src/assets/images/about/natural3.png
src/assets/images/about/natural4.png
src/views/about/index.vue
@@ -42,10 +42,33 @@
       </p>
     </div>
     <div class="widthCommon anchor" style="height: 400px;">2</div>
-    <div class="bgCommon">
-      <div class="widthCommon anchor" style="height: 400px;">3</div>
+    <div class="cultrue-bg">
+      <div class="widthCommon anchor cultrue-con" style="height: 590px;">
+
+      </div>
+    </div>
+    <div class=" anchor" style="padding: 67px 0;text-align: center;font-size: 18px;">
+      <p>资质认证</p>
+      <p style="padding: 22px 92px">COMPANY INTRODUCTION</p>
+      <ul class="natural-list">
+        <li>
+          <img src="../../assets/images/about/natural1.png" alt="">
+          <p>高新技术企业</p>
+        </li>
+        <li>
+          <img src="../../assets/images/about/natural2.png" alt="">
+          <p>安防工程企业资质一级</p>
+        </li>
+        <li>
+          <img src="../../assets/images/about/natural3.png" alt="">
+          <p>安全生产许可证</p>
+        </li>
+        <li>
+          <img src="../../assets/images/about/natural4.png" alt="">
+          <p>质量管理体系认证（ISO9001）</p>
+        </li>
+      </ul>
     </div>
-    <div class="widthCommon anchor" style="height: 300px;">4</div>
     <div class="widthCommon anchor" style="height: 300px;">5</div>
  
   </div>
@@ -98,6 +121,29 @@ export default {
 </script>
  
 <style scoped lang="scss">
-
+.cultrue-bg{
+  padding-top: 200px;
+  background: url("../../assets/images/about/culture.png") no-repeat;
+  background-size: 100% 100%;
+}
+  .cultrue-con{
+    width: 1360px;
+    margin: 0 auto ;
+    height: 369px;
+    background: url("../../assets/images/about/cultrue-con.png") no-repeat;
+    background-size: 1360px 369px;
+  }
+  .natural-list{
+    display: flex;
+    justify-content: center;
+  }
+.natural-list li{
+  margin-right: 64px;
+  img{
+    width: 272px;
+    height: 172px;
+    margin-bottom: 38px;
+  }
+}
  
 </style>