/* A business document travels through preparation, cooperation and daily operations. */
.dljz-redesign-main .hero-image{isolation:isolate}
.dljz-redesign-main .hero-workflow{position:absolute;left:25px;bottom:25px;width:min(570px,51%);padding:0;background:transparent}
.dljz-redesign-main .workflow-heading{display:inline-flex;align-items:center;gap:22px;padding:10px 17px;color:#fff;background:#173b4be8;font-size:15px;font-weight:500;letter-spacing:.04em}
.dljz-redesign-main .workflow-heading small{font-size:10px;font-weight:400;letter-spacing:.12em;color:#c3d4d5}
.dljz-redesign-main .workflow-art{display:block;width:100%;height:auto;overflow:visible}
.dljz-redesign-main .workflow-track{fill:none;stroke:#c8d5d0;stroke-width:2}
.dljz-redesign-main .workflow-trail{fill:none;stroke:#33685a;stroke-width:4;stroke-linecap:round;stroke-dasharray:480;stroke-dashoffset:480;transition:stroke-dashoffset 1.15s cubic-bezier(.2,.7,.2,1)}
.dljz-redesign-main .workflow-file{transform:translate(5px,0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 7px 5px #173b4b25)}
.dljz-redesign-main .workflow-file .file-sheet{fill:#fff;stroke:#b2c8bd;stroke-width:1.2}
.dljz-redesign-main .workflow-file .file-top{fill:#33685a;transition:fill .5s}
.dljz-redesign-main .workflow-file .file-lines{stroke:#a9bab7;stroke-width:3;stroke-linecap:round}
.dljz-redesign-main .workflow-file .file-tick{fill:none;stroke:#33685a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32;transition:stroke-dashoffset .7s .5s}
.dljz-redesign-main .workflow-art text{font-family:"Microsoft YaHei",sans-serif;fill:#173b4b;font-size:20px}
.dljz-redesign-main .workflow-file .file-label{font-size:18px;fill:#fff;letter-spacing:2px}
.dljz-redesign-main .workflow-dock{fill:#f8f7f2;stroke:#b9cbc3;stroke-width:2;transition:fill .5s,stroke .5s}
.dljz-redesign-main .workflow-node-label{font-size:20px;text-anchor:middle}
.dljz-redesign-main .hero-workflow[data-phase="0"] .dock-0,.dljz-redesign-main .hero-workflow[data-phase="1"] .dock-1,.dljz-redesign-main .hero-workflow[data-phase="2"] .dock-2,.dljz-redesign-main .hero-workflow[data-phase="3"] .dock-3{fill:#33685a;stroke:#33685a}
.dljz-redesign-main .hero-workflow[data-phase="1"] .workflow-file{transform:translate(165px,0)}
.dljz-redesign-main .hero-workflow[data-phase="2"] .workflow-file{transform:translate(325px,0)}
.dljz-redesign-main .hero-workflow[data-phase="3"] .workflow-file{transform:translate(485px,0)}
.dljz-redesign-main .hero-workflow[data-phase="1"] .workflow-trail{stroke-dashoffset:320}
.dljz-redesign-main .hero-workflow[data-phase="2"] .workflow-trail{stroke-dashoffset:160}
.dljz-redesign-main .hero-workflow[data-phase="3"] .workflow-trail{stroke-dashoffset:0}
.dljz-redesign-main .hero-workflow[data-phase="2"] .file-tick,.dljz-redesign-main .hero-workflow[data-phase="3"] .file-tick{stroke-dashoffset:0}
.dljz-redesign-main .hero-workflow[data-phase="3"] .file-top{fill:#284e66}
.dljz-redesign-main .hero-workflow[data-phase="3"] .file-sheet{fill:#f2f7f3}
.dljz-redesign-main .hero-workflow.is-resetting .workflow-file,.dljz-redesign-main .hero-workflow.is-resetting .workflow-trail{transition:none}
.dljz-redesign-main .hero-workflow.is-paused *{animation-play-state:paused!important}
html:not(.js) .dljz-redesign-main .workflow-file{transform:translate(485px,0)}
html:not(.js) .dljz-redesign-main .workflow-trail{stroke-dashoffset:0}
html:not(.js) .dljz-redesign-main .file-tick{stroke-dashoffset:0}
@media(max-width:980px){.dljz-redesign-main .hero-workflow{width:65%;left:20px;bottom:24px}}
@media(max-width:680px){.dljz-redesign-main .hero-image{overflow:visible;background:transparent}.dljz-redesign-main .hero-image>img{height:250px;object-position:67% 58%}.dljz-redesign-main .hero-workflow{position:relative;left:auto;bottom:auto;width:100%;margin-top:-49px;padding:15px 14px 4px;background:#f0f3ed;box-shadow:none}.dljz-redesign-main .hero-image>figcaption{top:9px;bottom:auto;right:8px;z-index:2}.dljz-redesign-main .workflow-heading{font-size:14px;letter-spacing:0}.dljz-redesign-main .workflow-heading small{font-size:9px}.dljz-redesign-main .workflow-art .workflow-node-label{font-size:25px}.dljz-redesign-main .workflow-art .file-label{font-size:25px;letter-spacing:0}.dljz-redesign-main .workflow-file .file-top{height:36px}.dljz-redesign-main .journey-controls{min-height:43px}}
@media(prefers-reduced-motion:reduce){.dljz-redesign-main .hero-workflow *{transition:none!important;animation:none!important}.dljz-redesign-main .hero-workflow .workflow-file{transform:translate(485px,0)!important}.dljz-redesign-main .hero-workflow .workflow-trail{stroke-dashoffset:0!important}.dljz-redesign-main .hero-workflow .file-tick{stroke-dashoffset:0!important}}
