.clearfix:after{content:"";display:block;clear:both;font-size:0;width:0;height:0;visibility:hidden;overflow:hidden}.bg .index{margin-top:10Px}.bg{background:url(../imgs/works_bg.jpg) no-repeat;background-size:cover;padding-bottom:30px}.bg h1{font-size:36px;color:#fff;line-height:1.4}.bg h2{font-size:28px;color:#fff;line-height:1.3}.bg .work-box{color:#7a7a7a;font-size:1em}.bg .work-box .index a{color:#7a7a7a;margin:0 1em}.bg .work-box .index a:first-child{margin:0 1em 0 0}.bg .work-box .index a.on,.bg .work-box .index a:hover{color:#fff}.container{min-height:1000px;background-color:#f3f3f3}.container .header-container{background-color:#fff}.container .header{height:100px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:10px}.container .header,.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav{width:50%}.nav a{color:#a6a6a6;font-size:14px;font-weight:500;position:relative}.nav a.select{color:#000}.nav a.select:after{content:"";display:block;width:100%;height:2px;background:#000;position:absolute;bottom:0;left:0}.list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:2rem}.list:after{content:""}.item,.list:after{display:block;width:32%}.item{margin-top:2rem;background-color:#fff;cursor:pointer;padding-bottom:.5rem}.item .img-box{width:100%;height:226px;overflow:hidden;text-align:center}.item .img-box img{width:100%;vertical-align:bottom}.item h3{color:#000;font-size:1.1rem}.item h3,.item span{text-indent:.5rem;font-weight:400}.item span{font-size:.8rem;font-stretch:normal;letter-spacing:-.02rem;color:#7a7a7a;display:block}.item:hover{-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000}