.case .banner{height:400px;background:url(/img/case/index/banner.png)no-repeat 50%;position:relative;color:#fff;padding-left:200px;background-size:cover;display:flex;justify-content:left;align-items:center}.case .banner .desc{display:flex;flex-direction:column;justify-content:space-between;align-items:baseline;gap:80px;padding-bottom:50px}.case .banner .desc .subdesc{font-size:20px;font-weight:400;line-height:28px;height:40px;display:flex;align-items:center;position:relative}.case .banner .desc .subdesc .icon{display:inline-block;width:24px;height:24px;line-height:24px;background:url(/img/case/case.svg)no-repeat 50%;background-size:contain;vertical-align:middle}.case .banner .desc .subdesc .customer-logo{height:100%;z-index:2}.case .banner .desc .maindesc{overflow-wrap:break-word;color:#fff;font-size:40px;text-align:left}.case .mainbody{padding:0 200px;margin-top:70px;margin-bottom:70px;display:flex;box-sizing:border-box;justify-content:space-between;width:100%}.case .mainbody .left{width:69.7%;overflow:hidden}.case .mainbody .left h2{margin-bottom:0;font-weight:600;font-size:30px}.case .mainbody .left p{color:#4c5264;font-size:16px}.case .mainbody .left .title{font-size:30px;font-weight:600;line-height:42px;margin-bottom:16px;margin-top:40px}.case .mainbody .left .content{font-size:16px;font-weight:400;color:#4c5264;line-height:30px}.case .mainbody .left .content img{margin:20px 0;display:block;width:100%}.case .mainbody .left .content img:nth-child(4){width:395px}.case .mainbody .right{margin-left:40px;width:30.3%;overflow:hidden}.case .mainbody .right .panel{width:100%;height:auto;background:url(/img/case/talk_bg.png)no-repeat 50%;background-size:cover;padding:37px 28px 37px 30px;font-weight:600;color:#fff}.case .mainbody .right .panel .common-contact-free-trial-content h3{font-size:24px;line-height:33px}.case .mainbody .right .panel .common-contact-free-trial-content p{font-size:14px;line-height:20px}.case .mainbody .right .panel .common-contact-free-trial-content .actions button{height:40px;font-size:14px;border-radius:40px}.caseindex .banner{text-align:center;padding-left:150px;height:auto;padding-bottom:50px}.caseindex .banner .desc-index{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;padding-top:100px;padding-bottom:50px}.caseindex .banner .desc-index .subdesc-index{font-size:40px;text-align:center}.caseindex .banner .desc-index .maindesc-index{width:100%;font-size:20px;line-height:26px;text-align:center}.caseindex .banner .desc-index .images-index{display:flex;width:100%;overflow:hidden}.caseindex .banner .desc-index .images-index img{width:calc(50% - 8px)}.caseindex .banner .desc-index .images-index img:first-child{margin-right:16px}.caseindex .mainbody{padding:0 150px;display:flex}.caseindex .mainbody .left,.caseindex .mainbody .right,.caseindex .mainbody .center{width:33.3%;margin-right:30px;overflow:inherit}.caseindex .mainbody .right{margin-right:0;margin-left:0}.caseindex .mainbody .caseindex-list{width:100%;background:#fff;display:flex}.caseindex .mainbody .caseindex-list .textlist{font-weight:400;padding:15px 20px;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.08);border-radius:5px;margin-bottom:30px}.caseindex .mainbody .caseindex-list .textlist .point{font-size:72px;color:#d5e6ff;height:42px}.caseindex .mainbody .caseindex-list .textlist .content{font-size:14px;color:#4c5264;line-height:22px}.caseindex .mainbody .caseindex-list .textlist .bottom{font-size:14px;color:#a0a8bd;text-align:right;margin-bottom:15px;margin-top:34px}.caseindex .mainbody .caseindex-list .textlist .bottom a{color:#a0a8bd}.caseindex .mainbody .caseindex-list .cases{padding:0;cursor:pointer}.caseindex .mainbody .caseindex-list .cases .banners{margin-bottom:20px;padding:20px;color:#fff;background-size:cover;min-height:180px;position:relative}.caseindex .mainbody .caseindex-list .cases .banners .subdesc{font-size:14px;font-weight:400;position:relative}.caseindex .mainbody .caseindex-list .cases .banners .subdesc .icon{display:inline-block;width:14px;height:14px;line-height:14px;background:url(/img/case/case.svg)no-repeat 50%;background-size:contain;vertical-align:middle}.caseindex .mainbody .caseindex-list .cases .banners .subdesc .customer-logo{position:absolute;left:0;top:0;height:26px;z-index:2}.caseindex .mainbody .caseindex-list .cases .banners .maindesc{overflow-wrap:break-word;font-size:20px;font-weight:600;text-align:left;margin-top:23px;line-height:26px;position:absolute;bottom:20px;padding-right:20px}.caseindex .mainbody .caseindex-list .cases .content{padding:0 20px}.caseindex .mainbody .caseindex-list .cases .bottom{padding-bottom:15px;padding-right:20px}@media(max-width:1366px){.case .banner{padding:0 100px}.case .banner .desc{padding-bottom:100px}.case .mainbody{padding:0 100px}.caseindex .banner{padding-bottom:50px}}@media(max-width:1080px){.case .banner{padding:0 50px}.case .banner .desc{padding-bottom:100px}.case .mainbody{padding:0 50px}.caseindex .banner{padding-bottom:50px}}@media(max-width:960px){.case .banner{padding:0 18px;background-size:100% 100%;height:150px}.case .banner .desc{padding-bottom:0;gap:30px}.case .banner .desc .subdesc{font-size:14px;height:26px}.case .banner .desc .subdesc .icon{width:14px;height:14px}.case .banner .desc .maindesc{width:auto;font-size:20px;line-height:26px;font-weight:600}.case .mainbody{padding:0 18px;display:block}.case .mainbody .left{width:100%}.case .mainbody .left h2{font-size:20px}.case .mainbody .right{width:100%;margin-left:0}.case .mainbody .right .panel{width:100%;background-size:100%;text-align:center;height:auto;padding:37px 30px}.caseindex .banner{height:auto}.caseindex .banner .desc-index .subdesc-index{font-size:32px;font-weight:500}.caseindex .banner .desc-index .maindesc-index{font-size:16px;line-height:26px;font-weight:400}.caseindex .banner .desc-index .images-index{display:block;padding-bottom:20px}.caseindex .banner .desc-index .images-index img{width:100%;margin-right:0;margin-bottom:5px}.caseindex .mainbody .caseindex-list{display:block}.caseindex .mainbody .caseindex-list .center{width:100%}}