.banner{background-image:url(../cases/banner-bg.png);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:52rem;position:relative}.banner .gray-gradient-mask1{width:50%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(270deg,#ebebeb00 .37%,#ebebeb 50.81%)}.banner .gray-gradient-mask2{position:absolute;bottom:0;width:100%;height:33%;background:linear-gradient(180deg,#f6f7f800,#f6f7f8)}.banner .header-content{display:flex;height:100%;flex-direction:column;justify-content:center;z-index:1;position:relative}.banner .header-content h1{font-family:MiSans VF;font-size:5.6rem;font-style:normal;font-weight:630;margin-top:0rem;margin-bottom:0rem}.banner .header-content .header-description{color:#727687;color:var(--color2, #727687);width:36rem;font-size:1.4rem;font-weight:400;line-height:2.2rem}.banner .header-content .click-now{margin-top:8px;display:flex;font-size:14px;width:240px;height:44px;overflow:hidden;padding:10px 16px;justify-content:space-between;align-items:center;border-radius:4px;background:linear-gradient(90deg,#3062f6,#6c66f5);background:var(--, linear-gradient(90deg, #3062f6 0%, #6c66f5 100%))}.banner .header-content .click-now svg{width:12px;height:12px;color:#fff}.tabs-nav{margin:auto;width:-moz-fit-content;width:fit-content;display:flex;padding:1rem;align-items:center;gap:2.4rem;border-radius:3rem;background:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:1.6rem}.tabs-nav .tab-item{width:-moz-fit-content;width:fit-content;display:flex;cursor:pointer;height:3.6rem;padding:0rem 2.4rem;justify-content:center;align-items:center}.tabs-nav .tab-item.active{color:#fff;border-radius:2rem;background:linear-gradient(90deg,#3062f6,#6c66f5);background:var(--, linear-gradient(90deg, #3062f6 0%, #6c66f5 100%))}.cases-list{padding-top:4.6rem;padding-bottom:4.4rem;row-gap:4.8rem}.cases-list .case-card-style{width:100%;aspect-ratio:466/340;border-radius:16px;overflow:hidden;background-image:url(../content/business-cases/image1.png);background-position:top;background-repeat:no-repeat;background-size:100% auto;position:relative;cursor:default}.cases-list .case-card-style .category{position:absolute;top:0;left:0;color:#fff;font-size:1.6rem}.cases-list .case-card-style .category span{position:absolute;left:1.9rem;top:.5rem;white-space:nowrap}.cases-list .case-card-style .category svg{position:absolute;top:0;left:0;width:10.8rem;height:3.2rem;flex-shrink:0}.cases-list .case-card-style .content{height:20rem;padding:3.6rem;width:100%;display:flex;flex-direction:column;position:absolute;bottom:0;background-color:#fff;transition:height .5s}.cases-list .case-card-style .content .title{color:#1c213e;font-size:2.4rem;font-weight:500}.cases-list .case-card-style .content .tags{display:flex;gap:1rem;align-items:center;margin-top:1.2rem;flex-wrap:nowrap;overflow:hidden}.cases-list .case-card-style .content .tags span{align-items:center;display:flex;padding:1rem;height:2.8rem;font-size:1.4rem;border-radius:4px;background:#dee9fe}.cases-list .case-card-style .content .arrow{position:absolute;bottom:3.6rem;opacity:1}.cases-list .case-card-style .content .arrow svg{width:2.4rem;height:2.4rem;color:#3062f6}.cases-list .case-card-style .content .description{margin-top:1.6rem;display:none;color:#727687;text-align:justify;font-size:1.4rem;font-weight:400;line-height:2.8rem;overflow:hidden;text-overflow:ellipsis}.cases-list .case-card-style:hover .content{height:100%;background-image:url(../index/case-card-bg.svg);background-size:cover}.cases-list .case-card-style:hover .content .arrow{display:none}.cases-list .case-card-style:hover .content .description{display:block;animation:fadeInUp .8s}