.banner{height:240px;background:url(https://cityoswebsite.thecityos.com/cityos/image/product-banner.png) no-repeat 50%/cover}.banner-wrapper{position:relative;width:1400px;height:100%;margin:auto}.banner-wrapper>div:first-child{position:absolute;top:94px;left:98px;height:54px;font-size:54px;font-weight:400;color:#fff;line-height:54px;opacity:.2;letter-spacing:4px}.banner-wrapper>div:last-child{position:absolute;top:78px;left:101px;height:42px;font-size:30px;font-weight:400;color:#fff;line-height:42px}.banner .banner-enter-active,.banner .banner-leave-active{transition:all .6s}.banner .banner-enter,.banner .banner-leave-to{opacity:0;transform:translateY(-20px)}.content-view{width:1400px;margin:auto}.content-view-header{display:flex}.content-view-title{position:relative;margin-right:14px;padding-bottom:10px;font-size:28px;font-weight:600;line-height:40px}.content-view-title:after{position:absolute;left:0;bottom:0;content:"";width:56px;height:2px;background:#333;border-radius:1px}.content-view-subheading{margin-top:12px;font-size:24px;height:24px;line-height:24px;font-weight:400;color:#cbcbcb}.solution-card{width:440px;height:450px;display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 16px 0 rgba(0,0,0,.07);transition:all .3s}.solution-card:hover{transform:translateY(-20px);box-shadow:0 2px 16px 0 rgba(33,74,234,.15)}.solution-card-img{margin-bottom:20px;height:225px;background-size:cover}.solution-card-title{margin-bottom:20px;padding:0 20px;font-size:20px;font-weight:600;color:#333;line-height:28px}.solution-card-tags{font-size:12px;padding:0 20px}.solution-card-tags>div{color:#424242;line-height:18px;margin-bottom:6px}.solution-card-tags ul{margin-bottom:20px;display:flex;flex-wrap:wrap}.solution-card-tags ul li{margin-right:4px;margin-bottom:8px;padding:0 5px;border:1px solid #e7e7e7;color:#666;font-size:16px;line-height:28px}.solution-card-tags ul li:last-child{border:0}.case{padding-top:80px}.case-one{padding-top:50px;padding-bottom:50px}.case-one .content-view-content{padding-top:50px;display:flex;justify-content:space-between}.case-two{background:#f4f7fd;padding-bottom:62px}.case-three,.case-two,.case-two .content-view-content{padding-top:50px}.case-three{padding-bottom:50px}.case-four,.case-three .content-view-content{padding-top:50px}.case-four{background:#f4f7fd;padding-bottom:50px}.case-four .content-view-content{padding-top:36px}.case .multispan{width:1400px;height:605px;background:url(https://cityoswebsite.thecityos.com/cityos/image/case-5.png) no-repeat 50%/cover;left:0;right:0;margin:auto}.case .reform{display:flex;justify-content:space-between;flex-wrap:wrap}.case .reform-card{position:relative;margin-bottom:40px;width:440px;height:560px;background-color:#fff;box-shadow:0 2px 16px 0 rgba(33,74,234,.15);transition:transform .3s}.case .reform-card-top{height:280px;background-repeat:no-repeat;background-position:50%;background-size:cover}.case .reform-card-bottom{padding:0 24px}.case .reform-card-title{margin-top:20px;margin-bottom:20px;font-size:20px;font-weight:600;line-height:28px}.case .reform-card-content{font-size:14px;font-weight:400;line-height:26px;text-align:justify}.case .reform-card-awards{width:100%;position:absolute;bottom:24px;left:0}.case .reform-card-awards li{margin-top:4px;position:relative;display:flex;align-items:center;padding-left:24px;font-size:16px;font-weight:400;color:#e37c00;line-height:22px}.case .reform-card-awards li i{margin-right:6px;display:block;width:23px;height:21px;background:url(https://cityoswebsite.thecityos.com/cityos/image/case-icon.png) no-repeat 50%/cover}.case .reform-card:hover{transform:translateY(-20px)}.case .reform-card:first-child .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-1.png)}.case .reform-card:nth-child(2) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-2.png)}.case .reform-card:nth-child(3) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-3.png)}.case .reform-card:nth-child(4) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-4.png)}.case .reform-card:nth-child(5) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-5.png)}.case .reform-card:nth-child(6) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-6.png)}.case .reform-card:nth-child(6) .reform-card-content{letter-spacing:-1px}.case .reform-card:nth-child(7) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-7.png)}.case .reform-card:nth-child(8) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-8.png)}.case .reform-card:nth-child(9) .reform-card-top{background-image:url(https://cityoswebsite.thecityos.com/cityos/image/reform-icon-9.png)}.case .stadium{display:flex;justify-content:space-between}.case .stadium-card{position:relative;width:440px;height:480px;transition:transform .3s;box-shadow:0 2px 16px 0 rgba(33,74,234,.15)}.case .stadium-card:hover{transform:translateY(-20px)}.case .stadium-card-img{height:280px;background:url(https://cityoswebsite.thecityos.com/cityos/image/case-6.png) no-repeat 50%/cover}.case .stadium-card-content{padding:20px 24px 0;width:100%}.case .stadium-card-content>div:first-child{margin-bottom:20px;font-size:20px;font-weight:600;line-height:28px}.case .stadium-card-content>div:last-child{font-size:14px;font-weight:400;line-height:26px}.case .stadium-card:nth-child(2) .stadium-card-img{background:url(https://cityoswebsite.thecityos.com/cityos/image/case-7.png) no-repeat 50%/cover}.case .stadium-card:nth-child(3) .stadium-card-img{background:url(https://cityoswebsite.thecityos.com/cityos/image/case-8.png) no-repeat 50%/cover}