@media screen and (min-width:770px) and (max-width:1920px){
.inda_bt{ position: relative; top: 120px; opacity: 0;}
.inda_bta{ position: relative; top: 120px; opacity: 0;}
.inda_yw{ position: relative; top: 120px; opacity: 0;}
.inda_an{ position: relative; top: 120px; opacity: 0;}
.active .inda_bt{ top: 0; opacity: 1; transition: 2s 0.5s;}
.active .inda_bta{ top: 0; opacity: 1; transition: 2s 1s;}
.active .inda_yw{ top: 0; opacity: 1; transition: 2s 1.5s;}
.active .inda_an{ top: 0; opacity: 1; transition: 2s 2s;}

.indb_bt{position: relative; top: 120px; opacity: 0;}
.indb_mc{position: relative; top: 120px; opacity: 0;}
.indb_an{ transform: scale(0);}
.active .indb_bt{ top: 0; opacity: 1; transition: 2s 0.5s;}
.active .indb_mc{ top: 0; opacity: 1; transition: 2s 1s;}
.active .indb_an{ transform: scale(1); transition: 1s 2s;}

.indc_nr li{ top: 250px; opacity: 0.1;}
.active .indc_nr li:nth-child(1){top: 0; opacity: 1; transition: 1.5s 0.5s;}
.active .indc_nr li:nth-child(2){top: 0; opacity: 1; transition: 1.5s 0.6s;}
.active .indc_nr li:nth-child(3){top: 0; opacity: 1; transition: 1.5s 0.7s;}
.active .indc_nr li:nth-child(4){top: 0; opacity: 1; transition: 1.5s 0.8s;}
}