.document-main .project-list>li{flex-direction: column;width:32%;}
.document-main .project-list .project-img{width:100%;}
.document-main .project-list .project-info{width:100%;padding:7px 5px;}
.document-main .project-list .project-content{display:none;}
.document-main .project-list .project-name{margin-bottom:0;}
.document-main .project-list .project-img>a{overflow:hidden;display:block;position:relative;height:0;padding-bottom:100%;}
.document-main .project-list .project-img>a>img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
@media (max-width:500px){.document-main .project-list>li{width:48%;margin-bottom:2%;}}