.case-container{
   width: 100%;
    margin: 0 auto;
}
.container-box{
    max-width: 1312px;
    margin: 0 auto;
}
    .case-item{
        display: inline-block;
        width: 31%;
       margin: 0 1% 2.5%;
       overflow: hidden;
    }   
        .case-img{
            position: relative;
            width: 100%;
            padding-bottom: 66.6%;
            margin-bottom: 2.6%;
        }
            .case-img a{
                display: inline-block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
            }
                .case-img a img{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    transition: 1s;
                    -webkit-transition: 1s;
                    -moz-transition: 1s;
                    -ms-transition: 1s;
                    -o-transition: 1s;
}
        .case-text p{
            font-size: 18px;
            color: #222222;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
        }
        .case-text p a{
            padding-right: 2%;
            width: 98%;
            color: #222222;
            position: relative;
            left: 0;
            transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
}
        .case-text p a::after{
            content: "";
            position: absolute;
            width: 15px;
            height: 2px;
            background: #13912c;
            top: 50%;
            left: -30px;
        }
    
    .case-item:hover .case-img a img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .case-item:hover .case-text p a{
        left: 30px;
        color: #13912c;
    }

    @media(max-width:830px){
        .case-item{
            width: 47.5%;
        }
    }
    @media(max-width:540px){
        .case-item{
            width: 90%;
            margin-left: 5%;
        }
        .case-text p{
            font-size: 15px;
        }
    }