.case2 {
    padding: 5.938vw 4.375vw 7.813vw;
}

.case2 .C-title {
    margin-bottom: 2.813vw;
}

.case2 .ev,
.case2 .zhanwei {
    width: calc(100% / 6.2);
}

.case2 .ev {
    height: 7.24vw;
    border: 1px solid #DCDCDC;
    transition: all ease .6s;
    margin-bottom: 0.917vw;
}

.home6 .ev:hover {
    border: 1px solid transparent;
    box-shadow: 0vw 1.04167vw 2.08333vw rgba(0, 0, 0, 0.15);
}

.case2 .ev img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
}

.case2 .ev:hover {
    box-shadow: 1.042vw 1.042vw 1.042vw rgba(0, 0, 0, 0.07);
}

.case3 {
    padding: 5.729vw 0;
}

.case3 .C-title {
    margin: 0 0 3.958vw 4.375vw;
}

.case3 .ev {
    width: calc(100% / 3);
    position: relative;
}

.case3 .ev .pic {
    width: 100%;
}

.case3 .ev .intr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    padding: 0 4.271vw;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: all ease .3s;
}

.case3 .ev:hover .intr {
    opacity: 1;
}

.case3 .ev .intr div {
    transform: translateY(3.125vw);
    transition: all ease .3s;
}

.case3 .ev:hover .intr div {
    transform: translateY(0);
}

.case3 .ev .intr h2 {
    font-size: 1.25vw;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.case3 .ev .intr p {
    font-size: 0.833vw;
    margin-top: 1.875vw;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 3;*/
}

.case3 .C-paging {
    margin-top: 4.271vw;
}

/* 
*======================================================media===============================================================
*/
@media screen and (max-width:1919px) {}

@media screen and (max-width:1519px) {}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1250px) {}

@media screen and (max-width:991px) {
    .case2 {
        padding: 64px 5% 50px;
    }

    .case2 .C-title {
        margin-bottom: 44px;
    }

    .case2 .ev,
    .case2 .zhanwei {
        width: calc(100% / 4.2);
    }

    .case2 .ev {
        padding: 15px 10px;
        height: auto;
        margin-bottom: 10px;

    }

    .case2 .ev:hover {
        box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.07);
    }

    .case3 {
        padding: 80px 0;
    }

    .case3 .C-title {
        margin: 0 0 46px 5%;
    }

    .case3 .ev {
        width: calc(100% / 2);
    }

    .case3 .ev .intr {
        padding: 0 42px;
    }

    .case3 .ev .intr div {
        transform: translateY(60px);
    }

    .case3 .ev .intr h2 {
        font-size: 24px;
    }

    .case3 .ev .intr p {
        font-size: 16px;
        margin-top: 36px;
    }

    .case3 .C-paging {
        margin-top: 42px;
    }
}

@media screen and (max-width:768px) {
    .case2 .C-title {
        margin-bottom: 20px;
    }

    .case2 .ev,
    .case2 .zhanwei {
        width: calc(100% / 3.2);
    }

    .case3 .ev .intr p {
        font-size: 14px;
        margin-top: 16px;
    }

    .case3 .ev .intr h2 {
        font-size: 18px;
    }

    .case3 .ev .intr {
        padding: 0 22px;
    }
}

@media screen and (max-width:480px) {

    .case3 .ev {
        width: calc(100% / 1);
    }

}