@charset "utf-8";
.zhpt-top-box{overflow: hidden;}
.zhpt-top-box img{max-width: 100%;}

.project-box{width: 100%;margin:53px auto;display: flex;flex-wrap: wrap;align-content: center;justify-content: space-around;}
.project-item{width: 262px;height: 330px;background: #fff;border-radius: 10px;border:solid 1px #ddd;box-shadow: 0px 0px 10px #eee;
    margin-right:50px;margin-bottom: 37px;}
.project-item:hover{background: #f2f2f2;border:solid 1px #E7221C;}
.project-item img{margin: 35px auto 0;display: block;}
.project-item .title{font-size: 24px;font-weight: bold;text-align: center;margin-top:30px;}
.project-item .lik{width: 60px;height: 30px;line-height: 30px;margin:0px auto;margin-top:41px;border:solid 1px #E7221C;border-radius: 4px;text-align: center;}
.project-item .lik:hover{width: 60px;height: 30px;line-height: 30px;margin:0px auto;margin-top:41px;background: #E7221C;border-radius: 4px;text-align: center;}
.project-item .lik:hover a{color:#fff;}
.project-item .lik a{font-size: 16px;color:#E7221C;}

@media (max-width: 500px) {
    .project-item{width: 80%;height: 240px;margin: 10px auto;}
    .project-item .title{font-size: 16px;margin-top: 10px;}
    .project-item .lik{margin-top: 10px;}
    }