.tlHead{text-align:center;margin-bottom:26px}.tlHead h2{font-family:FangSong,STFangsong,"仿宋",serif;font-size:40px;color:#f5e7c8}.tlHead p{margin-top:10px;font-size:15px;color:rgba(255,255,255,.65)}.craftTimeline{position:relative;max-width:1500px;margin:40px auto 0;-webkit-text-size-adjust:100%;text-size-adjust:100%;padding-top:66px}.tlRow{display:flex;align-items:flex-start;justify-content:space-between;height:214px;position:relative}.tlRowBack{margin-top:88px;flex-direction:row-reverse}.tlPath{position:absolute;left:0;top:38px;width:100%;height:582px;z-index:0;pointer-events:none}.tlPath path{fill:none;stroke:rgba(212,175,55,.42);stroke-width:2.2;stroke-linecap:round}.tlStep{width:13%;position:relative;padding-top:76px;text-align:center}.tlIcon{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:2;width:88px;height:88px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px rgba(212,175,55,.38),0 0 30px rgba(212,175,55,.32)}.tlIcon img{width:100%;height:100%;object-fit:cover;display:block}.tlTitle{font-family:FangSong,STFangsong,"仿宋",serif;font-size:30px;font-weight:700;color:#f5e7c8;margin:0 0 7px}.tlDesc{font-size:16px;color:rgba(255,255,255,.58);line-height:1.7}.phB .tlIcon{box-shadow:0 0 0 4px rgba(255,224,146,.5),0 0 34px rgba(255,224,146,.4)}.tlStep.tlBadge::after{content:'储备3000吨\A 200余种';position:absolute;left:50%;top:2px;transform:translateX(-50%);white-space:pre-line;text-align:center;width:max-content;padding:4px 7px;border-radius:7px;background:linear-gradient(150deg,#5c3a1e,#2a1708);border:1px solid rgba(212,175,55,.75);color:#f5e7c8;font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-size:12px;font-weight:700;line-height:1.55;letter-spacing:.5px;box-shadow:0 4px 12px rgba(0,0,0,.55);z-index:3}.phB .tlTitle{color:#ffd98a}@media screen and (min-width:1024px) and (max-height:830px){.tlRow{height:186px}.tlRowBack{margin-top:64px}.tlPath{height:482px;top:21px}.tlIcon{width:76px;height:76px}.tlTitle{font-size:24px}.tlDesc{display:none}}.tlPathM{display:none}@media screen and (max-width:1023px){.craftTimeline::after,.craftTimeline::before{display:none}.tlRow::before{display:none}.tlPath{display:none}.craftTimeline{display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;padding-top:14px}.tlRow,.tlRowBack{display:contents}.tlStep{width:auto;height:auto;padding:0 0 30px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.tlRowBack .tlStep:nth-child(4){display:none}.tlIcon{box-shadow:none}.phB .tlIcon{box-shadow:none}.tlIcon{position:relative;left:auto;top:auto;transform:none;width:66px;height:66px;margin:0 auto 10px}.tlStep.tlBadge::after{top:0;padding:4px 8px;font-size:11px;border-radius:6px}.tlCard{display:block;padding:0 2px}.tlTitle{margin:0 0 3px;font-size:14px;letter-spacing:1px}.tlDesc{display:none}}@media screen and (max-width:1023px) and (max-height:760px){.tlIcon{width:58px;height:58px;margin-bottom:6px}.tlTitle{font-size:13px}.tlDesc{font-size:13px}.tlStep{padding-bottom:22px}}@media screen and (max-width:1023px) and (max-height:680px){.tlIcon{width:52px;height:52px;margin-bottom:4px}.tlTitle{font-size:12px}.tlDesc{display:none}.tlStep{padding-bottom:16px}}@keyframes tlStepIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.tlStep{animation:tlStepIn .6s ease var(--tl-delay,0ms) both}