.case{padding:0 0 100px}.case-banner{background:url(image/page/case/banner.jpg) center 0 no-repeat;height:120px;text-align:center}.case-banner dl{padding:30px 0 0}.case-banner dt{font-size:24px;color:#fff;font-weight:100}.case-banner dd{font-size:14px;text-transform:uppercase;color:#778ece}.case-filter{border-bottom:#dcdcdc 1px solid;padding:45px 0 30px;font-size:14px}.case-filter b{display:inline-block;vertical-align:top;line-height:32px;color:#888}.case-filter a{display:inline-block;vertical-align:top;line-height:30px;background:#fff;padding:0 26px;margin:0 0 0 10px;border:#dcdcdc 1px solid;border-radius:16px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.case-filter a:hover{color:#fff;border-color:#2e3c9a;background:#2e3c9a}.case-filter a.cur{color:#fff;border-color:#2e3c9a;background:#2e3c9a;cursor:default}.case-list ul{margin:0 -20px;padding:20px 0}.case-list li{float:left;width:270px;margin:20px;border-radius:4px;overflow:hidden;position:relative}.case-list .pic{background:#fff;height:154px;overflow:hidden}.case-list .pic img{-webkit-transition:all .3s;transition:all .3s}.case-list .tit{background:#f7f7f7;text-align:center;font-size:14px;line-height:52px;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;transition:all .3s}.case-list .href{position:absolute;left:0;top:0;width:100%;height:100%}.case-list li:hover .pic img{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.case-list li:hover .tit{color:#3c4aa5}.loadmore{padding:0 0 50px;text-align:center;font-size:16px;line-height:54px}.loadmore a{-webkit-transition:all .3s;transition:all .3s;display:inline-block;vertical-align:top;width:360px;background:#fff;border-radius:6px}.loadmore a:hover{background:#3c4aa5;color:#fff}