.pt-perspective {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

.pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #000000;
}

.pt-page-current {
    visibility: visible;
    z-index: 1;
}

.pt-page-ontop {
    z-index: 999;
}

.page-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.page1Animate {
    animation: fadeOut 0.6s 0.5s ease-out both;
}

.page1Animate .page1_po {
    animation: scaleInOut 2s ease-out both;
}

.animateDelay1800 {
    animation-delay: 1.2s !important;
}

@keyframes scaleInOut {
    0% {
        transform: scale(30);
        opacity: 1;
    }
    20% {
        transform: scale(3);
        opacity: 1;
    }
    60% {
        transform: scale(3);
        opacity: 0;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.page2AnimateIn {
    animation: fadeIn 1s ease-out both;
}

.fadeIn {
    animation: fadeIn 0.4s ease-out both;
}

.fadeOut {
    animation: fadeOut 0.4s ease-out both;
}

.main_login>div {
    animation: zoomIn 0.4s linear both;
}


/* .kv_btnfos{ animation: zoomInDown 1.2s 0.5s linear both;} */

.kv_btnfos .sovbtns:nth-child(1) {
    animation: zoomIn 0.3s 0.2s linear both;
}

.kv_btnfos .sovbtns:nth-child(2) {
    animation: zoomIn 0.3s 0.4s linear both;
}

.kv_btnfos .sovbtns:nth-child(3) {
    animation: zoomIn 0.3s 0.6s linear both;
}

.kv_btnfos .sovbtns:nth-child(4) {
    animation: zoomIn 0.3s 0.8s linear both;
}

@keyframes slimp {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 10px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.downTips {
    animation: slimp 1s linear infinite;
}

.data_menus section:nth-child(1) {
    animation: fadeInLeft 0.6s 0s linear both;
}

.data_menus section:nth-child(2) {
    animation: fadeInLeft 0.6s 0.2s linear both;
}

.data_menus section:nth-child(3) {
    animation: fadeInLeft 0.6s 0.4s linear both;
}

.data_menus section:nth-child(4) {
    animation: fadeInLeft 0.6s 0.6s linear both;
}

.article_tops {
    animation: fadeRight1 0.6s 0.2s linear both;
}

.slider_artcher {
    animation: fadeRight1 0.6s 0.4s linear both;
}

.p4_pbg .xpoyt {
    animation: fadeLeft1 0.3s 0.3s linear both;
}

.met1on {
    animation: fadeLeft1 0.4s 0.5s linear both;
}

.met2on {
    animation: fadeLeft1 0.6s 0.2s linear both;
}

.box_tshao1 .layer:nth-child(1) .tboxs1 {
    animation: fadeUP1 0.3s 0.2s linear both;
}

.box_tshao1 .layer:nth-child(2) .tboxs1 {
    animation: fadeDown1 0.3s 0.4s linear both;
}

.box_tshao1 .layer:nth-child(3) .tboxs1 {
    animation: fadeUP1 0.3s 0.6s linear both;
}

.box_tshao1 .layer:nth-child(4) .tboxs1 {
    animation: fadeDown1 0.3s 0.75s linear both;
}

.tboxs2 {
    animation: fadeUP1 0.6s 0.3s linear both;
}

.tboxs3 {
    animation: fadeUP1 0.6s 0.6s linear both;
}

.p5_pbg .xpoyt {
    animation: fadeRight1 0.4s 0.5s linear both;
}

.wallpapercont .layer:nth-child(1) .papcont {
    animation: fadeUP1 0.6s 0.4s linear both;
}

.wallpapercont .layer:nth-child(2) .papcont {
    animation: fadeDown1 0.6s 0.6s linear both;
}

.wallpapercont .layer:nth-child(3) .papcont {
    animation: fadeUP1 0.6s 0.8s linear both;
}

.wallpapercont .layer:nth-child(4) .papcont {
    animation: fadeDown1 0.6s 1s linear both;
}

@keyframes fadeUP1 {
    0% {
        transform: translate(0, 50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes fadeDown1 {
    0% {
        transform: translate(0, -50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes fadeLeft1 {
    0% {
        transform: translate(-50%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes fadeRight1 {
    0% {
        transform: translate(50%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.page4 .sec_tits {
    animation: fadeUP1 0.8s 0.8s ease both;
}

.page5 .sec_tits {
    animation: fadeUP1 0.8s 0.8s ease both;
}
.page6 .sec_tits {
    animation: fadeUP1 0.8s 0.8s ease both;
}


.sec_tits {
    animation: fadeUP1 1s 0s ease both;
}

.news_pic {
    animation: fadeLeft1 1s 0.2s linear both;
}

.newlistsbar {
    animation: fadeRight1 0.6s 0.4s linear both;
}

.news_c_title {
    animation: fadeRight1 0.6s 0.6s linear both;
}

.new_cons .newLists:nth-child(1) {
    animation: fadeRight1 0.3s 0.4s linear both;
}

.new_cons .newLists:nth-child(2) {
    animation: fadeRight1 0.3s 0.6s linear both;
}

.new_cons .newLists:nth-child(3) {
    animation: fadeRight1 0.3s 0.8s linear both;
}

.new_cons .newLists:nth-child(4) {
    animation: fadeRight1 0.3s 1s linear both;
}

.news_more {
    animation: fadeRight1 0.6s 1.4s linear both;
}

.acts .ht_lint1 {
    animation: fadeInUp 0.3s 0.4s linear both;
}

.acts .ht_lint2 {
    animation: fadeInUp 0.3s 0.6s linear both;
}

.linesshotes {
    animation: fadeInLeft 0.9s 0.4s linear both;
}

.shapeanime {
    animation: fadeRight1 0.4s 0.6s linear both;
}

.prevbtns {
    animation: fadeInLeft 0.6s 0.8s linear both;
}

.nextbtns {
    animation: fadeInRight 0.6s 0.8s linear both;
}

.shapeswipers .swiper-slide-active .pageskd {
    animation: pulse 0.8s linear both;
}

.twingno {
    animation: fadeUP1 0.8s 0.3s ease both;
}
.swipernewscont .swiper-slide:nth-child(1) {
    animation: fadeUP1 0.8s 0.5s ease both;
}
.swipernewscont .swiper-slide:nth-child(2) {
    animation: fadeDown1 0.8s 0.7s ease both;
}
.swipernewscont .swiper-slide:nth-child(3) {
    animation: fadeUP1 0.8s 0.9s ease both;
}



/* download */
.download_nav {
    animation: fadeDown1 0.4s 0.4s linear both;
}
.download_box {
    animation: fadeUP1 0.4s 0.4s linear both;
}
.download_tips {
    animation: fadeUP1 0.4s 0.8s linear both;
}