@charset "utf-8";body,html{overflow:hidden;height:100%}.work{padding:20px;overflow:hidden;position:absolute;left:8.53%;right:0;top:20%}.work .wrapper{-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease;width:100%;height:100%}.work ul li{-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;opacity:0;-webkit-transform:translate(20%,0);-ms-transform:translate(20%,0);transform:translate(20%,0);float:left;padding-right:50px}.work ul li.slider{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.work ul li .title{font-size:22px;font-weight:700;margin-bottom:4px}.work ul li .title a{color:#000}.work ul li .title a:hover{position:relative}.work ul li .title a:hover:after{width:100%;-webkit-transform:scale(1.2,1) translate(8%,0);-ms-transform:scale(1.2,1) translate(8%,0);transform:scale(1.2,1) translate(8%,0);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:spread-more .3s 1;animation:spread-more .3s 1;position:absolute;bottom:2px;left:-10%;content:"";display:block;height:6px;background-color:rgba(0,0,0,.5)}.work ul li .sub-title{margin-bottom:30px;font-family:proxima,sans-self;font-size:14px}.work ul li .sub-title a{color:#000}.work ul li .cover{overflow:hidden;margin-bottom:25px;width:440px;height:440px}.work ul li .cover a{display:block;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 800ms ease;transition:all 800ms ease}.work ul li .cover a:hover{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.work ul li .cover img{display:block;width:100%;height:100%}@media (max-width:1366px){.work{left:13.5%;top:20%}.work ul li{padding-right:35px}.work ul li .cover{width:313px;height:313px}}@media (max-width:1440px){.work{left:13.5%;top:20%}.work ul li{padding-right:37px}.work ul li .cover{width:330px;height:330px}}@-webkit-keyframes spread-more{0%{-webkit-transform:scale(0,1) translate(8%,0);transform:scale(0,1) translate(8%,0)}100%{-webkit-transform:scale(1.2,1) translate(8%,0);transform:scale(1.2,1) translate(8%,0)}}@keyframes spread-more{0%{-webkit-transform:scale(0,1) translate(8%,0);transform:scale(0,1) translate(8%,0)}100%{-webkit-transform:scale(1.2,1) translate(8%,0);transform:scale(1.2,1) translate(8%,0)}}