+
-
@@ -856,225 +858,152 @@ export default {
left 200%
.yyj_wrap_1
width 16%
- height 14%
- top 5%
+ height 16.442%
+ top 3%
left 43%
- transform scale(0.9)
.yyj
- width 28.22%
- left 30.5%
+ width 50%
+ img
+ width: 83%;
+ left: 37%;
.wzm
- _wh(50.9%, 46.95%)
+ _wh(50%, 41%)
background-color #d9d9d9
top auto
bottom 0
.jzjcss
- width 22%
- left 51%
- top 11%
+ width: 24%;
+ left: 51%;
+ top: 25%;
.weilan
- width 49.1%
- height 73%
- left auto
- right 0
- top auto
- bottom 0
+ width: 46%;
+ left: 54%;
+ top 37%
.robot
- width 24%
- left 53%
- top 54%
- transform rotate(270deg)
+ width 1%
+ height 1%
+ left: 75%;
+ top: 55%;
+ transform: rotate(-46deg)
+ animation rotate_2500_1 1.5s linear 1.5s infinite alternate-reverse
+ img
+ width 2400%
+ top: -800%;
+ left: -2000%;
.kongtuopan_1
- width 15%
- top auto
- left auto
- bottom 20%
- right 30%
- .kongtuopan_2
- width 15%
- top auto
- left auto
- bottom 20%
- right 14%
-.yyj_wrap_2
- width 16%
- height 14%
- top 22%
- left 43%
- transform scale(0.9)
- .yyj
- width 28.22%
- left 30.5%
- .wzm
- _wh(50.9%, 46.95%)
- background-color #d9d9d9
- top auto
- bottom 0
- .jzjcss
- width 22%
- left 51%
- top 11%
- .weilan
- width 49.1%
- height 73%
- left auto
- right 0
- top auto
- bottom 0
- .robot
- width 24%
- left 72%
- top 65%
- transform rotate(90deg)
- .kongtuopan_1
- width 15%
- top 52%
- left auto
- right 6%
- transform rotate(90deg)
- .kongtuopan_2
- width 15%
- top auto
- left auto
- bottom -10%
- right 17%
- transform rotate(-90deg)
-.cyj_wrap_1
- width 11%
- height 9%
- top 41%
- left 48.3%
- .cyj_1
- width 20%
- .cyj_2
- width 20%
- top 100%
- .jzjcj_1
- width: 10%;
- left: 21%;
- top: 36%
- .jzjcj_2
- width: 10%;
- left: 21%;
- top: 94%
- .lmyzj
- width: 16%;
- left: 25%;
- top: 65%;
- .weilan
- width 70%
- left auto
- right 0
- top 49%
- .robot
- width: 20%;
+ width: 12%;
top: 81%;
- left: auto;
- right: 17%;
- .kongtuopan_1
- width: 20%;
- top: 57%;
- left: auto;
- right: 35%;
+ left: 61%;
.kongtuopan_2
- width: 20%;
- top: 57%;
- left: auto;
- right: 5%;
- .kongtuopan_3
- width: 20%;
- top: 103%;
- left: auto;
- right: 35%;
- .kongtuopan_4
- width: 20%;
- top: 103%;
- left: auto;
- right: 5%;
-.cyj_wrap_2
- width 11%
- height 9%
- top 60%
- left 48.5%
- .cyj_1
- width 20%
- .cyj_2
- width 20%
- top 100%
- .kongtuopan_1
- width 20%
- top 20%
- left 44%
- transform rotate(90deg)
- .kongtuopan_2
- width 20%
- top 68%
- left 44%
- transform rotate(90deg)
- .kongtuopan_3
- width 20%
- top 120%
- left 44%
- transform rotate(90deg)
- .kongtuopan_4
- width 20%
- top 160%
- left 44%
- transform rotate(90deg)
-.cyj_wrap_3
- width 11%
- height 9%
- top 75%
- left 48.5%
- .cyj_1
- width 20%
- top 50%
- .weilan
- width: 65%;
- left: auto;
- right: 0;
- top: 32.2%;
- img
- transform rotate(-90deg)
+ left: 74%;
+ .block_1
+ width: 10%;
+ height: 9%;
+ left: 74%;
+ top: 27%;
+ background-color #fff
+ .block_2
+ left:86%
+.yyj_wrap_2
+ top 22%
.robot
- width: 18%;
- top: 67%;
- left: 55%;
+ animation rotate_630_1 1.5s linear 1.5s infinite alternate-reverse
.kongtuopan_1
- width 20%
- top 75%
- left auto
- right -2%
+ top 37%
+ left 70%
transform rotate(90deg)
.kongtuopan_2
- width 20%
- top: 112%;
- left: auto;
- right: -2%;
- transform rotate(90deg)
- .jcpmj
- width: 20%;
- top: 35%;
- left: 43%;
+ top 76%
+ .weilan
+ top 16%
+.cyj_wrap_1
+ top 41%
+ .cyj_1
+ width 50%
+ height 50%
img
- transform rotate(-90deg)
+ width 28%
+ left auto
+ right 0
+ .cyj_2
+ top 50%
+ img
+ top auto
+ bottom 0
+ .jzjcj_1
+ width 7%
+ height 50%
+ left 51%
+ img
+ top auto
+ bottom 5%
+ .jzjcj_2
+ top 50%
+ img
+ top 5%
+ .lmyzj
+ width: 13%;
+ left: 54%;
+ top: 33%;
+ .weilan
+ top 6%
+ .robot
+ left: 79%;
+ top: 49%;
+ .kongtuopan_1
+ top: 21%
+ left: 64%;
+ .kongtuopan_2
+ left: 80%;
+ .kongtuopan_3
+ top: 64%
+ .kongtuopan_4
+ top: 64%
+ left: 80%;
+.cyj_wrap_2
+ top 60%
+ .kongtuopan_1
+ top: 14%;
+ left: 64%;
+ transform rotate(90deg)
+ .kongtuopan_2
+ top 30%
+ .kongtuopan_3
+ top 70%
+ .kongtuopan_4
+ top 86%
+.cyj_wrap_3
+ top 75%
+ .cyj_1
+ top 25%
+ img
+ top 50%
+ transform translateY(-50%)
+ .weilan
+ top 15%
+ .robot
+ left: 75%
+ transform: rotate(15deg);
+ animation rotate_630_2 3s linear 1.5s infinite reverse
+ .kongtuopan_1
+ top 43%
+ left 90%
+ transform rotate(90deg)
+ .kongtuopan_2
+ top: 63%
+ .jcpmj
+ width: 18%;
+ top: 12%;
+ left: 57%;
.cyj_wrap_4
top 89%
.yyj_wrap_3
left auto
right 13%
.yyj
- width 28.22%
- left -7.5%
- transform rotate(180deg)
- height 42%
img
- _wh(100%, 100%)
- .wzm
- _wh(50.9%, 46.95%)
- background-color #d9d9d9
- top auto
- bottom 0
+ left -23%
+ transform rotate(180deg)
.cyj_wrap_5
left auto
right 17%
@@ -1088,15 +1017,9 @@ export default {
left auto
right 17%
.kongtuopan_3
- width 20%
- top 120%
- left -30%
- transform rotate(90deg)
+ left 18%
.kongtuopan_4
- width 20%
- top 160%
- left -30%
- transform rotate(90deg)
+ left 18%
.lz_wrap_4
width 2%
height 63%
@@ -1120,8 +1043,58 @@ export default {
width 100%
img
_wh(100%, auto)
-.yj_gif_wrap_1
- width 10%
- .yj_gif
- width 100%
+@keyframes rotate_2500_1 {
+ 0% {
+ transform: rotate(-46deg)
+ }
+ 10% {
+ transform: rotate(-46deg)
+ }
+ 20% {
+ transform: rotate(-46deg)
+ }
+ 90% {
+ transform: rotate(-120deg)
+ }
+ 100% {
+ transform: rotate(-120deg)
+ }
+}
+@keyframes rotate_630_1 {
+ 0% {
+ transform: rotate(-46deg)
+ }
+ 10% {
+ transform: rotate(-46deg)
+ }
+ 20% {
+ transform: rotate(-46deg)
+ }
+ 90% {
+ transform: rotate(-90deg)
+ }
+ 100% {
+ transform: rotate(-90deg)
+ }
+}
+@keyframes rotate_630_2 {
+ 0% {
+ transform: rotate(150deg)
+ }
+ 10% {
+ transform: rotate(150deg)
+ }
+ 50% {
+ transform: rotate(70deg)
+ }
+ 60% {
+ transform: rotate(70deg)
+ }
+ 90% {
+ transform: rotate(15deg)
+ }
+ 100% {
+ transform: rotate(15deg)
+ }
+}