.block-inner{width:1280px;margin:0 auto}.block-inner .column-title{text-align:center;margin:54px 0 60px}.block-inner .column-title strong{display:inline-block;padding:0 0 8px;border-bottom:4px solid #E4E7ED;font-size:32px;position:relative}.block-inner .column-title strong:after{content:"";border:24px solid transparent;position:absolute;border-top-color:#e4e7ed;left:50%;top:54px;z-index:-1;margin-left:-24px}.project-resume{background-color:#fff;padding:16px 24px;text-align:center;transition:all .15s;cursor:pointer;overflow:hidden;z-index:1;position:relative}.project-resume:hover{background-color:#fafafa;box-shadow:0 2px 15px #00000026;z-index:50}.project-resume:hover .project-resume__cover{transform:scale(0);opacity:0}.project-resume:hover .project-resume__cover>img{filter:invert(100)}.project-resume:hover .project-resume__title{color:#fff;transform:scale(0);opacity:0}.project-resume:hover .project-resume__content{opacity:1;transform:scaleY(1) translateY(0)}.project-resume .project-resume__cover{transition:all .2s;margin-bottom:8px;display:block}.project-resume .project-resume__title{font-size:16px;font-weight:600;transition:all .2s}.project-resume .project-resume__content{position:absolute;display:flex;align-items:center;padding:20px;left:0;top:0;width:100%;height:100%;text-align:left;overflow:hidden;transition:all .3s;opacity:0;transform:scaleY(0) translateY(100%);transform-origin:center bottom}.project-item{position:relative;z-index:1;overflow:hidden;transition:all .25s;cursor:pointer;background-color:#00000080}.project-item ::v-deep .el-image{display:block;transition:all .15s}.project-item>h3{position:absolute;padding:16px 24px;background-color:#00000080;text-align:center;color:#fff;left:50%;top:50%;font-weight:800;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:center;transform:translate(-50%,-50%) scale(1.2);transform:;opacity:0;transition:all .2s}.project-item:hover>h3{transform:scale(1) translate(-50%,-50%);opacity:1}