.case-body{max-width:1200px;margin:0 auto;padding:0 120px;position:relative}.case-container{font-size:0;padding-top:40px;display:none;opacity:0;position:absolute;width:100%;left:0%;top:0;z-index:-1}.case-container .case-card{display:inline-block;width:calc((100% - 84px)/4);border-radius:4px;box-shadow:0px 4px 10px 0px rgba(0,0,0,.1);margin-bottom:40px;margin-right:28px;vertical-align:top;overflow:hidden}.case-container .case-card:nth-child(4n){margin-right:0}.case-container .case-card .case-card-img{padding-top:71%;background-size:100%;background-position:center;background-repeat:no-repeat;transition:all .3s}.case-container .case-card .case-card-content{padding:12px}.case-container .case-card .case-card-content .title{font-size:16px;font-weight:400;text-align:left;color:#000;line-height:22px;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-container .case-card .case-card-content .desc{font-size:14px;font-weight:300;text-align:left;color:#969696;line-height:20px;position:relative;min-height:20px}.case-container .case-card .case-card-content .desc img{position:absolute;right:0;bottom:2px;transition:all .3s}.case-container .case-card:hover .title{color:#1cbdba}.case-container .case-card:hover .desc img{transform:translateX(6px)}.case-container .case-card:hover .case-card-img{background-size:120%}.case-container.active{display:block;opacity:1;position:relative;left:0;z-index:1;animation:changeOpacity .3s}.case-detail .case-more{max-width:700px;margin:0 auto;padding-top:28px;border-top:1px solid #c9c9c9}.case-detail .case-more .case-more-title{font-size:24px;font-weight:500;text-align:left;color:#000;line-height:33px;margin-bottom:30px}.case-detail .case-more .case-more-body{font-size:0;margin-bottom:40px}.case-detail .case-more .case-more-body .case-card{display:inline-block;width:calc((100% - 32px)/2)}.case-detail .case-more .case-more-body .case-card:first-child{margin-right:32px}.case-detail .case-more .case-more-body .case-card .case-card-img{padding-top:71%;height:0;width:100%;background-size:100%;background-position:center;background-repeat:no-repeat;margin-bottom:18px}.case-detail .case-more .case-more-body .case-card .case-card-content .title{font-size:16px;font-weight:500;text-align:left;color:#000;line-height:22px;margin-bottom:4px}.case-detail .case-more .case-more-body .case-card .case-card-content .desc{font-size:14px;font-weight:300;text-align:left;color:rgba(0,0,0,.5);line-height:20px}