/* =========================
关于我们Banner覆盖开始
========================= */
.guanyuwomen-banner-bei {background-image:url('../assets/aboutbanner.jpg');}
/* =========================
关于我们Banner覆盖结束
========================= */

/* =========================
关于我们子导航开始
========================= */
.guanyuwomen-daohang {background:#ffffff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;height:80px;opacity:0;transform:translateY(-12px);transition:opacity 0.6s ease 0.8s,transform 0.6s ease 0.8s;}
.chanpin-banner--visible ~ .guanyuwomen-daohang {opacity:1;transform:translateY(0);}
.guanyuwomen-daohang-neicong {display:flex;align-items:center;gap:100px;}
.guanyuwomen-daohang-lianjie {display:flex;align-items:center;height:80px;font-size:16px;color:#333333;font-weight:400;position:relative;border-bottom:4px solid transparent;transition:color 0.3s ease,border-color 0.3s ease,font-weight 0.3s ease;white-space:nowrap;text-decoration:none;cursor:pointer;}
.guanyuwomen-daohang-lianjie:hover,.guanyuwomen-daohang-lianjie--active {color:#8ec31f;border-bottom-color:#8ec31f;font-weight:700;}
/* =========================
关于我们子导航结束
========================= */

/* =========================
关于我们统计卡片开始
========================= */
.guanyuwomen-tongji-qu {background:#f2f5f9;padding:100px 60px 0;}
.guanyuwomen-tongji-nei {max-width:1800px;margin:0 auto;}
.shouye-guanyuwomen-tongji {display:flex;gap:20px;}
.shouye-guanyuwomen-tongji-ka {flex:1 0 0;height:202px;background:#ffffff;position:relative;overflow:hidden;transition:background 0.35s ease;cursor:default;}
.shouye-guanyuwomen-tongji-ka:hover {background:#8ec31f;}
.shouye-guanyuwomen-tongji-tubiao-kuang {position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:40px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.shouye-guanyuwomen-tongji-tubiao {width:22px;height:22px;display:block;object-fit:contain;transition:filter 0.35s ease;}
.shouye-guanyuwomen-tongji-ka:hover .shouye-guanyuwomen-tongji-tubiao {filter:brightness(0) saturate(100%) invert(68%) sepia(55%) saturate(600%) hue-rotate(38deg) brightness(98%) contrast(95%);}
.shouye-guanyuwomen-tongji-neirong {position:absolute;bottom:40px;left:40px;display:flex;flex-direction:column;gap:6px;}
.shouye-guanyuwomen-tongji-shuzi {font-size:64px;font-weight:500;color:#0050b0;line-height:48px;white-space:nowrap;transition:color 0.35s ease;}
.shouye-guanyuwomen-tongji-ka:hover .shouye-guanyuwomen-tongji-shuzi {color:#ffffff;}
.shouye-guanyuwomen-tongji-biaoshi {font-size:15px;font-weight:400;color:#6b7280;text-transform:uppercase;letter-spacing:-0.75px;line-height:22.5px;white-space:nowrap;transition:color 0.35s ease;}
.shouye-guanyuwomen-tongji-ka:hover .shouye-guanyuwomen-tongji-biaoshi {color:#ffffff;}
/* =========================
关于我们统计卡片结束
========================= */

/* =========================
公司介绍开始
========================= */
.guanyuwomen-gongsi {background:#f2f5f9;padding:100px 60px 160px;}
.guanyuwomen-gongsi-neicong {max-width:1800px;margin:0 auto;display:flex;gap:96px;align-items:flex-start;}
.guanyuwomen-gongsi-zuoce {flex:1;display:flex;flex-direction:column;gap:60px;max-width:852px;}
.guanyuwomen-gongsi-tobu {display:flex;flex-direction:column;gap:20px;}
.guanyuwomen-gongsi-biaoji {font-size:18px;color:#2e4400;letter-spacing:1.8px;text-transform:uppercase;font-weight:400;}
.guanyuwomen-gongsi-biaoti {font-size:54px;font-weight:700;color:#0050b0;line-height:1.2;}
.guanyuwomen-gongsi-wenzi {display:flex;flex-direction:column;gap:20px;}
.guanyuwomen-gongsi-duan {font-size:14px;color:#424752;line-height:1.5;}
.guanyuwomen-gongsi-anniu-qu {padding-top:36px;}
.guanyuwomen-gongsi-lianxi-anniu {display:inline-flex;align-items:center;gap:40px;background:#8ec31f;padding:16px 16px 16px 40px;overflow:hidden;position:relative;transition:background 0.3s ease;}
.guanyuwomen-gongsi-lianxi-anniu:hover {background:#7ab010;}
.guanyuwomen-gongsi-lianxi-wenzi {font-size:16px;color:#ffffff;font-weight:700;white-space:nowrap;}
.guanyuwomen-gongsi-lianxi-jiantou {width:36px;height:36px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease;}
.guanyuwomen-gongsi-lianxi-anniu:hover .guanyuwomen-gongsi-lianxi-jiantou {transform:translateX(5px);}
.guanyuwomen-gongsi-lianxi-jiantou img {width:16px;height:16px;display:block;}
/* 右侧图片 */
.guanyuwomen-gongsi-youce {flex:1;position:relative;}
.guanyuwomen-gongsi-tupian-kuang {position:relative;width:100%;height:840px;overflow:hidden;}
.guanyuwomen-gongsi-tupian {width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);}
.guanyuwomen-gongsi-tupian-kuang:hover .guanyuwomen-gongsi-tupian {transform:scale(1.08);}
/* 悬浮信息卡片 */
.guanyuwomen-gongsi-ka {position:absolute;bottom:48px;left:-48px;background:#ffffff;padding:42px 32px;border:1.5px solid rgba(194,198,212,0.1);box-shadow:0 30px 19px rgba(0,0,0,0.1),0 12px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;gap:20px;width:335px;}
.guanyuwomen-gongsi-ka-tubiao {display:block;width:32px;height:32px;flex-shrink:0;}
.guanyuwomen-gongsi-ka-tubiao img {width:32px;height:32px;object-fit:contain;display:block;}
.guanyuwomen-gongsi-ka-biaoti {font-size:24px;font-weight:700;color:#0050b0;line-height:36px;}
.guanyuwomen-gongsi-ka-miaoshu {font-size:16px;color:#424752;line-height:1.6;}
/* =========================
公司介绍结束
========================= */

/* =========================
企业文化开始
========================= */
.guanyuwomen-wenhua {background:#ffffff;padding:140px 72px 0;}
.guanyuwomen-wenhua-neicong {max-width:1800px;margin:0 auto;display:flex;flex-direction:column;gap:60px;}
.guanyuwomen-wenhua-tobu {display:flex;flex-direction:column;gap:24px;align-items:center;}
.guanyuwomen-wenhua-biaoti {font-size:54px;font-weight:700;color:#0050b0;text-align:center;letter-spacing:-1.8px;}
.guanyuwomen-wenhua-miaoshu {font-size:16px;color:#424752;text-align:center;max-width:700px;line-height:1.5;}
/* 四个价值观卡片 */
.guanyuwomen-wenhua-jiazhi {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.guanyuwomen-wenhua-jiazhi-ka {background:#f2f5f9;position:relative;height:366px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.guanyuwomen-wenhua-jiazhi-ka:hover {transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,80,176,0.12);}
.guanyuwomen-wenhua-jiazhi-tubiao-kuang {position:absolute;left:48px;top:48px;width:72px;height:72px;border-radius:6px;background:rgba(0,58,131,0.1);display:flex;align-items:center;justify-content:center;}
.guanyuwomen-wenhua-jiazhi-tubiao {display:flex;align-items:center;justify-content:center;}
.guanyuwomen-wenhua-jiazhi-tubiao img {display:block;object-fit:contain;}
.guanyuwomen-wenhua-jiazhi-mingcheng {position:absolute;left:48px;right:48px;top:176px;font-size:24px;color:#191b22;line-height:42px;}
.guanyuwomen-wenhua-jiazhi-neirong {position:absolute;left:48px;right:48px;top:234px;font-size:16px;color:#424752;line-height:1.5;}
/* 使命 / 愿景 */
.guanyuwomen-wenhua-renwu {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0 80px;}
.guanyuwomen-wenhua-renwu-ka {padding:72px;overflow:hidden;position:relative;min-height:318px;display:flex;flex-direction:column;gap:12px;}
.guanyuwomen-wenhua-renwu-ka--shiming {background:#0050b0;}
.guanyuwomen-wenhua-renwu-ka--yuanjing {background:#8ec31f;}
.guanyuwomen-wenhua-renwu-biaoji {font-size:18px;color:rgba(255,255,255,0.7);letter-spacing:1.8px;text-transform:uppercase;}
.guanyuwomen-wenhua-renwu-biaoti {font-size:32px;color:#ffffff;line-height:1.35;max-width:480px;}
.guanyuwomen-wenhua-renwu-zhuangshi {position:absolute;bottom:30px;right:40px;pointer-events:none;opacity:0.08;}
.guanyuwomen-wenhua-renwu-zhuangshi img {display:block;height:90px;width:auto;}
/* =========================
企业文化结束
========================= */

/* =========================
历史时间轴开始
========================= */
.guanyuwomen-lishi {background:#ffffff;padding:0px 72px 0px;}
.guanyuwomen-lishi-neicong {max-width:1800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:80px;}
.guanyuwomen-lishi-biaoti {font-size:54px;font-weight:700;color:#0050b0;letter-spacing:-1.8px;text-align:center;}
.guanyuwomen-lishi-zhuti {position:relative;width:100%;height:675px;}
/* 左侧 */
.guanyuwomen-lishi-zuoce {position:absolute;left:0;top:0;width:32%;height:100%;}
.guanyuwomen-lishi-nianliang {font-size:128px;font-weight:700;color:#0050b0;line-height:1;font-family:Arial,'DIN Alternate',sans-serif;margin-top:-10px;transition:opacity 0.3s ease;}
.guanyuwomen-lishi-miaoshu {position:absolute;top:213px;left:0;font-size:14px;color:#333333;line-height:1.8;width:457px;max-width:100%;transition:opacity 0.3s ease;}
.guanyuwomen-lishi-anniu-zu {position:absolute;bottom:100px;left:0;display:flex;align-items:center;gap:8px;}
.guanyuwomen-lishi-anniu {width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;color:#0050b0;font-size:16px;transition:background 0.25s ease,border-color 0.25s ease,transform 0.2s ease;}
.guanyuwomen-lishi-anniu:hover {background:#0050b0;border-color:#0050b0;transform:scale(1.05);}
.guanyuwomen-lishi-anniu:hover .guanyuwomen-lishi-anniu-tubiao {filter:brightness(0) invert(1);}
.guanyuwomen-lishi-anniu-tubiao {display:block;width:9px;height:16px;object-fit:contain;}
.guanyuwomen-lishi-anniu-tubiao--qian {transform:rotate(180deg);}
/* 右侧时间轴 */
.guanyuwomen-lishi-youce {position:absolute;left:calc(33.33% + 27px);top:0;right:0;height:100%;}
.guanyuwomen-lishi-zhuxian {position:absolute;top:0;bottom:0;width:240px;border-left:1px solid #e0e0e0;}
.guanyuwomen-lishi-zhuxian:nth-child(1) {left:0;}
.guanyuwomen-lishi-zhuxian:nth-child(2) {left:300px;}
.guanyuwomen-lishi-zhuxian:nth-child(3) {left:600px;}
.guanyuwomen-lishi-zhuxian:nth-child(4) {left:900px;border-right:1px solid #e0e0e0;}
.guanyuwomen-lishi-zhuxian:nth-child(n+5) {display:none;}
.guanyuwomen-lishi-zhuxian--active {border-left-color:#0050b0;}
.guanyuwomen-lishi-biaoqi {position:absolute;top:-5.7px;left:-5.7px;width:11px;height:11px;background:#e0e0e0;transform:rotate(45deg);transition:background 0.3s ease;}
.guanyuwomen-lishi-zhuxian--active .guanyuwomen-lishi-biaoqi {background:#0050b0;}
.guanyuwomen-lishi-nianfen {position:absolute;top:0;left:28px;font-size:20px;color:#333333;font-family:Arial,sans-serif;line-height:1;transition:color 0.3s ease;}
.guanyuwomen-lishi-zhuxian--active .guanyuwomen-lishi-nianfen {color:#0050b0;}
/* 图片叠加 */
.guanyuwomen-lishi-tupian-kuang {position:absolute;top:180px;left:300px;width:480px;height:278px;overflow:hidden;background:#17191b;}
.guanyuwomen-lishi-tupian {width:100%;height:100%;object-fit:cover;transition:opacity 0.35s ease;}
.guanyuwomen-lishi-tupian-yidong {display:none;}
.guanyuwomen-lishi-tupian-yidong-img {width:100%;height:100%;object-fit:cover;display:block;transition:opacity 0.35s ease;}
/* =========================
历史时间轴结束
========================= */

/* =========================
关于我们响应式开始
========================= */
@media (max-width:1400px) {
  .guanyuwomen-gongsi-biaoti {font-size:44px;}
  .guanyuwomen-wenhua-biaoti {font-size:44px;}
  .guanyuwomen-lishi-biaoti {font-size:44px;}
  .guanyuwomen-lishi-nianliang {font-size:100px;}
  .guanyuwomen-lishi-miaoshu {width:100%;}
}
@media (max-width:1200px) {
  .guanyuwomen-gongsi-neicong {flex-direction:column;}
  .guanyuwomen-gongsi-youce {width:100%;}
  .guanyuwomen-gongsi-tupian-kuang {height:500px;}
  .guanyuwomen-gongsi-ka {left:0;bottom:-24px;}
  .guanyuwomen-wenhua-jiazhi {grid-template-columns:repeat(2,1fr);}
  .guanyuwomen-lishi-zhuti {height:auto;display:flex;flex-direction:column;gap:40px;}
  .guanyuwomen-lishi-zuoce,.guanyuwomen-lishi-youce {position:static;width:100%;}
  .guanyuwomen-lishi-miaoshu {position:static;}
  .guanyuwomen-lishi-anniu-zu {position:static;margin-top:24px;}
  .guanyuwomen-lishi-youce {height:350px;overflow:hidden;}
  .guanyuwomen-lishi-nianliang {font-size:80px;}
}
@media (max-width:900px) {
  .guanyuwomen-daohang-neicong {gap:48px;}
  .guanyuwomen-gongsi {padding:60px 40px 100px;}
  .guanyuwomen-wenhua {padding:80px 40px 0;}
  .guanyuwomen-lishi {padding:60px 40px 80px;}
  .guanyuwomen-wenhua-renwu {grid-template-columns:1fr;}
  .guanyuwomen-tongji-qu {padding:60px 40px 0;}
}
@media (max-width:640px) {
  .guanyuwomen-daohang-neicong {gap:16px;}
  .guanyuwomen-daohang-lianjie {font-size:13px;height:60px;}
  .guanyuwomen-daohang {height:auto;min-height:60px;padding:0 20px;flex-wrap:wrap;}
  .guanyuwomen-gongsi {padding:50px 20px 80px;}
  .guanyuwomen-gongsi-biaoti {font-size:32px;}
  .guanyuwomen-gongsi-ka {left:0;width:calc(100% - 0px);}
  .guanyuwomen-wenhua {padding:60px 20px 0;}
  .guanyuwomen-wenhua-biaoti {font-size:32px;}
  .guanyuwomen-wenhua-jiazhi {grid-template-columns:1fr;}
  .guanyuwomen-wenhua-jiazhi-ka {height:300px;}
  .guanyuwomen-lishi {padding:0px 20px 60px;}
  .guanyuwomen-lishi-biaoti {font-size:32px;}
  .guanyuwomen-lishi-youce {display:none;}
  .guanyuwomen-lishi-zhuti {display:block;}
  .guanyuwomen-lishi-zuoce {position:static;width:100%;height:auto;display:flex;flex-direction:column;gap:20px;}
  .guanyuwomen-lishi-nian-hang {display:flex;align-items:center;justify-content:space-between;}
  .guanyuwomen-lishi-nianliang {font-size:56px;margin-top:0;}
  .guanyuwomen-lishi-anniu-zu {position:static;margin-top:0;display:flex;gap:8px;}
  .guanyuwomen-lishi-miaoshu {position:static;width:100%;}
  .guanyuwomen-lishi-tupian-yidong {display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#17191b;border-radius:4px;}
  .guanyuwomen-tongji-qu {padding:50px 20px 0;}
  .shouye-guanyuwomen-tongji {flex-wrap:wrap;}
  .shouye-guanyuwomen-tongji-ka {flex:1 0 calc(50% - 10px);min-width:calc(50% - 10px);}
  .guanyuwomen-wenhua-jiazhi-mingcheng {top:130px;}
  .guanyuwomen-wenhua-jiazhi-neirong {top:180px;}
}
@media (max-width:480px) {
  .shouye-guanyuwomen-tongji-ka {flex:1 0 100%;}
}
/* =========================
关于我们响应式结束
========================= */