| 1 |
- .connectUs .toastBox{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:888;left:0;top:0;display:flex;justify-content:center;align-items:center}.connectUs .toastBox .toastArea{position:relative;width:446px;height:403px;background:#fff;border-radius:3px;padding:30px 47px}.connectUs .toastBox .toastArea .title{font-size:19px;font-weight:500;color:#222;line-height:26px;text-align:center}.connectUs .toastBox .toastArea .tips{margin-top:8px;margin-bottom:14px;font-size:12px;font-weight:400;color:#999;line-height:17px;text-align:center}.connectUs .toastBox .toastArea .nameCell,.connectUs .toastBox .toastArea .phoneCell{margin-top:25px}.connectUs .toastBox .toastArea .nameCell .label,.connectUs .toastBox .toastArea .phoneCell .label{font-size:14px;font-weight:500;color:#19222e;line-height:20px}.connectUs .toastBox .toastArea .nameCell input,.connectUs .toastBox .toastArea .phoneCell input{margin-top:5px;padding:10px;width:352px;height:48px;background:#fff;border-radius:3px;border:1px solid #dde1e6}.connectUs .toastBox .toastArea .nameCell{margin-top:39px}.connectUs .toastBox .toastArea .submitBtn{margin-top:18px;width:352px;height:48px;background:#308eff;box-shadow:0 2px 6px 0 rgba(48,142,255,.3);border-radius:2px;display:flex;justify-content:center;align-items:center;cursor:pointer}.connectUs .toastBox .toastArea .submitBtn p{font-size:14px;font-weight:500;color:#fff;line-height:20px}.connectUs .toastBox .toastArea .closeIcon{position:absolute;right:20px;top:34px;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEVHcExnZ2dsbGxmZmZmZmZqampnZ2doaGhtbW1mZmZmZmZnZ2dnZ2dmZmZnZ2dnZ2dnZ2dmZmZmZmZmZmZmZmZmZmYOzK8XAAAAFXRSTlMA3RrZ2x3aGxzc78buGV7HYR7Fw+v/ZYq7AAAAtUlEQVQ4y4WT7Q6DIAxFkYEUdXNfff9XHQxmhPYOfxDDOSFNe2tu2/4w4KN1uZuNefKAR+bFPBkZIXFeTZiBEVwCkQwyDl6N8qty1eiuhGH7i86w4EkXIG8Me1F4LTsbV50fRuF6a7MxY14NxsP7GZhXIQ4eGJQwfQ/C3DdjFK3M9QHjFBvVaGKlGF3shCFiSU4Gqu0fiUj2/T0ZVo/9YVi0OHnxsvGC86Oyeu/R8qb19//W/wOwkRQYsQxN6AAAAABJRU5ErkJggg==) no-repeat;background-size:cover;cursor:pointer}.connectUsMobile .toastBox{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:888;left:0;top:0;display:flex;justify-content:center;align-items:center}.connectUsMobile .toastBox .toastArea{position:relative;width:94.66667vw;height:107.46667vw;background:#fff;border-radius:.8vw;padding:8vw}.connectUsMobile .toastBox .toastArea .title{font-size:5.06667vw;font-weight:500;color:#222;line-height:6.93333vw;text-align:center}.connectUsMobile .toastBox .toastArea .tips{margin-top:2.13333vw;margin-bottom:3.73333vw;font-size:3.2vw;font-weight:400;color:#999;line-height:4.53333vw;text-align:center}.connectUsMobile .toastBox .toastArea .nameCell,.connectUsMobile .toastBox .toastArea .phoneCell{margin-top:6.66667vw}.connectUsMobile .toastBox .toastArea .nameCell .label,.connectUsMobile .toastBox .toastArea .phoneCell .label{font-size:3.73333vw;font-weight:500;color:#19222e;line-height:5.33333vw}.connectUsMobile .toastBox .toastArea .nameCell input,.connectUsMobile .toastBox .toastArea .phoneCell input{margin-top:1.33333vw;padding:2.66667vw;width:78.66667vw;height:12.8vw;background:#fff;border-radius:.8vw;border:.26667vw solid #dde1e6}.connectUsMobile .toastBox .toastArea .nameCell{margin-top:10.4vw}.connectUsMobile .toastBox .toastArea .submitBtn{margin-top:4.8vw;width:78.66667vw;height:12.8vw;background:#308eff;box-shadow:0 .53333vw 1.6vw 0 rgba(48,142,255,.3);border-radius:.53333vw;display:flex;justify-content:center;align-items:center;cursor:pointer}.connectUsMobile .toastBox .toastArea .submitBtn p{font-size:3.73333vw;font-weight:500;color:#fff;line-height:5.33333vw}.connectUsMobile .toastBox .toastArea .closeIcon{position:absolute;right:5.33333vw;top:9.06667vw;width:4.26667vw;height:4.26667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEVHcExnZ2dsbGxmZmZmZmZqampnZ2doaGhtbW1mZmZmZmZnZ2dnZ2dmZmZnZ2dnZ2dnZ2dmZmZmZmZmZmZmZmZmZmYOzK8XAAAAFXRSTlMA3RrZ2x3aGxzc78buGV7HYR7Fw+v/ZYq7AAAAtUlEQVQ4y4WT7Q6DIAxFkYEUdXNfff9XHQxmhPYOfxDDOSFNe2tu2/4w4KN1uZuNefKAR+bFPBkZIXFeTZiBEVwCkQwyDl6N8qty1eiuhGH7i86w4EkXIG8Me1F4LTsbV50fRuF6a7MxY14NxsP7GZhXIQ4eGJQwfQ/C3DdjFK3M9QHjFBvVaGKlGF3shCFiSU4Gqu0fiUj2/T0ZVo/9YVi0OHnxsvGC86Oyeu/R8qb19//W/wOwkRQYsQxN6AAAAABJRU5ErkJggg==) no-repeat;background-size:cover;cursor:pointer}.kaifainPreviewCase{-webkit-overflow-scrolling:auto}.kaifainPreviewCase .topArea{position:relative;margin:-85px 0 0!important;width:100vw;background:#3059dc;height:705px}.kaifainPreviewCase .topArea .bannerBg{position:absolute;left:50%;transform:translateX(-50%);top:0;width:1215px}.kaifainPreviewCase .topArea .bannerBg img{width:1215px;height:705px;vertical-align:middle}.kaifainPreviewCase .topArea .topContent{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.kaifainPreviewCase .topArea .topContent .left{width:1215px;margin:0 auto}.kaifainPreviewCase .topArea .topContent .left .title{margin-left:107px;height:72px;font-size:54px;font-weight:600;color:#fff;line-height:72px;letter-spacing:3px}.kaifainPreviewCase .topArea .topContent .left .desc{margin-left:107px;margin-top:12px;height:52px;font-size:19px;font-weight:400;color:#fff;line-height:26px}.kaifainPreviewCase .topArea .topContent .left .btn{margin-left:107px;width:213px;height:56px;border-radius:3px;border:2px solid #fff;display:flex;justify-content:center;align-items:center;margin-top:67px;cursor:pointer}.kaifainPreviewCase .topArea .topContent .left .btn p{height:25px;font-size:18px;font-weight:500;color:#fff;line-height:25px}.kaifainPreviewCase .contentArea{width:1200px;margin:0 auto;box-sizing:border-box}.kaifainPreviewCase .contentArea .introArea{background-color:#fff;padding:60px 80px}.kaifainPreviewCase .contentArea .introArea .title{text-align:center}.kaifainPreviewCase .contentArea .introArea .title .word{height:48px;font-size:34px;font-weight:500;color:#222;line-height:48px;letter-spacing:1px}.kaifainPreviewCase .contentArea .introArea .title .line{margin:10px auto;width:40px;height:4px;background:#2094f3;border-radius:4px}.kaifainPreviewCase .contentArea .caseListArea{margin-top:10px;padding:40px 80px;background-color:#fff}.kaifainPreviewCase .contentArea .caseListArea .title{text-align:center}.kaifainPreviewCase .contentArea .caseListArea .title .word{height:48px;font-size:34px;font-weight:500;color:#222;line-height:48px;letter-spacing:1px}.kaifainPreviewCase .contentArea .caseListArea .title .line{margin:10px auto 0;width:40px;height:4px;background:#2094f3;border-radius:4px}.kaifainPreviewCase .contentArea .caseListArea .list{margin-top:62px;display:flex;width:100%}.kaifainPreviewCase .contentArea .caseListArea .list .cell{width:1038px;height:200px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ededed}.kaifainPreviewCase .contentArea .caseListArea .list .cell .left{flex-shrink:0;font-size:0;width:160px;height:160px}.kaifainPreviewCase .contentArea .caseListArea .list .cell .left img{width:160px;height:160px}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right{flex-grow:1;margin-left:13px;height:124px;display:flex;justify-content:space-between;flex-direction:column}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right .top{flex-grow:1}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right .top .bTitle{font-size:17px;font-weight:600;color:#222;line-height:24px}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right .top .bStitle{margin-top:9px;height:40px;font-size:14px;font-weight:400;color:#222;line-height:20px}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right .bottom{flex-shrink:0;height:26px;display:flex;align-items:center;cursor:pointer}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right .bottom .icon{width:25px;height:25px;background:url(/_nuxt/img/icon_pdf@2x.25ff827.png) no-repeat;background-size:cover}.kaifainPreviewCase .contentArea .caseListArea .list .cell .right .bottom .word{margin-left:7px;height:17px;font-size:12px;font-weight:600;color:#333;line-height:17px}*{box-sizing:border-box}.kaifainPreviewCaseMobile{margin:0!important;background-color:#fff;width:100vw;height:100vh;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.kaifainPreviewCaseMobile .topArea{position:relative;margin:0!important;width:100vw;background:#3059dc;height:160.53333vw}.kaifainPreviewCaseMobile .topArea .bannerBg{position:absolute;left:0;bottom:0;width:100vw}.kaifainPreviewCaseMobile .topArea .bannerBg img{width:100vw;height:auto;vertical-align:middle}.kaifainPreviewCaseMobile .topArea .topContent{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start}.kaifainPreviewCaseMobile .topArea .topContent .left{width:100vw;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.kaifainPreviewCaseMobile .topArea .topContent .left .title{margin-top:14.4vw;height:13.6vw;font-size:9.06667vw;font-weight:600;color:#fff;line-height:13.33333vw;letter-spacing:.53333vw}.kaifainPreviewCaseMobile .topArea .topContent .left .desc{margin-top:2.66667vw;height:10.13333vw;font-size:3.46667vw;font-weight:400;color:#fff;line-height:5.06667vw}.kaifainPreviewCaseMobile .topArea .topContent .left .btn{width:49.86667vw;height:10.4vw;border-radius:.53333vw;border:.26667vw solid #fff;display:flex;justify-content:center;align-items:center;margin-top:6.66667vw;cursor:pointer}.kaifainPreviewCaseMobile .topArea .topContent .left .btn p{height:4.53333vw;font-size:3.46667vw;font-weight:500;color:#fff;line-height:4.53333vw}.kaifainPreviewCaseMobile .contentArea{width:100vw;margin:0 auto;box-sizing:border-box}.kaifainPreviewCaseMobile .contentArea .introArea{padding:8.8vw 3.73333vw;background-color:#fff}.kaifainPreviewCaseMobile .contentArea .introArea .title{text-align:center}.kaifainPreviewCaseMobile .contentArea .introArea .title .word{font-size:6.4vw;font-weight:500;color:#222;letter-spacing:.26667vw}.kaifainPreviewCaseMobile .contentArea .introArea .title .line{margin:2.13333vw auto;width:7.73333vw;height:.8vw;background:#2094f3;border-radius:.8vw}.kaifainPreviewCaseMobile .contentArea .introArea .introContent{width:92.53333vw}.kaifainPreviewCaseMobile .contentArea .introArea .introContent p{word-break:break-all}.kaifainPreviewCaseMobile .contentArea .caseListArea{margin-top:0;padding:8vw 0 0;background-color:#fff}.kaifainPreviewCaseMobile .contentArea .caseListArea .title{text-align:center}.kaifainPreviewCaseMobile .contentArea .caseListArea .title .word{height:8.8vw;font-size:6.4vw;font-weight:500;color:#222;line-height:8.8vw;letter-spacing:.26667vw}.kaifainPreviewCaseMobile .contentArea .caseListArea .title .line{margin:2.13333vw auto;width:7.73333vw;height:.8vw;background:#2094f3;border-radius:.8vw}.kaifainPreviewCaseMobile .contentArea .caseListArea .list{margin-top:2.66667vw;display:flex;width:100%;padding:0 2.66667vw}.kaifainPreviewCaseMobile .contentArea .caseListArea .list .cell{width:100vw;height:25.6vw;display:flex;justify-content:center;align-items:center;border-bottom:.26667vw solid #ededed}.kaifainPreviewCaseMobile .contentArea .caseListArea .list .cell .left{flex-shrink:0;font-size:0;width:19.2vw;height:19.2vw}.kaifainPreviewCaseMobile .contentArea .caseListArea .list .cell .left img{width:19.2vw;height:19.2vw}.kaifainPreviewCaseMobile .contentArea .caseListArea .list .cell .right{width:71.46667vw;flex-grow:1;margin-left:2.66667vw;height:19.2vw;display:flex;justify-content:space-between;flex-direction:column}.kaifainPreviewCaseMobile .contentArea .caseListArea .list .cell .right .top{display:flex;justify-content:center;flex-direction:column}.kaifainPreviewCaseMobile .contentArea .caseListArea .list .cell .right .top .bStitle{height:auto;width:71.46667vw;margin-top:0;max-height:10.66667vw;font-size:3.73333vw;font-weight:400;color:#222;line-height:5.33333vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.main{margin-top:0!important}@media screen and (max-width:960px){.main{min-width:auto!important}}
|
