:root{--primary-color:#39a7fe;--secondary-color:#39c4fe;--text-color:#333;--white-color:#fff;--border-color:#286fff;--shadow-color:rgba(100,134,162,0.11);--card-shadow:rgba(158,187,242,0.2);--font-family:"Microsoft YaHei";--section-margin:140px;--container-width:1200px;--border-radius:10px;--transition:all 0.35s ease-in-out}.sanitation-truck .header-logo{width:100%}.sanitation-truck .header-logo img{width:100%;height:100%}.sanitation-truck .section{width:100%;overflow:hidden;margin-top:var(--section-margin)}.sanitation-truck .section.industry{text-align:center}.sanitation-truck .section-title{font-size:36px;font-family:var(--font-family);font-weight:400;color:var(--text-color);text-align:center;margin-bottom:80px}.sanitation-truck .card-container{width:var(--container-width);margin:0 auto;overflow:hidden}.sanitation-truck .card-list{display:flex;justify-content:center;align-items:center;gap:36px}.sanitation-truck .card-list.device-person-des-list,.sanitation-truck .card-list.device-person-list,.sanitation-truck .card-list.intelligent-control-list,.sanitation-truck .card-list.intelligent-signin-list,.sanitation-truck .card-list.work-time-list{justify-content:space-between}.sanitation-truck .card-list.repair-list{gap:50px}.sanitation-truck .card-item{position:relative;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer}.sanitation-truck .card-item.hoverable{border:1px solid transparent}.sanitation-truck .card-item.hoverable:hover{border:1px solid var(--border-color)}.sanitation-truck .card-item.employee-item{width:375px;padding:45px 15px 0}.sanitation-truck .card-img{font-size:0}.sanitation-truck .card-title{font-family:var(--font-family);font-weight:400;color:var(--text-color);text-align:center;font-size:22px}.sanitation-truck .card-title.overlay-title{position:absolute;top:30px;left:30px}.sanitation-truck .card-subtitle{width:144px;height:57px;font-size:20px;font-family:var(--font-family);font-weight:400;color:var(--text-color);margin:0 auto}.sanitation-truck .industry .industry-card{width:1176px;margin:0 auto;overflow:hidden;padding:10px 0}.sanitation-truck .industry .industry-card .industry-card-col .el-card.is-always-shadow{box-shadow:0 2px 12px 0 var(--card-shadow)}.sanitation-truck .industry .industry-card .industry-card-col:last-child{margin-right:24px}.sanitation-truck .industry .industry-card .industry-card-col .industry-card-img{width:277px;height:118px;background:linear-gradient(-53deg,var(--primary-color),var(--secondary-color));display:flex;justify-content:center;align-items:center}.sanitation-truck .industry .industry-card .industry-card-col .card-title{font-size:24px;margin-bottom:20px}.sanitation-truck .solution .solution-card{width:var(--container-width);margin:0 auto;overflow:hidden}.sanitation-truck .solution .solution-card .solution-explain{width:1188px;height:60px;font-size:22px;font-family:var(--font-family);font-weight:400;color:var(--text-color)}.sanitation-truck .solution .solution-card .solution-icon{margin-bottom:var(--section-margin)}.sanitation-truck .solution .solution-card .solution-icon ul li{width:20%;text-align:center;display:inline-block;margin-top:90px}.sanitation-truck .solution .solution-card .solution-icon ul li i{width:100px;height:100px;background:var(--white-color);border-radius:50%;display:block;margin:0 auto}.sanitation-truck .solution .solution-card .solution-icon ul li span{display:block;margin-top:50px;font-size:18px;font-family:var(--font-family);font-weight:400;color:var(--text-color)}.sanitation-truck .solution .solution-card .solution-icon ul li .solution-icon-jobManagement{background:url(../ManageuiResources/img/jobManagement.861aad51.png) no-repeat}.sanitation-truck .solution .solution-card .solution-icon ul li .solution-icon-fuelConsumption{background:url(../ManageuiResources/img/fuelConsumption.3dd4e009.png) no-repeat}.sanitation-truck .solution .solution-card .solution-icon ul li .solution-icon-Attendance{background:url(../ManageuiResources/img/Attendance.defd7906.png) no-repeat}.sanitation-truck .solution .solution-card .solution-icon ul li .solution-icon-Garbage{background:url(../ManageuiResources/img/Garbage.a587304c.png) no-repeat}.sanitation-truck .solution .solution-card .solution-icon ul li .solution-icon-statement{background:url(../ManageuiResources/img/statement.904f90f1.png) no-repeat}.sanitation-truck .solution .solution-card .solution-video{width:var(--container-width);height:675px;margin:0 auto;border-radius:30px;background-color:rgba(0,0,0,.18);box-sizing:border-box;overflow:hidden}.sanitation-truck .solution .solution-card .solution-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:30px}.sanitation-truck .electronic-emplyee-badge-control .card-item{width:212px;height:228px;background:rgba(40,120,255,0);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.sanitation-truck .electronic-emplyee-badge-control .card-item .card-title{margin-top:30px}.sanitation-truck .car-employee .card-title{font-size:22px;margin-top:40px}.sanitation-truck .plan-advantage .advantage-card{width:var(--container-width);margin:0 auto;overflow:hidden}.sanitation-truck .plan-advantage .advantage-card .advantage-item{padding:62px 42px;background:var(--white-color);box-shadow:0 4px 27px 0 var(--shadow-color);margin:10px;display:flex;justify-content:center;align-items:center;flex-flow:column;cursor:pointer;position:relative}.sanitation-truck .plan-advantage .advantage-card .advantage-item h4{font-size:22px;font-family:var(--font-family);font-weight:400;color:var(--text-color);margin-bottom:14px}.sanitation-truck .plan-advantage .advantage-card .advantage-item ul li{height:28px;line-height:28px;list-style:circle;padding:7px 0;font-size:20px;font-family:var(--font-family);font-weight:400;color:var(--text-color)}.sanitation-truck .plan-advantage .advantage-card .advantage-item ul li::marker{color:var(--primary-color)}.sanitation-truck .plan-advantage .advantage-card .advantage-item:after{content:"";width:100%;height:0;position:absolute;bottom:0;background:var(--primary-color);opacity:0;transition:var(--transition)}.sanitation-truck .plan-advantage .advantage-card .advantage-item:hover:after{height:8px;opacity:1}.sanitation-truck .intelligent-signin .intelligent-signin-list,.sanitation-truck .work-time .intelligent-signin-list{flex-wrap:nowrap}.sanitation-truck .intelligent-signin .card-title,.sanitation-truck .work-time .card-title{top:auto;bottom:20px;left:0;right:0}.sanitation-truck .device-person{background:#f3f7fc}.sanitation-truck .device-person .section-title{margin-top:70px}.sanitation-truck .device-person .device-person-list .card-title{top:auto;bottom:20px}.sanitation-truck .device-person .device-person-des-list{margin:80px 0 54px;justify-content:space-around}.sanitation-truck .device-person .device-person-des-list .card-title{margin-top:37px}.sanitation-truck .repair .card-title{top:50%;transform:translateY(-50%);text-align:left}.sanitation-truck .driving-behavior-control .overlay-title{top:auto;bottom:28px}.sanitation-truck .vehicle-monitoring-control .overlay-title{top:auto;bottom:28px;left:0;right:0}.sanitation-truck .personnel-scheduling .card-list{flex-wrap:wrap}.sanitation-truck .personnel-scheduling .card-list .overlay-title{top:auto;bottom:28px}.sanitation-truck .personnel-scheduling .card-item .card-title{left:30px;text-align:left}