@charset "UTF-8";.main{background:#fff;font-family:Source Han Sans SC}.main .main-header-banner{background:url(../img/practicalCase/banner.jpg) no-repeat center;height:500px}.main .training-feature-box{height:717px;background:url(../img/practicalCase/project-feature.jpg) no-repeat center}.main .projects-info-box{padding-bottom:80px}.main .projects-item-box{padding-top:78px}.main .projects-item-box .projects-title-box{width:546px;background:url(../img/practicalCase/title-bg.png) no-repeat center;box-sizing:border-box;padding:0 108px;font-size:33px;color:#333;font-weight:700;line-height:50px;text-align:center;margin:auto;margin-bottom:65px}.main .projects-item-box .handle-lists-box .handle-item-box{width:220px;height:58px;color:#3a94ff;text-align:center;font-size:18px;padding-top:24px;float:left;box-sizing:border-box;position:relative}.main .projects-item-box .handle-lists-box .handle-item-box+.handle-item-box{margin-left:25px}.main .projects-item-box .handle-lists-box .handle-item-box+.handle-item-box:before{content:"";background-image:url(../img/practicalCase/arrows-ico.png);width:21px;height:15px;position:absolute;left:-23px;top:26px}.main .projects-item-box .projects-box{display:flex;height:900px}.main .projects-item-box .projects-box .projects-classify-box{width:90px;text-align:right;border-right:1px solid #efefef}.main .projects-item-box .projects-box .projects-classify-box li{color:#707070;font-size:16px;line-height:31px;margin-bottom:33px;width:90px;padding-right:9px;box-sizing:border-box;display:inline-block;position:relative;cursor:pointer}.main .projects-item-box .projects-box .projects-classify-box li.on{color:#3a94ff}.main .projects-item-box .projects-box .projects-classify-box li.on:before{content:"";background-color:#3a94ff;height:100%;width:3px;position:absolute;right:-2px;top:0}.main .projects-item-box .projects-box .projects-lists-box{flex:1;overflow-y:auto;padding:0 26px 40px 30px;scrollbar-arrow-color:#fff;scrollbar-face-color:#f7f7f7;scrollbar-highlight-color:#f7f7f7;scrollbar-shadow-color:#f7f7f7;scrollbar-track-color:#efefef;scrollbar-3dlight-color:#f7f7f7;scrollbar-darkshadow-color:#f7f7f7;scrollbar-base-color:#f7f7f7}.main .projects-item-box .projects-box .projects-lists-box::-webkit-scrollbar{width:6px;height:12px;background-color:#f7f7f7;border:1px solid #efefef}.main .projects-item-box .projects-box .projects-lists-box::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}.main .projects-item-box .projects-box .projects-lists-box::-webkit-scrollbar-thumb{border-radius:0;background-color:#e6e6e6;box-shadow:inset 0 0 5px #e6e6e6;border:1px solid #efefef}.main .projects-item-box .projects-box .projects-lists-box::-webkit-scrollbar-button{height:0;background-color:#1e3f94;border:1px solid #efefef}.main .projects-item-box .projects-box .more-tips{color:#6f94c1;font-size:18px;width:346px;line-height:21px;margin:auto;position:relative;background-color:transparent;z-index:2}.main .projects-item-box .projects-box .more-tips:before{content:"";height:8px;width:383px;background-color:#d7e9ff;position:absolute;left:-18px;bottom:-3px;border-radius:4px;z-index:-1}.main .projects-item-box .projects-box .project-item-box{width:248px;height:190px;background-color:#e6f1ff;border-radius:10px;overflow:hidden;float:left;margin-right:14px;margin-bottom:25px;cursor:pointer}.main .projects-item-box .projects-box .project-item-box:nth-child(4n){margin-right:0}.main .projects-item-box .projects-box .project-item-box .project-title{font-size:15px;color:#707070;padding:14px 0 11px 0}.main .projects-item-box .projects-box .project-item-box .project-category{color:#3a94ff;font-size:15px}.main .projects-item-box .projects-box .project-item-box .project-text-box{padding:0 14px}.main .projects-item-box .projects-box .project-item-box .project-img-box{height:117px;width:100%}.main .projects-item-box .projects-box .project-item-box .project-img-box img{width:100%;height:100%}.main .flow-bg{background-image:url(../img/practicalCase/flow-bg.png);width:1200px;height:153px;padding-bottom:39px;background-repeat:no-repeat}.main .subject-title{color:#333;font-size:24px;position:relative;width:214px;margin:auto;background-color:transparent;z-index:2;text-align:center}.main .subject-title:before{content:"";background:#d7e9ff;border-radius:5px;width:214px;height:9px;position:absolute;top:7px;left:0;z-index:-1}.main .block-content-box{padding-bottom:78px}.main .block-content-box.color-bg{background-color:#f9fdff}.main .block-content-box.faculty-bg{background-color:#d7eaff}.main .block-title-box{text-align:center;padding-top:77px}.main .block-title-box .title-text{color:#3a94ff;font-size:38px;font-weight:700;position:relative;width:214px;margin:auto;background-color:transparent;z-index:2}.main .block-title-box .title-text:before{content:"";background:#d7e9ff;border-radius:7px;width:214px;height:13px;position:absolute;top:12px;left:0;z-index:-1}.main .block-title-box .title-text.faculty-title-text:before{background:#f3f8ff}.main .block-title-box .subheading-text{padding:20px 0 55px 0;color:#333;font-size:30px}.main .company-tips{width:878px;margin:auto;background:url(../img/practicalCase/title-bg3.png) no-repeat center center;font-size:26px;color:#333;margin-bottom:30px}.main .block-bottom-text{padding-top:40px;color:#333;font-size:18px;line-height:30px;font-weight:600;text-align:center}.main .block-bottom-text .point-text{color:#3a94ff}.main .update-lists-box .two-item-box{padding-top:40px}.main .update-lists-box .update-item-box{width:310px;height:280px;background:#3a94ff;border-radius:14px;box-shadow:0 5px 0 0 #d7e9ff;box-sizing:border-box;padding:40px 51px 40px 51px;text-align:center;display:inline-block;vertical-align:top}.main .update-lists-box .update-item-box+.update-item-box{margin-left:130px}.main .update-lists-box .update-item-box .update-title{font-size:30px;padding:18px 0;color:#fff}.main .update-lists-box .update-item-box .update-line{display:inline-block;height:2px;width:40px;background-color:#d7e9ff;border-radius:1px}.main .update-lists-box .update-item-box .update-info-text{padding-top:18px;font-size:16px;color:#fff;line-height:26px}.main .Security-box{width:340px;height:400px;float:left}.main .Security-box+.Security-box{margin-left:90px}.main .faculty-lists-box{padding-bottom:49px}.main .faculty-lists-box .faculty-item-box{float:left;width:340px;height:123px}.main .faculty-lists-box .faculty-item-box+.faculty-item-box{margin-left:90px}.main .subject-info-lists{padding-top:20px}.main .subject-info-lists .subject-info-item{float:left;width:260px;height:103px}.main .subject-info-lists .subject-info-item+.subject-info-item{margin-left:53px}