.yindao{position: relative;}

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

.yindao > img{display: none;width: 100%;}

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

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

.yindao .ul1 li a{display: block;width: 90%;height: 90%;position: absolute;bottom: 0;left: 0;z-index: 3;transform: rotate(-20deg);-webkit-transform: rotate(-20deg);background: rgba(0, 0, 0, 0);}

.yindao .ul1 li > img{width: 100%;pointer-events: none;opacity: 0;}

.yindao .ul1 li .dian{position: absolute;width: 16px;height: 190px;left: 50%;margin-left: -8px;top: 0;background: url(../../../img/welcome/ho_x.png) center top no-repeat;opacity: 0;}

.yindao .ul1 li .txt {width: 350px;height: 240px;background: url(../../../img/welcome/pr1.png) center no-repeat;position: absolute;left: 50%;margin-left: -175px;top: -250px;pointer-events: none;padding: 40px 20px;color: #fff;opacity: 0;}

.yindao .ul1 li .txt .utc {line-height: 28px;opacity: 0.8;margin-top: 10px;}

.yindao .ul1 li.act .dian{opacity: 1;transition-delay: .15s;-webkit-transition-delay: .15s;}

.yindao .ul1 li.act .txt{top: -240px;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} 

.yindao .ul1 li.act {z-index: 9 !important;}



.yindao .ul1 li.li1{width: 25.52%;left: 49%;top: 47%;z-index: 5;}

.yindao .ul1 li.li1 a{height: 60%;width: 80%;left: 10%;}

.yindao .ul1 li.li1.act{top: 46%;}

.yindao .ul1 li.li2{width: 19.8%;left: 32.3%;top: 62%;}

.yindao .ul1 li.li2.act{top: 61%;}

.yindao .ul1 li.li3{width: 20.3%;left: 66.5%;top: 28.3%;z-index: 1;}

.yindao .ul1 li.li3 a{height: 80%;width: 80%;left: 10%;}

.yindao .ul1 li.li3.act{top: 27.5%;}

.yindao .ul1 li.li3 .txt{top: -150px;}

.yindao .ul1 li.li3.act .txt{top: -140px;}

.yindao .ul1 li.li4{width:46.875%;left: 25%;top: 34.5%;}

.yindao .ul1 li.li4.act{top: 33.5%;}

.yindao .ul1 li.li4 .dian{top: 100px;}

.yindao .ul1 li.li4 .txt{top: -150px;}

.yindao .ul1 li.li4.act .txt{top: -140px;}

.yindao .ul1 li.li4 a{height: 50%;width: 86%;left: 5%;bottom: 25%;transform: rotate(-15deg);-webkit-transform: rotate(-15deg);}

.yindao .ul1 li.li5{width:14.33%;left:7%;top: 54%;}

.yindao .ul1 li.li5.act{top: 53%;}

.yindao .ul1 li.li6{width:26.04%;left:21%;top: 18%;z-index: 6;}

.yindao .ul1 li.li6.act{top: 17%;}

.yindao .ul1 li.li6 .txt{top: 0px;left: 0;}

.yindao .ul1 li.li7{width:17.2%;left:56%;top: 23%;z-index: 6;}

.yindao .ul1 li.li7.act{top: 22%;}

.yindao .ul1 li.li7 .txt{top: -150px;left: -40%;}

.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%;right: 5%;}

.yindao .more span{display: block;width: 20px;height: 20px;background: url(../../../img/welcome/jtt.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.yindao .more:hover{background: #123b97; color: #fff;border: 1px solid #123b97;}

.yindao .more:hover span{background: url(../../../img/welcome/jtl.png) center no-repeat;}

.yindao .ul1 li .yuan{width: 60px;height: 60px;position: absolute;margin: 0 auto ;top: 50%;left: 30%;margin-left: -30px;}

.yindao .ul1 li .wz{display: block;color: #fff;width: 100%;position: absolute;top: 100%;left: 0;}

.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 #71b8fa; -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(n+3) .yuan{left: 40%;top: 40%;}

.yindao .logo{display: block;width: 150px;position: absolute;top: 5%;left: 5%;z-index: 2;}

.yindao .icp{display: block;width: 100%;position: absolute;top: 95vh;left: 0;z-index: 2;color: #fff;text-align: right;padding: 0 5%;}













@media(max-width:1680px){

    .yindao .ul1 li .txt {transform: scale(0.9);-webkit-transform: scale(0.9);}

}


@media(max-width:1440px){
    
    .yindao .ul1 li .txt {transform: scale(0.8);-webkit-transform: scale(0.8);}

    .yindao .ul1 li.li4 .dian{display: none;}

}