.banner{position:relative;width:100%;height:350px;margin-top:70px;color:#fff;background:#e6eaf3;overflow:hidden;background:url(///portal/2019/css//images/case/banner.png) no-repeat 80% 50%}.banner .banner-wrap{margin:0 auto;padding-left:120px;width:1180px}.banner .banner-title{margin-top:90px;margin-bottom:25px;font-size:32px;height:32px;line-height:32px}.banner .banner-sub-title{margin-bottom:40px;font-size:16px}.start-content{margin-top:110px;margin-bottom:130px;text-align:center}.start-content h2{font-size:32px;line-height:32px;color:#333;font-weight:bold}.start-content h3{margin-top:30px;font-size:24px;line-height:24px;color:#333;font-weight:lighter}.start .item-link-create{border-color:#666!important;color:#404040}.banner-item-btn{margin-top:40px}.banner-item-btn .banner-item-link{display:inline-block;width:176px;height:50px;box-sizing:border-box;line-height:50px;text-decoration:none;vertical-align:middle;text-align:center;border-radius:3px}.banner-item-btn .banner-item-link.item-link-see{color:#fff;background-color:#007ff8;margin-right:20px}.banner-item-btn .banner-item-link.item-link-create{border:1px solid #fff}.case{margin-top:30px}.case-wrap{position:relative}.case-wrap-content{padding-top:20px;padding-bottom:50px;background:#edf1f7}.case-nav{display:flex;width:700px;margin:0 auto}.case-nav li{flex-grow:1;text-align:center;padding:20px 0;margin:0 25px;cursor:pointer}.case-wrap .nav-bullet{position:relative;width:700px;margin:0 auto;height:1px;background:#ccc}.case-wrap .nav-bullet .active{position:absolute;top:-4px;width:60px;height:4px;background:#007ff8;left:28px;transition:left .5s}.case-content{display:flex;flex-wrap:wrap;justify-content:space-between;width:1180px;margin:0 auto}.case-content .item{position:relative;display:none;width:380px;height:460px;margin:10px 0;background:#fff;transition:all .15s cubic-bezier(.4,0,.2,1)}.case-content .item::before{content:"";position:absolute;top:260px;width:100%;height:200px;border:1px solid #ddd;border-top:0;box-sizing:border-box}.case-content .item.item-empty{display:none;visibility:hidden}.case-content .item:hover{box-shadow:0 0 15px rgba(186,204,207,.7)}.case-content .item:hover .logo img{-webkit-transform:scale(1.1);transform:scale(1.1)}.case-content .item .logo{height:260px;width:100%;overflow:hidden;background:aliceblue}.case-content .item .logo img{width:100%;height:100%;transition:all .5s ease}.case-content .item .name{position:relative;top:-40px;height:40px;line-height:40px;width:100%;text-align:center;background:rgba(2,106,207,1);color:#fff}.case-content .item .desc,.case-content .item .user{font-size:12px;line-height:24px;color:#666}.case-content .item .desc{margin:-20px 20px 0}.case-content .item .user{margin-right:20px;text-align:right}.active-all+.nav-bullet .active{left:28px}.active-ppp+.nav-bullet .active{left:157px}.active-epc+.nav-bullet .active{left:303px}.active-big+.nav-bullet .active{left:450px}.active-bim+.nav-bullet .active{left:598px}.active-all .item{display:block}.active-ppp .item.ppp{display:block}.active-epc .item.epc{display:block}.active-big .item.big{display:block}.active-bim .item.bim{display:block}.cooperation-wrap{width:100%;margin-top:80px;margin-bottom:80px}.cooperation-wrap .title-wrap{width:500px;margin:0 auto;text-align:center}.cooperation-wrap .title-wrap .title{font-size:32px;line-height:32px;font-weight:bold;color:#343434}.cooperation-wrap .title-wrap .sub-title{margin-top:20px;font-size:16px;line-height:16px;color:#666}.cooperation-wrap .content{display:flex;flex-wrap:wrap;max-width:1040px;margin:20px auto 0}.cooperation-wrap .content .item{width:260px;margin:30px 0 0}.cooperation-wrap .item img{margin-left:60px}.video{position:relative;width:100%;height:680px;margin-top:110px;font-size:30px;color:#fff;overflow:hidden;background-color:#e4e4e4}.video-container{position:relative;width:100%;height:300px;margin:0 auto;padding:210px 0 170px;z-index:99;background-color:rgba(255,255,255,.4)}.video-container .content{width:750px;margin:0 auto}.video-container .content .title{margin-bottom:20px}@media(max-width:1180px){.case-content{width:100%;justify-content:space-around}}@media(max-width:1155px){.case-content .item.item-empty{display:none!important}.video{display:none}}@media(max-width:840px){.glodon-mui-bar{display:none}.banner-top{background-position:top}}@media(max-width:768px){.start,.nav-bullet,.case-content .item.item-empty{display:none}.banner-top{margin-top:50px}.banner-top .banner-wrap{width:100%;padding-left:0;margin-left:10px}.banner .banner-title{font-size:22px}.case-nav{width:100%}.case-nav li{margin:0;padding:0 0 10px;width:20%;font-size:14px}.case-nav li.active{color:#007ff8;border-bottom:4px solid #007ff8}.case-wrap-content{padding-bottom:20px}.cooperation-wrap .title-wrap{width:100%;margin-top:20px}.cooperation-wrap .title-wrap .title{font-size:20px}.cooperation-wrap .title-wrap .sub-title{font-size:14px}.cooperation-wrap .content{margin-top:0;margin-bottom:40px}.cooperation-wrap .content .item{margin-top:20px}}