@charset "utf-8";

.index-tz-img {width: 100%; height: 100%; position: relative;  }
.index-tz-img1 {width: 100%; height: auto;position: absolute;top:0px;left: 0;}
.index-tz-img-logo { position: absolute;top: 57%;left:20%;animation:index-tz-img-logo 9s;-webkit-animation:index-tz-img-logo 9s;
    animation-delay:2s;
    -webkit-animation-delay:2s; opacity: 0;
}

.index-tz-img2-bg{
    position: relative;top:0;left: 0;
    height: 1000px; width: 100%;
    animation:index-tz-img2-bg 11s ;
    animation-delay:2s;
    -webkit-animation:index-tz-img2-bg 11s ;
    -webkit-animation-delay:2s;
    background-color: #2d0f0f;
    background-image: radial-gradient( #2d1010 30%,#280e0e,#1f0b0b,#170909, #0d0505,#0b0505);
}
@keyframes index-tz-img2-bg {
    from {opacity: 1;} to {opacity: 0;}
}
@-webkit-keyframes index-tz-img2-bg {
    from {opacity: 1;} to {opacity: 0;}
}
@keyframes index-tz-img-logo {
    from {opacity: 0;} to {opacity: 1;}
}
@-webkit-keyframes index-tz-img-logo {
    from {opacity: 0;} to {opacity: 1;}
}
.index-tz-d1 {animation:index-tz-d1 2s;-webkit-animation:index-tz-d1 2s; margin-top: 0px; }
@keyframes index-tz-d1 {
    from {margin-top: 0;} to {margin-top: -1200px;}
}
@-webkit-keyframes index-tz-d1 {
    from {margin-top: 0;} to {margin-top: -1100px;}
}
.heade-none-ss {margin-top: -120px;}
.heade-none-ssss {
    margin-top: 0;
    animation:heade-none-ssss 3s;-webkit-animation:heade-none-ssss 3s;
}
@keyframes heade-none-ssss { from {margin-top: -120px;} to {margin-top: 0;} }
@-webkit-keyframes heade-none-ssss { from {margin-top: -120px;} to {margin-top: 0;} }


@media (min-width: 1025px) and (max-width: 1479.98px) {

    .index-tz-img-logo { top: 43%;left:20%; }
    .index-tz-img-logo img { width: 80%;}


}

.index-tz-d11 { display: none;}