css fix

html/recruit.html

@@ -85,7 +85,7 @@
   </div>
   <div class="main2-container" style="padding-top: 60px;">
     <div class="join">
-       <div class="container">
+       <div class="container relative">
           <div class="introduce animated fadeInUp" style="animation-delay: 0.2s;">
               
                 <div class="top">
@@ -98,6 +98,12 @@
                     <p>这是最富有激情与创造力的团队，这些来自设计、教育、咨询、科技、 互联网等行业的精英们，拥有一个共同的“数字理想”。我们不断创新， 追求极致，引领行业的技术进步，帮助数以万计的企业决策效率倍增， 发现大数据背后隐藏的秘密，增强数据的感染力与表现力。  真诚欢迎您的加入，迎接挑战，分享成功...</p>
                 </div>
          </div>   
+         <div class="icon-list animated bounceInDown">
+            
+           <img class="animated " src="../img/exctingicon.png" alt="">
+           <img class="animated " src="../img/createicon.png" alt="">
+           <img class="animated " src="../img/teamicon.png" alt="">
+         </div>  
        </div>
        <div class="jobs">
           <div class="block cf container" id="masonry" style="position: relative;">

style/about.css

@@ -196,6 +196,7 @@ ul {
   text-align: center;
   font-weight: bold;
   font-size: 14px;
+  -webkit-transition: all 1s;
   transition: all 1s;
 }
 .our-products .our .bottom-container .item:hover {
@@ -270,6 +271,12 @@ ul {
 }
 .strength .list img {
   display: inline-block;
+  -webkit-transition: all 1s;
+  transition: all 1s;
+}
+.strength .list img:hover {
+  -webkit-transform: scale(1.1);
+  transform: scale(1.1);
 }
 .patners {
   padding-top: 100px;
@@ -290,6 +297,9 @@ ul {
   position: absolute;
   top: 162px;
   left: 457px;
+  border: 2px solid #D6D6D6 ;
+  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961) inset;
+  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961) inset;
 }
 .map-container .introduce {
   margin-left: 27px;

style/about.less

@@ -211,6 +211,7 @@ ul {
         text-align: center;
         font-weight: bold;
         font-size: 14px;
+        -webkit-transition: all 1s;
         transition: all 1s;
         &:hover {
           background-size: 120%;
@@ -288,6 +289,13 @@ ul {
     }
     img {
       display: inline-block;
+      -webkit-transition: all 1s;
+      transition: all 1s;
+
+    &:hover {
+      -webkit-transform: scale(1.1);
+              transform: scale(1.1);
+    }
     }
   }
 }
@@ -309,6 +317,9 @@ ul {
     position: absolute;
     top: 162px;
     left: 457px;
+    border: 2px solid #D6D6D6 ;
+    // -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137) inset;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137) inset;
   }
   .introduce {
     margin-left: 27px;

style/solution.css

@@ -566,6 +566,21 @@ ul {
   font-size: 16px;
   line-height: 26px;
 }
+.join .icon-list {
+  position: absolute;
+  right: 67px;
+  top: 267px;
+}
+.join .icon-list img {
+  display: inline-block;
+  margin-right: 105px;
+  -webkit-transition: all 1s;
+  transition: all 1s;
+}
+.join .icon-list img:hover {
+  -webkit-transform: rotateY(360deg) !important;
+  transform: rotateY(360deg) !important;
+}
 .jobs {
   margin-top: 100px;
   padding-bottom: 70px;
@@ -779,6 +794,7 @@ ul {
 }
 .dynamic-detail {
   padding-top: 130px;
+  padding-bottom: 70px;
 }
 .dynamic-detail .left {
   padding: 0 30px;
@@ -795,10 +811,12 @@ ul {
 .dynamic-detail .blockquote {
   font-size: 16px;
   color: #000;
+  line-height: 30px;
 }
 .dynamic-detail .blockquote img {
   width: 100%;
   height: auto;
+  max-height: 300px;
 }
 .dynamic-detail .hot {
   background: #f1f1f1;

style/solution.less

@@ -606,6 +606,21 @@ ul {
       line-height: 26px;
     }
   }
+  .icon-list {
+    position: absolute;
+    img {
+      display: inline-block;
+      margin-right: 105px;
+      -webkit-transition: all 1s;
+      transition: all 1s;
+     &:hover {
+      -webkit-transform: rotateY(360deg)	 !important;
+              transform: rotateY(360deg)	 !important;
+     } 
+    }
+    right: 67px;
+    top: 267px;
+  }
 }
 .jobs {
   margin-top: 100px;
@@ -838,6 +853,7 @@ ul {
 .dynamic-detail {
  
   padding-top: 130px;
+  padding-bottom: 70px;
   .left {
     padding: 0 30px;
   }
@@ -853,9 +869,11 @@ ul {
   .blockquote {
     font-size: 16px;
     color: #000;
+    line-height: 30px;
     img {
       width: 100%;
       height: auto;
+      max-height: 300px;
     }
   }
   .hot {