.service-support{padding:80px 0}.service-support .title{color:var(--primary-color);margin-bottom:48px}.service-support .promise{margin-bottom:80px}.service-support .promise .promise-content{display:flex;gap:0 24px;overflow:hidden}.service-support .promise .promise-content .promise-left{width:calc(33.33% - 12px) !important;position:relative}.service-support .promise .promise-content .promise-right{width:calc(66.66% - 12px);display:flex;flex-wrap:wrap;gap:24px}.service-support .promise .promise-content .promise-item{position:relative;overflow:hidden;transition:all .5s ease;background:#f8f8f8}.service-support .promise .promise-content .promise-item:nth-child(1),.service-support .promise .promise-content .promise-item:nth-child(4){width:calc(60% - 12px)}.service-support .promise .promise-content .promise-item:nth-child(2),.service-support .promise .promise-content .promise-item:nth-child(3){width:calc(40% - 12px)}.service-support .promise .promise-content .promise-item::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent, rgba(0,0,0,0.5));z-index:1;transition:all .5s ease;opacity:0}.service-support .promise .promise-content .promise-item.active::before{opacity:0}.service-support .promise .promise-content .promise-item.active img{opacity:0}.service-support .promise .promise-content .promise-item.active .content{bottom:0;color:#000}.service-support .promise .promise-content .promise-item.active .content .title{color:#000}.service-support .promise .promise-content .promise-item.active .content .desc{color:#888}.service-support .promise .promise-content .promise-item img{width:100%;height:100%;object-fit:cover;opacity:1;transition:all .5s ease}.service-support .promise .promise-content .promise-item .content{padding:24px 24px 0;position:absolute;width:100%;bottom:var(--content-bottom);left:0;z-index:2;color:#fff;transition:all .5s ease}.service-support .promise .promise-content .promise-item .content .icon-wrapper .iconfont{font-size:68px}.service-support .promise .promise-content .promise-item .content .title{font-size:24px;font-weight:500;margin:0;padding:24px 0;color:#fff}.service-support .promise .promise-content .promise-item .content .desc{font-size:20px;line-height:1.5;padding-bottom:24px}.service-support .technical .technical-list{display:flex;gap:0 48px;height:var(--technical-list-height)}.service-support .technical .technical-list .technical-item{width:calc(100% / 3 - (48px * 2 / 3));height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;transition:all .5s ease;position:relative;overflow:hidden}.service-support .technical .technical-list .technical-item::before{content:'';position:absolute;inset:0;background-color:rgba(0,0,0,0.4);z-index:1}.service-support .technical .technical-list .technical-item:hover .content{top:0}.service-support .technical .technical-list .technical-item .content{padding:0 12px 12px;position:absolute;width:100%;top:calc(100% - 100px);left:0;transition:all .5s ease;z-index:2}.service-support .technical .technical-list .technical-item .content .title{text-align:center;color:#fff;font-size:28px;font-weight:700;padding:48px 0 24px;margin:0}.service-support .technical .technical-list .technical-item .content .desc{font-size:18px;line-height:1.5}@media screen and (max-width:992px){.service-support{padding:40px 16px}.service-support .title{text-align:center;margin-bottom:12px}.service-support .promise{margin-bottom:48px}.service-support .promise .promise-content{gap:24px;flex-direction:column}.service-support .promise .promise-content .promise-left{width:100% !important;margin-bottom:24px}.service-support .promise .promise-content .promise-right{width:100%;flex-wrap:wrap;gap:24px}.service-support .promise .promise-content .promise-item{width:100% !important;height:var(--content-height) !important}.service-support .promise .promise-content .promise-item::before{opacity:1}.service-support .promise .promise-content .promise-item img{transform:initial !important;opacity:1}.service-support .promise .promise-content .promise-item .content{padding:12px;color:#fff;padding:12px 12px 0}.service-support .promise .promise-content .promise-item .content .icon-wrapper{text-align:center}.service-support .promise .promise-content .promise-item .content .icon-wrapper .iconfont{font-size:36px}.service-support .promise .promise-content .promise-item .content .title{color:#fff;font-size:20px;margin:0;padding:12px 0}.service-support .promise .promise-content .promise-item .content .desc{color:#fff;font-size:16px;padding-bottom:12px}.service-support .technical .technical-list{flex-wrap:wrap;gap:24px;height:auto}.service-support .technical .technical-list .technical-item{width:100%;height:var(--technical-item-height)}.service-support .technical .technical-list .technical-item .content{top:calc(100% - 56px)}.service-support .technical .technical-list .technical-item .content .title{font-size:20px;padding:24px 0 12px}.service-support .technical .technical-list .technical-item .content .desc{font-size:16px}}