/*动画样式*/
.pro_nav_box {
    position: absolute;
    left: 0;
    top: 41.666vw;
    width: 100%;
    padding: 0 9.6875vw;
}

.pro_nav_item {
    margin-right: 3.125vw;
}

.pro_nav_item:nth-child(1) a {
    width: 4.58333vw;
    height: 4.4791666vw;
    display: block;
}

.pro_nav_item:nth-child(2) a {
    width: 3.69791666vw;
    height: 4.4791666vw;
    display: block;
}

.pro_nav_item:nth-child(3) a {
    width: 3.69791666vw;
    height: 4.4791666vw;
    display: block;
}

/*FadeInUp*/
.FadeInUp {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.AddFadeInUp {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}

/*图片从左到右滑出*/
.PublicImgLeft:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}


.AddPublicImgLeft:after {
    width: 0;
}

.AddPublicImgLeft img {
    -webkit-transform: none;
    transform: none;
}