@keyframes dilgo{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes haiygo{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(10deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-10deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
@keyframes haiygo2{
    0%{
        transform:scale(0.8);
    }
    50%{
        transform:scale(1);
    }
    100%{
        transform:scale(0.8);
    }
}
@keyframes yaiy-ngo{
    0%{
        transform:translateY(-94px);
    }
    50%{
        transform:translateY(0);
    }
    100%{
        transform:translateY(-94px);
    }
}
@keyframes hydh2go{
    0%{
        transform:scale(0.2);
    }
    50%{
        transform:scale(1);
    }
    100%{
        transform:scale(0.2);
    }
}

@keyframes xfimg1go{
    0%{
        transform:scale(0.2);
    }
    45%{
        transform:scale(1);
        transform:rotateY(0deg);
    }
    55%{
        transform:scale(1);
        transform:rotateY(180deg);
    }
    65%{
        transform:rotateY(0deg);
    }
    100%{
        transform:scale(0.2);
    }
}
@keyframes xfimg3go{
    0%{
        transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
    }
}
@keyframes xfimg4go{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(15deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-15deg);
    }
    100%{
        transform:rotate(0deg);
    }
}

@keyframes jcssimg2go{
    0%{
        transform:scale(0.2);
    }
    50%{
        transform:scale(1);
    }
    100%{
        transform:scale(0.2);
    }
}
@keyframes jcssimg3go{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(6deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-6deg);
    }
    100%{
        transform:rotate(0deg);
    }
}

@keyframes zhuanx{
    0%{
        transform:rotateX(0deg);
    }
    50%{
        transform:rotateX(360deg);
    }
    100%{
        transform:rotateX(0deg);
    }
}

@keyframes zhuany{
    0%{
        transform:rotateY(0deg);
    }
    50%{
        transform:rotateY(360deg);
    }
    100%{
        transform:rotateY(0deg);
    }
}

@keyframes jcssimg4go{
    0%{
        transform:rotateY(0deg);
    }
    25%{
        transform:rotateY(30deg);
    }
    50%{
        transform:rotateY(0deg);
    }
    75%{
        transform:rotateY(-30deg);
    }
    100%{
        transform:rotateY(0deg);
    }
}

@keyframes tzhjimg1go{
    0%{
        transform:scale(0.8);
    }
    50%{
        transform:scale(1.2);
    }
    100%{
        transform:scale(0.8);
    }
}

@keyframes cytximg1go{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.8);
    }
    100%{
        transform:scale(1);
    }
}
@keyframes cytx-n1go{
    0%{
        transform:translateX(0px);
    }
    50%{
        transform:translateX(260px);
    }
    100%{
        transform:translateX(0px);
    }
}
@keyframes cytx-n2go{
    0%{
        transform:translateX(0px);
    }
    50%{
        transform:translateX(378px);
    }
    100%{
        transform:translateX(0px);
    }
}

@keyframes fw2go{
    /* 0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(10deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-10deg);
    }
    100%{
        transform:rotate(0deg);
    } */
    0%{
        transform:translateX(0);
    }
    25%{
        transform:translateX(15px);
    }
    50%{
        transform:translateX(0px);
    }
    75%{
        transform:translateX(-15px);
    }
    100%{
        transform:translateX(0px);
    }
}
@keyframes fwdh6go{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@keyframes rczyimg1go{
    0%{
        transform:translateX(0);
    }
    25%{
        transform:translateX(15px);
    }
    50%{
        transform:translateX(0px);
    }
    75%{
        transform:translateX(-15px);
    }
    100%{
        transform:translateX(0px);
    }
}
@keyframes rczyimg2go{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(6deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-6deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
@keyframes rczyimg3go{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.5);
    }
    100%{
        transform:scale(1);
    }
}
@keyframes rczyimg0go{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@keyframes cxhlimg1go{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.7);
    }
    100%{
        transform:scale(1);
    }
}
@keyframes cxhlimg2go{
    0%{
        transform:translateX(0);
    }
    25%{
        transform:translateX(6px);
    }
    50%{
        transform:translateX(0px);
    }
    75%{
        transform:translateX(-6px);
    }
    100%{
        transform:translateX(0px);
    }
}
@keyframes cxhlimg3go{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(6deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-6deg);
    }
    100%{
        transform:rotate(0deg);
    }
}

@keyframes shhjimg1go{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(10deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-10deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
@keyframes shhjimg2go{
    0%{
        transform:translateX(0);
    }
    25%{
        transform:translateX(10px);
    }
    50%{
        transform:translateX(0px);
    }
    75%{
        transform:translateX(-10px);
    }
    100%{
        transform:translateX(0px);
    }
}

@keyframes whdyimg1go{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.6);
    }
    100%{
        transform:scale(1);
    }
}
@keyframes whdyimg2go{
    0%{
        transform:translateX(0);
    }
    50%{
        transform:translateX(-120px);
    }
    100%{
        transform:translateX(0px);
    }
}
@keyframes whdyimg3go{
    0%{
        transform:rotate(0deg);
    }
    25%{
        transform:rotate(10deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-10deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
@keyframes whdyimg4go{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.tjImgBox-dil{
    width: 1010px;
    margin: 40px auto 0;
    height: 800px;
    margin-bottom: 30px;
    background-size: 90%;
}

.tjImgBox-dil1{
    background:  url(../images/tujie/tj01.png?v=2) center center no-repeat;
    height: 1625px;
    position: relative;
}

.tjImgBox-dil .img1{
    position: absolute;
    left: 100px;
    top: 24px;
    animation:dilgo 6s linear infinite;
}
.tjImgBox-dil .img2{
    position: absolute;
    right: -20px;
    top: 400px;
    animation: haiygo 4s linear infinite;
}
.tjImgBox-dil .img3{
    position: absolute;
    left: 10px;
    top: 635px;
    animation: haiygo2 4s linear infinite;
}
.tjImgBox-dil .img4{
    position: absolute;
    right: -20px;
    top: 950px;
    animation: haiygo 4s linear infinite;
}
.tjImgBox-dil .img5{
    position: absolute;
    left: 10px;
    top: 1240px;
    animation: haiygo 4s linear infinite;
}
.tjImgBox-dil .img6{
    position: absolute;
    right: -20px;
    top: 1433px;
    animation: haiygo2 4s linear infinite;
}


.tjImgBox-haiy{
    width: 1010px;
    margin: 40px auto 0;
    height: 936px;
    overflow: hidden;
    margin-bottom: 30px;
    background:  url(../images/tujie/tj02.png?v=2) center center no-repeat;
    position: relative;
    /* background-size: 90%;   */
}
.hyimg1{
    position: absolute;
    left: 73px;
    top: 388px;
    animation:zhuanx 4s linear infinite;
    display: none;}
.hyimg2{
    position: absolute;
    left: 73px;
    top: 451px;
    animation:zhuanx 4s linear infinite;
    display: none;}
.hyimg3{
    position: absolute;
    left: 48px;
    top: 667px;
    animation:zhuany 4s linear infinite;
    display: none;}
.hyimg4{
    position: absolute;
    left: 50px;
    top: 864px;
    animation:zhuany 4s linear infinite;
    display: none;}
.hydh1{
    width: 99px;
    height: 99px;
    margin-left: 68px;
    margin-top: 163px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.hydh1-n{
    width: 100%;
    height: 100%;
    background-color: #a4e9ee;
    opacity: 0.7;
    position: absolute;
    left: 0;
    bottom: -94px;
    animation:yaiy-ngo 8s linear infinite;
}
.hydh2{
    width: 99px;
    height: 99px;
    margin-left: 68px;
    margin-top: 36px;
    border-radius: 50%;
    background: rgba(207, 149, 149, 0.4);

    animation:hydh2go 6s linear infinite;
}

.tjImgBox-xiaof{
    width: 1010px;
    margin: 40px auto 0;
    height: 2131px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj03.png?v=2) center center no-repeat;
    background-size: contain;
    position: relative;
}
.xfimg1{
    position: absolute;
    left: 66px;
    top: 292px;
    animation:zhuanx 4s linear infinite;
}
.xfimg2{
    position: absolute;
    left: 66px;
    top: 351px;
    animation:zhuanx 4s linear infinite;
}
.xfimg3{
    position: absolute;
    left: 40px;
    top: 470px;
    animation:zhuanx 4s linear infinite;
    display: none;
}
.xfimg4{
    position: absolute;
    left: 40px;
    top: 560px;
    animation:zhuanx 4s linear infinite;
    display: none;
}
.xfimg5{
    position: absolute;
    left: 489px;
    bottom: 0px;
    animation:haiygo2 2s linear infinite;
    display: none;
}

.tjImgBox-jcss{
    width: 1100px;
    margin: 40px auto 0;
    height: 1362px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj04.png?v=2) top center no-repeat;
    position: relative;
}
.jcssimg1{
    position: absolute;
    left: 63px;
    top: 80px;
}
.jcss-w{
    width: 321px;
    height: 208px;
    margin-left: 99px;
    margin-top: 128px;
    overflow: hidden;
    /* border: 1px solid #000; */

}
.jcssimg1{
    animation:jcssimg3go 6s linear infinite;
}
.jcssimg2{
    position: absolute;
    left: 120px;
    top: 760px;
    animation: zhuanx 4s linear infinite;
    display: none;}
.jcssimg3{
    position: absolute;
    left: 120px;
    top: 882px;
    animation: zhuanx 4s linear infinite;
    display: none;}

.tjImgBox-tzhj{
    width: 1010px;
    margin: 40px auto 0;
    height: 1093px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj05.png) top center no-repeat;
    position: relative;
}
.tzhjimg1{
    position: absolute;
    left: 142px;
    top: 19px;
    animation:tzhjimg1go 4s linear infinite;
    display: none;}
.tzhjimg2{
    position: absolute;
    left: 141px;
    top: 183px;
    animation:zhuany 4s linear infinite;
    display: none;}
.tzhjimg3{
    position: absolute;
    left: 86px;
    top: 446px;
    animation:tzhjimg1go 4s linear infinite;
    display: none;}

.tjImgBox-cytx{
    width: 1010px;
    margin: 40px auto 0;
    height: 1142px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj06.png) top center no-repeat;
    position: relative;
}
.cytximg1{
    position: absolute;
    left: 64px;
    top: 570px;
    animation:cytximg1go 4s linear infinite;
    display: none;}
.cytximg2{
    position: absolute;
    left: 26px;
    top: 580px;
    display: none;}
.cytxdh1{
    width: 260px;
    height: 50px;
    border-radius: 25px;
    margin-left: 95px;
    margin-top: 140px;
    overflow: hidden;
}
.cytxdh2{
    width: 378px;
    height: 50px;
    border-radius: 25px;
    margin-left: 95px;
    margin-top: 260px;
    overflow: hidden;
}
.cydh-n1{
    width: 260px;
    height: 50px;
    background-color: #00c693;
    opacity: 0.3;
    margin-left: -260px;
    animation:cytx-n1go 6s linear infinite;
}
.cydh-n2{
    width: 378px;
    height: 50px;
    background-color: #00c693;
    opacity: 0.3;
    margin-left: -378px;
    animation:cytx-n2go 8s linear infinite;
}

.tjImgBox-fw{
    width: 1010px;
    margin: 40px auto 0;
    height: 2196px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj07.png) top center no-repeat;
    position: relative;
}
.fwimg1{
    position: absolute;
    left: 150px;
    top: 260px;
    animation:fw2go 4s linear infinite;
    display: none;}
.fwimg2{
    position: absolute;
    left: 600px;
    top: 160px;
    animation:fw2go 4s linear infinite;
    display: none;}
.fwimg3{
    position: absolute;
    left: 852px;
    top: 1100px;
    animation:whdyimg3go 4s linear infinite;
    display: none;}
.fwimg4{
    position: absolute;
    left: 49px;
    bottom: 114px;
    z-index: 10;
    animation:fw2go 4s linear infinite;
    display: none;}
.fwimg5{
    position: absolute;
    left: 283px;
    bottom: 108px;
    z-index: 10;
    animation:fw2go 4s linear infinite;
    display: none;}
.fwimg6{
    position: absolute;
    left: 506px;
    bottom: 125px;
    z-index: 10;
    animation:fw2go 4s linear infinite;
    display: none;}
.fwimg7{
    position: absolute;
    left: 805px;
    bottom: 108px;
    z-index: 10;
    animation:fw2go 4s linear infinite;
    display: none;}
.fwdh5{
    width: 70px;
    height: 80px;
    margin-top: 1588px;
    margin-left: 773px;
    background-color: yellow;
    animation:fwdh6go 4s linear infinite;
}
.fwdh6{
    width: 180px;
    height: 84px;
    margin-left: 746px;
    background-color: yellow;
    animation:fwdh6go 4s linear infinite;
}

.tjImgBox-rczy{
    width: 1020px;
    margin: 40px auto 0;
    height: 1642px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj08.png?v=2) top center no-repeat;
    position: relative;
}
.rczyimg01{
    position: absolute;
    left: 50px;
    top: 454px;
    animation:zhuanx 4s linear infinite;
    display: none;}
.rczyimg02{
    position: absolute;
    left: 50px;
    top: 582px;
    animation:zhuanx 4s linear infinite;
    display: none;}
.rczyimg1{
    position: absolute;
    left: 808px;
    top: 795px;
    animation:rczyimg1go 4s linear infinite;
    display: none;}
.rczyimg2{
    position: absolute;
    left: 831px;
    top: 989px;
    animation:rczyimg2go 3s linear infinite;
    display: none;}
.rczyimg3{
    position: absolute;
    left: 820px;
    top: 1030px;
    animation:rczyimg3go 4s linear infinite;
    display: none;
}
.rczyimg4{
    position: absolute;
    left: 790px;
    top: 1162px;
    animation:rczyimg3go 4s linear infinite;
    display: none;
}
.rczyimg5{
    position: absolute;
    left: 759px;
    bottom: 464px;
    animation:rczyimg3go 4s linear infinite;
}
.rczyimg6{
    position: absolute;
    left: 314px;
    bottom: 111px;
    animation:rczyimg3go 4s linear infinite;
}
.rczyimg7{
    position: absolute;
    left: 632px;
    bottom: 109px;
    animation:rczyimg3go 4s linear infinite;
}
.rczyimg0{
    width: 50px;
    height: 40px;
    position: absolute;
    left: 226px;
    top: 282px;
    background-color: #fff;
    animation:rczyimg0go 2s linear infinite;
}

.tjImgBox-tj9{
    width: 1010px;
    margin: 40px auto 0;
    height: 1584px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj09.png) top center no-repeat;
    position: relative;
    background-size: contain;
}

.tj9-1{
    position: absolute;
    left: 666px;
    top: 250px;
    animation: jcssimg3go 6s linear infinite;
    display: none;}



.tj9-2{
    position: absolute;
    left: 28px;
    top: 17px;
    animation: cxhlimg1go 5s linear infinite;
    display: none;}

.tj9-3{
    position: absolute;
    left: -5px;
    top: 531px;
    animation: zhuanx 4s linear infinite;
    display: none;}

.tj9-4{
    position: absolute;
    left: -5px;
    top: 581px;
    animation: zhuanx 4s linear infinite;
    display: none;}

.tj9-5{
    position: absolute;
    left: -5px;
    top: 631px;
    animation: zhuanx 4s linear infinite;
    display: none;}

/* 10 */
.tjImgBox-cxhl{
    width: 1010px;
    margin: 40px auto 0;
    height: 2161px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/tj10.png) top center no-repeat;
    position: relative;
    background-size: contain;
}
.cxhlimg1{
    position: absolute;
    left: 705px;
    top: 10px;
    animation:cxhlimg1go 6s linear infinite;
}
.cxhlimg2{
    position: absolute;
    left: 264px;
    top: 490px;
    animation:cxhlimg2go 3s linear infinite;
}
.cxhlimg3{
    position: absolute;
    left: 771px;
    top: 468px;
    animation:cxhlimg1go 2s linear infinite;
}
.cxhlimg4{
    position: absolute;
    left: 792px;
    top: 628px;
    animation:cxhlimg2go 3s linear infinite;
}
.cxhlimg5{
    position: absolute;
    left: 792px;
    top: 783px;
    animation:cxhlimg3go 2s linear infinite;
}

.cxhlimg6{
    position: absolute;
    left: 731px;
    top: 1056px;
    animation:cxhlimg3go 2s linear infinite;
}

.cxhlimg7{
    position: absolute;
    left: 172px;
    top: 1255px;
    animation:cxhlimg3go 2s linear infinite;
}

.cxhlimg8{
    position: absolute;
    right: 100px;
    top: 1467px;
    animation:cxhlimg3go 2s linear infinite;
}

.cxhlimg9{
    position: absolute;
    left: 79px;
    top: 1691px;
    animation:jcssimg4go 2s linear infinite;
}
.cxhlimg10{
    position: absolute;
    right: 135px;
    top: 1902px;
    animation:jcssimg4go 2s linear infinite;
}

.tjImgBox-shhj{
    width: 1010px;
    margin: 40px auto 0;
    height: 2564px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/shhj.png) top center no-repeat;
    position: relative;
}
.shhjimg1{
    position: absolute;
    left: 55px;
    top: 542px;
    animation:shhjimg1go 4s linear infinite;
}
.shhjimg2{
    position: absolute;
    left: 188px;
    bottom: 1081px;
    animation:shhjimg2go 2s linear infinite;
}
.shhjimg3{
    position: absolute;
    left: 704px;
    bottom: 854px;
    animation:shhjimg1go 4s linear infinite;
}
.shhjimg4{
    position: absolute;
    left: 76px;
    bottom: 626px;
    animation:shhjimg2go 3s linear infinite;
}

.tjImgBox-whdy{
    width: 1010px;
    margin: 40px auto 0;
    height: 2950px;
    margin-bottom: 30px;
    overflow: hidden;
    background:  url(../images/tujie/whdy.png) top center no-repeat;
    background-size: contain;
    position: relative;
}
.whdyimg1{
    position: absolute;
    left: 605px;
    top: 68px;
    animation:whdyimg1go 4s linear infinite;
}
.whdyimg2{
    position: absolute;
    left: 694px;
    top: 572px;
    animation:whdyimg2go 6s linear infinite;
}
.whdyimg3{
    position: absolute;
    left: 1px;
    bottom: 525px;
    animation:whdyimg3go 4s linear infinite;
}
.wh{
    width: 36px;
    height: 28px;
    position: absolute;
    background-color: #eaecec;
}
.wh1{
    left: 161px;
    bottom: 1871px;
    animation:whdyimg4go 3s linear infinite;
}
.wh2{
    left: 328px;
    bottom: 1871px;
    animation:whdyimg4go 3s linear infinite;
}
.wh3{
    left: 496px;
    bottom: 1871px;
    animation:whdyimg4go 3s linear infinite;
}
.wh4{
    left: 664px;
    bottom: 1871px;
    animation:whdyimg4go 3s linear infinite;
}
.wh5{
    left: 161px;
    bottom: 1693px;
    animation:whdyimg4go 3s linear infinite;
}
.wh6{
    left: 328px;
    bottom: 1693px;
    animation:whdyimg4go 3s linear infinite;
}
.wh7{
    left: 496px;
    bottom: 1693px;
    animation:whdyimg4go 3s linear infinite;
}
.wh8{
    left: 664px;
    bottom: 1693px;
    animation:whdyimg4go 3s linear infinite;
}
.wh9{
    left: 161px;
    bottom: 1516px;
    animation:whdyimg4go 3s linear infinite;
}
.wh10{
    left: 328px;
    bottom: 1516px;
    animation:whdyimg4go 3s linear infinite;
}