.page_banner{background:url("../images/banner/case_banner.jpg") no-repeat bottom}.case_list{text-align:center}.case_list li{width:450px;margin-top:25px}.case_list li:not(:nth-child(3n)){margin-right:24.5px}.case_list li:hover h3{opacity:1}.case_list li:hover h5{color:#fff;background:#cd0f1b}.case_list .img_box{width:450px;height:270px}.case_list h3{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(25,76,205,0.5);z-index:2;opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;-ms-transition:opacity .3s linear;transition:opacity .3s linear}.case_list h3 span{display:block;width:190px;line-height:44px;height:44px;background:#fff;color:#cd0f1b;border-radius:44px;-webkit-border-radius:44px;-moz-border-radius:44px}.case_list h5{line-height:42px;height:42px;padding:0 10px;color:#333333;background:#eee}