#banner{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100vh;
    background: #2f2f2f;
    transition: all ease 5s;
   animation:bannerzezao 1s;
  animation-delay:3s;
  opacity: 1;
}
.banneranima #banner{
  opacity: 0;
}



.zpleft {
    width: 343px;
   
    position: absolute;
    top: 40%;
    height: 485px;
    left: 50%;
    margin-left: -171.5px;
    margin-top: -242.5px;
}
.zpleft p {
    font-size: 80px;
    font-weight: bold;
    color: #616161;
    line-height: 120px;
    letter-spacing: 0px;
    overflow: hidden;
    text-align: center;
}

.zpleft p span {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    display: inline-block;
    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -ms-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    color: #666;
}
.zpleft p.psan span {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.zpleft p span:nth-of-type(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.zpleft p span:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.zpleft p span:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.zpleft p span:nth-of-type(4) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.zpleft p span:nth-of-type(5) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.zpleft p span:nth-of-type(6) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.zpleft p span:nth-of-type(7) {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.zpleft p.bianse span {
    color: #ddea22;
}
.zpleft p.bianse {
    color: #ddea22;
}
#footer {
    position: absolute;
    bottom: 38px;
    width: 100%;
}
#footer ul {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}
#footer ul li {
    display: inline-block;
    text-align: center;
    width: 116px;
    height: 43px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.5);
    line-height: 43px;
    color: #2f2f2f;
    padding-left: 27px;
    font-size: 14px;
    margin: 0 8px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    cursor: pointer;
}
#footer ul li:nth-of-type(1) {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023081821215099455/cms/image/ff1e9748-e9a3-41e2-919b-6482f4454522.png)rgba(255, 255, 255, 0.5) no-repeat 15px center;
}
#footer ul li:nth-of-type(2) {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023081821215099455/cms/image/c58f3f17-86e8-4bb4-8232-3c97f1464105.png)rgba(255, 255, 255, 0.5) no-repeat 15px center;
}
#footer ul li:nth-of-type(3) {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023081821215099455/cms/image/1959c63a-7042-48fd-8a48-b6aba8b78127.png)rgba(255, 255, 255, 0.5) no-repeat 15px center;
}
#footer ul li a {
    color: #2f2f2f;
}
#footer p {
    text-align: center;
    font-size: 12px;
    color: #615f5f;
}
.loging_logo{
    position: absolute;
    bottom: 200px;
    left: 0px;
    right: 0;
    z-index: 999999;
    width: 357px;
    height: 87px;
    display: block;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}
.showlogo.loging_logo{

        -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.loging_logo img{}

@media (max-width: 1200px){
.zpleft p {
    font-size: 42px;
      line-height: 2;
}
  .loging_logo{
      width: 80%;
    margin: 0 auto;
    height: auto;
    bottom: 37vh;
  }
  .loging_logo img {
    width: 100%;
}
  #footer{
      bottom: 8vh;
  }
  #footer ul {
    display: flex;
}
  #footer ul li{}
  #footer p {
    text-align: center;
    font-size: 12px;
    color: #615f5f;
    padding: 0% 5%;
}
}