/* 解决方案：总览页页头照 Moxa、大类卡片照磐仪「解决方案」页，大类/小类页照菲尼克斯电气「电力传输和分配」页
 * 尺寸按原站 1440 宽实测；品牌色青绿换成研肯橙 */
*{box-sizing:border-box}
body{margin:0;background:#fff}
.yk{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;color:#202020;font-size:16px;line-height:1.5}
.yk a{color:inherit;text-decoration:none}
.sol-wrap{max-width:1630px;margin:0 auto;padding:0 15px}
#sol-root[aria-busy=true]{min-height:60vh}
.sol-arrow:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}

/* ===== 总览页（Moxa） ===== */
.mx-hero{position:relative;display:flex;align-items:center;min-height:440px;padding:64px 0;background:#2B3138 center/cover no-repeat;color:#fff}
.mx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(32,32,32,0) 0,rgba(32,32,32,0) 50%,rgba(32,32,32,.8) 100%),linear-gradient(90deg,rgba(20,24,29,.55),rgba(20,24,29,0) 60%)}
.mx-hero .sol-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:48px;width:100%}
.mx-hero-txt{max-width:751px}
.mx-hero h1{margin:0 0 12px;font-size:50px;font-weight:500;line-height:65px}
.mx-hero p{margin:0;font-size:20px;line-height:28px}

.mx-sec{padding:64px 0}
.mx-h2{margin:0 0 32px;font-size:28px;font-weight:700;color:#202020;text-align:center}
/* 大类卡片照磐仪 /solutions：图、标题、简介、两列小类按钮 */
.mx-sec.gray{background:#F0F0F0}
.as-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
/* 卡片照首页「解决方案」卡片：上图（淡橙罩）、下白底文字块带浅阴影 */
.as-card{display:flex;flex-direction:column;min-width:0}
.as-img{position:relative;display:block;aspect-ratio:520/230;overflow:hidden;background:#D9DCE0}
.as-img:before{content:"";position:absolute;inset:0;z-index:1;background:#E8601C;opacity:.08;transition:opacity .3s;pointer-events:none}
.as-card:hover .as-img:before{opacity:0}
.as-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.as-img:hover img{transform:scale(1.05)}
.as-body{flex:1;padding:16px 18px 18px;background:#fff;border:1px solid #EDEDED;box-shadow:0 1px 6px rgba(0,0,0,.16);transition:box-shadow .3s}
.as-card:hover .as-body{box-shadow:4px 4px 10px rgba(0,0,0,.16)}
.as-card h2{margin:0;font-size:19px;font-weight:400;line-height:1.4;color:#000}
.as-card h2 a{transition:color .3s}
.as-card:hover h2 a{color:#E8601C}
.as-txt{margin:4px 0 14px;font-size:16px;line-height:1.6;color:#2C2C2C;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.as-subs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0;padding:0;list-style:none}
.as-subs .full{grid-column:1/-1}
.as-subs a{display:flex;align-items:center;justify-content:center;height:44px;padding:3px 5px;border:1px solid #D8D8D8;font-size:15px;line-height:22px;text-align:center;color:#000;transition:border-color .2s,color .2s}
.as-subs a:hover{border-color:#E8601C;color:#E8601C}

.mx-banner{position:relative;padding:64px 0;min-height:300px;background:#2B3138 center/cover no-repeat;color:#fff}
.mx-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,29,.8),rgba(20,24,29,.2))}
.mx-banner .sol-wrap{position:relative}
.mx-banner h2{max-width:551px;margin:0 0 32px;font-size:28px;font-weight:700}
.mx-banner p{max-width:551px;margin:0 0 24px;font-size:18px;line-height:25px}
.mx-banner a{font-size:16px}


/* ===== 大类/小类页（菲尼克斯） ===== */
.px-hero{padding:0 32px}
.px-hero-box{position:relative;max-width:1856px;margin:0 auto;aspect-ratio:5/2;max-height:620px;min-height:420px;overflow:hidden;background:#2B3138}
.px-hero-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.px-hero-txt{position:relative;display:flex;flex-direction:column;justify-content:center;width:66%;height:100%;padding:0 80px;background:linear-gradient(90deg,rgba(32,32,32,.7) 0,rgba(32,32,32,.7) 30%,rgba(32,32,32,.6) 60%,rgba(32,32,32,.35),rgba(32,32,32,0));color:#fff}
.px-hero-txt>*{max-width:494px}
.px-crumb{margin-bottom:14px;font-size:14px;color:rgba(255,255,255,.8)}
.px-crumb a:hover{color:#fff;text-decoration:underline}
.px-hero h1{margin:0;font-size:40px;font-weight:700;line-height:1.2}
.px-hero-sub{margin:8px 0 0;font-size:23px;font-weight:300;line-height:30px}

.px-page{max-width:1630px;margin:0 auto;padding:0 64px 96px}
.px-quote{position:relative;max-width:880px;margin:96px 0 0 8.33%;padding-left:110px}
.px-quote:before{content:"\201C";position:absolute;left:12px;top:-22px;font-family:Georgia,serif;font-size:120px;line-height:1;color:#E8601C}
.px-quote p{margin:0;font-size:32px;font-weight:300;line-height:41.6px;color:#A6420E}
.px-quote p.px-quote-more{margin-top:20px;font-size:16px;font-weight:400;line-height:24px;color:#212529}

.px-h2{margin:0 0 24px;font-size:33px;font-weight:700;line-height:40px;color:#3A3A3A}
.px-tm{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;margin-top:48px}
.px-tms{margin-top:96px}
.px-tms>.px-tm:first-child{margin-top:0}
.px-tm.rev{grid-template-columns:7fr 5fr}
.px-tm.rev .px-tm-img{order:2}
.px-tm-img{display:block;aspect-ratio:3/2;overflow:hidden;background:#D9DCE0}
.px-tm-img img{display:block;width:100%;height:100%;object-fit:cover}
.px-tm p,.px-text p{margin:0 0 24px;font-size:16px;line-height:24px;color:#212529}
.px-more{font-size:16px;font-weight:700;color:#0F0F0F}
.px-more,.px-teaser-link{color:#E8601C!important}
.px-more:hover,.px-teaser:hover .px-teaser-link{text-decoration:underline}

.px-text{max-width:856px;margin-top:96px}
.px-block{margin-top:96px}

.px-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.px-teasers.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.px-teaser{display:flex;flex-direction:column}
.px-teaser-img{display:block;aspect-ratio:3/2;overflow:hidden;background:#D9DCE0}
.px-teaser-img img{display:block;width:100%;height:100%;object-fit:cover}
.px-teaser-img.prod{background:#fff;border:1px solid #E5E5E5}
.px-teaser-img.prod img{padding:12px;object-fit:contain}
.px-teaser-img .ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:20px;color:#C9CED4}
.px-teaser-body{padding:24px 24px 0}
.px-teaser-title{display:block;margin-bottom:12px;font-size:21px;font-weight:700;line-height:1.5;color:#3A3A3A}
.px-teaser-text{display:block;margin-bottom:8px;font-size:16px;line-height:24px;color:#3A3A3A}
.px-teaser-link{font-size:16px}
.px-none{padding:28px 32px;background:#F4F4F4;font-size:16px;color:#3A3A3A}
.px-none a{color:#E8601C}


@media(max-width:1280px){
  .px-teasers.four{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1000px){
  .as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .px-page{padding:0 24px 72px}
  .px-hero{padding:0}
  .px-hero-txt{width:100%;padding:0 32px}
  .px-tm,.px-tm.rev{grid-template-columns:1fr;gap:24px}
  .px-tm.rev .px-tm-img{order:0}
  .px-teasers,.px-teasers.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(max-width:760px){
  .mx-hero{min-height:340px;padding:40px 0}
  .mx-hero h1{font-size:32px;line-height:1.3}
  .mx-hero p{font-size:16px;line-height:1.6}
  .mx-sec{padding:44px 0}
  .mx-h2{font-size:24px;margin-bottom:24px}
  .as-grid{grid-template-columns:1fr;gap:16px}
  .as-card h2{font-size:18px}
  .as-txt{font-size:15px;line-height:1.6}
  .mx-banner{min-height:0;padding:44px 0}

  .px-hero-box{aspect-ratio:auto;min-height:380px}
  .px-hero-txt{padding:40px 20px;background:rgba(32,32,32,.6)}
  .px-hero h1{font-size:30px}
  .px-hero-sub{font-size:17px;line-height:1.6}
  .px-page{padding:0 16px 56px}
  .px-quote{margin:48px 0 0;padding-left:44px}
  .px-quote:before{left:0;top:-10px;font-size:72px}
  .px-quote p{font-size:21px;line-height:1.55}
  .px-h2{font-size:24px;line-height:1.35;margin-bottom:16px}
  .px-tm,.px-tms{margin-top:40px}
  .px-text,.px-block{margin-top:56px}
  .px-teasers,.px-teasers.four{grid-template-columns:1fr}
  .px-teasers.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .px-teasers.four .px-teaser-body{padding:12px 0 0}
  .px-teasers.four .px-teaser-title{font-size:15px;margin-bottom:4px}
  .px-teasers.four .px-teaser-text{font-size:13px}
  .px-teaser-body{padding:16px 0 0}
  }

/* ===== 小类详情页（研扬 Arbor 方案详情页） ===== */
.ab-crumb .sol-wrap{display:flex;justify-content:flex-end;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;font-size:16px;line-height:29px;color:#000}
.ab-crumb a:after{content:"/";margin:0 8px;color:#999}
.ab-crumb a:hover{color:#E8601C}
.ab-page{padding-top:50px;padding-bottom:10px}
.ab-h1{margin:0 0 20px;font-size:40px;font-weight:500;line-height:48px;color:#292828}
.ab-top{display:grid;grid-template-columns:minmax(0,674fr) minmax(0,632fr);gap:58px;align-items:start}
.ab-img{aspect-ratio:674/355;border:1px solid #E5E5E5;background:#fff;overflow:hidden}
.ab-img img{display:block;width:100%;height:100%;object-fit:cover}
.ab-desc p{margin:0 0 15px;font-size:18px;line-height:1.8;color:#2C2C2C}
.ab-h3{margin:50px 0 8px;font-size:20px;font-weight:500;line-height:24px;color:#2C2C2C}
.ab-table-wrap{overflow-x:auto}
.ab-table{width:100%;border-collapse:collapse;border:1px solid #DEE2E6}
.ab-table th{padding:12px 6px;background:#DBDBDB;border:1px solid #DEE2E6;border-bottom-color:#E8601C;font-size:18px;font-weight:700;color:#E8601C;text-align:left}
.ab-table th:first-child{width:39.4%}
.ab-table td{padding:8px 6px;border:1px solid #DEE2E6;vertical-align:top}
.ab-table p,.ab-apps p{margin:0 0 15px;font-size:18px;line-height:1.8;color:#3E3E3E}
.ab-table td p:last-child,.ab-apps p:last-child{margin-bottom:0}
.ab-feat,.ab-feat strong{color:#E8601C!important}
.ab-table .ab-feat{margin-bottom:4px}
.ab-apps{margin:16px 0 0;padding:0 0 0 40px}
.ab-apps li{margin-bottom:16px;list-style:disc;color:#E8601C}
.ab-apps .ab-feat{margin-bottom:4px}
.ab-apps p{color:#2C2C2C}
.ab-center{margin:48px 0;text-align:center}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:42px;padding:0 24px;border-radius:8px;background:linear-gradient(45deg,#C94F12,#F29A4A);color:#fff!important;font-size:16px}
.ab-btn:hover{filter:brightness(1.08)}
.ab-related{padding:50px 0 20px;background:linear-gradient(#EDEDED 0,#fff 100px)}
.ab-h2{margin:0 0 20px;font-size:25px;font-weight:500;line-height:31px;color:#2C2C2C}
.ab-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-card{display:flex;flex-direction:column;border:1px solid #E5E5E5;background:#fff}
.ab-card-body{display:block;padding:16px 18px 20px;border-top:1px solid #EEF0F2}
.ab-card-title{display:-webkit-box;min-height:50px;font-size:17px;line-height:25px;color:#2C2C2C;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ab-card-model{display:block;margin-top:6px;font-size:14px;color:#8A8F96;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ab-card:hover .ab-card-title{color:#E8601C}
.ab-card-img{display:block;aspect-ratio:1/1}
.ab-card-img img{display:block;width:100%;height:100%;object-fit:contain}
.ab-card-img .ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:20px;color:#C9CED4}
.ab-back{margin:20px 0 60px}
.ab-btn-line{display:inline-flex;align-items:center;height:47px;padding:0 35px;border:1px solid #E8601C;background:#fff;color:#E8601C!important;font-size:16px}
.ab-btn-line:hover{background:#E8601C;color:#fff!important}
@media(max-width:1000px){
  .ab-top{grid-template-columns:1fr;gap:24px}
  .ab-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .ab-crumb .sol-wrap{justify-content:flex-start;font-size:13px;line-height:22px;padding-top:10px;padding-bottom:10px}
  .ab-page{padding-top:20px}
  .ab-h1{font-size:28px;line-height:1.3}
  .ab-desc p,.ab-table p,.ab-apps p{font-size:15.5px;line-height:1.75}
  .ab-h3{margin-top:36px;font-size:19px}
  .ab-table,.ab-table tbody,.ab-table tr,.ab-table td{display:block;width:100%}
  .ab-table thead{display:none}
  .ab-table td{border-width:0 0 1px;padding:12px 4px}
  .ab-table tr td:last-child{border-bottom-color:#C8CCD1}
  .ab-table td+td:before{content:"研肯的优势";display:block;margin-bottom:2px;font-size:13px;color:#8A8F96}
  .ab-apps{padding-left:22px}
  .ab-card-body{padding:10px 10px 12px}
  .ab-card-title{min-height:40px;font-size:14px;line-height:20px}
  .ab-card-model{font-size:12.5px}
}