html,body{height:100%;}
/*body{overflow:hidden;}*/
body,div,p,ul,li,h1,h2,h3,h4,h5{margin:0;padding:0;}
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-thumb {width:8px;height:8px;border-radius:4px;background:#ccc;}
::-webkit-scrollbar-track {background-color:rgba(0,0,0,.04);}
i,em{font-style:normal;}
.rel{position:relative;}
.abs{position:absolute;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.vt{vertical-align: top!important;}
.vm{vertical-align: middle!important;}
.vb{vertical-align: bottom!important;}
.ovh{overflow:hidden;}
.ova{overflow:auto;}
.dib{display:inline-block;}
.bg_FF{background-color: #ffffff}
.sdiv h1{
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;

}

.sdiv p{
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
    font-size: 36px;
    margin-bottom:10px;
}

.sdiv span{
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    font-size: 22px;
    margin-bottom:10px;
    display: block;
}
.adiv h1{
    font-size: 50px;
    margin-bottom:10px;
}
.adiv p{
    font-size: 36px;
    margin-bottom:10px;
}
.adiv span{
    font-size: 22px;
    margin-bottom:10px;
    display: block;
}


.sdiv.on h1,.sdiv.on p,.sdiv.on span{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity:1;
}


.con{
    width: auto;
    margin: 0 auto;
    padding: 0 10px;
}
@media (min-width: 992px){
    .con{
        width: 1000px;
    }
}
.sdiv:nth-child(even),.adiv:nth-child(even){
    text-align: right;
}
.sdiv_btn{
    text-align: center;
    margin: 100px 0;
}
.sdiv_btn div{
    width: 150px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000;
    font-size: 16px;
    text-align: center;
    margin:0 auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
.sdiv_btn div:hover{
    background: #000;
    color: #fff;
}
.con_title_h1{
    text-align: center;
    padding: 150px 0;
    -webkit-animation: hue 15s infinite linear;
    background-image: -webkit-linear-gradient(92deg,#673ab7,#3f51b5);
}
.con_title_h1 span{
    color: #fff;
    border-bottom: 1px solid #fff;
}
@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}
.animation-delay-2{
    -webkit-animation-delay:0.25s;
    animation-delay:0.25s;
}
.animation-delay-5{
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s;
}
.animated{
    opacity: 0;
}