/**产品介绍**/

.pro-intr-img {
    animation: 1.5s pro-intr-slide-left;
}

@keyframes pro-intr-slide-left {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.pro-intr-text {
    animation: 1.5s pro-intr-slide-right;
}

@keyframes pro-intr-slide-right {
    0% {
        transform: translateX(60%);
        opacity: 0.5;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.pro-intr-text-tit {
    animation: 1.5s pro-intr-text_tit;
}

@keyframes pro-intr-text_tit {
    0% {
        transform: translateY(-150%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.pro-intr-text-text {
    animation: 1.5s pro-intr-text_text;
}

@keyframes pro-intr-text_text {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


/**功能描述**/

.fun-intr-text1 {
    animation: 2s translateY;
}

.fun-intr-text2 {
    animation: 2s translateY;
}

.fun-intr-text3 {
    animation: 2s translateY;
}

@keyframes translateY {
    0% {
        transform: translateY(150%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


/**系统拓扑图**/

.system-top--img {
    animation: 2.5s system-top_img;
}

@keyframes system-top_img {
    0% {
        transform: translateY(150%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


/**产品参数css动画**/


/**左侧文字**/

.pro-data-left {
    animation: 2.2s pro-data_left;
}

@keyframes pro-data_left {
    0% {
        transform: translateX(-150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


/**右侧文字**/

.pro-data-right {
    animation: 2.2s pro-data_right;
}

@keyframes pro-data_right {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}