/* 定制服务：照磐仪「代工设计」各分页（面包屑居右、大标题、左图右文），1440 宽实测；品牌色换成研肯橙 */
*{box-sizing:border-box}
body{margin:0;background:#fff}
.yk{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;color:#2C2C2C;font-size:16px;line-height:1.5}
.yk a{color:inherit;text-decoration:none}
.cu-wrap{max-width:1630px;margin:0 auto;padding:0 15px}

.cu-crumb{padding:15px 0;font-size:16px;line-height:28.8px;text-align:right;color:#2C2C2C}
.cu-crumb a:hover{color:#E8601C}
.cu-crumb a:after{content:"/";margin:0 8px;color:#999}
.cu-page{padding-top:36px;padding-bottom:96px}
.cu-h1{margin:0 0 50px;font-size:40px;font-weight:500;line-height:48px;color:#292828}

.cu-row{display:grid;grid-template-columns:minmax(0,536fr) minmax(0,720fr);gap:109px;align-items:start}
.cu-row+.cu-row{margin-top:64px}
.cu-img{aspect-ratio:1080/560;overflow:hidden;background:#D9DCE0}
.cu-img img{display:block;width:100%;height:100%;object-fit:cover}
.cu-info h2{margin:0 0 20px;font-size:25px;font-weight:500;line-height:30px}
.cu-info h3{margin:0 0 8px;font-size:20px;font-weight:500;line-height:24px}
.cu-info p{margin:0 0 16px;font-size:18px;line-height:32.4px}
.cu-info p b{font-weight:500;color:#E8601C}
.cu-info p a{color:#E8601C}
.cu-info p a:hover{text-decoration:underline}

/* 定制周期：三个大数字，压暗的产线照片作背景 */
.cu-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:80px 0 0;padding:52px 0;list-style:none;background:linear-gradient(rgba(20,24,29,.72),rgba(20,24,29,.72)),#2B3138 url(/assets/custom/promise-bg.webp) center/cover no-repeat}
.cu-promise li{text-align:center}
.cu-promise li+li{border-left:1px solid rgba(255,255,255,.25)}
.cu-promise b{display:flex;align-items:baseline;justify-content:center;font-size:64px;font-weight:600;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cu-promise small{margin-left:8px;font-size:20px;font-weight:500}
.cu-odo{display:inline-block;height:1em;overflow:hidden;line-height:1}
.cu-odo-col{display:block;transform:translateY(0);transition:transform 2s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--i) * .18s)}
.cu-odo-col i{display:block;height:1em;font-style:normal}
.cu-promise.run .cu-odo-col{transform:translateY(calc(-1em * (10 + var(--d))))}
@media(prefers-reduced-motion:reduce){.cu-odo-col{transition:none}}
.cu-promise .cu-pl{display:block;margin-top:14px;font-size:18px;line-height:28px;color:#fff}

/* 说明书下载按钮 */
.cu-dl-btn{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:13px 26px;background:#E8601C;color:#fff!important;font-size:17px;font-weight:500;line-height:24px}
.cu-dl-btn svg{width:20px;height:20px}
.cu-dl-btn:hover{background:#C94F12}
/* 按钮底边与左侧图片底边对齐：文字比图高时图片拉伸填满（object-fit 裁切） */
.cu-row.has-dl{align-items:stretch}
.cu-row.has-dl .cu-img{align-self:stretch;width:100%}
.cu-row.has-dl .cu-info{display:flex;flex-direction:column}
.cu-row.has-dl .cu-dl-btn{align-self:flex-start;margin-top:auto}

/* 可定制内容表：表头灰底橙字，与方案详情页的挑战表一致 */
.cu-tbl{margin-top:80px}
.cu-tbl h2{margin:0 0 24px;font-size:25px;font-weight:500;line-height:30px}
.cu-tbl table{width:100%;border-collapse:collapse;border:1px solid #DBDBDB}
.cu-tbl th{padding:12px 20px;background:#DBDBDB;border-bottom:2px solid #E8601C;font-size:18px;font-weight:500;line-height:28px;text-align:left;color:#E8601C}
.cu-tbl td{padding:14px 20px;border-top:1px solid #E5E5E5;font-size:18px;line-height:30px;vertical-align:top;color:#2C2C2C}
.cu-tbl th:first-child,.cu-tbl td:first-child{width:22%;border-right:1px solid #E5E5E5}
.cu-tbl td:first-child{font-weight:500}
.cu-tbl tbody tr:nth-child(even){background:#FAFAFA}

/* 定制流程：一条贯穿的长箭头，每段上图、箭头上编号、下文字 */
.cu-flow{margin-top:80px}
.cu-flow h2{margin:0 0 32px;font-size:25px;font-weight:500;line-height:30px}
.cu-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.cu-step{padding:0 14px}
.cu-step-img{aspect-ratio:4/3;overflow:hidden;background:#D9DCE0}
.cu-step-img img{display:block;width:100%;height:100%;object-fit:cover}
.cu-step-bar{position:relative;height:72px;margin:0 -14px}
.cu-step-bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:#E8601C}
.cu-step:first-child .cu-step-bar:before{left:14px}
.cu-step:last-child .cu-step-bar:before{right:40px}
.cu-step:last-child .cu-step-bar:after{content:"";position:absolute;right:14px;top:50%;margin-top:-15px;border-left:28px solid #E8601C;border-top:15px solid transparent;border-bottom:15px solid transparent}
.cu-step-bar span{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid #E8601C;border-radius:50%;background:#fff;color:#E8601C;font-size:16px;font-weight:600}
.cu-step-txt{text-align:center}
.cu-step-txt b{display:block;margin-bottom:8px;font-size:20px;font-weight:500;line-height:28px;color:#E8601C}
.cu-step-txt p{margin:0;font-size:16px;line-height:28px;color:#2C2C2C}

@media(max-width:1000px){
  .cu-row{grid-template-columns:1fr;gap:28px}
  .cu-row+.cu-row{margin-top:48px}
}
/* 窄屏改竖向：箭头在左侧往下 */
@media(max-width:760px){
  .cu-promise{margin-top:48px;padding:28px 0}
  .cu-promise b{flex-wrap:wrap;font-size:38px}
  .cu-promise small{flex-basis:100%;margin:6px 0 0;font-size:14px;line-height:20px}
  .cu-promise .cu-pl{font-size:14px;line-height:22px}
  .cu-dl-btn{font-size:16px;padding:12px 22px}
  .cu-tbl{margin-top:56px}
  .cu-tbl h2{font-size:22px}
  .cu-tbl thead{display:none}
  .cu-tbl tr,.cu-tbl td{display:block;width:auto!important}
  .cu-tbl td{padding:4px 16px;border:0!important;font-size:16px;line-height:28px}
  .cu-tbl tr{padding:12px 0;border-top:1px solid #E5E5E5}
  .cu-tbl tr:first-child{border-top:0}
  .cu-tbl td:first-child{color:#E8601C}
  .cu-flow{margin-top:56px}
  .cu-flow h2{margin-bottom:24px;font-size:22px}
  .cu-steps{grid-template-columns:1fr}
  .cu-step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:0}
  .cu-step-img{grid-column:2;grid-row:1}
  .cu-step-txt{grid-column:2;grid-row:2;padding:12px 0 28px;text-align:left}
  .cu-step-bar{grid-column:1;grid-row:1/3;height:auto;margin:0}
  .cu-step-bar:before,.cu-step:first-child .cu-step-bar:before{left:50%;right:auto;top:0;bottom:0;width:6px;height:auto;margin:0 0 0 -3px}
  .cu-step:first-child .cu-step-bar:before{top:22px}
  .cu-step:last-child .cu-step-bar:before{bottom:36px}
  .cu-step:last-child .cu-step-bar:after{left:50%;right:auto;top:auto;bottom:10px;margin:0 0 0 -13px;border-top:26px solid #E8601C;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:0}
  .cu-step-bar span{top:0;margin-top:0}
}
@media(max-width:760px){
  .cu-crumb{font-size:14px}
  .cu-page{padding-top:16px;padding-bottom:56px}
  .cu-h1{margin-bottom:28px;font-size:30px;line-height:1.3}
  .cu-info h2{font-size:22px}
  .cu-info p{font-size:16px;line-height:28px}
}

@media(max-width:760px){.cu-promise b{font-size:28px}}
.cu-promise .cu-odo,.cu-promise .cu-odo-fix{font-family:"Barlow",sans-serif;font-weight:600}

/* 样机测试两种方式对比表（沿用 .cu-tbl 表格样式） */
.cu-cmp th:first-child,.cu-cmp td:first-child{width:16%}
.cu-cmp th:not(:first-child),.cu-cmp td:not(:first-child){width:42%}
.cu-cmp td b{font-weight:500;color:#E8601C}
.cu-cmp td small{font-size:15px;color:#6B7280}
.cu-cmp th:nth-child(2),.cu-cmp td:nth-child(2){border-right:1px solid #E5E5E5}
@media(max-width:760px){
  .cu-cmp td[data-label]:before{content:attr(data-label) "：";color:#6B7280}
}

/* 交付保障四项 */
.cu-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #E5E5E5}
.cu-points li{padding:36px 30px 32px;border-top:3px solid #E8601C}
.cu-points li+li{border-left:1px solid #E5E5E5}
.cu-points svg{display:block;width:40px;height:40px;color:#E8601C}
.cu-points h3{margin:18px 0 8px;font-size:20px;font-weight:500;line-height:28px;color:#2C2C2C}
.cu-points p{margin:0;font-size:16px;line-height:28px;color:#555}
.cu-points a{color:#E8601C}
.cu-points a:hover{text-decoration:underline}
@media(max-width:1000px){
  .cu-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cu-points li:nth-child(3){border-left:0}
}
@media(max-width:760px){
  .cu-points{grid-template-columns:1fr}
  .cu-points li{padding:24px 20px;border-left:0!important}
}
