.n-case{}
.n-case .list{display: flex;flex-wrap: wrap}
.n-case .list .item{width: 30%;margin-right: 5%;margin-top: 30px;}
.n-case .list .item:nth-child(3n){margin-right: 0}
.n-case .list .item .img{position: relative;z-index: 9;overflow: hidden}
.n-case .list .item .img .g_bg{padding-top:40%; transition: .6s all ease;background-size: cover;background-position: center;}
.n-case .list .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.n-case .list .item .text{padding-top: 10px; color: #0a0000}
.n-case .list .item .text .title2{text-align: center}
.n-case .list .item .text p{margin-top: 10px;line-height: 1.6em;overflow: hidden;height: 44px;opacity:.8}
.n-case .list .item:hover .g_bg{transform: scale(1.06);transition: .6s all ease}

@media (max-width:992px){
    .n-case .list .item {width: 49%;margin-right: 2%}
    .n-case .list .item:nth-child(3n){margin-right: 2%}
    .n-case .list .item:nth-child(2n){margin-right: 0}
}
@media (max-width:767px){
    .n-case .list .item {width: 100%;margin-right: 0}
    .n-case .list .item:nth-child(3n){margin-right: 0}
    .n-case .list .item:nth-child(2n){margin-right: 0}
}