2

Application/Home/View/default/Index_index.tpl

@@ -131,6 +131,10 @@
             <div class="map-28"style="display: none"></div>
             <div class="map-29" style="display: none"></div>
             <div class="map-30" style="display: none"></div>
+            <div class="map-31" style="display: none"></div>
+            <div class="map-32" style="display: none"></div>
+            <div class="map-33" style="display: none"></div>
+            <div class="map-34" style="display: none"></div>
         </div>
         <div class="page-m-b" style="display: none">
             <div class="zhou m-b-zhou-sate"></div>

Public/static/css/main.css

@@ -770,35 +770,83 @@ ul, li {
   left: 70px;
   top: 5474px;
   background: url("../images/17.png") left top;
-  width: 528px;
+  width: 262px;
   height: 484px;
   -webkit-animation: down 1s 1 linear;
   animation-fill-mode: forwards;
 }
+.page-lang .map-31 {
+  opacity: 0;
+  position: absolute;
+  display: inline-block;
+  left: 260px;
+  top: 5512px;
+  background: url("../images/31.png") left top;
+  width: 337px;
+  height: 420px;
+  -webkit-animation: right 1s 1 linear;
+  animation-fill-mode: forwards;
+}
 .page-lang .map-19 {
   opacity: 0;
   position: absolute;
   display: inline-block;
-  left: 39px;
+  left: 320px;
   top: 6361px;
   background: url("../images/19.png") left top;
-  width: 548px;
+  width: 276px;
   height: 304px;
   -webkit-animation: left 1s 1 linear;
   animation-fill-mode: forwards;
 }
+.page-lang .map-32 {
+  opacity: 0;
+  position: absolute;
+  display: inline-block;
+  left: 40px;
+  top: 6415px;
+  background: url("../images/map-19.png") left top;
+  width: 263px;
+  height: 196px;
+  -webkit-animation: right 1s 1 linear;
+  animation-fill-mode: forwards;
+}
 .page-lang .map-20 {
   opacity: 0;
   position: absolute;
   display: inline-block;
-  left: 70px;
-  top: 6691px;
+  left: 289px;
+  top: 6708px;
   background: url("../images/20.png") left top;
   width: 520px;
   height: 419px;
   -webkit-animation: down 1s 1 linear;
   animation-fill-mode: forwards;
 }
+.page-lang .map-33 {
+  opacity: 0;
+  position: absolute;
+  display: inline-block;
+  left: 68px;
+  top: 6691px;
+  background: url("../images/32.png") left top;
+  width: 234px;
+  height: 186px;
+  -webkit-animation: left 1s 1 linear;
+  animation-fill-mode: forwards;
+}
+.page-lang .map-34 {
+  opacity: 0;
+  position: absolute;
+  display: inline-block;
+  left: 68px;
+  top: 6946px;
+  background: url("../images/32.png") left top;
+  width: 234px;
+  height: 186px;
+  -webkit-animation: left 1s 1 linear;
+  animation-fill-mode: forwards;
+}
 .page-lang .map-21 {
   opacity: 0;
   position: absolute;

Public/static/css/main.scss

@@ -601,19 +601,42 @@ ul, li {
     -webkit-animation: down 1s 1 linear;
     animation-fill-mode: forwards
   }
-
+  .map-31 {
+    opacity: 0;
+    @include image_bounds_by_pos("../images/31.png", 260px, 5512px);
+    -webkit-animation: right 1s 1 linear;
+    animation-fill-mode: forwards
+  }
   .map-19 {
     opacity: 0;
-    @include image_bounds_by_pos("../images/19.png", 39px, 6361px);
+    @include image_bounds_by_pos("../images/19.png", 320px, 6361px);
     -webkit-animation: left 1s 1 linear;
     animation-fill-mode: forwards
   }
+  .map-32 {
+    opacity: 0;
+    @include image_bounds_by_pos("../images/map-19.png", 40px, 6415px);
+    -webkit-animation: right 1s 1 linear;
+    animation-fill-mode: forwards
+  }
   .map-20 {
     opacity: 0;
-    @include image_bounds_by_pos("../images/20.png", 70px, 6691px);
+    @include image_bounds_by_pos("../images/20.png", 289px, 6708px);
     -webkit-animation: down 1s 1 linear;
     animation-fill-mode: forwards
   }
+  .map-33 {
+    opacity: 0;
+    @include image_bounds_by_pos("../images/32.png", 68px, 6691px);
+    -webkit-animation: left 1s 1 linear;
+    animation-fill-mode: forwards
+  }
+  .map-34 {
+    opacity: 0;
+    @include image_bounds_by_pos("../images/32.png", 68px, 6946px);
+    -webkit-animation: left 1s 1 linear;
+    animation-fill-mode: forwards
+  }
   .map-21 {
     opacity: 0;
     @include image_bounds_by_pos("../images/21.png", 74px, 7268px);

Public/static/js/index.js

@@ -194,16 +194,22 @@ $(document).ready(function () {
         }
         if(wScrollY>=4557){
             $('.map-17').show()
-
+            $('.map-31').show()
         }
         if(wScrollY>=5202){
             $('.map-18').show()
         }
         if(wScrollY>=5433){
             $('.map-19').show()
+            $('.map-32').show()
         }
         if(wScrollY>=5788){
             $('.map-20').show()
+            $('.map-33').show();
+        }
+        if(wScrollY>=5988){
+            $('.map-34').show()
+
         }
         if(wScrollY>=6297){
             $('.map-21').show()