*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;}
.clearfix:after{content:"";clear:both;display:block;}
.index_4{display:block;}
.index_4 .case_list{padding:0 0.5%;display:flex;flex-wrap:wrap;}
.index_4 .case_list .item{width:calc(25% - 20px);margin:10px;height:auto;display: inline-block;border:1px solid #ccc;font-size:14px;box-sizing:border-box;transition:all 2s ease-out 0s;position:relative;overflow:hidden;}
.index_4 .item .text{height:120px;padding:0 25px;background:#fff;text-align:center;overflow:hidden;-webkit-transition:all 1000ms ease;transition:all 1000ms ease}
.index_4 .item .text .t1{color:#6F17B4;font-size:28px;margin-top:10px; height:35px; overflow: hidden;}
.index_4 .item .text .t2{height:40px;line-height: 20px;overflow: hidden;margin-top:20px;} 
.index_4 .item .fig{position:relative; width:100%;height:auto;overflow:hidden;}
.index_4 .item .fig img{width:100%;height:auto;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index_4 .item .fig .more{position:absolute;top:50%;left:calc(50% - 60px);cursor:pointer;color:#fff;padding:3px 15px;border-radius:7px;font-size:24px;font-family:arial;display:inline-block;visibility:hidden;background-color:#6F17B4;border:solid 1px #eee}
.index_4 .case_list .item:hover img{opacity:0.5;filter:alpha(opacity='0.5');transform:scale(1.1);}
.index_4 .case_list .item:hover .more{visibility:visible;}