.manufactureWorkflowWrap{width:100%;display:flex;flex-wrap:wrap}.manufactureWorkflowWrap .item{width:calc((100% - 200px) / 3);padding:0 0 120px 0}.manufactureWorkflowWrap .item .img{width:60%;margin:0;overflow:hidden;border-radius:50%;border:2px solid #ccc}.manufactureWorkflowWrap .item .img img{width:100%;height:auto;transition:all .2s ease-in-out;padding:20%}.manufactureWorkflowWrap .item .img img:hover{transform:scale(1.1)}.manufactureWorkflowWrap .item .lines{width:100%;height:50px;position:relative}.manufactureWorkflowWrap .item .lines .dot{width:20px;height:20px;border-radius:50%;background:var(--manufacture-hell);position:absolute;bottom:0;left:30%;margin-left:-8px;z-index:+1}.manufactureWorkflowWrap .item .lines .lineH{width:100%;height:2px;background:#ccc;position:absolute;bottom:9px;left:0}.manufactureWorkflowWrap .item .lines .lineV{width:2px;height:40px;background:#ccc;position:absolute;top:0;left:30%;margin-left:1px}.manufactureWorkflowWrap .item[data-item="1"] .lines .lineH{width:70%;left:auto;right:0}.manufactureWorkflowWrap .item[data-item="8"] .lines .lineH{width:30%;left:0;right:auto}.manufactureWorkflowWrap .item .text{margin:15px 0 0 0;padding:0 0 0 calc(30% - 8px);hyphens:auto}.manufactureWorkflowWrap .item .text h3{margin:0 0 10px 0;position:relative;hyphens:auto}.manufactureWorkflowWrap .item .text h3 span{color:var(--manufacture-hell);position:absolute;top:0;left:-60px}.manufactureWorkflowWrap .item .text p{hyphens:auto}.manufactureWorkflowWrap .spacer{width:50px;min-height:10px;position:relative;overflow:hidden}.manufactureWorkflowWrap .spacer .line{height:2px;width:100%;background:#ccc;position:absolute;left:0;top:10px}.manufactureWorkflowWrap .spacer .borderLeftTop{height:100%;width:100%;border:2px solid #ccc;border-width:2px 0 0 2px;border-radius:50px 0 0 0;position:absolute;top:0;left:0}.manufactureWorkflowWrap .spacer .borderLeftBot{height:100%;width:100%;border:2px solid #ccc;border-width:0 0 2px 2px;border-radius:0 0 0 50px;position:absolute;top:0;left:0}.manufactureWorkflowWrap .spacer .borderRightTop{height:100%;width:100%;border:2px solid #ccc;border-width:2px 2px 0 0;border-radius:0 50px 0 0;position:absolute;top:0;left:0}.manufactureWorkflowWrap .spacer .borderRightBot{height:100%;width:100%;border:2px solid #ccc;border-width:0 2px 2px 0;border-radius:0 0 50px 0;position:absolute;top:0;left:0}.manufactureWorkflowWrap .spacer[data-spacer="1"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="3"] .borderRightTop{display:none}.manufactureWorkflowWrap .spacer[data-spacer="4"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="4"] .borderLeftTop{display:none}.manufactureWorkflowWrap .spacer[data-spacer="4"] .borderRightBot{display:none}.manufactureWorkflowWrap .spacer[data-spacer="5"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="6"] .borderRightBot{display:none}.manufactureWorkflowWrap .spacer[data-spacer="7"] .borderLeftBot{display:none}.manufactureWorkflowWrap .spacer[data-spacer="8"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="9"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="9"] .borderRightTop{display:none}.manufactureWorkflowWrap .spacer[data-spacer="11"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="12"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="12"] .borderRightBot{display:none}.manufactureWorkflowWrap .item[data-item="1"]{order:2}.manufactureWorkflowWrap .item[data-item="2"]{order:4}.manufactureWorkflowWrap .item[data-item="3"]{order:6}.manufactureWorkflowWrap .item[data-item="4"]{order:13}.manufactureWorkflowWrap .item[data-item="5"]{order:11}.manufactureWorkflowWrap .item[data-item="6"]{order:9}.manufactureWorkflowWrap .item[data-item="7"]{order:16}.manufactureWorkflowWrap .item[data-item="8"]{order:18}.manufactureWorkflowWrap .spacer[data-spacer="1"]{order:1}.manufactureWorkflowWrap .spacer[data-spacer="2"]{order:3}.manufactureWorkflowWrap .spacer[data-spacer="3"]{order:5}.manufactureWorkflowWrap .spacer[data-spacer="4"]{order:7}.manufactureWorkflowWrap .spacer[data-spacer="5"]{order:8}.manufactureWorkflowWrap .spacer[data-spacer="6"]{order:10}.manufactureWorkflowWrap .spacer[data-spacer="7"]{order:12}.manufactureWorkflowWrap .spacer[data-spacer="8"]{order:14}.manufactureWorkflowWrap .spacer[data-spacer="9"]{order:15}.manufactureWorkflowWrap .spacer[data-spacer="10"]{order:17}.manufactureWorkflowWrap .spacer[data-spacer="11"]{order:90}.manufactureWorkflowWrap .spacer[data-spacer="12"]{order:91}@media screen and (max-width:1024px){.manufactureWorkflowWrap .item{width:calc((100% - 150px) / 2)}.manufactureWorkflowWrap .item .text h3 span{left:-40px}.manufactureWorkflowWrap .item[data-item="1"]{order:2}.manufactureWorkflowWrap .item[data-item="2"]{order:4}.manufactureWorkflowWrap .item[data-item="3"]{order:9}.manufactureWorkflowWrap .item[data-item="4"]{order:7}.manufactureWorkflowWrap .item[data-item="5"]{order:12}.manufactureWorkflowWrap .item[data-item="6"]{order:14}.manufactureWorkflowWrap .item[data-item="7"]{order:19}.manufactureWorkflowWrap .item[data-item="8"]{order:17}.manufactureWorkflowWrap .item[data-item="8"] .lines .lineH{width:70%;left:auto;right:0}.manufactureWorkflowWrap .spacer[data-spacer="1"]{order:1}.manufactureWorkflowWrap .spacer[data-spacer="2"]{order:3}.manufactureWorkflowWrap .spacer[data-spacer="3"]{order:5}.manufactureWorkflowWrap .spacer[data-spacer="4"]{order:6}.manufactureWorkflowWrap .spacer[data-spacer="5"]{order:8}.manufactureWorkflowWrap .spacer[data-spacer="6"]{order:10}.manufactureWorkflowWrap .spacer[data-spacer="7"]{order:11}.manufactureWorkflowWrap .spacer[data-spacer="8"]{order:13}.manufactureWorkflowWrap .spacer[data-spacer="9"]{order:15}.manufactureWorkflowWrap .spacer[data-spacer="10"]{order:16}.manufactureWorkflowWrap .spacer[data-spacer="11"]{order:18}.manufactureWorkflowWrap .spacer[data-spacer="12"]{order:19}.manufactureWorkflowWrap .spacer[data-spacer="3"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="3"] .borderRightTop{display:block}.manufactureWorkflowWrap .spacer[data-spacer="4"] .borderRightBot{display:none}.manufactureWorkflowWrap .spacer[data-spacer="4"] .borderRightTop{display:none}.manufactureWorkflowWrap .spacer[data-spacer="4"] .borderLeftTop{display:block}.manufactureWorkflowWrap .spacer[data-spacer="5"] .line{display:block}.manufactureWorkflowWrap .spacer[data-spacer="5"] .borderLeftTop{display:none}.manufactureWorkflowWrap .spacer[data-spacer="6"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="6"] .borderRightBot{display:block}.manufactureWorkflowWrap .spacer[data-spacer="7"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="7"] .borderLeftBot{display:block}.manufactureWorkflowWrap .spacer[data-spacer="8"] .line{display:block}.manufactureWorkflowWrap .spacer[data-spacer="8"] .borderRightBot{display:none}.manufactureWorkflowWrap .spacer[data-spacer="8"] .borderLeftBot{display:block}.manufactureWorkflowWrap .spacer[data-spacer="9"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="9"] .borderLeftBot{display:none}.manufactureWorkflowWrap .spacer[data-spacer="9"] .borderRightTop{display:block}.manufactureWorkflowWrap .spacer[data-spacer="10"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="11"] .line{display:block}.manufactureWorkflowWrap .spacer[data-spacer="12"] .line{display:none}.manufactureWorkflowWrap .spacer[data-spacer="12"] .borderRightBot{display:block}}@media screen and (max-width:550px){.manufactureWorkflowWrap .item{width:100%;padding:0 0 50px 0}.manufactureWorkflowWrap .item .text h3 span{left:-40px}.manufactureWorkflowWrap .item[data-item="1"]{order:2}.manufactureWorkflowWrap .item[data-item="2"]{order:4}.manufactureWorkflowWrap .item[data-item="3"]{order:7}.manufactureWorkflowWrap .item[data-item="4"]{order:9}.manufactureWorkflowWrap .item[data-item="5"]{order:12}.manufactureWorkflowWrap .item[data-item="6"]{order:14}.manufactureWorkflowWrap .item[data-item="7"]{order:17}.manufactureWorkflowWrap .item[data-item="8"]{order:19}.manufactureWorkflowWrap .item[data-item="8"] .lines .lineH{width:30%;left:0;right:auto}.manufactureWorkflowWrap .spacer{display:none}}
