.flexStart { display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.rn_case .box .list .item { width: 32%; margin-right: 2%; margin-bottom: 30px; }
.rn_case .box .list .item:nth-child(3n) { margin-right: 0; }
.rn_case .box .list .item a { display: block; position: relative; }
.rn_case .box .list .item a .img { position: relative; overflow: hidden; }
.rn_case .box .list .item a .img img { width: auto; transition: 0.4s; height: 280px; }
.rn_case .box .list .item a .img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;/* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); */ }
.rn_case .box .list .item a .text { position: absolute; left: 0; width: 100%; box-sizing: border-box; bottom: 30px; padding: 0 0.3rem; transition: 0.4s; }
.rn_case .box .list .item a .text h5 { font-size: 0.2rem; color: #fff; }
.rn_case .box .list .item a .text h6 { font-size: 0.15rem; color: #fff; margin-top: 0.11rem; }
.rn_case .box .list .item a .text p { margin-top: 0.15rem; font-size: 0.1rem; font-family: 'gilroy_bold'; color: #fff; line-height: 0.125rem; opacity: 1; transition: 0.4s; }
.rn_case .box .list .item:hover a .img img { transform: scale(1.1); }
.rn_case .box .list .item:hover a .text { bottom: 0.28125rem; }
.rn_case .box .list .item:hover a .text p { opacity: 1; }
.rn_case .index_page { margin-top: 0.5rem; }
 @media (max-width: 1023px) {
.rn_case .box .list .item { width: 100%; }
.rn_case .box .list .item:hover a .img img { transform: scale(1.1); }
.rn_case .box .list .item a .img img { height: 180px; }
}