.page_banner{background:url("../images/banner/customer_banner.jpg") no-repeat center}.customer_list{padding-top:30px}.customer_list li{background:#fff;width:220px;box-sizing:border-box;position:relative;border:1px solid #dbdbdb;height:130px;margin:0 10px 20px}.customer_list li:hover h4{opacity:1}.customer_list li:hover h4::before,.customer_list li:hover h4::after{opacity:1;transition:all 1s;transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1)}.customer_list img{max-width:100%;max-height:125px;display:block;box-sizing:border-box}.customer_list h4{opacity:0;position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;background:#29aa3e;color:#fff;font-weight:bold;font-size:18px;padding:0 30px}.customer_list h4 span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer_list h4::before{position:absolute;content:'';opacity:0;transition:all 0.5s;top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0, 1);-webkit-transform-origin:0 0;transform-origin:0 0}.customer_list h4::after{position:absolute;content:'';transition:all 0.5s;top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;opacity:0;transform:scale(1, 0);transform-origin:100% 0}