.service-flow-main{background:linear-gradient(135deg, #1f2a44 0%, #1f2a44 100%);padding:0 0;height:150px;overflow:hidden;}.service-flow-main .service-flow{width:1200px;margin:0 auto;height:150px;position:relative;}.service-flow-main .service-title{width:260px;height:150px;float:left;border-right:1px solid rgba(255, 255, 255, 0.3);color:#fff;padding:30px 0;box-sizing:border-box;}.service-flow-main .service-title h3{font-size:26px;font-weight:bold;color:#fff;line-height:1.2;}.service-flow-main .service-title h3 i{font-size:16px;font-style:normal;font-weight:normal;opacity:0.8;margin-left:4px;}.service-flow-main .service-title p{font-size:26px;font-weight:bold;padding-top:10px;color:#fff;font-family:Arial, sans-serif;}.service-flow-main .service-title p .icon{display:inline-block;width:22px;height:22px;background:#fff;border-radius:50%;margin-right:12px;vertical-align:middle;position:relative;}.service-flow-main .service-title p .icon::after{content:"📞";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:12px;}.service-flow-main .service-steps{width:calc(100% - 260px);height:150px;float:left;padding:35px 20px 0 30px;box-sizing:border-box;color:#fff;}.service-flow-main .step-list{display:flex;justify-content:space-between;align-items:flex-start;list-style:none;padding:0;margin:0;}.service-flow-main .step-list > li{display:flex;align-items:center;position:relative;}.service-flow-main .step-list > li p{width:90px;text-align:center;font-size:15px;color:#fff;margin:0;transition:all 0.3s ease;}.service-flow-main .step-list > li p img{width:40px;height:40px;margin:0 auto 10px;display:block;opacity:1;transition:all 0.3s ease;filter:brightness(0) invert(1);}.service-flow-main .step-list > li:hover p img{filter:none;transform:scale(1.1);}.service-flow-main .step-list > li:hover p{transform:translateY(-3px);}.service-flow-main .step-list .step-arrow{width:30px;height:2px;background:rgba(255, 255, 255, 0.5);position:relative;margin:0 4px;margin-bottom:28px;}.service-flow-main .step-list .step-arrow::after{content:"";position:absolute;right:-1px;top:-4px;width:0;height:0;border-left:8px solid rgba(255, 255, 255, 0.5);border-top:5px solid transparent;border-bottom:5px solid transparent;}@keyframes serviceFlipInY{0%{transform:perspective(400px) rotateY(0);}50%{transform:perspective(400px) rotateY(-10deg);}100%{transform:perspective(400px) rotateY(0);}}.service-flow-main .step-list > li:hover p{animation:serviceFlipInY 0.6s ease-out;}@media (max-width:1200px){.service-flow-main .service-flow{width:100%;}}@media (max-width:992px){.service-flow-main{height:auto;padding:20px 0;}.service-flow-main .service-title{float:none;width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255, 255, 255, 0.3);text-align:center;padding:0 0 20px;}.service-flow-main .service-steps{float:none;width:100%;height:auto;padding:20px 10px 0;overflow-x:auto;}.service-flow-main .step-list{min-width:700px;}}