关于我们

3a004fef · hank · 188c447d · 3a004fef · 3a004fef
Commit 3a004fef authored Feb 25, 2019 by hank
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 46 additions and 41 deletions

html/about.html
+0 -0

style/index.less
+46 -41

No files found.
--- a/html/about.html
+++ b/html/about.html
--- a/style/index.less
+++ b/style/index.less
 @media (min-width: 768px) {
-  .navbar-nav>li>a {
+  .navbar-nav > li > a {
-      padding-top: 25px;
+    padding-top: 25px;
-      padding-bottom: 25px;
+    padding-bottom: 25px;
  }
 }
 @media (max-width: 1920px) {
-  .img-container img  {
+  .img-container img {
    // margin-left: -25% ;
    position: absolute;
  }
@@ -13,9 +13,10 @@
 .indent-32 {
  text-indent: 32px;
 }
-ol, ul {
+ol,
+ul {
  margin-top: 0;
-  margin-bottom: 0px; 
+  margin-bottom: 0px;
 }
 .swiper-pagination {
  position: absolute;
@@ -47,7 +48,7 @@ ol, ul {
  margin-bottom: 0;
 }
 .navbar-fixed-container {
-  a { 
+  a {
    color: #222222 !important;
  }
  // height: 51px;
@@ -72,7 +73,7 @@ ol, ul {
  max-width: 1920px;
  margin: auto;
  width: 100%;
-  height:80%;
+  height: 80%;
  background-color: #ccc;
  position: relative;
  .word-box {
@@ -83,7 +84,7 @@ ol, ul {
    width: 80%;
    p.btword {
      font-size: 36px;
-      color: #FFFFFF;
+      color: #ffffff;
      /* font-weight: bold; */
    }
    p.btworden {
@@ -94,7 +95,7 @@ ol, ul {
    }
    p.conword {
      font-size: 16px;
-      color: #FFFFFF;
+      color: #ffffff;
      line-height: 26px;
      margin-top: 20px;
      max-width: 466px;
@@ -103,9 +104,9 @@ ol, ul {
    a.linkword {
      width: 140px;
      height: 43px;
-      border: 1px solid #FFFFFF;
+      border: 1px solid #ffffff;
      text-align: center;
-      color: #FFFFFF;
+      color: #ffffff;
      line-height: 40px;
      font-size: 16px;
      display: block;
@@ -115,13 +116,12 @@ ol, ul {
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }
-  } 
+  }
  .swiper-container {
    width: 100%;
    height: 100%;
    .img-container {
      height: 100%;
      width: 100%;
@@ -158,26 +158,24 @@ ol, ul {
      background: #d2d2d2;
    }
  }
 }
 .common-title {
  background: white;
  font-size: 36px;
  text-align: center;
  padding: 20px 0;
  .word {
    padding: 10px;
-    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
+    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
  }
 }
 // 我们的产品
 .our-products {
-  background:url('/img/bg.51ba665.png') no-repeat center;
+  background: url('/img/bg.51ba665.png') no-repeat center;
  background-size: 100%;
  font-size: 18px;
  .views-content {
    .content {
      .item {
        float: left;
@@ -186,7 +184,6 @@ ol, ul {
        &:hover {
          .one {
            display: none;
          }
          .two {
            display: block;
@@ -194,17 +191,15 @@ ol, ul {
        }
      }
      .item::after {
-        content: "";
+        content: '';
        clear: both;
      }
      .left {
-        background: url('/img/banner1.jpg') center  no-repeat ;
+        background: url('/img/banner1.jpg') center no-repeat;
      }
      .right {
-        background: url('/img/banner2.jpg') center  no-repeat ;
+        background: url('/img/banner2.jpg') center no-repeat;
      }
    }
    .one {
      padding-left: 50px;
@@ -233,8 +228,8 @@ ol, ul {
      margin-bottom: 40px;
      float: left;
      position: relative;
-      box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
+      box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
-      background: url('/img/banner2.jpg') center  no-repeat ;
+      background: url('/img/banner2.jpg') center no-repeat;
      a {
        display: inline-block;
        height: 100%;
@@ -249,11 +244,10 @@ ol, ul {
      }
    }
    .item::after {
-      content: "";
+      content: '';
      clear: both;
    }
  }
 }
 // 活动
 .industry-dynamics {
@@ -264,7 +258,7 @@ ol, ul {
    margin-bottom: 40px;
    float: left;
    position: relative;
-    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
+    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
    a {
      display: inline-block;
      height: 100%;
@@ -276,7 +270,7 @@ ol, ul {
      overflow: hidden;
      img {
        width: auto;
-        height:  260px;
+        height: 260px;
      }
    }
    .item-title {
@@ -286,15 +280,13 @@ ol, ul {
    .bottom-word {
      text-align: right;
      .name {
      }
      .date {
      }
    }
  }
  .item::after {
-    content: "";
+    content: '';
    clear: both;
  }
 }
@@ -314,7 +306,7 @@ ol, ul {
      border-radius: 0px;
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); 
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
      text-align: center;
      .title {
        font-size: 22px;
@@ -329,7 +321,7 @@ ol, ul {
      position: relative;
      width: 260px;
      height: 184px;
-      padding: 40px 0  30px 0;
+      padding: 40px 0 30px 0;
      background: inherit;
      text-align: center;
      background-color: rgba(255, 255, 255, 1);
@@ -337,7 +329,7 @@ ol, ul {
      border-radius: 0px;
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); 
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
      text-align: center;
      .title {
        font-size: 22px;
@@ -351,7 +343,7 @@ ol, ul {
        top: -80px;
        border-radius: 50%;
        background: white;
-        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137); 
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
      }
      &:hover {
        transition: 0.3s;
@@ -359,11 +351,25 @@ ol, ul {
      }
    }
  }
+  .partner {
+    height: 400px;
+    background: url('http://bdideal.com/asset/img/part.jpg') no-repeat center;
+  }
  .map-container {
    padding-top: 50px;
+    padding-bottom: 50px;
    #map {
      height: 280px;
      width: 100%;
    }
+    .font-18 {
+      font-size: 16px;
+    }
+    .word {
+      margin-top: 30px;
+    }
+    .addr {
+      margin-top: 40px;
+    }
  }
 }
\ No newline at end of file