@-webkit-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-moz-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-o-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}.project_box{background:#f8f8f8;padding-bottom:80px}.project_list{padding:30px 0 40px}.project_list li{width:370px;margin:0 15px 30px;cursor:pointer}.project_list li .img_box{width:100%;height:280px;box-sizing:border-box;border:1px solid #e9e9e9}.project_list li .img_box::after{display:block;content:"";background:rgba(0,0,0,0.6) url("../images/project_icon.png") no-repeat center 70%;z-index:1;position:absolute;left:0;bottom:0;width:100%;height:0;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s}.project_list li a>h3{text-align:center;background:#e9e9e9;font-size:18px;height:55px;line-height:55px}.project_list li:hover .img_box{border-color:#0168b7}.project_list li:hover .img_box .project_info{top:30%}.project_list li:hover .img_box::after{height:100%}.project_list li:hover h3{background:#0168b7;color:#fff}.project_info{position:absolute;z-index:10;width:100%;left:0;top:-20%;text-align:center;padding:0 20px;box-sizing:border-box;color:#fff;font-size:24px;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s}