.banner{margin-bottom:60px;padding-left:10px;padding-right:10px;width:100%;height:360px;text-align:center;color:#fff;background:url("/static/4.0/images/usercase/banner.jpg") center no-repeat;-webkit-background-size:cover;background-size:cover;overflow:hidden}.banner h2{font-size:28px;line-height:42px}.banner h2:first-child{margin-top:120px;margin-bottom:20px}.case-user .items{margin-top:30px;margin-left:-2%;overflow:hidden}.case-user .items .case{float:left;position:relative;margin-left:2%;margin-bottom:2%;width:23%;height:200px;overflow:hidden;border:1px solid #e8e9eb;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.case-user .items .case .case-bg{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.case-user .items .case .case-bg.case-bg-01{background-image:url('/static/4.0/images/usercase/case_01.png')}.case-user .items .case .case-bg.case-bg-02{background-image:url('/static/4.0/images/usercase/case_02.png')}.case-user .items .case .case-bg.case-bg-03{background-image:url('/static/4.0/images/usercase/case_03.png')}.case-user .items .case .case-bg.case-bg-04{background-image:url('/static/4.0/images/usercase/case_04.png')}.case-user .items .case .case-bg.case-bg-05{background-image:url('/static/4.0/images/usercase/case_05.png')}.case-user .items .case .case-bg.case-bg-06{background-image:url('/static/4.0/images/usercase/case_06.png')}.case-user .items .case .case-bg.case-bg-07{background-image:url('/static/4.0/images/usercase/case_07.png')}.case-user .items .case .case-bg.case-bg-08{background-image:url('/static/4.0/images/usercase/case_08.png')}.case-user .items .case .case-bg.case-bg-rjszcb{background-image:url('/static/4.0/images/usercase/rjszcb.png');background-size:80%}.case-user .items .case .case-bg.case-bg-phjt{background-image:url('/static/4.0/images/usercase/logo_phjt.png');background-size:50%}.case-user .items .case .case-bg.case-bg-mjk{background-image:url('/static/4.0/images/usercase/logo_mjk.png');background-size:40%}.case-user .items .case .case-bg.case-bg-wmsj{background-image:url('/static/4.0/images/usercase/logo_wmsj.png');background-size:50%}.case-user .items .case .case-bg.case-bg-gzcb{background-image:url('/static/4.0/images/usercase/logo_gzcb.png');background-size:30%}.case-user .items .case .case-bg.case-bg-zq1{background-image:url('/static/4.0/images/usercase/zq1.jpg');background-size:90%}.case-user .items .case .case-bg.case-bg-zq2{background-image:url('/static/4.0/images/usercase/zq2.jpg');background-size:70%}.case-user .items .case .case-bg.case-bg-zq3{background-image:url('/static/4.0/images/usercase/zq3.jpg');background-size:70%}.case-user .items .case .case-bg.case-bg-zq4{background-image:url('/static/4.0/images/usercase/zq4.jpg');background-size:70%}.case-user .items .case .case-bg.case-bg-zq5{background-image:url('/static/4.0/images/usercase/zq5.jpg');background-size:50%}.case-user .items .case .case-bg.case-bg-zq6{background-image:url('/static/4.0/images/usercase/zq6.jpg');background-size:90%}.case-user .items .case .case-bg.case-bg-zq7{background-image:url('/static/4.0/images/usercase/zq7.jpg');background-size:60%}.case-user .items .case .case-bg.case-bg-zq8{background-image:url('/static/4.0/images/usercase/zq8.jpg');background-size:90%}.case-user .items .case .case-bg.case-bg-zq9{background-image:url('/static/4.0/images/usercase/zq9.jpg');background-size:70%}.case-user .items .case .case-bg.case-bg-zq10{background-image:url('/static/4.0/images/usercase/zq10.jpg');background-size:60%}.case-user .items .case .case-bg.case-bg-zq11{background-image:url('/static/4.0/images/usercase/zq11.jpg');background-size:90%}.case-user .items .case .case-bg.case-bg-zq12{background-image:url('/static/4.0/images/usercase/zq12.jpg');background-size:40%}.case-user .items .case .intro{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-color:rgba(34,116,230,0.9);opacity:0;filter:alpha(opacity=0);transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.case-user .items .case .intro .info{margin:10px;padding:10px;border:1px solid #fff;height:180px;text-align:center}.case-user .items .case .intro .info h5{margin-top:40px;margin-bottom:6px;font-size:16px}.case-user .items .case .intro .info p{font-size:12px}.case-user .items .case:hover .case-bg{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.case-user .items .case:hover .intro{opacity:1;filter:alpha(opacity=100);transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}@media screen and (max-width:1200px){.case-user .items{margin-left:0;padding-left:20px;padding-right:20px}.case-user .items .case{margin-right:2%;margin-left:2%;margin-bottom:12px;width:46%;height:115px;overflow:hidden;pointer-events:none}.case-user .items .case img{display:block;margin:8px auto;width:auto;height:100px}.case-user .items .case .intro{display:none}}@media screen and (max-width:768px){.banner{height:240px}.banner h2{font-size:18px;line-height:28px}.banner h2:first-child{margin-top:60px}}