关于我们

style/about.less

+@media (min-width: 768px) {
+  .navbar-nav > li > a {
+    padding-top: 25px;
+    // padding-bottom: 25px;
+  }
+}
+@media (max-width: 1920px) {
+  #banner .img-container img {
+    // margin-left: -25% ;
+    position: absolute;
+  }
+}
+.indent-32 {
+  text-indent: 32px;
+}
+ol,
+ul {
+  margin-top: 0;
+  margin-bottom: 0px;
+}
+.link-active {
+  border-bottom: 2px solid black;
+}
+.swiper-pagination {
+  position: absolute;
+  z-index: 20;
+  bottom: 10px;
+  width: 100%;
+  text-align: center;
+}
+.swiper-pagination-switch {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 8px;
+  background: #555;
+  margin: 0 5px;
+  opacity: 0.8;
+  border: 1px solid #fff;
+  cursor: pointer;
+}
+.swiper-active-switch {
+  background: #fff;
+}
+// .navbar-brand {
+//   padding: 25px;
+// }
+.navbar-inverse {
+  background: none;
+  border: none;
+  margin-bottom: 0;
+}
+.navbar-container {
+  a {
+    color: black !important;
+    font-size: 16px;
+  }
+  // height: 51px;
+  .navbar {
+    // border-bottom: 1px solid #d2d2d2;
+  }
+  position: relative;
+}
+#footer .footer-content {
+  padding-top: 40px;
+  padding-bottom: 40px;
+  .weixin-img {
+    text-align: center;
+    img {
+      max-width: 130px;
+      height: auto;
+      display: inline-block;
+    }
+  }
+}
+.main-container {
+  background: #E4E5E8 url('/img/bg5.png')  top center no-repeat;
+  background-size: cover ;
+  height: 280px;
+  position: relative;
+  .word-box {
+    position: absolute;
+    padding-left: 20px;
+    padding-top: 4%;
+    // top: 18.5%;
+    // left: 15%;
+    z-index: 555;
+    width: 80%;
+    p.line1 {
+      width: 28px;
+      height: 1px;
+      background: #333333;
+      margin-bottom: 21px;
+    }
+    p.line2 {
+      width:147px;
+      height:1px;
+      background:#333333;
+      margin-top: 30px;
+    }
+    p.btword {
+      font-size: 24px;
+      color: #333333;
+      /* font-weight: bold; */
+      margin-bottom: 15px;
+    }
+    p.btworden {
+      font-size: 10px;
+      color: #333333;
+      // margin-top: 21px;
+    }
+    p.conword {
+      font-size: 10px;
+      color: #333333;
+      line-height: 26px;
+      margin-top: 15px;
+      max-width: 466px;
+      text-align: justify;
+    }
+    a.linkword {
+      width: 140px;
+      height: 43px;
+      border: 1px solid #ffffff;
+      text-align: center;
+      color: #ffffff;
+      line-height: 40px;
+      font-size: 16px;
+      display: block;
+      margin-top: 35px;
+      position: relative;
+      -moz-transition: all 0.2s ease;
+      -webkit-transition: all 0.2s ease;
+      -o-transition: all 0.2s ease;
+      transition: all 0.2s ease;
+    }
+  }
+}
+#particles-js {
+  height: 100vh;
+  opacity: 1;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%; 
+  z-index: -1;
+  -webkit-transition: all 0.9s;
+  transition: all 0.9s;
+}
+.swiper-container {
+  display: none;
+}
+
+.relative {
+  position: relative;
+}
+.main2-container {
+  background: url('../img/paper.png') no-repeat top center;
+  background-size: 100% auto;
+  .quan-bg {
+    background: url('../img/quan.png') no-repeat center;
+   background-size: 1200px ;
+  }
+}
+.our-products {
+  
+  position: relative;
+  background-size: 100%;
+  font-size: 18px;
+  height:540px;
+  padding-top: 30px;
+  
+  .our {
+    background: url('../img/bg6.png') no-repeat left;
+    background-size: 98% auto;
+    height:450px;
+    position: relative;
+    .word {
+      padding-top: 160px;
+      margin-left: 108px;
+      color: #D6D6D6;
+      font-size: 16px;
+      width: 652px;
+      height: 147px;
+      line-height: 26px;
+      p {
+        margin-bottom: 30px;
+      }
+    }
+    .bottom-container {
+      width:922px;
+      height:173px;
+      position: absolute;
+      bottom: -80px;
+      left: 90px;
+      // background: #333333;
+      .item {
+        background:  url(../img/p1-1.jpg)  center no-repeat;
+        background-size: cover;
+        height: 173px;
+        width: 290px;
+        color: white;
+        text-align: center;
+        font-weight: bold;
+        font-size: 14px;
+        .title {
+          padding-top: 50px;
+          font-size: 24px;
+          font-weight: bold;
+          padding-bottom: 30px;
+        }
+      }
+      .item2 {
+        background-image:  url(../img/p1-2.jpg);
+      }
+      .item3 {
+        background-image:  url(../img/p1-3.jpg);
+      }
+    }
+  }
+  .views-content {
+    position: absolute;
+    z-index: 999;
+    top: 100px;
+    left: 7%;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+    a {
+      position: absolute;
+      bottom: 40px;
+      right: 40px;
+      text-align: center;
+      width:107.2px;
+      height:31.2px;
+      line-height: 31.2px;
+      font-size: 14.5px;
+    }
+    .one {
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+      background: url('../img/03_01.png') no-repeat top center;
+      position: relative;
+      width:378px;
+      height:588px;
+      display: inline-block;
+      margin-right: 20px;
+      padding: 169px 35px 0 35px;
+      font-size:16px;
+      color:#939393;
+      blockquote {
+        color: #B5B5B5;
+        padding: 0;
+        font-size: 14px;
+        line-height: 30px;
+        border: none;
+      }
+      
+    }
+  }
+}
+.strength {
+  height: 534px;
+  margin-top: 89px;
+  background: #000;
+  background: url('../img/bg7.png') no-repeat top right;
+  background-size: 98% auto;
+  // background-position:  right top;
+  .list {
+    padding-top: 150px;
+    padding-left: 80px;
+    .item {
+      display: inline-block;
+      margin-left: -40px;
+    }
+    img {
+      display: inline-block;
+    }
+  }
+}
+.patners {
+  padding-top: 100px;
+  padding-bottom: 134px;
+}
+.map-container {
+  position: relative;
+  height: 617px;
+  background:  url('../img/bg8.png') no-repeat top center;
+  #map {
+    width:591px;
+    height:332px;
+    position: absolute;
+    top: 162px;
+    left: 457px;
+  }
+  .introduce {
+    margin-left: 27px;
+    width:368px;
+    height:460px;
+    background: url('../img/mapbg.png') no-repeat top center;
+    background-size: cover;
+    margin-top: 41px;
+    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+    padding-left: 34px;
+    .top {
+      padding-top: 60px;
+      .line1 {
+        width:169px;
+        height:1px;
+        background:rgba(199,1,81,1);
+      }
+      .line2 {
+        width:33px;
+        height:1px;
+        background:rgba(199,1,81,1);    
+      }
+      .name{
+        font-size:24px;
+        font-weight:400;
+        color:rgba(199,1,81,1);   
+        line-height: 1; 
+        padding-top: 17px;
+        padding-bottom: 9px;
+      }
+      .en {
+        font-size:12px;
+        font-weight:300;
+        line-height: 1;
+        color:rgba(199,1,81,1);
+        padding-bottom: 18px;
+      }
+    }
+    .bottom {
+      padding-top: 40px;
+      color: #979797;
+      font-size: 16px;
+      line-height: 20px;
+    }
+  }
+}
+// 解决方案
+.left-menu {
+  display: inline-block;
+   background: url('/img/bg3.png') top center no-repeat;
+   background-position: 0 0;
+   width: 280px;
+  .menu-title {
+    height: 115px;
+    img {
+      width: auto;
+      height: 100%;
+    }
+    margin-bottom: 96px;
+  }
+  .menu-list {
+    border-left: 2px solid rgba(204,204,204,1);
+    box-sizing: border-box;
+    height:305px;
+    padding-top: 47px;
+    .menu-item {
+      line-height: 45px;
+      height: 45px;
+      padding-left: 25px;
+      font-size: 18px;
+      margin-bottom: 34px ;
+      color: #999999;
+      box-sizing: border-box;
+      position: relative;
+      cursor: pointer;
+      
+    }
+    .active {
+      color: #000000;
+      // border-left: 6px solid #000000;
+      &::after {
+        content: "";
+        position: absolute;
+        width: 6px;
+        height: 45px;
+        left: -2px;
+        top:0;
+        background: #000;
+      }
+    }
+  }
+}
+.right-menu {
+  display: inline-block;
+  //  background: url('/img/bg3.png') top center no-repeat;
+   background-position: 0 0;
+   width: 280px;
+   text-align: right;
+   float: right;
+   &::after {
+    content: '';
+    clear: both;
+  }
+  .menu-title {
+    height: 115px;
+    img {
+      display: inline-block;
+      width: auto;
+      height: 100%;
+    }
+    margin-bottom: 96px;
+  }
+  .menu-list {
+    border-right: 2px solid rgba(204,204,204,1);
+    box-sizing: border-box;
+    height:305px;
+    padding-top: 47px;
+    .menu-item {
+      line-height: 45px;
+      height: 45px;
+      padding-right: 25px;
+      font-size: 24px;
+      margin-bottom: 34px ;
+      color: #999999;
+      box-sizing: border-box;
+      position: relative;
+      cursor: pointer;
+      
+    }
+    .active {
+      color: #000000;
+      // border-left: 6px solid #000000;
+      &::after {
+        content: "";
+        position: absolute;
+        width: 6px;
+        height: 45px;
+        right: -2px;
+        top:0;
+        background: #000;
+      }
+    }
+  }
+}
+
+// 招贤纳士
+
+//解决方案
+@media only screen and (max-width: 1212px) {
+	.jobs .block .detail{width: 28%;}
+}
+@media only screen and (max-width: 1023px) {
+
+}
+@media only screen and (max-width: 750px) {
+  .jobs .block .detail{width: 40%;}
+}
+@media only screen and (max-width: 440px) {
+    .jobs .block .detail{width: 95%;}
+    .jobs .block .pdr24{padding-right: 0px;}
+}