.banner-tpl {
    padding-top: 100px;
//min-width: 1200px;
    min-height: 600px;
}

   .banner-scale-up {
       animation: scale-up 4s ease-in forwards;
   }

@keyframes scale-up {
    0% {
        transform: scale3d(1,1,1);
    }
    100% {
        transform: scale3d(1.05,1.05,1) rotate(0.02deg);
    }
}

   .banner-fadeIn {
       animation: fadeIn 1s forwards;
   }

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

   .banner-fadeOut {
       animation: fadeOut 1s forwards;
   }

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

   [data-enter-transition="banner-trans-fadeInUp"] {
       opacity: 0;
       transform: translate3d(0, 100px, 0);
   }

.banner-trans-fadeInUp {
    opacity: 1;
    transition: 1s;
    transform: translate3d(0, 0, 0);
}

   .banner-trans-fadeOutUp {
       transition: 1s;
       opacity: 0;
       transform: translate3d(0, -100px, 0);
   }


@media (max-width: 1023px) {
    .banner-tpl {
        display: none;
    }
}