@charset "utf-8";

#atc01 {
    overflow: hidden;
    position: relative;
    height: 100vh
}

#atc01 .bg {
    transform: scale(1.15);
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(./dff569116be2d.png) center no-repeat;
    background-size: cover;
    transition: all 0s .8s
}

#atc01 .cont {
    position: relative;
    top: 26%;
    max-width: 1350px;
    margin: 0 auto;
    color: #fff
}

#atc01 .cont p {
    overflow: hidden;
    margin-bottom: 25px;
    font-size: 50px;
    font-family: 'Marcellus'
}

#atc01 .cont p span {
    opacity: 0;
    display: block;
    transform: translateY(50px);
    transition: all 0s .6s
}

#atc01 .cont .desc {
    opacity: 0;
    white-space: pre-line;
    transition: all 0s .6s
}



body.fp-viewing-inc01 #atc01 .cont p span {
    opacity: 1;
    transform: translateY(0);
    transition: all .6s .6s;
}

body.fp-viewing-inc01 #atc01 .cont .desc {
    opacity: 1;
    transition: all .8s .8s;
}

body.fp-viewing-inc01 #atc01 .bg {
    transform: scale(1);
    transition: all 1.4s .4s;
}

 

@media(max-width:1440px) {
    #atc01 .cont {
        padding: 0 30px
    }
}

@media(max-width:1024px) {
    #atc01 .cont p {
        font-size: 42px;
        line-height: 1.15;
        word-break: keep-all
    }
}

@media(max-width:768px) {
    #atc01 .cont .desc {
        white-space: normal;
        word-break: keep-all
    }
}

@media(max-width:480px) {
    #atc01 .cont p {
        font-size: 32px
    }
}