.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-group-list{overflow:hidden;position:relative}.solution-group-list-wrapper{width:1400px;margin:auto}.solution-group-title{position:relative;margin-top:32px;margin-bottom:20px;padding-left:12px;height:28px;font-size:20px;font-weight:600;line-height:28px}.solution-group-title:before{position:absolute;top:5px;left:0;content:"";width:2px;height:18px;background:#214aea}.solution-group-card{margin-bottom:32px;display:flex;flex-wrap:wrap}.solution-group-card-item{padding-left:24px;padding-right:24px;width:350px;height:200px;transition:all .2s;overflow:hidden}.solution-group-card-item:hover{background-color:#fff;background-image:url(https://cityoswebsite.thecityos.com/cityos/image/solution6.png);background-position:50%;background-size:cover;box-shadow:0 2px 16px 0 rgba(0,0,0,.07)}.solution-group-card-item:hover .solution-group-card-icon{margin-top:0;height:0;opacity:0}.solution-group-card-item:hover .solution-group-card-label{margin-top:20px}.solution-group-card-item:hover .solution-group-card-description{opacity:1;height:auto}.solution-group-card-icon{transition:all .2s;margin:60px auto 0;width:37px;height:40px;background:url(https://cityoswebsite.thecityos.com/cityos/image/solution-icon.png) no-repeat;background-size:370px}.solution-group-card-label{margin-top:16px;margin-bottom:12px;transition:all .2s;text-align:center;font-size:18px;font-weight:400;color:#333;line-height:25px}.solution-group-card-description{cursor:default;transition:all .1s;opacity:0;height:0;color:#999;font-size:15px;line-height:24px;text-align:justify}.solution{padding-top:80px}.solution-tabs{position:absolute;width:100%;z-index:100;display:flex;justify-content:center;line-height:54px;background:#fff;box-shadow:0 6px 11px 0 rgba(0,0,0,.04)}.solution-tabs-item{cursor:pointer;padding:0 20px;margin:0 105px}.solution-tabs-item-active{border-bottom:3px solid #214aea;color:#214aea}.solution-tabs-fixed{position:fixed;width:100%;left:0;top:80px}.solution-one{position:relative;padding-top:57px;overflow:hidden}.solution-one .content-view{margin-top:50px;margin-bottom:50px}.solution-two{overflow:hidden}.solution-two .content-view{margin-top:50px;margin-bottom:50px}