.case{padding-top:80px}.case .case-banner{text-align:center;background:url(/images/case/banner.jpg) center center no-repeat;background-size:cover;width:100%;min-width:1200px;height:260px;padding-top:74px}.case .case-banner .title{margin:auto;width:210px;height:70px;line-height:70px;border:1px solid #739fff;font-size:42px;font-weight:700;color:#fff;text-align:center}.case .case-banner .introduce{color:#cde6ff;margin-top:30px}.case .case-box{margin-top:40px;overflow:hidden}.case .case-box .case-item{cursor:pointer;width:380px;background-color:#fff;float:left;margin-right:30px;margin-bottom:30px;box-shadow:0 0 5px #eee;transition:all .6s}.case .case-box .case-item:nth-child(3n){margin-right:0}.case .case-box .case-item:hover{box-shadow:0 0 10px #bbccde}.case .case-box .case-item:hover .case-name{color:#3a99fb}.case .case-box .case-item:hover .tocase{background-image:url(/images/index/tocasehover.png)!important}.case .case-box .case-item .case-img{width:100%;height:250px;object-fit:cover}.case .case-box .case-item .case-content{overflow:hidden;height:90px;padding:20px}.case .case-box .case-item .case-content .case-name{width:280px;font-size:18px;font-weight:700}.case .case-box .case-item .case-content .tocase{float:right;margin-top:11px;background-image:url(/images/index/tocase.png);width:32px;height:32px;background-size:100%}.case #laypage{text-align:center;padding:20px 0 50px}.case-detail{padding-top:80px;padding-bottom:60px}.case-detail .case-detail-banner{background:url(/images/case/banner.jpg) center center no-repeat;background-size:cover;width:100%;min-width:1200px;height:260px;padding-top:30px}.case-detail .case-detail-banner .layui-breadcrumb{display:block}.case-detail .case-detail-banner .layui-breadcrumb *{color:#fff!important}.case-detail .case-detail-banner .title{text-align:center;font-size:34px;font-weight:700;color:#fff;margin-top:40px}.case-detail .case-detail-banner .time{text-align:center;color:#cde6ff;margin-top:25px}.case-detail .case-detail-box .customer-msg{margin-top:40px;overflow:hidden}.case-detail .case-detail-box .customer-msg>div{float:left;width:386px;height:120px;background-size:100%;margin-right:20px;padding:32px 0 0 125px}.case-detail .case-detail-box .customer-msg>div.name{background:url(/images/case/khmc.png) center center no-repeat}.case-detail .case-detail-box .customer-msg>div.trade{background:url(/images/case/gshy.png) center center no-repeat}.case-detail .case-detail-box .customer-msg>div.product{margin-right:0;background:url(/images/case/sycp.png) center center no-repeat}.case-detail .case-detail-box .case-detail-content{margin-top:40px}