.project-pubu .listflex{display: flex;justify-content: space-between;}
.project-pubu .listflex .list{width: 32%;}
.project-pubu .listflex .list .item{width: 100%;margin-bottom: 2%;}
.project-pubu .listflex .list img{width: 100%;}
.project-pubu .listflex .info{text-align: center;padding: 10px;}
.project-pubu .listflex .list .item .img{position: relative;overflow: hidden;}
.project-pubu .listflex .list .item .img img{transition: .3s;}
.project-pubu .listflex .list .item:hover .img img{transform: scale(1.2);}

.propubu-imgbg{background: #000000a0;position: fixed;top: 0;width: 100vw;height: 100vh;align-items: center;justify-content: center;display: none;z-index: 9999;transition: .3s;}
.propubu-imgbg.active{display: flex;transition: .3s;}
.propubu-imgex{max-width: 1000px;padding: 20px;background: #fff;position: relative;max-height:calc(100% - 90px)}
.propubu-imgbg .detail-title{font-size: var(--fontsize22);padding-bottom: 10px;margin: 10px auto;border-bottom: 1px solid #E7EEEE;color:#fff}
.propubu-imgexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: absolute;cursor: pointer;right: -20px;top: -20px;border: 2px #b4b4b4 solid;}
.propubu-imgexit span{width: 3px;height: 40px;background: #b4b4b4;position: absolute;}
.propubu-imgexit span:nth-child(1){transform: rotate(45deg);}
.propubu-imgexit span:nth-child(2){transform: rotate(-45deg);}
.propubu-imged{height:100%}
.propubu-imged img{width: 100%;height:100%}
.propubu-imgtop{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.propubu-imgexit{display:none}
.propubu-imgex{padding:0}
.project-pubu .listflex .list{display: flex; flex-direction: column;}
@media(max-width:768px){
.project-pubu .listflex{flex-wrap:wrap;}
.project-pubu .listflex .list{width:100%;}
}
@media (min-width:769px) {
  .project-pubu .listflex .list .item{display:none}
.project-pubu .listflex .list .item.active {display:block}
.project-pubu {text-align:center}
.project-pubu .load-more{font-size:18px;background:var(--color);display:inline-block;padding:5px 20px;color:#ffffff;transition:.3s;margin-top:20px;}
.project-pubu .load-more:hover{opacity:.8}
}