body{
    font-family: "Oswald", "sans-serif";
    color:#fff}
  a{
    color: white;
  }



.startPoint{
    width: 100px;
    height: 100px;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 899998989;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.startPoint img{ width: 100%;}

#section01{
    position: absolute;
    top:72px; left:0;
    opacity: 1;
    background:black;
    height: 4150px;
    width: 1920px;
}
#section01 .main{
    position: absolute;
    top:0; left:0;
    opacity: 1;
}
#section01 .main_deco1{
    position: absolute;
    top:235px; left:35px;
    transform: translateY(200px);
    opacity: 0;
}
#section01 .main_deco1> img {
    animation: deco1 2s linear infinite alternate;
}
@keyframes deco1 {
    100% {
        transform: translateY(-50px);
    }
}
#section01 .main_deco2{
    position: absolute;
    top:320px; left:1063px;
    transform: translateY(200px);
    opacity: 0;
}
#section01 .tittle1_1{
    position: absolute;
    top:883px; left:959px;
    opacity: 1;
    overflow: hidden;
    width: 149px;
    transition: all .7s .1s; 
}

#section01 .tittle1_2{
    position: absolute;
    top:883px; left:1037px;
    opacity: 1;
    transform: translateX(-78px);
    transition: all .7s ; 
}
#section01 .tittle1_2.on{
    opacity: 1;
    transform: translateX(0);
}
#section01 .tittle2{
    position: absolute;
    top:890px; left:1230px;
    overflow: hidden;
}
#section01 .tittle2>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section01 .tittle2.on>img{
    transform: translateY(0);
}
#section01 .tittle_deco{
    position: absolute;
    top:1068px; left:1686px;
    opacity: 0;
    transform: translate(200px,200px);
    transition: all .7s .5s;
}
#section01 .tittle_deco.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .tittle3{
    position: absolute;
    top:1513px; left:1413px;
    transition: all .3s;
    opacity: 0;
}
#section01 .tittle3.on{
    opacity: 1;
}
#section01 .tittle3_deco{
    position: absolute;
    top:1523px; left:1647px;
    transition: all .5s .3s;
    opacity: 0;
}
#section01 .tittle3_deco.on{
    opacity: 1;
}
#section01 .tittle3_deco> img {
    animation: deco2 .8s linear infinite alternate;
}
@keyframes deco2 {
    0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
}
#section01 .tittle4_deco1{
    position: absolute;
    top:1640px; left:944px;
    opacity: 1;
    transform: translate(0,-30px);
    transition: all .7s ;
}
#section01 .tittle4_deco1.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .tittle4_deco2{
    position: absolute;
    top:1890px; left:906px;
    opacity: 0;
    transform: translate(-30px,30px);
    transition: all .7s ;
}
#section01 .tittle4_deco2.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .tittle4_deco3{
    position: absolute;
    top:1857px; left:1124px;
    opacity: 1;
    transform: translate(20px,25px);
    transition: all .7s ;
}
#section01 .tittle4_deco3.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .tittle4{
    position: absolute;
    top:1682px; left:1174px;
    opacity: 1;
}
#section01 .tittle4_deco4{
    position: absolute;
    top:1606px; left:1304px;
    opacity: 1;
    transform: translate(60px,-20px);
    transition: all .7s;
}
#section01 .tittle4_deco4.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .tittle4_deco5{
    position: absolute;
    top:1853px; left:1531px;
    opacity: 0;
    transform: translate(20px,10px);
    transition: all .7s ;
}
#section01 .tittle4_deco5.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .bottom_deco1{
    position: absolute;
    top:1709px; left:235px;
    opacity: 1;
}

#section01 .bottom_deco2{
    position: absolute;
    top:1986px; left:316px;
    opacity: 0;
    transform: translate(100px,100px);
    transition: all .7s ;
}
#section01 .bottom_deco2.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .bottom_deco3{
    position: absolute;
    top:2246px; left:920px;
    opacity: 0;
    transform: translate(-150px,-100px);
    transition: all .7s;
}
#section01 .bottom_deco3.on{
    opacity: 1;
    transform: translate(0);
}
#section01 .bottom_deco4{
    position: absolute;
    top:2216px; left:1604px;
    opacity: 1;
}
#section01 .bottom_deco4> img {
    animation: deco1 2s linear infinite alternate;
}
@keyframes deco1 {
    100% {
        transform: translateY(-50px);
    }
}
#section01 .bottom_deco5{
    position: absolute;
    top:2267px; left:1688px;
    opacity: 1;
}
#section01 .bottom_deco5> img {
    animation: deco1 2s linear infinite alternate;
}
@keyframes deco1 {
    100% {
        transform: translateY(-50px);
    }
}
#section01 .bottom_deco6{
    position: absolute;
    top:2089px; left:1733px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .3s;
}
#section01 .bottom_deco6.on{
    opacity: 1;
    transform: translateY(0);
}

/* section02 */
#section02{
    position: absolute;
    top:2607px; left:0;
    opacity: 1;
}
#section02 .cont1{
    position: absolute;
    top:53px; left:45px;
    opacity: 1;
}
#section02 .arrow{
    position: absolute;
    top:82px; left:327px;
    opacity: 1;
}
#section02 .arrow> img {
    animation: deco3 .8s linear infinite alternate;
}
@keyframes deco3 {
    100% {
        transform: translateX(10px);
    }
}
#section02 .cont1_deco{
    position: absolute;
    top:0; left:695px;
    opacity: 0;
    transform: translate(-100px,100px);
    transition: all .7s .7s;
}
#section02 .cont1_deco.on{
    opacity: 1;
    transform: translate(0);
}
#section02 .tittle1{
    position: absolute;
    top:137px; left:0;
    opacity: 0;
    transform: translateX(-200px);
    transition: all .7s ;
}
#section02 .tittle1.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .tittle2{
    position: absolute;
    top:282px; left:0;
    opacity: 0;
    transform: translateX(-200px);
    transition: all .7s .3s;
}
#section02 .tittle2.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .tittle_deco{
    position: absolute;
    top:336px; left:371px;
    opacity: 0;
    transform: translateX(-200px);
    transition: all .7s .5s;
}
#section02 .tittle_deco.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .cont2_1{
    position: absolute;
    top:871px; left:309px;
    opacity: 1;
    transform: translateX(500px);
    transition: all .7s .6s;
}
#section02 .cont2_1.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .cont2_2{
    position: absolute;
    top:876px; left:605px;
    opacity: 1;
    transform: translateX(250px);
    transition: all .7s .3s;
}
#section02 .cont2_2.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .cont2_3{
    position: absolute;
    top:897px; left:1131px;
    opacity: 1;
    transform: translateX(-200px);
    transition: all .7s .3s;
}
#section02 .cont2_3.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .cont2_4{
    position: absolute;
    top:868px; left:1312px;
    opacity: 1;
    transform: translateX(-500px);
    transition: all .7s .6s;
}
#section02 .cont2_4.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .cont2_5{
    position: absolute;
    top:849px; left:849px;
    opacity: 1;
}
#section02 .cont2_6{
    position: absolute;
    top:885px; left:110px;
    opacity: 1;
    transform: translateX(450px);
    transition: all .7s ;
}
#section02 .cont2_6.on{
    opacity: 1;
    transform: translateX(0);
}
#section02 .cont2_7{
    position: absolute;
    top:893px; left:1633px;
    opacity: 1;
    transform: translateX(-430px);
    transition: all .7s ;
}
#section02 .cont2_7.on{
    opacity: 1;
    transform: translateX(0);
}


/* section03 */
#section03{
    position: absolute;
    top:3954px; left:0;
    opacity: 1;
}
#section03 .bg{
    position: absolute;
    top:0; left:0;
    opacity: 1;
}
#section03 .cont1{
    position: absolute;
    top:0; left:145px;
    opacity: 1;
}
#section03 .cont1_deco{
    position: absolute;
    top:210px; left:1246px;
    opacity: 1;
    transform: translate(-100px,100px);
    transition: all .7s;
}
#section03 .cont1_deco.on{
    opacity: 1;
    transform: translate(0);
}
#section03 .arrow1{
    position: absolute;
    top:493px; left:451px;
    opacity: 1;
}
#section03 .arrow1> img {
    animation: deco2 .8s linear infinite alternate;
}
@keyframes deco3 {
    100% {
        transform: translate(10px);
    }
}
#section03 .arrow2{
    position: absolute;
    top:493px; left:515px;
    opacity: 1;
}
#section03 .arrow2> img {
    animation: deco2 .8s linear infinite alternate;
}
@keyframes deco3 {
    100% {
        transform: translate(10px);
    }
}
#section03 .cont2{
    position: absolute;
    top:648px; left:47px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section03 .cont2.on{
    opacity: 1;
    transform: translateY(0);
}
#section03 .cont2_deco1{
    position: absolute;
    top:651px; left:387px;
    opacity: 0;
    transform: translate(-100px,100px);
    transition: all .8s .3s;
}
#section03 .cont2_deco1.on{
    opacity: 1;
    transform: translate(0);
}
#section03 .cont2_deco2{
    position: absolute;
    top:651px; left:1270px;
    opacity: 0;
    transform: translate(-100px,100px);
    transition: all .8s .3s;
}
#section03 .cont2_deco2.on{
    opacity: 1;
    transform: translate(0);
}
#section03 .cont3{
    position: absolute;
    top:1027px; left:47px;
    opacity: 0;
    transition: all .8s ;
}
#section03 .cont3.on{
    opacity: 1;
}
#section03 .cont3_deco{
    position: absolute;
    top:1378px; left: 209px;
    opacity: 0;
    transform: translate(-100px,100px);
    transition: all .8s .4s;
}
#section03 .cont3_deco.on{
    opacity: 1;
    transform: translate(0);
}
#section03 .cont4{
    position: absolute;
    top:1680px; left:0;
    opacity: 1;
}

/* section04 */
#section04{
    position: absolute;
    top:6484px; left:0;
    opacity: 1;
}
#section04 .tittle1_deco{
    position: absolute;
    top:129px; left:850px;
    opacity: 1;
}
#section04 .tittle1{
    position: absolute;
    top:183px; left:498px;
    overflow: hidden;
}
#section04 .tittle1>img{
    transform: translateY(300px);
    transition: all .6s;  
}
#section04 .tittle1.on>img{
    transform: translateY(0);
}
#section04 .tittle1_txt{
    position: absolute;
    top:299px; left:376px;
    overflow: hidden;
}
#section04 .tittle1_txt>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section04 .tittle1_txt.on>img{
    transform: translateY(0);
}
#section04 .cont1_deco{
    position: absolute;
    top:897px; left:570px;
    opacity: 0;
    transform: translateX(-200px);
    transition: all .7s;
}
#section04 .cont1_deco.on{
    opacity: 1;
    transform: translateX(0);
}
#section04 .cont1{
    position: absolute;
    top:439px; left:154px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section04 .cont1.on{
    opacity: 1;
    transform: translateY(0);
}
#section04 .gr1{
    position: absolute;
    top:576px; left:644px;
    overflow: hidden;
}
#section04 .gr1>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section04 .gr1.on>img{
    transform: translateY(0);
}
#section04 .gr2{
    position: absolute;
    top:523px; left:819px;
    overflow: hidden;
}
#section04 .gr2>img{
    transform: translateY(300px);
    transition: all .6s .5s;  
}
#section04 .gr2.on>img{
    transform: translateY(0);
}
#section04 .gr3{
    position: absolute;
    top:559px; left:998px;
    overflow: hidden;
}
#section04 .gr3>img{
    transform: translateY(300px);
    transition: all .6s .7s;  
}
#section04 .gr3.on>img{
    transform: translateY(0);
}
#section04 .gr4{
    position: absolute;
    top:654px; left:1173px;
    overflow: hidden;
}
#section04 .gr4>img{
    transform: translateY(200px);
    transition: all .6s .9s;  
}
#section04 .gr4.on>img{
    transform: translateY(0);
}
#section04 .cont1_txt1{
    position: absolute;
    top:999px; left:1026px;
    overflow: hidden;
}
#section04 .cont1_txt1>img{
    transform: translateY(200px);
    transition: all .6s .3s;  
}
#section04 .cont1_txt1.on>img{
    transform: translateY(0);
}
#section04 .cont1_txt2{
    position: absolute;
    top:989px; left:1265px;
    overflow: hidden;
}
#section04 .cont1_txt2>img{
    transform: translateY(200px);
    transition: all .6s .5s;  
}
#section04 .cont1_txt2.on>img{
    transform: translateY(0);
}
#section04 .tittle2{
    position: absolute;
    top:1484px; left:392px;
    opacity: 1;
}
#section04 .tittle2_deco1{
    position: absolute;
    top:1630px; left:476px;
    opacity: 0;
    transform: translateY(200px); 
    transition: all .7s;
}
#section04 .tittle2_deco1.on{
    opacity: 1;
    transform: translateY(0);
}
#section04 .tittle2_deco2{
    position: absolute;
    top:1395px; left:275px;
    opacity: 0;
    transform: translate(-100px,-100px);
    transition: all .7s;
}
#section04 .tittle2_deco2.on{
    opacity: 1;
    transform: translate(0);
}
#section04 .tittle2_deco3{
    position: absolute;
    top:1442px; left:1347px;
    opacity: 0;
    transform: translate(100px,-150px);
    transition: all .7s;
}
#section04 .tittle2_deco3.on{
    opacity: 1;
    transform: translate(0);
}
#section04 .side1{
    position: absolute;
    top:1712px; left:110px;
    opacity: 0;
    transform: translateX(-300px);
    transition: all .7s;
}
#section04 .side1.on{
    opacity: 1;
    transform: translateX(0);
}
#section04 .side2{
    position: absolute;
    top:1712px; left:1614px;
    opacity: 0;
    transform: translateX(300px);
    transition: all .7s;
}
#section04 .side2.on{
    opacity: 1;
    transform: translateX(0);
}
#section04 .cloud{
    position: absolute;
    top:2021px; left:165px;
    opacity: 1;
    transition: all .7s;
}
#section04 .cloud> img {
    animation: deco3 .8s linear infinite alternate;
}
@keyframes deco3 {
    100% {
        transform: translateX(10px);
    }
}
#section04 .bg2{
    position: absolute;
    top:2246px; left:0;
    opacity: 1;
}
#section04 .cont2_deco{
    position: absolute;
    top:1853px; left:750px;
    opacity: 1;
}


/* section05 */
#section05{
    position: absolute;
    top:8948px; left:0;
    opacity: 1;
}
#section05 .bg {
    position: absolute;
    top:638px; left:0;
    opacity: 1;
}
#section05 .tittle1{
    position: absolute;
    top:0; left:724px;
    opacity: 1;
}
#section05 .tittle1_deco{
    position: absolute;
    top:21px; left:1036px;
    opacity: 0;
    transform: translate(-20px,20px);
    transition: all .7s;
}
#section05 .tittle1_deco.on{
    opacity: 1;
    transform: translate(0);
}
#section05 .tittle1_txt{
    position: absolute;
    top:218px; left:468px;
    opacity: 1;
}
#section05 .vd video{
    position: absolute;
    top:369px; left:102px;
    width: 1738px;
    height: 889px;
    box-sizing: border-box;
    border-radius:4.8%;
    object-fit: cover;
}
#section05 .vd .frame{
    position: absolute;
    top:365px; left:95px;
    opacity: 1;
}
#section05 .cont3_deco1{
    position: absolute;
    top:178px; left:77px;
    opacity: 1;
}
#section05 .cont3_deco2{
    position: absolute;
    top:1121px; left:1610px;
    opacity: 1;
}
#section05 .cont4{
    position: absolute;
    top:1374px; left:81px;
    opacity: 0;
    transition: all .7s;
}
#section05 .cont4.on{
    opacity: 1;
}
#section05 .cont4_txt{
    position: absolute;
    top:1368px; left:1079px;
    opacity: 1;
}
#section05 .cont4_tittle{
    position: absolute;
    top:1426px; left:1125px;
    opacity: 1;
    transform: translateX(-45px);
    transition: all .8s .3s;
}
#section05 .cont4_tittle.on{
    opacity: 1;
    transform: translateX(0);
}
#section05 .cont4_arrow{
    position: absolute;
    top:1443px; left:1163px;
    opacity: 1;
    transform: translateX(-45px);
    transition: all .8s .3s;
}
#section05 .cont4_arrow.on{
    opacity: 1;
    transform: translateX(0);
}
#section05 .cont4_arrow.on> img {
    transition: all .8s .5s;
    animation: deco3 .6s linear infinite alternate;
}
@keyframes deco3 {
    100% {
        transform: translateX(10px);
    }
}
#section05 .cont5{
    position: absolute;
    top:1831px; left:368px;
    opacity: 1;
}
#section05 .cont5_deco1{
    position: absolute;
    top:1779px; left:998px;
    overflow: hidden;
}
#section05 .cont5_deco1>img{
    transform: translateY(200px);
    transition: all .6s;  
}
#section05 .cont5_deco1.on>img{
    transform: translateY(0);
}
#section05 .cont5_deco2{
    position: absolute;
    top:1930px; left:661px;
    overflow: hidden;
}
#section05 .cont5_deco2>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section05 .cont5_deco2.on>img{
    transform: translateY(0);
}
#section05 .cont5_deco3{
    position: absolute;
    top:2137px; left:390px;
    overflow: hidden;
}
#section05 .cont5_deco3>img{
    transform: translateY(200px);
    transition: all .6s .5s;  
}
#section05 .cont5_deco3.on>img{
    transform: translateY(0);
}
#section05 .cont5_deco4{
    position: absolute;
    top:2207px; left:1406px;
    overflow: hidden;
}
#section05 .cont5_deco4>img{
    transform: translateY(200px);
    transition: all .6s .7s;  
}
#section05 .cont5_deco4.on>img{
    transform: translateY(0);
}
#section05 .cont6_1_deco{
    position: absolute;
    top:2543px; left:112px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .3s;
}
#section05 .cont6_1_deco.on{
    opacity: 1;
    transform: translateY(0);
}
#section05 .cont6_1{
    position: absolute;
    top:2512px; left:104px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section05 .cont6_1.on{
    opacity: 1;
    transform: translateY(0);
}
#section05 .cont6_2_deco{
    position: absolute;
    top:2513px; left:711px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .5s;
}
#section05 .cont6_2_deco.on{
    opacity: 1;
    transform: translateY(0);
}
#section05 .cont6_2{
    position: absolute;
    top:2553px; left:700px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section05 .cont6_2.on{
    opacity: 1;
    transform: translateY(0);
}
#section05 .cont6_3_deco{
    position: absolute;
    top:2543px; left:1285px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .7s;
}
#section05 .cont6_3_deco.on{
    opacity: 1;
    transform: translateY(0);
}
#section05 .cont6_3{
    position: absolute;
    top:2531px; left:1282px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section05 .cont6_3.on{
    opacity: 1;
    transform: translateY(0);
}


/* section05 */
#section06{
    position: absolute;
    top:12185px; left:0;
    opacity: 1;
}
#section06 .tittle1_deco{
    position: absolute;
    top:0; left:837px;
    opacity: 1;
}
#section06 .tittle1{
    position: absolute;
    top:56px; left:562px;
    overflow: hidden;
}
#section06 .tittle1>img{
    transform: translateY(300px);
    transition: all .6s;  
}
#section06 .tittle1.on>img{
    transform: translateY(0);
}
#section06 .tittle1_txt{
    position: absolute;
    top:170px; left:399px;
    overflow: hidden;
}
#section06 .tittle1_txt>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section06 .tittle1_txt.on>img{
    transform: translateY(0);
}
#section06 .vd video{
    position: absolute;
    top:275px; left:102px;
    width: 1738px;
    height: 889px;
    box-sizing: border-box;
    border-radius:4.8%;
    object-fit: cover;
}
#section06 .vd .frame{
    position: absolute;
    top:270px; left:95px;
    opacity: 1;
}
#section06 .tittle2_deco1{
    position: absolute;
    top:1307px; left:812px;
    overflow: hidden;
    width: 149px;
    transition: all .7s .1s; 
}
#section06 .tittle2_deco2{
    position: absolute;
    top:1307px; left:934px;
    opacity: 1;
    transform: translateX(-123px);
    transition: all .7s ; 
}
#section06 .tittle2_deco2.on{
    opacity: 1;
    transform: translateX(0);
}
#section06 .tittle2{
    position: absolute;
    top:1386px; left:246px;
    opacity: 1;
}
#section06 .cont1_deco1{
    position: absolute;
    top:1416px; left:361px;
    opacity: 0;
    transform: translate(120px,130px);
    transition: all .7s;
}
#section06 .cont1_deco1.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont1_deco2{
    position: absolute;
    top:1442px; left:1504px;
    opacity: 0;
    transform: translate(-120px,100px);
    transition: all .7s;
}
#section06 .cont1_deco2.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_1{
    position: absolute;
    top:1795px; left:321px;
    opacity: 1;
    transform: translate(450px,-150px);
    transition: all .7s .3s;
}
#section06 .cont2_1.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_2{
    position: absolute;
    top:1708px; left:482px;
    opacity: 1;
    transform: translate(320px,-50px);
    transition: all .7s .3s;
}
#section06 .cont2_2.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_3{
    position: absolute;
    top:1677px; left:676px;
    opacity: 1;
    transform: translate(150px,-10px);
    transition: all .7s;
}
#section06 .cont2_3.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_4{
    position: absolute;
    top:1825px; left:1346px;
    opacity: 1;
    transform: translate(-430px,-170px);
    transition: all .7s .5s;
}
#section06 .cont2_4.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_5{
    position: absolute;
    top:1718px; left:1189px;
    opacity: 1;
    transform: translate(-310px,-70px);
    transition: all .7s .3s;
}
#section06 .cont2_5.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_6{
    position: absolute;
    top:1682px; left:1035px;
    opacity: 1;
    transform: translate(-170px,-30px);
    transition: all .7s;
}
#section06 .cont2_6.on{
    opacity: 1;
    transform: translate(0);
}
#section06 .cont2_7{
    position: absolute;
    top:1667px; left:860px;
    opacity: 1;
}
#section06 .cloud{
    position: absolute;
    top:1741px; left:99px;
    opacity: 1;
}
#section06 .cloud> img {
    animation: deco3 .8s linear infinite alternate;
}
@keyframes deco3 {
    100% {
        transform: translateX(10px);
    }
}
#section06 .bg{
    position: absolute;
    top:2101px; left:0;
    opacity: 1;
}
#section06 .cont9_deco{
    position: absolute;
    top:1929px; left:901px;
    opacity: 1;
}

/* section07 */
#section07{
    position: absolute;
    top:14769px; left:0;
    opacity: 1;
}
#section07 .bg1{
    position: absolute;
    top:0px; left:0;
    opacity: 1;
}
#section07 .bg2{
    position: absolute;
    top:1840px; left:0;
    opacity: 1;
}
#section07 .bg3{
    position: absolute;
    top:2192px; left:0;
    opacity: 1;
}
#section07 .tittle1_deco1{
    position: absolute;
    top:0; left:675px;
    opacity: 1;
}
#section07 .tittle1{
    position: absolute;
    top:57px; left:0;
    opacity: 1;
}
#section07 .tittle1_deco2{
    position: absolute;
    top:94px; left:1374px;
    opacity: 1;
}
#section07 .cont1_1{
    position: absolute;
    top:382px; left:169px;
    opacity: 1;
}
#section07 .cont1_2{
    position: absolute;
    top:380px; left:0;
    opacity: 5%;
    transition: all .9s;
}
#section07 .cont1_2.on{
    opacity: 1;
}
#section07 .tittle2_deco{
    position: absolute;
    top:892px; left:942px;
    opacity: 1;
}
#section07 .tittle2{
    position: absolute;
    top:1189px; left:265px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section07 .tittle2.on{
    opacity: 1;
    transform: translateY(0);
}
#section07 .cont2_1{
    position: absolute;
    top:1548px; left:350px;
    opacity: 1;
}
#section07 .cont2_2{
    position: absolute;
    top:1548px; left:717px;
    opacity: 1;
    transform: translateX(-370px);
    transition: all .8s ;
}
#section07 .cont2_2.on{
    opacity: 1;
    transform: translateX(0);
}
#section07 .cont2_3{
    position: absolute;
    top:1548px; left:1082px;
    transform: translateX(-737px);
    transition: all .8s ;
}
#section07 .cont2_3.on{
    opacity: 1;
    transform: translateX(0);
}
#section07 .cont2_deco1{
    position: absolute;
    top:1836px; left:218px;
    opacity: 1;
}
#section07 .cont2_deco2{
    position: absolute;
    top:1806px; left:1498px;
    opacity: 1;
}
#section07 .txt{
    position: absolute;
    top:2192px; left:361px;
    opacity: 1;
}

/* section08 */
#section08{
    position: absolute;
    top:17524px; left:0;
    opacity: 1;
}
#section08 .tittle1_deco{
    position: absolute;
    top:0; left:814px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;
}
#section08 .tittle1_deco.on{
    opacity: 1;
    transform: translateY(0);
}
#section08 .tittle1{
    position: absolute;
    top:70px; left:368px;
    overflow: hidden;
}
#section08 .tittle1>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section08 .tittle1.on>img{
    transform: translateY(0);
}
#section08 .vd video{
    position: absolute;
    top:216px; left:93px;
    width: 1743px;
    height: 895px;
    box-sizing: border-box;
    border-radius:4.9% 6.9% 6.9% 4.8%;
    object-fit: cover;
}
#section08 .vd .frame{
    position: absolute;
    top:215px; left:85px;
    opacity: 1;
}
#section08 .cont1_txt{
    position: absolute;
    top:1251px; left:93px;
    opacity: 1;
}
#section08 .cont1_1{
    position: absolute;
    top:1285px; left:1795px;
    transform: translateX(-1080px);
    transition: all .9s ;
}
#section08 .cont1_1.on{
    opacity: 1;
    transform: translateX(0);
}
#section08 .cont1_2{
    position: absolute;
    top:1255px; left:1466px;
    transform: translateX(-780px);
    transition: all .9s ;
}
#section08 .cont1_2.on{
    opacity: 1;
    transform: translateX(0);
}
#section08 .cont1_3{
    position: absolute;
    top:1255px; left:1137px;
    transform: translateX(-478px);
    transition: all .9s ;
}
#section08 .cont1_3.on{
    opacity: 1;
    transform: translateX(0);
}
#section08 .cont1_4{
    position: absolute;
    top:1252px; left:881px;
    opacity: 1;
    transform: translateX(-218px);
    transition: all .9s ;
}
#section08 .cont1_4.on{
    opacity: 1;
    transform: translateX(0);
}
#section08 .cont1_5{
    position: absolute;
    top:1254px; left:635px;
    transform: translateX(0);
    transition: all .9s ;
}
#section08 .cont1_5.on{
    opacity: 1;
    transform: translateX(0);
}
#section08 .tittle2{
    position: absolute;
    top:1828px; left:503px;
    opacity: 1;
}
#section08 .tittle2_txt{
    position: absolute;
    top:2104px; left:521px;
    opacity: 0;
    transition: all .7s .3s;
}
#section08 .tittle2_txt.on{
    opacity: 1;
}
#section08 .tittle2_deco1{
    position: absolute;
    top:1913px; left:365px;
    opacity: 1;
}
#section08 .tittle2_deco2{
    position: absolute;
    top:1914px; left:1409px;
    opacity: 1;
}
#section08 .cont2{
    position: absolute;
    top:2354px; left:31px;
    opacity: 1;
}
#section08 .cont2_deco1{
    position: absolute;
    top:2422px; left:887px;
    opacity: 0;
    transform: translate(-100px,-100px);
    transition: all .8s ;
}
#section08 .cont2_deco1.on{
    opacity: 1;
    transform: translate(0);
}
#section08 .cont2_deco2{
    position: absolute;
    top:2612px; left:1065px;
    opacity: 0;
    transform: translate(100px,100px);
    transition: all .8s ;
}
#section08 .cont2_deco2.on{
    opacity: 1;
    transform: translate(0);
}
#section08 .cont2_txt1{
    position: absolute;
    top:2511px; left:1230px;
    opacity: 1;
}
#section08 .cont2_txt2{
    position: absolute;
    top:2953px; left:63px;
    overflow: hidden;
}
#section08 .cont2_txt2>img{
    transform: translateX(-200px);
    transition: all .6s ;  
}
#section08 .cont2_txt2.on>img{
    transform: translateX(0);
}
#section08 .cont2_deco3{
    position: absolute;
    top:3316px; left:110px;
    opacity: 1;
}
#section08 .cont2_deco4{
    position: absolute;
    top:3897px; left:1608px;
    opacity: 1;
}
#section08 .arrow {
    position: absolute;
    top:3353px; left:1690px;
    width: 149px;
    height: 150px;
}
#section08  .arrow #line {
    position: absolute;
    left: 0;
    top: 0;
    stroke-dashoffset: 318;
    stroke-dasharray: 318;
    opacity: 0;
}
#section08  .arrow.on #line{
    animation: line .6s linear 1 forwards ;
    opacity: 1;
}
@keyframes line {
    100%{
        stroke-dashoffset: 0;
    }
}
#section08  .arrow #arrow {
    position: absolute;
    top:104px; left:-30px;
    stroke-dashoffset: 105;
    stroke-dasharray: 105;
    opacity: 0;
}
#section08  .arrow.on  #arrow {
    animation: arrow99 .4s .7s linear 1 forwards;
    opacity: 1;
}
@keyframes arrow99 {
    100%{
        stroke-dashoffset: 0;
    }
}
#section08 .cont2_point1{
    position: absolute;
    top:3946px; left:1020px;
    opacity: 1;
}
#section08 .cont2_point1> img {
    animation: size2 1s linear infinite alternate;
}
@keyframes size2 {
    0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.1);
      }
}
#section08 .cont2_point2_1{
    position: absolute;
    top:3673px; left:1035px;
    opacity: 1;
}
#section08 .cont2_point2_2{
    position: absolute;
    top:3734px; left:1042px;
    opacity: 1;
    transform: translate(-20px,-20px);
    transition: all .8s ;
}
#section08 .cont2_point2_2.on{
    opacity: 1;
    transform: translate(0);
}
#section08 .cont2_txt3{
    position: absolute;
    top:3688px; left:218px;
    opacity: 1;
}
#section08 .cont2_txt3_deco1{
    position: absolute;
    top:3690px; left:542px;
    opacity: 0;
    transform: translate(-100px,100px);
    transition: all .8s .3s;
}
#section08 .cont2_txt3_deco1.on{
    opacity: 1;
    transform: translate(0);
}
#section08 .cont2_txt3_deco1> img {
    animation: deco1 2s linear infinite alternate;
}
@keyframes deco1 {
    100% {
        transform: translateY(-50px);
    }
}
#section08 .cont2_txt3_deco2{
    position: absolute;
    top:3921px; left:105px;
    opacity: 0;
    transform: translate(150px,-100px);
    transition: all .8s  .3s;
}
#section08 .cont2_txt3_deco2.on{
    opacity: 1;
    transform: translate(0);
}

/* section09 */
#section09{
    position: absolute;
    top:21919px; left:0;
    opacity: 1;
}
#section09 .tittle1{
    position: absolute;
    top:0; left:287px;
    opacity: 0;
    transition: all 1s .2s;
}
#section09 .tittle1.on{
    opacity: 1;
}
#section09 .cont3{
    position: absolute;
    top:266px; left:70px;
    opacity: 1;
}
#section09 .cont3_1{
    position: absolute;
    top:573px; left:791px;
    opacity: 0;
    transform: translateX(-150px);
    transition: all .7s ;
}
#section09 .cont3_1.on{
    opacity: 1;
    transform: translateX(0);
}
#section09 .cont3_2{
    position: absolute;
    top:573px; left:660px;
    opacity: 1;
    transform: translateX(-80px);
    transition: all .7s ;
}
#section09 .cont3_2.on{
    opacity: 1;
    transform: translateX(0);
}
#section09 .cont3_3{
    position: absolute;
    top:573px; left:581px;
    opacity: 1;
}
#section09 .cont3_4{
    position: absolute;
    top:399px; left:1185px;
    opacity: 1;
    transform: translateX(-150px);
    transition: all .7s .3s;
}
#section09 .cont3_4.on{
    opacity: 1;
    transform: translateX(0);
}
#section09 .cont3_5{
    position: absolute;
    top:399px; left:1057px;
    opacity: 1;
    transform: translateX(-80px);
    transition: all .7s .3s;
}
#section09 .cont3_5.on{
    opacity: 1;
    transform: translateX(0);
}
#section09 .cont3_6{
    position: absolute;
    top:399px; left:978px;
    opacity: 1;
}
#section09 .bg{
    position: absolute;
    top:958px; left:0;
    opacity: 1;
}

/* section10 */
#section10{
    position: absolute;
    top:23359px; left:0;
    opacity: 1;
}
#section10 .tittle_deco{
    position: absolute;
    top:0; left:843px;
    opacity: 1;
}
#section10 .tittle{
    position: absolute;
    top:66px; left:310px;
    overflow: hidden;
}
#section10 .tittle>img{
    transform: translateY(300px);
    transition: all .6s ;  
}
#section10 .tittle.on>img{
    transform: translateY(0);
}
#section10 .vd video{
    position: absolute;
    top:216px; left:93px;
    width: 1743px;
    height: 895px;
    box-sizing: border-box;
    border-radius:4.9% 6.9% 6.9% 4.8%;
    object-fit: cover;
}
#section10 .vd .frame{
    position: absolute;
    top:215px; left:85px;
    opacity: 1;
}
#section10 .cont{
    position: absolute;
    top:1290px; left:223px;
    opacity: 1;
}
#section10 .cont_ph1{
    position: absolute;
    top:1282px; left:1489px;
    opacity: 1;
    transform: translateX(-305px);
    transition: all .7s;
}
#section10 .cont_ph1.on{
    opacity: 1;
    transform: translateX(0);
}
#section10 .cont_ph2{
    position: absolute;
    top:1282px; left:1326px;
    opacity: 1;
    transform: translateX(-143px);
    transition: all .7s;
}
#section10 .cont_ph2.on{
    opacity: 1;
    transform: translateX(0);
}
#section10 .cont_ph3{
    position: absolute;
    top:1282px; left:1183px;
    opacity: 1;
}
#section10 .cont_arrow{
    position: absolute;
    top:1773px; left:452px;
    opacity: 1;
    transition: all .7s;
}
#section10 .cont_arrow> img {
    animation: deco1 1.5s linear infinite alternate;
}
@keyframes deco1 {
    100% {
        transform: translateY(-40px);
    }
}

/* section11 */
#section11{
    position: absolute;
    top:25453px; left:0;
    opacity: 1;
}
#section11 .tittle{
    position: absolute;
    top:61px; left:345px;
    opacity: 1;
}
#section11 .cont1_1{
    position: absolute;
    top:250px; left:261px;
    opacity: 1;
    transform: translate(450px,-30px);
    transition: all .7s;
}
#section11 .cont1_1.on{
    opacity: 1;
    transform: translate(0);
}
#section11 .cont1_2{
    position: absolute;
    top:250px; left:1180px;
    opacity: 1;
    transform: translate(-450px,-30px);
    transition: all .7s;
}
#section11 .cont1_2.on{
    opacity: 1;
    transform: translate(0);
}
#section11 .cont1_3{
    position: absolute;
    top:213px; left:368px;
    opacity: 1;
}
#section11 .cont1_deco1{
    position: absolute;
    top:0; left:132px;
    opacity: 1;
}
#section11 .cont1_deco2{
    position: absolute;
    top:430px; left:1597px;
    opacity: 1;
}
#section11 .cont2{
    position: absolute;
    top:831px; left:37px;
    opacity: 1;
}
#section11 .arrow {
    position: absolute;
    top:1277px; left:1249px;
    width: 149px;
    height: 150px;
}
#section11  .arrow #line {
    position: absolute;
    left: 0;
    top: 0;
    stroke-dashoffset: 254;
    stroke-dasharray: 254;
    opacity: 0;
}
#section11  .arrow.on #line{
    animation: line .6s linear 1 forwards ;
    opacity: 1;
}
@keyframes line {
    100%{
        stroke-dashoffset: 0;
    }
}
#section11  .arrow #arrow {
    position: absolute;
    top:-40px; left:53px;
    width: 120px; height: 142px;
    stroke-dashoffset: 83;
    stroke-dasharray: 83;
    opacity: 0;
}
#section11  .arrow.on  #arrow {
    animation: arrow99 .4s .7s linear 1 forwards;
    opacity: 1;
}
@keyframes arrow99 {
    100%{
        stroke-dashoffset: 0;
    }
}
#section11 .cont2_btn{
    position: absolute;
    top:1043px; left:60px;
    opacity: 1;
}
#section11 .cont2_btn> img { 
    animation: size2 1s .5s linear infinite alternate;
}
@keyframes size2 {
    0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.1);
      }
}
#section11 .cont2_txt{
    position: absolute;
    top:1736px; left:1256px;
    opacity: 0;
    transform: translateX(-300px);
    transition: all .7s;
}
#section11 .cont2_txt.on{
    opacity: 1;
    transform: translateX(0);
}
#section11 .deco{
    position: absolute;
    top:2252px; left:873px;
    opacity: 1;
}
#section11 .bg{
    position: absolute;
    top:2280px; left:0;
    opacity: 1;
}



/* section12 */
#section12{
    position: absolute;
    top:28062px; left:0;
    opacity: 1;
}
#section12 .tittle_deco{
    position: absolute;
    top:0; left:848px;
    opacity: 1;
}
#section12 .tittle{
    position: absolute;
    top:73px; left:381px;
    overflow: hidden;
}
#section12 .tittle>img{
    transform: translateY(300px);
    transition: all .6s ;  
}
#section12 .tittle.on>img{
    transform: translateY(0);
}
#section12 .vd video{
    position: absolute;
    top:216px; left:93px;
    width: 1743px;
    height: 895px;
    box-sizing: border-box;
    border-radius:4.9% 6.6% 6.5% 4.8%;
    object-fit: cover;
}
#section12 .vd .frame{
    position: absolute;
    top:215px; left:85px;
    opacity: 1;
}
#section12 .cont_txt{
    position: absolute;
    top:1330px; left:172px;
    opacity: 1;
}
#section12 .cont_deco1{
    position: absolute;
    top:1578px; left:205px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s ;  
}
#section12 .cont_deco1.on{
    opacity: 1;
    transform: translateY(0);
}
#section12 .cont_deco2{
    position: absolute;
    top:1544px; left:450px;
    opacity: 0;
    transform: translateY(300px);
    transition: all .7s .1s;  
}
#section12 .cont_deco2.on{
    opacity: 1;
    transform: translateY(0);
}
#section12 .cont_deco3{
    position: absolute;
    top:1610px; left:543px;
    opacity: 0;
    transform: translateY(400px);
    transition: all .7s ;  
}
#section12 .cont_deco3.on{
    opacity: 1;
    transform: translateY(0);
}
#section12 .cont_1{
    position: absolute;
    top:1285px; left:1041px;
    opacity: 1;
}
#section12 .cont_2{
    position: absolute;
    top:1609px; left:961px;
    opacity: 0;
    transform: translate(-150px,100px);
    transition: all .8s .4s;
}
#section12 .cont_2.on{
    opacity: 1;
    transform: translate(0);
}
#section12 .cont_3{
    position: absolute;
    top:1552px; left:1556px;
    opacity: 0;
    transform: translate(200px,-100px);
    transition: all .8s .4s;
}
#section12 .cont_3.on{
    opacity: 1;
    transform: translate(0);
}

/* section13 */
#section13{
    position: absolute;
    top:30223px; left:0;
    opacity: 1;
}
#section13 .cont1_1{
    position: absolute;
    top:10px; left:408px;
    opacity: 1;
    transform: translateX(200px);
    transition: all .7s;
}
#section13 .cont1_1.on{
    opacity: 1;
    transform: translateX(0);
}
#section13 .cont1_2{
    position: absolute;
    top:10px; left:1069px;
    opacity: 1;
}
#section13 .cont1_txt1{
    position: absolute;
    top:0; left:860px;
    overflow: hidden;
}
#section13 .cont1_txt1>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section13 .cont1_txt1.on>img{
    transform: translateY(0);
}
#section13 .cont1_3{
    position: absolute;
    top:162px; left:336px;
    opacity: 1;
    transform: translateX(100px);
    transition: all .7s;
}
#section13 .cont1_3.on{
    opacity: 1;
    transform: translateX(0);
}
#section13 .cont1_4{
    position: absolute;
    top:162px; left:884px;
    opacity: 1;
}
#section13 .cont1_txt2{
    position: absolute;
    top:156px; left:750px;
    overflow: hidden;
}
#section13 .cont1_txt2>img{
    transform: translateY(300px);
    transition: all .6s .5s;  
}
#section13 .cont1_txt2.on>img{
    transform: translateY(0);
}
#section13 .cont1_5{
    position: absolute;
    top:147px; left:1298px;
    opacity: 1;  
}
#section13 .cont1_5.on> img { 
    animation: size2 1s .5s linear infinite alternate;
}
@keyframes size2 {
    0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.1);
      }
}
#section13 .cont2_txt{
    position: absolute;
    top:510px; left:1346px;
}
#section13 .cont2_deco3{
    position: absolute;
    top:1754px; left:218px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s ;  
}
#section13 .cont2_deco3.on{
    opacity: 1;
    transform: translateY(0);
}
#section13 .cont2{
    position: absolute;
    top:507px; left:24px;
    opacity: 1;
}
#section13 .cont2_deco1{
    position: absolute;
    top:963px; left:109px;
    opacity: 0;
    transform: rotate(200deg) translate(100px,100px);
    transition: all .9s;
}
#section13 .cont2_deco1.on{
    opacity: 1;
    transform: rotate(0) translate(0);
}
#section13 .bg{
    position: absolute;
    top:2003px; left:0;
    opacity: 1;
}
#section13 .cont2_deco2{
    position: absolute;
    top:1655px; left:66px;
    opacity: 1;
    transform: translateX(980px);
    transition: all .9s;
}
#section13 .cont2_deco2.on{
    opacity: 1;
    transform: translateX(0);
}

/* section14 */
#section14{
    position: absolute;
    top:32602px; left:0;
    opacity: 1;
}
#section14 .tittle_deco{
    position: absolute;
    top:0; left:403px;
    opacity: 1;
}
#section14 .tittle{
    position: absolute;
    top:66px; left:471px;
    overflow: hidden;
}
#section14 .tittle>img{
    transform: translateY(300px);
    transition: all .6s ;  
}
#section14 .tittle.on>img{
    transform: translateY(0);
}

#section14 .vd video{
    position: absolute;
    top:216px; left:93px;
    width: 1743px;
    height: 895px;
    box-sizing: border-box;
    border-radius:4.9% 6.6% 6.1% 4.8%;
    object-fit: cover;
}
#section14 .vd .frame{
    position: absolute;
    top:215px; left:85px;
    opacity: 1;
}
#section14 .cont1_tittle{
    position: absolute;
    top:1398px; left:542px;
    opacity: 1;
}
#section14 .cont1_arrow{
    position: absolute;
    top:1506px; left:1337px;
    overflow: hidden;
}
#section14 .cont1_arrow>img{
    transform: translateY(300px);
    transition: all .6s ;  
}
#section14 .cont1_arrow.on>img{
    transform: translateY(0);
}
#section14 .cont1_1{
    position: absolute;
    top:1641px; left:342px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s ;  
}
#section14 .cont1_1.on{
    opacity: 1;
    transform: translateY(0);
}
#section14 .cont1_2{
    position: absolute;
    top:1751px; left:653px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .3s;  
}
#section14 .cont1_2.on{
    opacity: 1;
    transform: translateY(0);
}
#section14 .cont1_3{
    position: absolute;
    top:1813px; left:966px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .5s;  
}
#section14 .cont1_3.on{
    opacity: 1;
    transform: translateY(0);
}
#section14 .cont1_4{
    position: absolute;
    top:1700px; left:1281px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .7s ;  
}
#section14 .cont1_4.on{
    opacity: 1;
    transform: translateY(0);
}
#section14 .cont1_point{
    position: absolute;
    top:1703px; left:1511px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s .7s ;  
}
#section14 .cont1_point.on{
    opacity: 1;
    transform: translateY(0);
}
#section14 .cont1_point> img { 
    animation: size2 1s linear infinite alternate;
}
@keyframes size2 {
    0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.1);
      }
}

#section14 .cont1_deco1{
    position: absolute;
    top:1868px; left:177px;
    opacity: 1;
}
#section14 .cont1_deco2{
    position: absolute;
    top:1868px; left:1574px;
    opacity: 1;
}

/* section15 */
#section15{
    position: absolute;
    top:35055px; left:0;
    opacity: 1;
}
#section15 .tittle1{
    position: absolute;
    top:122px; left:73px;
    overflow: hidden;
}
#section15 .tittle1>img{
    transform: translateY(300px);
    transition: all .6s ;  
}
#section15 .tittle1.on>img{
    transform: translateY(0);
}
#section15 .tittle1_txt{
    position: absolute;
    top:154px; left:1285px;
    overflow: hidden;
}
#section15 .tittle1_txt>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section15 .tittle1_txt.on>img{
    transform: translateY(0);
}
#section15 .cont1{
    position: absolute;
    top:0; left:50px;
    opacity: 1;
}
#section15 .tittle2_deco{
    position: absolute;
    top:763px; left:808px;
    opacity: 1;
}
#section15 .tittle2{
    position: absolute;
    top:1006px; left:464px;
    overflow: hidden;
}
#section15 .tittle2>img{
    transform: translateY(300px);
    transition: all .6s;  
}
#section15 .tittle2.on>img{
    transform: translateY(0);
}
#section15 .tittle2_txt{
    position: absolute;
    top:1241px; left:535px;
    overflow: hidden;
}
#section15 .tittle2_txt>img{
    transform: translateY(300px);
    transition: all .6s .3s;  
}
#section15 .tittle2_txt.on>img{
    transform: translateY(0);
}
#section15 .cont_1{
    position: absolute;
    top:1313px; left:783px;
    opacity: 0;
    transform: translateY(200px);
    transition: all .7s;  
}
#section15 .cont_1.on{
    opacity: 1;
    transform: translateY(0);
}
#section15 .cont_2{
    position: absolute;
    top:1489px; left:0;
    opacity: 1;
}



/* bottom */
#bottom1{
    position: absolute;
    top:37164px; left:0;
    opacity: 1;
}
#bottom1 .bg{
    position: absolute;
    top:9px; left:0;
    opacity: 1;
}
#bottom1 .deco{
    position: absolute;
    top:154px; left:1080px;
    overflow: hidden;
}
#bottom1 .deco>img{
    transform: translateX(200px);
    transition: all 1s;  
}
#bottom1 .deco.on>img{
    transform: translateX(0);
}
#bottom1 .txt1{
    position: absolute;
    top:0; left:25px;
    opacity: 1;
}
#bottom1 .txt2{
    position: absolute;
    top:147px; left:815px;
    opacity: 0;
    transition: all 1s .3s;  
}
#bottom1 .txt2.on{
    opacity: 1;
}







/*  menu  */
#menu{
    position: absolute;
    top:0; left:0;
    width: 1920px;
    background-color: #222222;
    display: flex;
    padding:26px 0;
    z-index: 9999;
  }
  #menu .logo{
    margin-left: 40px;
  }
  #menu .gnb{
    margin:0 auto;
    display: flex;
  }
  #menu .gnb li{
    margin-right: 30px;
  
  }
  #menu .gnb a{
    font-size: 1.2rem;
  }
  .gnb a:after {
    display:block;
    content: '';
    border-bottom: solid 3px #afff01; 
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
    padding-bottom:5px;
  }
  .gnb a:hover:after { transform: scaleX(1); }
  .gnb a.underline-blue:after{  transform-origin:  0% 50%; }
  
  #menu .sns{
    float: right;
    margin-right: 20px;
  }
  #menu .sns a i{
    margin-right: 10px;
    font-size:1.5rem
  }
  #menu .sns a i:hover{
    color: #afff01;;
  }
  
  
  
  
  
  
  
  /*  bottom */
  #bottom{
    position: absolute;
    top:37823px; left:0;
    opacity: 1;
    background-color: #222222;
    width: 100%;
    height: 600px;
  }

  #bottom .txt{
    position: absolute;
    top:82px; left:823px;
    opacity: 1;
  }
  #bottom .ct1{
    position: absolute;
    top:239px; left:266px;
    overflow: hidden;
  }
  #bottom .ct1>img{
      transform: translateY(300px);
      transition: all .7s;  
  }
  #bottom .ct1.on>img{
    transform: translateY(0);
  }
  #bottom .ct2{
    position: absolute;
    top:239px; left:492px;
    transform: rotate( 360deg );
    transition: all .7s ; 
    opacity: 0;
  }
  #bottom .ct2.on{
    opacity: 1;
    transform: rotate( 0);
  }
  #bottom .ct3{
    position: absolute;
    top:239px; left:660px;
    overflow: hidden;
  }
  #bottom .ct3>img{
      transform: translateY(300px);
      transition: all .7s .3s;  
  }
  #bottom .ct3.on>img{
    transform: translateY(0);
  }
  #bottom .ct4{
    position: absolute;
    top:239px; left:901px;
    overflow: hidden;
  }
  #bottom .ct4>img{
      transform: translateY(300px);
      transition: all .7s .5s;  
  }
  #bottom .ct4.on>img{
    transform: translateY(0);
  }
  #bottom .ct5{
    position: absolute;
    top:239px; left:1641px;
    transform: scale(3);
    transition: all .7s .7s; 
    opacity: 0; 
  }
  #bottom .ct5.on{
    opacity: 1;
    transform: scale(1);
  }
  #bottom .line{
    width: 0px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top:360px; left: 252px;
    transition: all .8s;
    background-color: rgb(255, 255, 255);
  }
  #bottom .line.on{
    width: 1430px;
  }
  #bottom  .sub_menu{
    position: absolute;
    top:400px; left: 0;
    width: 1920px;
    display: flex;;
    margin:0 auto;
  }
  
  #bottom .sub_menu ul{
    margin:0 auto;
    display: flex;
  }
  
  #bottom .sub_menu li{
    margin-right: 30px;
  
  }
  #bottom .sub_menu a{
    border: 1px solid white;
    border-radius: 50px;
    padding: 12px 30px 1px 30px;
    font-size: 1.5rem;
    font-weight: 400;
  }
  #bottom  .sub_menu a:hover{
    border: 1px solid  #afff01;
    border-radius: 50px;
    padding: 12px 30px 15px 30px;
    font-size: 1.5rem;
    font-weight: 400;
    background-color:  #afff01;
    color: #222222;
  }
  
  
  /* wave2 */
  .box2 {
    width: 1920px;
    height: 600px;
    border-radius: 5px;
    background: lighten(#afff01, 100%);
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
  
  
  #bottom .txt{
    position: absolute;
    top:82px; left:823px;
    opacity: 1;
  }
  #bottom .ct1{
    position: absolute;
    top:239px; left:266px;
    overflow: hidden;
  }
  #bottom .ct1>img{
      transform: translateY(300px);
      transition: all .7s;  
  }
  #bottom .ct1.on>img{
    transform: translateY(0);
  }
  #bottom .ct2{
    position: absolute;
    top:239px; left:492px;
    transform: rotate( 360deg );
    transition: all .7s ; 
    opacity: 0;
  }
  #bottom .ct2.on{
    opacity: 1;
    transform: rotate( 0);
  }
  #bottom .ct3{
    position: absolute;
    top:239px; left:660px;
    overflow: hidden;
  }
  #bottom .ct3>img{
      transform: translateY(300px);
      transition: all .7s .3s;  
  }
  #bottom .ct3.on>img{
    transform: translateY(0);
  }
  #bottom .ct4{
    position: absolute;
    top:239px; left:901px;
    overflow: hidden;
  }
  #bottom .ct4>img{
      transform: translateY(300px);
      transition: all .7s .5s;  
  }
  #bottom .ct4.on>img{
    transform: translateY(0);
  }
  #bottom .ct5{
    position: absolute;
    top:239px; left:1641px;
    transform: scale(3);
    transition: all .7s .7s; 
    opacity: 0; 
  }
  #bottom .ct5.on{
    opacity: 1;
    transform: scale(1);
  }
  #bottom .line{
    width: 0px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top:360px; left: 252px;
    transition: all .8s;
    background-color: rgb(255, 255, 255);
  }
  #bottom .line.on{
    width: 1430px;
  }
  #bottom  .sub_menu{
    position: absolute;
    top:400px; left: 0;
    width: 1920px;
    display: flex;;
    margin:0 auto;
  }
  
  #bottom .sub_menu ul{
    margin:0 auto;
    display: flex;
  }
  
  #bottom .sub_menu .ma{
    margin-right: 30px;
  
  }
  #bottom .sub_menu a{
    border: 1px solid white;
    border-radius: 50px;
    padding: 12px 30px 12px 30px;
    font-size: 1.5rem;
    font-weight: 400;
  }
  #bottom  .sub_menu a:hover{
    border: 1px solid  #afff01;
    border-radius: 50px;
    padding: 12px 30px 15px 30px;
    font-size: 1.5rem;
    font-weight: 400;
    background-color:  #afff01;
    color: #222222;
  }
  
  
  /* wave2 */
  .box2 {
    width: 1920px;
    height: 600px;
    border-radius: 5px;
    background: lighten(#afff01, 100%);
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
  
  
  .box2 .wave {
    opacity: .7;
    position: absolute;
    bottom: 3%;
    left: 50%;
    background: #aeff01;
    width: 1000px;
    height: 1000px;
    margin-left: -500px;
    margin-bottom: -950px;
    transform: translate(-50%,-48%);
    border-radius: 43%;
    animation: drift 3000ms infinite linear;
  }
  
  .box2 .wave.-three {
    animation: drift 5000ms infinite linear;
  }
  
  .box2 .wave.-two {
    animation: drift 7000ms infinite linear;
    opacity: .1;
    background: rgb(255, 255, 255);
  }
  
  .box2:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(rgb(255, 255, 254), 1), rgba(#def, 0) 80%, rgba(black, .5));
    z-index: 11;
    transform: translate3d(0, 0, 0);
  }
  @keyframes drift {
    from { transform: rotate(0deg); }
    from { transform: rotate(360deg); }
  }