.yindao{position: relative;width: 100%;height: 100vh;overflow: hidden;}

.yindao video{display: block;width: 100%;}

.yindao .ul1{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

.yindao .ul1 li{position: absolute;width: 2%; top: 0;left: 0;z-index: 2;}

.yindao .ul1 li > img{display: block;width: 100%;}

.yindao .ul1 li .yuan{width: 100%;height: 100%;position: absolute;top:0%;left: 0%;opacity: 0;pointer-events: none;}

.yindao .ul1 li .wz{display: block;letter-spacing: 2px;opacity: 0;white-space:nowrap; position: absolute;width: auto;text-align: center;line-height: 1.5; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 100%;color: #fff;z-index: 5;padding: 20px ;background: rgba(0, 0, 0, 0.5);border-radius: 10px;pointer-events: none;}

.yindao .ul1 li .yuan s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;border: 1px solid #f00;background: #f00;  -webkit-transform: scale(0.5); transform: scale(0.5); }

.yindao .ul1 li .yuan .s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear  infinite;}

.yindao .ul1 li .yuan .s2{animation: ss2 3s linear  0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s  infinite;}

.yindao .ul1 li .yuan .s3{animation: ss2 3s linear  1.5s infinite ;-webkit-animation: ss2 3s linear  1.5s infinite;}

.yindao .ul1 li .yuan .s4{animation: ss2 3s linear  2.25s infinite ;-webkit-animation: ss2 3s linear  2.25s infinite;}

.yindao .ul1 li .yuan .s5{background: #fff;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);}

@-moz-keyframes ss2 {0% {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);opacity: 1;}100% {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);opacity: 0;}}
  
@keyframes ss2 {0% {-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);opacity: 1;}100% {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);opacity: 0;}}

.yindao .ul1 li:nth-child(1){top: 90%;left: 5%;}

.yindao .ul1 li:nth-child(2){top: 80%;left: 3%;}

.yindao .ul1 li:nth-child(3){top: 50%;left: 7%;}

.yindao .ul1 li:nth-child(4){top: 85%;left: 25%;}

.yindao .ul1 li:nth-child(5){top: 68%;left: 18%;}

.yindao .ul1 li:nth-child(6){top:42%;left: 20%;}

.yindao .ul1 li:nth-child(7){top:55%;left: 32%;}

.yindao .ul1 li:nth-child(8){top:37%;left: 32%;}

.yindao .ul1 li:nth-child(9){top:72%;left: 40%;}

.yindao .ul1 li:nth-child(10){top:62%;left: 53%;}

.yindao .ul1 li:nth-child(11){top:52%;left: 56%;}

.yindao .ul1 li:nth-child(12){top:43%;left: 48%;}

.yindao .ul1 li:nth-child(13){top:77%;left: 70%;}

.yindao .ul1 li:nth-child(14){top:78%;left: 82%;}

.yindao .ul1 li:nth-child(15){top:50%;left: 72%;}

.yindao .ul1 li:nth-child(16){top:48%;left: 69%;}

.yindao .ul1 li:nth-child(17){top:46%;left: 66%;}

.yindao .ul1 li:nth-child(18){top:18%;left: 59%;}

.yindao .ul1 li:nth-child(19){top:35%;left: 88%;}

.yindao .ul1 li:nth-child(20){top:17%;left: 75%;}

.yindao .ul1 li:nth-child(21){top:10%;left: 90%;}



.yindao .ul1 li a{display: block; width: 450%;height: 250%;background: rgba(255, 255, 255,0);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-25deg);-webkit-transform: translate(-50%,-50%) rotate(-25deg);}

.yindao .ul1 li:nth-child(3) a{width: 500%;height: 500%;top: 120%;}

.yindao .ul1 li:nth-child(4) a{width: 900%;height: 400%;top: 10%;left: 10%;}

.yindao .ul1 li:nth-child(5) a{width: 400%;height: 400%;}

.yindao .ul1 li:nth-child(6) a{width: 500%;height: 500%;top: 100%;}

.yindao .ul1 li:nth-child(7) a{width: 900%;height: 360%;top: 100%;left: 10%;}

.yindao .ul1 li:nth-child(8) a{width: 500%;height: 400%;top: 60%;}

.yindao .ul1 li:nth-child(9) a{width: 700%;height: 400%;top: 60%;}

.yindao .ul1 li:nth-child(10) a{width: 500%;height: 300%;top: 100%;left: 0;}

.yindao .ul1 li:nth-child(11) a{width: 800%;height: 100%;top: 70%;left: 0;}

.yindao .ul1 li:nth-child(12) a{width: 1000%;height: 160%;left: 150%;}

.yindao .ul1 li:nth-child(13) a{width: 1700%;height: 160%;top: 70%;left: 0;}

.yindao .ul1 li:nth-child(14) a{width: 1000%;top: -80%;left: 300%;}

.yindao .ul1 li:nth-child(15) a{width: 140%;top: 100%;left: 0%;transform: translate(-50%,-50%) rotate(0deg);-webkit-transform: translate(-50%,-50%) rotate(0deg);}

.yindao .ul1 li:nth-child(16) a{width: 140%;top: 100%;left: -10%;transform: translate(-50%,-50%) rotate(0deg);-webkit-transform: translate(-50%,-50%) rotate(0deg);}

.yindao .ul1 li:nth-child(17) a{width: 140%;height: 300%; top: 100%;left: -10%;transform: translate(-50%,-50%) rotate(0deg);-webkit-transform: translate(-50%,-50%) rotate(0deg);}

.yindao .ul1 li:nth-child(18) a{width: 600%;height: 800%; top: 30%;left: 50%;transform: translate(-50%,-50%) rotate(0deg);-webkit-transform: translate(-50%,-50%) rotate(0deg);}

.yindao .ul1 li:nth-child(19) a{width: 500%;height: 300%; }

.yindao .ul1 li:nth-child(20) a{width: 700%;height: 400%; }

.yindao .ul1 li:nth-child(21) a{width: 800%;height: 500%;left: 100%;  transform: translate(-50%,-50%) rotate(0deg);-webkit-transform: translate(-50%,-50%) rotate(0deg);}





.yindao .ul1 li:hover .wz{bottom: 120%;opacity: 1;}

.yindao .ul1 li:nth-child(18) .wz{bottom: 270%;}

.yindao .ul1 li:nth-child(18):hover .wz{bottom: 290%;}

.yindao .more {position: absolute;display: block;width: 150px;height: 40px;line-height: 40px;padding: 0 15px 0 25px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, .5);text-align: justify;color: #fff;overflow: hidden;z-index: 5;top: 5%;left: 5%;background: #0068b7; color: #fff;border: 1px solid #0068b7;}

.yindao .more span{display: block;width: 20px;height: 20px;background: #123b97 url(../images/jtl.png) center no-repeat;position: absolute;top: 10px;right: 15px;overflow: hidden;border-radius: 50%;-webkit-animation: zy 2s linear infinite ;animation:  zy 2s linear infinite;}

.yindao .more:hover{background: #123b97; }

@-webkit-keyframes zy {0% {background-position-x:-20px} 100% {background-position-x:20px}  }

@keyframes zy {0% {background-position-x:-20px} 100% {background-position-x:20px}  }