.l-project-container{padding-bottom:171px}.l-project-container .c-title{width:100%;height:600px;background-image:url(/cases/bg.png);background-size:cover;background-position:50%;padding-top:227px;position:relative}.l-project-container .c-title__label{text-align:center;font-size:70px;font-weight:400;color:#fff;line-height:98px;letter-spacing:30px}.l-project-container .c-title__image{position:absolute;bottom:-122px;left:50%;transform:translateX(-50%)}.l-project-container .c-title__image img{width:450px;height:272px}.l-project-container .c-project__wrapper{padding-top:167px}.l-project-container .c-projects{display:flex;justify-content:space-around}.l-project-container .c-project__column{width:25%}.l-project-container .c-project{cursor:pointer;width:100%;overflow:hidden;position:relative}.l-project-container .c-project img{width:100%;vertical-align:middle;transition:all .3s linear}.l-project-container .c-project__intro{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;font-size:40px;color:#fff;line-height:56px;opacity:0;transition:all .3s linear}.l-project-container .c-project:hover img{transform:scale(1.2)}.l-project-container .c-project:hover .c-project__intro{opacity:1}.l-project-container .c-project__bottom{position:relative;overflow:hidden}.l-project-container .c-project__bottom img{width:100%}.l-project-container .c-project__tip{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:100;color:#fff;line-height:70px;letter-spacing:6px;opacity:0;transition:all .3s linear}.l-project-container .c-project__bottom:hover img{transform:scale(1.5);transition:all .3s linear}.l-project-container .c-project__bottom:hover .c-project__tip{opacity:1}