.customerCaseBody{width:100%;background:#fff;font-size:14px;color:#222;overflow-x:hidden}.customerCaseBody h1,.customerCaseBody h2,.customerCaseBody h3,.customerCaseBody h4,.customerCaseBody h5,.customerCaseBody h6,.customerCaseBody p{margin:0;padding:0;font-weight:400}.customerCaseBody .pageBigTitle{text-align:center;font-size:28px;margin:60px 0 10px 0}.customerCaseBody .sonBannerBox{position:relative;width:100%;height:400px}.customerCaseBody .sonBannerBox .bannerImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.customerCaseBody .sonBannerBox .sonBannerText{position:absolute;top:24%}.customerCaseBody .sonBannerBox .sonBannerText h4{font-size:32px;font-weight:400;margin:20px 0}.customerCaseBody .sonBannerBox .sonBannerText span{font-size:16px;display:block;padding-top:4%}.customerCaseBody .sonBannerBox .sonBannerBtn{position:absolute;top:70%;width:150px;height:50px;background-color:#0052d9;text-align:center;line-height:50px;color:#fff;cursor:pointer}.customerCaseBody .screenBox{background:#f3f5f8;padding:30px 0 20px 0}.customerCaseBody .screenBox .screenTitle{width:40px;height:30px;line-height:37px}.customerCaseBody .screenBox .screenListBox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px}.customerCaseBody .screenBox .screenListBox .screenItem{display:-webkit-box;display:-ms-flexbox;display:flex;margin:4px 10px;font-size:16px;padding:0 4px}.customerCaseBody .screenBox .screenListBox .screenItem div{height:30px;line-height:30px;text-align:center;cursor:pointer;padding:0 4px}.customerCaseBody .screenBox .screenListBox .screenItem div:hover,.customerCaseBody .screenBox .screenListBox .selected{height:30px;line-height:30px;border-radius:5px;color:#0052d9}.customerCaseBody .screenBox .screenListBox .selected{padding:0 4px}.customerCaseBody .screenBox .screenListBox .wholeItem{font-size:16px;margin-left:10px;cursor:pointer}.customerCaseBody .screenBox .screenListBox span:hover{color:#0052d9;font-weight:700}.customerCaseBody .caseBox{margin:30px 0}.customerCaseBody .caseBox .caseItem{cursor:pointer;padding:0 0 30px 0}.customerCaseBody .caseBox .caseItem:hover{color:#0052d9}.customerCaseBody .caseBox .caseItem:hover .caseImg img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s;transition:all .3s}.customerCaseBody .caseBox .caseItem .caseImg{width:100%;height:210px;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.customerCaseBody .caseBox .caseItem .caseImg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-transition:all .3s;transition:all .3s}.customerCaseBody .caseBox .caseItem .caseInfo{background:#fff;-webkit-box-shadow:0 0 10px 5px #f0f0f0;box-shadow:0 0 10px 5px #f0f0f0;padding:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:140px}.customerCaseBody .caseBox .caseItem .caseInfo .caseTitle{font-size:18px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.customerCaseBody .caseBox .caseItem .caseInfo .caseSynopsis{margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#8d8d8d}@media (min-width:320px) and (max-width:1024px){.customerCaseBody .mainWidth{width:100%;padding:0 15px}.customerCaseBody .sonBannerBox{height:200px;margin-top:90px}.customerCaseBody .sonBannerBox .sonBannerText{top:10%}.customerCaseBody .sonBannerBox .sonBannerText h4{margin:15px 0 15px 0;font-size:24px}.customerCaseBody .sonBannerBox .sonBannerText span{font-size:14px}.customerCaseBody .sonBannerBtn{margin-top:20px;position:absolute;top:60%!important;width:120px!important;height:40px!important;background-color:#0052d9;text-align:center;line-height:40px!important;color:#fff}.customerCaseBody .screenListBox{margin-left:0!important}.customerCaseBody .screenItem{margin:0 5px!important}.customerCaseBody .screenItem div,.customerCaseBody .selected{width:70px!important;text-align:center}.customerCaseBody .selected{margin:0 5px!important}}@media (min-width:1025px){.customerCaseBody .mainWidth{width:1200px;margin:0 auto}.customerCaseBody .sonBannerBox{margin-top:55px}.customerCaseBody .screenTitle{font-size:16px}}