.jianjuefa img {
    vertical-align:top;
}

.jt_img {
    width:22px;
}
.hjt {
    position: absolute;
    left: 79%;
    top: 45.25%;
    animation: hyd 10s linear infinite;
}
.hjt1 {
    position: absolute;
    left: 33.3%;
    top: 46.2%;
    animation: hyd1 10s linear infinite;
}
.hjt2 {
    position: absolute;
    left: 33.3%;
    top: 46.2%;
    animation: hyd2 10s linear infinite;
}
.hjt3 {
    position: absolute;
    left: 33%;
    top: 46.2%;
    animation: hyd3 10s linear infinite;
}
.hjt4 {
    position: absolute;
    left: 33%;
    top: 46.2%;
    animation: hyd4 10s linear infinite;
}
.hjt_ {
    position: absolute;
    left: 79%;
    top: 45.25%;
    opacity: 0;
    animation: hyd 10s linear 4s infinite;
}
.hjt1_ {
    position: absolute;
    left: 33.3%;
    top: 46.2%;
    opacity: 0;
    animation: hyd1 10s linear 4s infinite;
}
.hjt2_ {
    position: absolute;
    left: 33.3%;
    top: 46.2%;
    opacity: 0;
    animation: hyd2 10s linear 4s infinite;
}
.hjt3_ {
    position: absolute;
    left: 33%;
    top: 46.2%;
    opacity: 0;
    animation: hyd3 10s linear 4s infinite;
}
.hjt4_ {
    position: absolute;
    left: 33%;
    top: 46.2%;
    opacity: 0;
    animation: hyd4 10s linear 4s infinite;
}
@keyframes hyd {
    0% {
        left: 79%;
        top: 45.25%;
        transform: rotate(-180deg);
        opacity: 1;
    }
    60% {
        left: 34%;
        top: 45.25%;
        transform: rotate(-180deg);
    }
    60.01% {
        left: 34%;
        top: 45.25%;
        display: none;
    }
    100% {
        left: 79%;
        top: 45.25%;
        display: none;
        opacity: 1;
    }
}
@keyframes hyd1 {
    0% {
        left: 33.3%;
        top: 46.2%;
        transform: rotate(-90deg);
        display: none;
        opacity: 1;
    }
    60% {
        left: 33.3%;
        top: 46.2%;
        transform: rotate(-90deg);
        display: none;
    }
    60.01% {
        left: 33.3%;
        top: 46.2%;
        transform: rotate(-90deg);
        display: block;
    }
    80% {
        left: 33.3%;
        top: 13.8%;
        transform: rotate(-90deg);
    }
    80.01% {
        left: 33.3%;
        top: 13.8%;
        transform: rotate(-180deg);
    }
    99.98% {
        left: 27%;
        top: 13.8%;
        transform: rotate(-180deg);
    }
    99.99% {
        left: 27%;
        top: 13.8%;
        transform: rotate(-180deg);
        display: none;
    }
    100% {
        left: 33.4%;
        top: 46.2%;
        display: none;
        opacity: 1;
    }
}
@keyframes hyd2 {
    0% {
        left: 33.3%;
        top: 46.2%;
        transform: rotate(-90deg);
        display: none;
        opacity: 1;
    }
    60% {
        left: 33.3%;
        top: 46.2%;
        transform: rotate(-90deg);
        display: none;
    }
    60.01% {
        left: 33.3%;
        top: 46.2%;
        transform: rotate(-90deg);
        display: block;
    }
    80% {
        left: 33.3%;
        top: 34.8%;
        transform: rotate(-90deg);
    }
    80.01% {
        left: 33.3%;
        top: 34.8%;
        transform: rotate(-180deg);
    }
    99.98% {
        left: 27.2%;
        top: 34.8%;
        transform: rotate(-180deg);
    }
    99.99% {
        left: 27.2%;
        top: 34.8%;
        transform: rotate(-180deg);
        display: none;
    }
    100% {
        left: 33.4%;
        top: 46.2%;
        display: none;
        opacity: 1;
    }
}
@keyframes hyd3 {
    0% {
        left: 33%;
        top: 46.2%;
        transform: rotate(90deg);
        display: none;
        opacity: 1;
    }
    60% {
        left: 33%;
        top: 46.2%;
        transform: rotate(90deg);
        display: none;
    }
    60.01% {
        left: 33%;
        top: 46.2%;
        transform: rotate(90deg);
        display: block;
    }
    80% {
        left: 33%;
        top: 59.2%;
        transform: rotate(90deg);
    }
    80.01% {
        left: 33%;
        top: 59.2%;
        transform: rotate(-180deg);
    }
    99.98% {
        left: 27%;
        top: 59.2%;
        transform: rotate(-180deg);
    }
    99.99% {
        left: 27%;
        top: 59.2%;
        transform: rotate(-180deg);
        display: none;
    }
    100% {
        left: 33%;
        top: 46.2%;
        display: none;
        opacity: 1;
    }
}
@keyframes hyd4 {
    0% {
        left: 33%;
        top: 46.2%;
        transform: rotate(90deg);
        display: none;
        opacity: 1;
    }
    60% {
        left: 33%;
        top: 46.2%;
        transform: rotate(90deg);
        display: none;
    }
    60.01% {
        left: 33%;
        top: 46.2%;
        transform: rotate(90deg);
        display: block;
    }
    80% {
        left: 33%;
        top: 86.4%;
        transform: rotate(90deg);
    }
    80.01% {
        left: 33%;
        top: 86.4%;
        transform: rotate(-180deg);
    }
    99.98% {
        left: 27%;
        top: 86.4%;
        transform: rotate(-180deg);
    }
    99.99% {
        left: 27%;
        top: 86.4%;
        transform: rotate(-180deg);
        display: none;
    }
    100% {
        left: 33%;
        top: 46.2%;
        display: none;
        opacity: 1;
    }
}


.ljt {
    position: absolute;
    left:27%;
    top:9.2%;
    animation: lyd 10s linear infinite;
}
.ljt1 {
    position: absolute;
    left: 27%;
    top: 38.5%;
    animation: lyd1 8s linear infinite;
}
.ljt2 {
    position: absolute;
    left: 27%;
    top: 63%;
    animation: lyd2 7s linear infinite;
}
.ljt3 {
    position: absolute;
    left: 27%;
    top: 89.4%;
    animation: lyd3 9s linear infinite;
}
.ljt_ {
    position: absolute;
    left:27%;
    top:9.2%;
    animation: lyd 10s linear 3s infinite;
    opacity: 0;
}
.ljt1_ {
    position: absolute;
    left: 27%;
    top: 38.5%;
    animation: lyd1 8s linear 2.5s infinite;
    opacity: 0;
}
.ljt2_ {
    position: absolute;
    left: 27%;
    top: 63%;
    animation: lyd2 7s linear 2.2s infinite;
    opacity: 0;
}
.ljt3_ {
    position: absolute;
    left: 27%;
    top: 89.4%;
    animation: lyd3 9s linear 2.7s infinite;
    opacity: 0;
}

@keyframes lyd {
    0% {
        left:27%;
        top:9.2%;
        transform: rotate(0);
        opacity: 1;
    }
    20% {
        left:37%;
        top:9.2%;
        transform: rotate(0);
    }
    20.01% {
        left:37%;
        top:9.2%;
        transform: rotate(90deg);
    }
    60% {
        left: 37%;
        top: 54.7%;
        transform: rotate(90deg);
    }
    60.01% {
        left: 37%;
        top: 54.7%;
        transform: rotate(0);
    }
    99.98% {
        left: 78.5%;
        top: 54.7%;
    }
    99.99% {
        left: 78.5%;
        top: 54.7%;
        display: none;
    }
    100% {
        left:27%;
        top:9.2%;
        display: none;
        opacity: 1;
    }
}
@keyframes lyd1 {
    0% {
        left: 27%;
        top: 38.5%;
        transform: rotate(0);
        opacity: 1;
    }
    20% {
        left:37%;
        top: 38.5%;
        transform: rotate(0);
    }
    20.01% {
        left:37%;
        top: 38.5%;
        transform: rotate(90deg);
    }
    40% {
        left: 37%;
        top: 54.7%;
        transform: rotate(90deg);
    }
    40.01% {
        left: 37%;
        top: 54.7%;
        transform: rotate(0);
    }
    99.98% {
        left: 78.5%;
        top: 54.7%;
    }
    99.99% {
        left: 78.5%;
        top: 54.7%;
        display: none;
    }
    100% {
        left: 27%;
        top: 38.5%;
        display: none;
        opacity: 1;
    }
}
@keyframes lyd2 {
    0% {
        left: 27%;
        top: 63%;
        transform: rotate(0);
        opacity: 1;
    }
    20% {
        left: 37.3%;
        top: 63%;
        transform: rotate(0);
    }
    20.01% {
        left: 37.3%;
        top: 63%;
        transform: rotate(-90deg);
    }
    30% {
        left: 37.3%;
        top: 54.7%;
        transform: rotate(-90deg);
    }
    30.01% {
        left: 37.3%;
        top: 54.7%;
        transform: rotate(0);
    }
    99.98% {
        left: 78.5%;
        top: 54.7%;
    }
    99.99% {
        left: 78.5%;
        top: 54.7%;
        display: none;
    }
    100% {
        left: 27%;
        top: 63%;
        display: none;
        opacity: 1;
    }
}
@keyframes lyd3 {
    0% {
        left: 27%;
        top: 89.4%;
        transform: rotate(0);
        opacity: 1;
    }
    20% {
        left: 37.3%;
        top: 89.4%;
        transform: rotate(0);
    }
    20.01% {
        left: 37.3%;
        top: 89.4%;
        transform: rotate(-90deg);
    }
    40% {
        left: 37.3%;
        top: 54.7%;
        transform: rotate(-90deg);
    }
    40.01% {
        left: 37.3%;
        top: 54.7%;
        transform: rotate(0);
    }
    99.98% {
        left: 78.5%;
        top: 54.7%;
    }
    99.99% {
        left: 78.5%;
        top: 54.7%;
        display: none;
    }
    100% {
        left: 27%;
        top: 89.4%;
        display: none;
        opacity: 1;
    }
}