.service-project-cost-management-grid{background:url(/_nuxt/img/bac_category.b3986a1.png) no-repeat;background-size:100% auto;width:100%}.service-project-cost-management-grid .service-project-cost-management-grid-content{margin:0 auto;max-width:1170px;padding:90px 0 60px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .title{color:#fff;font-family:gt-walsheim-bold,source-han-sans-simplified-b,sans-serif;font-size:48px;font-weight:700;margin:0 0 40px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist{display:flex;flex-wrap:wrap}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem{background:#fff;border-radius:16px;height:-moz-fit-content;height:fit-content;margin:0 30px 36px 0;padding:0 0 30px;width:calc(33.33333% - 20px)}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle{color:#333;font-family:gt-walsheim-bold,source-han-sans-simplified-b,sans-serif;font-size:24px;font-weight:700;padding:30px 10px 16px 30px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle div{display:none}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemlist{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;height:118px;overflow:hidden;padding:0 10px 0 30px;text-overflow:ellipsis;transition:all .3s}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemlist .categoryitemlistitem{color:#333;font-size:18px;margin:0 0 12px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:nth-of-type(3n){margin:0 0 36px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:hover .categoryitemtitle{color:#4f2d7f}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:hover .categoryitemlist{display:block}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list{display:flex;flex-wrap:wrap}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item{align-items:center;background:#fff;border-radius:16px;color:#333;display:flex;font-size:20px;height:110px;justify-content:center;margin:0 30px 30px 0;padding:0 60px;text-align:center;transition:all .5s;width:calc(33.33333% - 20px)}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item div{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item:nth-of-type(3n){margin:0 0 30px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item:hover{box-shadow:0 4px 22px rgba(63,37,100,.13);color:#4f2d7f;font-family:gt-walsheim-bold,source-han-sans-simplified-b,sans-serif;font-weight:700}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item br{display:none}@media(max-width:1200px)and (min-width:750px){.service-project-cost-management-grid{background:url(/_nuxt/img/bac_category_m.fe36db0.png) no-repeat;background-size:100% auto}.service-project-cost-management-grid .service-project-cost-management-grid-content{padding:40px 16px 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .title{font-size:24px;margin:0 0 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem{border-radius:6px;margin:0 0 20px;width:100%}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle{align-items:center;display:flex;font-size:15px;justify-content:space-between;padding:15px 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle div{align-items:center;background:#a06dff;border-radius:9px;display:block;display:flex;height:18px;justify-content:center;width:18px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle div img{transition:all .5s;width:9px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemlist{display:flex;flex-wrap:wrap;height:0;padding:0 10px 0 20px;transition:all .5s}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemlist .categoryitemlistitem{display:none;font-size:14px;margin:0 0 8px;width:50%}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:nth-of-type(3n){margin:0 0 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:hover .title{color:#333}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemtitle{color:#4f2d7f}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemtitle div img{transform:rotate(180deg)}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemlist{height:auto;padding:0 10px 20px 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemlist .categoryitemlistitem{display:block}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item{border-radius:6px;font-size:14px;height:71px;margin:0 13px 12px 0;padding:0 40px;width:calc(50% - 6.5px)}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item div{display:block}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item:nth-of-type(2n){margin:0 0 12px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item:nth-of-type(3n){margin:0 13px 12px 0}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item br{display:none}}@media(max-width:750px){.service-project-cost-management-grid{background:url(/_nuxt/img/bac_category_m.fe36db0.png) no-repeat;background-size:100% 100%}.service-project-cost-management-grid .service-project-cost-management-grid-content{padding:40px 16px 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .title{font-size:24px;margin:0 0 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem{border-radius:6px;margin:0 0 20px;padding:0;width:100%}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle{align-items:center;display:flex;font-size:15px;justify-content:space-between;padding:15px 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle div{align-items:center;background:#a06dff;border-radius:9px;display:block;display:flex;height:18px;justify-content:center;width:18px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemtitle div img{transition:all .5s;width:9px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemlist{display:flex;flex-wrap:wrap;height:0;padding:0 10px 0 20px;transition:all .5s}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem .categoryitemlist .categoryitemlistitem{display:none;font-size:14px;margin:0 0 8px;width:50%;width:100%}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:nth-of-type(3n){margin:0 0 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem:hover .title{color:#333}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemtitle{color:#4f2d7f}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemtitle div img{transform:rotate(180deg)}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemlist{height:auto;padding:0 10px 20px 20px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .categorylist .categoryitem.active .categoryitemlist .categoryitemlistitem{display:block}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item{border-radius:6px;font-size:14px;height:71px;margin:0 13px 12px 0;padding:0 40px;width:calc(50% - 6.5px)}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item:nth-of-type(2n){margin:0 0 12px}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item:nth-of-type(3n){margin:0 13px 12px 0}.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item br{display:block}}@media(max-width:450px){.service-project-cost-management-grid .service-project-cost-management-grid-content .category .list .item{padding:0 30px}}