/* 客户案例 */
#prePageIcon{
    position: absolute;
    left: calc(((100% - 1200px) / 2) - 96px);
    margin-top: 56px;
    cursor: pointer;
}
#nextPageIcon{
    position: absolute;
    right: calc(((100% - 1200px) / 2) - 96px);
    margin-top: 56px;
    cursor: pointer;
}
/* banner动画 */
.advantageKeyFrames{
    opacity: 0;
    animation-duration: .66667s;
    animation-name: advantage-title;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    transition: all .3s;
    transition-delay: .3s;
}
.advantageSubKeyFrames{
    opacity: 0;
    animation-duration: 1s;
    animation-name: advantage-title;
    animation-delay: .06667s;
    animation-fill-mode: forwards;
    transition: all .3s;
    transition-delay: .3s;
}
.leftInto{
    opacity: 0;
    animation-duration: .66667s;
    animation-name: left-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}
.rightInto{
    opacity: 0;
    animation-duration: .66667s;
    animation-name: right-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}

/* 产品优势 */
.slider1{
    opacity: 0;
    animation-duration: .5s;
    animation-name: left-into;
    animation-delay: .2s;
    animation-fill-mode: forwards;
}
.slider3{
    opacity: 0;
    animation-duration: 1s;
    animation-name: left-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}
.slider5{
    opacity: 0;
    animation-duration: 2s;
    animation-name: left-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}
.slider2{
    opacity: 0;
    animation-duration: .5s;
    animation-name: right-into;
    animation-delay: .2s;
    animation-fill-mode: forwards;
}
.slider4{
    opacity: 0;
    animation-duration: 1s;
    animation-name: right-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}
.slider6{
    opacity: 0;
    animation-duration: 2s;
    animation-name: right-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}

.platformItemKeyFrames:first-child {
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: .2s;
}
.platformItemKeyFrames:nth-child(2) {
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: .5s;
}
.platformItemKeyFrames:nth-child(3) {
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: .8s;
}
.platformItemKeyFrames:nth-child(4) {
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: 1.1s;
}
.platformItemKeyFrames:nth-child(5){
    margin-bottom: 0px;
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: 1.4s;
}
.platformItemKeyFrames:nth-child(6){
    margin-bottom: 0px;
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: 1.5s;
}

@keyframes platformItem-content{
    0% {
        opacity: 0;
        transform: translate3d(0,80px,0);
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}



@keyframes advantage-title{
    0% {
        opacity: 0;
        transform: translate3d(0,50px,0);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes left-into{
    0% {
        opacity: 0;
        transform: translate3d(-100px,0,0);
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes right-into{
    0% {
        opacity: 0;
        transform: translate3d(200px,0,0);
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}