/* ============================================================
   partner.css 美化版 (2026-08-03)
   只作用于 tid=11 伙伴/加入页面，不影响其他页面
   品牌色 #E50012 保留；移动端优先；图片不变形
   ============================================================ */

/* ---------- Banner ---------- */
.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;
  background-repeat:no-repeat;background-size:cover;background-position:center;}
.banner .bannerBg{visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.banner .bannerInfo{position:absolute;top:50%;left:0;width:100%;height:auto;
  transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center;color:#fff;}
.banner .bannerInfo .title{font-family:'MyriadPro-Bold_0';font-size:55px;line-height:60px;}
.banner .bannerInfo .titleCh{position:relative;top:20px;border:3px solid #fff;
  padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;
  display:inline-block;}

/* ---------- Main 通用 ---------- */
.main{position:relative;text-align:center;border-bottom:1px solid #e6e6e6;}
.main .mainChild{padding:70px 0 80px 0;text-align:center;}
.main .mainChild .mainsTitle{color:#434343;font-size:clamp(30px,4vw,55px);line-height:1.1;
  font-family:"NotoSansHans-Light";}
.main .mainChild .mainSub{width:126px;height:2px;background:#E50012;margin:26px auto 20px auto;}
.main .mainChild .mainsInfo{color:#666;font-size:clamp(14px,1.4vw,18px);line-height:30px;
  max-width:880px;margin:0 auto;}
.main .mainChild .linkBtn{margin:0 auto;}

/* ---------- mainChild1 招聘职位 ---------- */
#mainChild1 .mainsTitleRed{color:#E50012;font-size:clamp(22px,3vw,36px);line-height:1.2;
  margin-bottom:26px;font-family:"NotoSansHans-Light";}
#mainChild1 .content{padding:40px 0 70px 0;display:flex;flex-wrap:wrap;
  justify-content:center;align-items:stretch;gap:24px;}
#mainChild1 .content .child{position:relative;border:1px solid #e2e2e2;border-radius:10px;
  width:240px;min-height:300px;margin:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.06);overflow:hidden;
  transition:all .35s ease;-webkit-transition:all .35s ease;}
#mainChild1 .content .child .childTitle{color:#434343;font-size:24px;line-height:1.4;
  margin-top:8px;font-weight:bold;}
#mainChild1 .content .child .childTitleEn{line-height:1.6;color:#999;font-size:16px;
  font-family:'MyriadPro-Regular_0';margin-top:4px;}
#mainChild1 .content .child .childSub{width:52px;height:3px;background:#E50012;
  margin:22px auto 18px auto;border-radius:2px;}
#mainChild1 .content .child .childMun{line-height:1.6;color:#888;font-size:16px;}
#mainChild1 .content .child:hover{border-color:#E50012;background:#E50012;
  transform:translateY(-6px);-webkit-transform:translateY(-6px);
  box-shadow:0 16px 32px rgba(229,0,18,.28);}
#mainChild1 .content .child:hover .childTitle,
#mainChild1 .content .child:hover .childTitleEn,
#mainChild1 .content .child:hover .childMun{color:#fff;}
#mainChild1 .content .child:hover .childSub{background:#fff;}

/* ---------- mainChild2 黑底趋势区 ---------- */
#mainChild2{background-color:#000;position:relative;width:100%;min-height:520px;
  display:flex;align-items:center;justify-content:center;
  background-repeat:no-repeat;background-position:center;background-size:cover;}
#mainChild2 .content{position:relative;width:100%;text-align:center;padding:0 20px;}
#mainChild2 .content .title{font-family:'MyriadPro-Bold_0';font-size:clamp(64px,10vw,141px);
  color:#fff;text-align:center;line-height:1;margin-bottom:10px;}
#mainChild2 .content .info{font-family:'NotoSansHans-Light';font-size:clamp(22px,3.4vw,43px);
  color:#fff;text-align:center;}

/* ---------- mainChild3 资源整合图片网格 ---------- */
#mainChild3 .content{display:flex;flex-wrap:wrap;justify-content:center;
  align-items:center;gap:20px;padding-top:10px;}
#mainChild3 .content .child{position:relative;margin:0;width:345px;max-width:100%;
  height:240px;border-radius:10px;overflow:hidden;background:#f2f2f2;
  box-shadow:0 6px 18px rgba(0,0,0,.08);}
#mainChild3 .content .child.no{margin:0;}
#mainChild3 .content .child img{width:100%;height:100%;object-fit:cover;
  display:block;transition:transform .45s ease;-webkit-transition:transform .45s ease;}
#mainChild3 .content .child:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}

/* ---------- mainChild3 foot 开启合作流程 ---------- */
#mainChild3 .foot{text-align:center;display:flex;flex-direction:column;align-items:center;
  counter-reset:step;padding:30px 0 10px;}
#mainChild3 .foot .title{padding:46px 0 22px 0;line-height:1.2;color:#434343;
  font-size:clamp(30px,4vw,55px);font-family:'NotoSansHans-Light';}
#mainChild3 .foot .child{position:relative;width:760px;max-width:92%;min-height:103px;
  border:1px solid #e2e2e2;border-radius:10px;margin:0 auto;color:#434343;font-size:18px;
  background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05);
  display:flex;align-items:center;justify-content:center;padding:18px 20px;}
#mainChild3 .foot .child::before{content:counter(step);counter-increment:step;
  position:absolute;top:-16px;left:50%;transform:translateX(-50%);
  width:32px;height:32px;border-radius:50%;background:#E50012;color:#fff;
  font-size:16px;line-height:32px;text-align:center;font-weight:bold;
  box-shadow:0 3px 8px rgba(229,0,18,.3);}
#mainChild3 .foot .child .one{line-height:1.6;}
#mainChild3 .foot .child .two{height:auto;line-height:1.6;margin-top:0;}
#mainChild3 .foot .pointer{margin:18px 0 18px 0;width:22px;opacity:.6;}

/* ============================================================
   响应式断点
   ============================================================ */

/* 平板 640 - 1023 */
@media (max-width:1023px){
  .banner{margin-top:74px;}
  .banner .bannerInfo .title{font-size:clamp(28px,6vw,40px);line-height:1.2;}
  .banner .bannerInfo .titleCh{font-size:clamp(14px,3.4vw,22px);top:14px;
    padding:3px 12px 5px 12px;}
  .main .container{width:90%;}
  .main .mainChild{padding:44px 0;}
  #mainChild1 .content{gap:16px;padding:30px 0;}
  #mainChild1 .content .child{width:44%;min-height:240px;}
  #mainChild2{min-height:360px;}
  #mainChild3 .content .child{width:46%;height:200px;}
  #mainChild3 .foot .child{width:90%;font-size:15px;}
}

/* 手机 <= 639 */
@media (max-width:639px){
  .banner{margin-top:64px;}
  .banner .bannerInfo .title{font-size:24px;line-height:1.2;}
  .banner .bannerInfo .titleCh{font-size:14px;top:10px;padding:2px 8px 4px 8px;
    border-width:1px;}
  .main .mainChild{padding:30px 0;text-align:center;}
  .main .mainChild .mainsTitle{font-size:24px;}
  .main .mainChild .mainsInfo{font-size:13px;line-height:22px;padding:0 6px;}
  #mainChild1 .mainsTitleRed{font-size:18px;margin-bottom:16px;}
  #mainChild1 .content{padding:20px 0;gap:14px;}
  #mainChild1 .content .child{width:46%;min-height:200px;border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.06);}
  #mainChild1 .content .child .childTitle{font-size:16px;margin-top:6px;}
  #mainChild1 .content .child .childTitleEn{font-size:13px;display:none;}
  #mainChild1 .content .child .childSub{width:30px;height:2px;margin:14px auto 12px auto;}
  #mainChild1 .content .child .childMun{font-size:12px;}
  #mainChild2{min-height:240px;}
  #mainChild2 .content .info{font-size:16px;}
  #mainChild3 .content{padding-top:14px;gap:12px;}
  #mainChild3 .content .child{width:100%;height:200px;}
  #mainChild3 .foot .title{padding:30px 0 18px 0;font-size:24px;}
  #mainChild3 .foot .child{width:92%;min-height:80px;font-size:13px;padding:14px;}
  #mainChild3 .foot .pointer{width:18px;margin:14px 0;}
}

/* 超小屏 <= 399 */
@media (max-width:399px){
  #mainChild1 .content .child{width:100%;}
}