/* =========================
应用列表Banner开始
========================= */
.yingyong-banner {position:relative;height:550px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.yingyong-banner-bei {position:absolute;inset:0;background-image:url('../assets/appbanner.jpg');background-size:cover;background-position:center;transform:scale(1.12);transition:transform 1.4s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform;}
.yingyong-banner--visible .yingyong-banner-bei {transform:scale(1);}
.yingyong-banner-mengban {position:absolute;inset:0;background:rgba(0,0,0,0.3);z-index:1;}
.yingyong-banner-neirong {position:relative;z-index:2;text-align:center;}
.yingyong-banner-biaoti {color:#ffffff;font-size:56px;font-weight:700;letter-spacing:2px;opacity:0;transform:translateY(30px);transition:opacity 0.8s ease 0.35s,transform 0.8s ease 0.35s;}
.yingyong-banner--visible .yingyong-banner-biaoti {opacity:1;transform:translateY(0);}
/* =========================
应用列表Banner结束
========================= */

/* =========================
应用列表主区域开始
========================= */
.yingyong-liebiao {background:#faf9ff;padding:100px 72px 144px;}
.yingyong-liebiao-neicong {max-width:1776px;margin:0 auto;display:flex;flex-direction:column;gap:120px;}

/* 标题行 */
.yingyong-liebiao-tobu {display:flex;align-items:flex-end;justify-content:space-between;gap:40px;}
.yingyong-liebiao-zuoce {display:flex;flex-direction:column;gap:24px;max-width:1008px;}
.yingyong-liebiao-biaoti {font-size:54px;font-weight:700;color:#0050b0;line-height:60px;white-space:nowrap;}
.yingyong-liebiao-xiaoxian {width:120px;height:6px;background:#0050b0;}
.yingyong-liebiao-miaoshu {font-size:20px;color:#424752;line-height:1.5;padding-top:12px;}
.yingyong-liebiao-xunpan-anniu {display:inline-flex;align-items:center;padding:24px 48px;background:#8ec31f;color:#ffffff;font-size:18px;letter-spacing:0.9px;text-transform:uppercase;font-weight:400;flex-shrink:0;white-space:nowrap;transition:background 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;}
.yingyong-liebiao-xunpan-anniu:hover {background:#7aaa1a;transform:translateY(-3px);box-shadow:0 10px 28px rgba(142,195,31,0.35);}

/* 主网格容器 */
.yingyong-liebiao-wangge {display:flex;flex-direction:column;gap:48px;}

/* =========================
第一行：大卡片开始
========================= */
.yingyong-liebiao-da-hang {display:flex;gap:48px;height:600px;}

/* CNC Machine Tools */
.yingyong-liebiao-cnc {flex:1168;overflow:hidden;position:relative;background:#f3f3fc;display:block;text-decoration:none;color:inherit;}
.yingyong-liebiao-cnc-beijing {position:absolute;inset:0;opacity:0.8;overflow:hidden;}
.yingyong-liebiao-cnc-tupian {width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 0.7s ease;will-change:transform;}
.yingyong-liebiao-cnc:hover .yingyong-liebiao-cnc-tupian {transform:scale(1.06);}
.yingyong-liebiao-cnc-mengban {position:absolute;inset:0;background:linear-gradient(to top,rgba(0,58,131,0.9) 0%,rgba(0,58,131,0.2) 50%,rgba(0,58,131,0) 100%);}
.yingyong-liebiao-cnc-neirong {position:absolute;bottom:0;left:0;right:0;padding:60px;display:flex;align-items:flex-end;justify-content:space-between;}
.yingyong-liebiao-cnc-wenzi {display:flex;flex-direction:column;gap:16px;max-width:768px;}
.yingyong-liebiao-cnc-biaoti {font-size:45px;color:#ffffff;line-height:54px;font-weight:400;}
.yingyong-liebiao-cnc-miaoshu {font-size:21px;color:rgba(255,255,255,0.8);line-height:1.625;}
.yingyong-liebiao-cnc-jiantou-kuang {width:39px;height:39px;flex-shrink:0;margin-left:20px;}
.yingyong-liebiao-cnc-jiantou {width:100%;height:100%;object-fit:contain;}

/* New Energy Equipment */
.yingyong-liebiao-nengyuan {flex:560;overflow:hidden;position:relative;background:#f3f3fc;display:block;text-decoration:none;color:inherit;}
.yingyong-liebiao-nengyuan-beijing {position:absolute;inset:0;opacity:0.7;overflow:hidden;}
.yingyong-liebiao-nengyuan-tupian {position:absolute;width:107.14%;height:100%;left:0;top:0;object-fit:cover;transform:scale(1);transition:transform 0.7s ease;will-change:transform;}
.yingyong-liebiao-nengyuan:hover .yingyong-liebiao-nengyuan-tupian {transform:scale(1.06);}
.yingyong-liebiao-nengyuan-mengban {position:absolute;inset:0;background:linear-gradient(to top,rgba(46,68,0,0.9) 0%,rgba(46,68,0,0.2) 50%,rgba(46,68,0,0) 100%);}
.yingyong-liebiao-nengyuan-neirong {position:absolute;bottom:0;left:0;right:0;height:298.5px;}
.yingyong-liebiao-nengyuan-biaoqian {position:absolute;top:60px;left:60px;background:#a1d836;padding:6px 12px;font-size:15px;color:#ffffff;line-height:22.5px;}
.yingyong-liebiao-nengyuan-biaoti {position:absolute;top:118.5px;left:60px;right:60px;font-size:36px;color:#ffffff;line-height:48px;font-weight:400;}
.yingyong-liebiao-nengyuan-miaoshu {position:absolute;top:178.5px;left:60px;right:60px;font-size:21px;color:rgba(255,255,255,0.7);line-height:30px;}
/* =========================
第一行：大卡片结束
========================= */

/* =========================
第二三行：小卡片开始
========================= */
.yingyong-liebiao-xiao-hang {display:flex;gap:48px;flex-wrap:wrap;}
.yingyong-liebiao-ka {flex:0 1 calc((100% - 96px)/3);background:#e7e7f0;display:flex;flex-direction:column;align-items:center;gap:60px;height:525px;overflow:hidden;position:relative;}
.yingyong-liebiao-ka-shang {position:relative;height:341px;width:100%;flex-shrink:0;}
.yingyong-liebiao-ka-tubiao-kuang {position:absolute;left:60px;top:80px;width:60px;height:60px;}
.yingyong-liebiao-ka-tubiao {width:100%;height:100%;object-fit:contain;}
.yingyong-liebiao-ka-biaoti {position:absolute;left:60px;right:60px;top:188px;font-size:32px;color:#191b22;line-height:1.2;font-weight:400;margin:0;}
.yingyong-liebiao-ka-miaoshu {position:absolute;left:60px;right:60px;top:254px;font-size:16px;color:#424752;line-height:1.8;margin:0;}
.yingyong-liebiao-ka-anniu {display:flex;align-items:center;justify-content:center;gap:16px;width:440px;border:1.5px solid #c2c6d4;padding:19.5px 0;flex-shrink:0;text-decoration:none;transition:background 0.3s ease,border-color 0.3s ease;}
.yingyong-liebiao-ka:hover .yingyong-liebiao-ka-anniu {background:#8ec31f;border-color:#8ec31f;}
.yingyong-liebiao-ka-anniu-wenzi {font-size:14px;color:#0050b0;text-transform:uppercase;letter-spacing:0.5px;font-weight:400;white-space:nowrap;transition:color 0.3s ease;}
.yingyong-liebiao-ka:hover .yingyong-liebiao-ka-anniu-wenzi {color:#ffffff;}
.yingyong-liebiao-ka-anniu-jiantou {display:inline-block;width:16px;height:16px;flex-shrink:0;background-color:#0050b0;-webkit-mask-image:url('../svg/icon-arrow-long-right.svg');mask-image:url('../svg/icon-arrow-long-right.svg');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color 0.3s ease;}
.yingyong-liebiao-ka:hover .yingyong-liebiao-ka-anniu-jiantou {background-color:#ffffff;}
/* =========================
第二三行：小卡片结束
========================= */

/* =========================
应用列表响应式开始
========================= */
@media (max-width:1600px) {
  .yingyong-liebiao-ka-anniu {width:calc(100% - 120px);}
  .yingyong-liebiao-ka-shang {height:370px;}
  .yingyong-liebiao-ka-miaoshu {top:288px;}
  .yingyong-liebiao-nengyuan-biaoti {font-size:32px;line-height:44px;}
  .yingyong-liebiao-nengyuan-miaoshu {top:215px;}
}
@media (max-width:1400px) {
  .yingyong-liebiao-biaoti {font-size:44px;line-height:52px;}
  .yingyong-liebiao-cnc-biaoti {font-size:38px;line-height:46px;}
  .yingyong-liebiao-cnc-miaoshu {font-size:18px;}
  .yingyong-liebiao-nengyuan-biaoti {font-size:30px;line-height:40px;}
  .yingyong-liebiao-nengyuan-miaoshu {font-size:18px;top:215px;}
  .yingyong-liebiao-ka-biaoti {font-size:26px;}
  .yingyong-liebiao-ka-miaoshu {font-size:15px;top:300px;}
  .yingyong-liebiao-ka-shang {height:390px;}
}
@media (max-width:1200px) {
  .yingyong-liebiao {padding:80px 48px 100px;}
  .yingyong-liebiao-biaoti {font-size:38px;white-space:normal;}
  .yingyong-liebiao-miaoshu {font-size:17px;}
  .yingyong-liebiao-xunpan-anniu {padding:20px 32px;font-size:16px;}
  .yingyong-liebiao-cnc-biaoti {font-size:32px;line-height:40px;}
  .yingyong-liebiao-cnc-miaoshu {font-size:16px;}
  .yingyong-liebiao-cnc-neirong {padding:40px;}
  .yingyong-liebiao-nengyuan-biaoti {font-size:26px;line-height:34px;top:110px;}
  .yingyong-liebiao-nengyuan-miaoshu {font-size:16px;top:158px;}
  .yingyong-liebiao-nengyuan-biaoqian {top:64px;left:40px;}
  .yingyong-liebiao-nengyuan-biaoti {left:40px;right:40px;}
  .yingyong-liebiao-nengyuan-miaoshu {left:40px;right:40px;}
  .yingyong-liebiao-ka-biaoti {font-size:22px;top:180px;}
  .yingyong-liebiao-ka-miaoshu {font-size:14px;top:232px;}
  .yingyong-liebiao-ka-tubiao-kuang {left:40px;top:64px;}
  .yingyong-liebiao-ka-biaoti {left:40px;right:40px;}
  .yingyong-liebiao-ka-miaoshu {left:40px;right:40px;}
  .yingyong-liebiao-ka-anniu {width:calc(100% - 80px);}
}
@media (max-width:900px) {
  .yingyong-liebiao {padding:60px 32px 80px;}
  .yingyong-liebiao-neicong {gap:60px;}
  .yingyong-liebiao-tobu {flex-direction:column;align-items:flex-start;gap:20px;}
  .yingyong-liebiao-biaoti {font-size:34px;line-height:42px;}
  .yingyong-liebiao-da-hang {flex-direction:column;height:auto;}
  .yingyong-liebiao-cnc {flex:none;height:420px;}
  .yingyong-liebiao-nengyuan {flex:none;height:380px;}
  .yingyong-liebiao-xiao-hang {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
  .yingyong-liebiao-ka {height:auto;min-height:460px;}
  .yingyong-liebiao-ka-shang {height:300px;}
  .yingyong-liebiao-ka-anniu {width:calc(100% - 80px);}
}
@media (max-width:640px) {
  .yingyong-banner {height:300px;}
  .yingyong-banner-biaoti {font-size:36px;}
  .yingyong-liebiao {padding:48px 20px 60px;}
  .yingyong-liebiao-neicong {gap:40px;}
  .yingyong-liebiao-biaoti {font-size:28px;line-height:36px;}
  .yingyong-liebiao-miaoshu {font-size:15px;}
  .yingyong-liebiao-xunpan-anniu {padding:16px 24px;font-size:14px;}
  .yingyong-liebiao-wangge {gap:24px;}
  .yingyong-liebiao-cnc {height:300px;}
  .yingyong-liebiao-cnc-biaoti {font-size:24px;line-height:32px;}
  .yingyong-liebiao-cnc-miaoshu {font-size:14px;}
  .yingyong-liebiao-cnc-neirong {padding:24px;}
  .yingyong-liebiao-cnc-jiantou-kuang {display:none;}
  .yingyong-liebiao-nengyuan {height:280px;}
  .yingyong-liebiao-nengyuan-biaoti {font-size:20px;line-height:28px;}
  .yingyong-liebiao-nengyuan-biaoqian {font-size:12px;top:48px;left:24px;}
  .yingyong-liebiao-nengyuan-biaoti {left:24px;right:24px;top:94px;}
  .yingyong-liebiao-nengyuan-miaoshu {left:24px;right:24px;top:136px;font-size:14px;}
  .yingyong-liebiao-xiao-hang {grid-template-columns:1fr;gap:20px;}
  .yingyong-liebiao-ka {min-height:380px;padding-bottom:28px;}
  .yingyong-liebiao-ka-shang {height:260px;}
  .yingyong-liebiao-ka-tubiao-kuang {left:28px;top:48px;}
  .yingyong-liebiao-ka-biaoti {left:28px;right:28px;top:148px;font-size:20px;}
  .yingyong-liebiao-ka-miaoshu {left:28px;right:28px;top:196px;font-size:13px;}
  .yingyong-liebiao-ka-anniu {width:calc(100% - 56px);}
}
/* =========================
应用列表响应式结束
========================= */