.bannerTitle{
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
.bannerTitle span:first-child{
    animation-name: banner-title;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 2s;
    animation-delay: .3s;
}
.bannerTitle span:nth-child(2) {
    animation-name: banner-title;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 2s;
    animation-delay: .5s;
}
.bannerTitle span:nth-child(3) {
    animation-name: banner-title;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 2s;
    animation-delay: .8s;
}
.bannerTitle span:nth-child(4) {
    animation-name: banner-title;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 2s;
    animation-delay: 1s;
}
.bannerTitle span:nth-child(5) {
    animation-name: banner-title;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 2s;
    animation-delay: 1.2s;
}

/* 核心优势 */
.platformImageKeyFrames {
    opacity: 0;
    animation-duration: 2s;
    animation-name: platform-left-in;
    animation-delay: .5s;
    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:last-child {
    margin-bottom: 0px;
    animation-name: platformItem-content;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 1s;
    animation-delay: 1.4s;
}

/* 产品解决方案 */
.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;
}
.rightInto2{
    opacity: 0;
    animation-duration: 1s;
    animation-name: right-into;
    animation-delay: .13333s;
    animation-fill-mode: forwards;
}

@keyframes banner-title{
    0% {
        opacity: 0;
        transform: translate3d(0,80px,0);
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes platform-left-in{
    0% {
        opacity: 0;
        transform: translate3d(-200px,0,0) rotateY(30deg) scale(.6);
    }
    33% {
        opacity: 0;
        transform: translate3d(-100px,0,0) rotateY(23deg) scale(.69);
    }
    50% {
        opacity: 0;
        transform: translate3d(-50px,0,0) scale(.8) rotateY(15deg);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes platformItem-content{
    0% {
        opacity: 0;
        transform: translate3d(0,80px,0);
    }
    20% {
        opacity: 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);
    }
}


@media all and (max-width: 768px) {

    /* 产品解决方案 */
    .listData{
        margin-bottom: 0px;
    }
    .listItem{
        margin-bottom: 20px;
    }
    .listTitle{
        width: auto;
    }
    .listContent{
        width: auto;
    }

    /* 荣誉成就 */
    .honor-wrap{
        height: auto;
    }
    .honor-mainBox .con .conWrap{
        width: auto;
    }
    .honor-mainBox .con img{
        width: 310px;
    }
    .indicationWrap{
        display: none;
    }
}