img,.p0tx3,.tpAnim,.tpAnim h2,.tpAnim p,.icoBox,.logoBog ,.faceLeft,.tp6Tx{ transition:  1.6s all cubic-bezier(.77,0,.175,1 ); -webkit-transition:  1.6s all cubic-bezier(.77,0,.175,1 );}




.p0tx1,.p0tx3{ transform:  translate3d(50%, 0px, 0px);-webkit-transform:  translate3d(50%, 0px, 0px); opacity: 0;}
.swiper-slide-active .p0tx1,.swiper-slide-active .p0tx3{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.p0tx2,.p0tx4{ transform:  translate3d(-50%, 0px, 0px);-webkit-transform:  translate3d(-50%, 0px, 0px); opacity: 0;}
.swiper-slide-active .p0tx2,.swiper-slide-active .p0tx4{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.logoBog{ transform:  translate3d(0, 50%, 0px);-webkit-transform:  translate3d(0, 50%, 0px); opacity: 0;}
.swiper-slide-active .logoBog{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.p1tx{ opacity: 0;transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .p1tx{  opacity: 1}

.faceLeft{ transform:  translate3d(-50%, 0px, 0px);-webkit-transform:  translate3d(-50%, 0px, 0px); opacity: 0;  }
.swiper-slide-active .faceLeft{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.faceRight{ transform:  translate3d(50%, 0px, 0px);-webkit-transform:  translate3d(50%, 0px, 0px); opacity: 0;  }
.swiper-slide-active .faceRight{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.lineLeft{ transform:  translate3d(-50%, 0px, 0px);-webkit-transform:  translate3d(-50%, 0px, 0px); opacity: 0; transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .lineLeft{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.lineRight{ transform:  translate3d(50%, 0px, 0px);-webkit-transform:  translate3d(50%, 0px, 0px); opacity: 0; transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .lineRight{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.tpRight h2{ transform:  translate3d(50%, 0px, 0px);-webkit-transform:  translate3d(50%, 0px, 0px); opacity: 0; transition-delay: .5s; -webkit-transition-delay: .5s;  }
.swiper-slide-active .tpRight h2{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}



.tpRight h2{ transform:  translate3d(50%, 0px, 0px);-webkit-transform:  translate3d(50%, 0px, 0px); opacity: 0; transition-delay: .5s; -webkit-transition-delay: .5s;  }
.swiper-slide-active .tpRight h2{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}


.tpLeft h2{ transform:  translate3d(-50%, 0px, 0px);-webkit-transform:  translate3d(-50%, 0px, 0px); opacity: 0; transition-delay: .5s; -webkit-transition-delay: .5s;  }
.swiper-slide-active .tpLeft h2{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.tpLeft p{ transform:  translate3d(-50%, 0px, 0px);-webkit-transform:  translate3d(-50%, 0px, 0px); opacity: 0; transition-delay: .7s; -webkit-transition-delay: .7s;  }
.swiper-slide-active .tpLeft p{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.tp3 h2{ transform: scale(2); -webkit-transform: scale(2); opacity: 0;}
.swiper-slide-active .tp3 h2{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.tp3 p{ transform: scale(2); -webkit-transform: scale(2); opacity: 0;  transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .tp3 p{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;}

.p3Box img[class^="phone"]{ transform: scale(2); -webkit-transform: scale(2); opacity: 0;}

.swiper-slide-active .p3Box img[class^="phone"]{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.swiper-slide-active .p3Box .phone1{ transition-delay: .1s; -webkit-transition-delay: .1s;}
.swiper-slide-active .p3Box .phone2 {transition-delay: .2s; -webkit-transition-delay: .2s;}
.swiper-slide-active .p3Box .phone3{ transition-delay: .1s; -webkit-transition-delay: .1s;}
.swiper-slide-active .p3Box .phone4{ transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .p3Box .phone5{ transition-delay: .4s; -webkit-transition-delay: .4s;}
.swiper-slide-active .p3Box .phone6{ transition-delay: .2s; -webkit-transition-delay: .2s;}
.swiper-slide-active .p3Box .phone7{ transition-delay: .1s; -webkit-transition-delay: .1s;}
.swiper-slide-active .p3Box .phone8{ transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .p3Box .phone9{ transition-delay: .4s; -webkit-transition-delay: .4s;}
.swiper-slide-active .p3Box .phone10{ transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .p3Box .phone11{ transition-delay: .1s; -webkit-transition-delay: .1s;}
.swiper-slide-active .p3Box .phone12{ transition-delay: .2s; -webkit-transition-delay: .2s;}
.swiper-slide-active .p3Box .phone13{ transition-delay: .4s; -webkit-transition-delay: .4s;}

.icoBox>img{ transform: rotateX(100deg)  rotateY(5deg) scale(1.5) translate3d(-1000px,0,100px);opacity: 0; -webkit-transform: rotateX(100deg)  rotateY(5deg) scale(1.5) translate3d(-1000px,0,100px);}
.swiper-slide-active .icoBox>img{transform: rotateX(0deg) scale(1)  rotateY(0deg)  translate3d(0,0,0);opacity: 1; -webkit-transform: rotateX(0deg) scale(1) rotateY(0deg)  translate3d(0,0,0);}
.swiper-slide-active .icoBox>.ico1{ transition-delay: .2s; -webkit-transition-delay: .2s;}
.swiper-slide-active .icoBox>.ico2{ transition-delay: .6s; -webkit-transition-delay: .6s;}
.swiper-slide-active .icoBox>.ico3{ transition-delay: .3s; -webkit-transition-delay: .3s;}
.swiper-slide-active .icoBox>.ico4{ transition-delay: .5s; -webkit-transition-delay: .5s;}
.swiper-slide-active .icoBox>.ico5{ transition-delay: .4s; -webkit-transition-delay: .4s;}
.swiper-slide-active .icoBox>.ico6{ transition-delay: .6s; -webkit-transition-delay: .6s;}
.swiper-slide-active .icoBox>.ico7{ transition-delay: .8s; -webkit-transition-delay: .8s;}
.swiper-slide-active .icoBox>.ico8{ transition-delay: .3s; -webkit-transition-delay: .3s;}


.Imac{ transform:  translate3d(-50%, 0px, 0px);-webkit-transform:  translate3d(-50%, 0px, 0px); opacity: 0; transition-delay: .5s; -webkit-transition-delay: .5s;  }
.swiper-slide-active .Imac{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.dataUp{transform:  translate3d(0, 50%, 0px);-webkit-transform:  translate3d(0, 50%, 0px); opacity: 0; }
.swiper-slide-active .dataUp{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.dataDown{transform:  translate3d(0, -50%, 0px);-webkit-transform:  translate3d(0, -50%, 0px); opacity: 0; }
.swiper-slide-active .dataDown{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.tp6Tx{transform:  translate3d(0, 50%, 0px);-webkit-transform:  translate3d(0, 50%, 0px); opacity: 0; }
.swiper-slide-active .tp6Tx{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.dataComputer img,.dataTx{ transform:  translate3d(0, 50%, 0px);-webkit-transform:  translate3d(0, 50%, 0px); opacity: 0; opacity: 0; }
.swiper-slide-active .dataComputer img ,.swiper-slide-active .dataTx{ transform:  translate3d(0, 0px, 0px);-webkit-transform:  translate3d(0, 0px, 0px); opacity: 1}

.dataTx{transition-delay: .8s; -webkit-transition-delay: .8s;  }
.swiper-slide-active .data3{ transition-delay: .2s; -webkit-transition-delay: .2s;}
.swiper-slide-active .data2{ transition-delay: .4s; -webkit-transition-delay: .4s;}
.swiper-slide-active .data1{ transition-delay: .6s; -webkit-transition-delay: .6s;}



@keyframes download {
    100%{
        transform: translate(0,20px);
        opacity: 1;
        -webkit-transform: translate(0,20px);
    }
}
@-webkit-keyframes download {
    100%{
        transform: translate(0,20px);
        -webkit-transform: translate(0,20px);
        opacity: 1;
    }
}