/*首页swiper2动画  图片缩放，字上升，遮罩层出现*/
.imgScale .chageImg {

    transform: scale(1.2);
    transition-duration: 0.6s;
}

/* 鼠标悬停效果规则 */
.imgScale:hover .chageImg {
    transform: scale(1);

}

.imgScale .imgBtmText {
    color: #fff;
    position: absolute;
    z-index: 9;

    bottom: 20px;


    width: 100%;
    text-align: center;
    transition: bottom .5s ease-in-out;
}

.imgScale:hover .imgBtmText {
    bottom: calc(50% - 30px);
}

.imgScale .shadowMask {
    position: absolute;
    color: #fff;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background:#002166; */
    background: rgba(0, 33, 102, .8);
    transform: translateY(100%);
    transition: .6s ease-in-out;
    mix-blend-mode: multiply;
}

.imgScale:hover .shadowMask {
    transform: translateY(0);
}

.imgScale .shadowMaskText {
    position: absolute;
    bottom: -30%;
    width: 100%;
    text-align: center;
    transition: bottom .5s ease-in-out;
}

.imgScale:hover .shadowMaskText {
    bottom: 25%;
}
@media screen and (max-width: 750px) {
    .imgScale:hover .shadowMask {
        transform: translateY(100%);
    }
}