.headTop{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #000;
    padding: 5px 5%;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.headTopWrapper{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.headTopWrapper a{display: inline-block;height: 100%;flex: none;}
.headTopWrapper a img{height: 100%;width: auto;max-width: none;vertical-align: unset;}
/* 屏宽不足时按可容纳数量动态减少显示的 logo，避免 logo 挤压变形 */
@media (max-width: 1439px){
    .headTopWrapper a:nth-child(4){display: none;}
}
@media (max-width: 1079px){
    .headTopWrapper a:nth-child(3){display: none;}
}

/* ============ banner 轮播 ============ */
.swiper-container{
    width: 100%;
    /* 不设死高度，按设计稿 1920:884 的宽高比等比自适应 */
    aspect-ratio: 1920 / 884;
    position: relative;
    overflow: hidden;
    margin-top: 120px;
}
.swiper-container .swiper-slide{
    background-size: cover !important;
    background-repeat: no-repeat;
}
.swiper-container .fullscreen{
    display: block;
    width: 100%;
    height: 100%;
}
.bannerSwitch .swiper-pagination-bullet{
    opacity: 0.5 !important;
    background: #fff !important;
}
.bannerSwitch .swiper-pagination-bullet-active{
    opacity: 1 !important;
}

/* ============ 指示卡 hintCard ============ */
.hintCardBox,.hintCardBoxMobile{
    width: clamp(290px, 19vw, 400px);
    padding-top:clamp(20px, 1.3vw, 28px);
    background: #fff;
    position: absolute;
    /* 宽屏下相对 banner 右上角定位，避免固定 px 偏移导致偏左偏下 */
    right: 10%;
    top: 18%;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.hintCardBox .buttonWrapper,.hintCardBoxMobile .buttonWrapper{width:100%;text-align: center;margin: 6px 0;}
.hintCardBox .buttonWrapper span,.hintCardBoxMobile .buttonWrapper span{display:inline-block;position:relative;cursor:pointer;width:clamp(120px, 8vw, 168px);height:clamp(30px, 2vw, 42px);line-height:clamp(30px, 2vw, 42px);border-radius:2px;background: #018402;font-size:clamp(14px, .9vw, 17px);color: #fff;box-sizing: border-box;}
.hintCardBox .buttonWrapper span:nth-child(2),.hintCardBoxMobile .buttonWrapper span:nth-child(2){line-height:clamp(28px, 1.9vw, 40px);margin-left:7px;background: #018402;}
.hintCardBox .buttonWrapper span label,.hintCardBoxMobile .buttonWrapper span label{position: absolute;top: -1px;right: 10px;}
.hintCardBox .flexBlock,.hintCardBoxMobile .flexBlock{width: 100%;height: clamp(271px, 18vw, 380px);display: flex;flex-wrap: wrap;justify-content: space-around;text-align: center;font-size: clamp(13px, .85vw, 16px);color: #333;}
.hintCardBox .flexBlock>div,.hintCardBoxMobile .flexBlock>div{width: 33.333%;box-sizing: border-box;padding:clamp(10px, .8vw, 16px);border-top:1px solid #ECECEC;border-right: 1px solid #ECECEC;}
.hintCardBox .flexBlock>div:nth-child(3),.hintCardBox .flexBlock>div:nth-child(6),.hintCardBox .flexBlock>div:nth-child(9),.hintCardBoxMobile .flexBlock>div:nth-child(3),.hintCardBoxMobile .flexBlock>div:nth-child(6),.hintCardBoxMobile .flexBlock>div:nth-child(9),.hintCardBoxMobile .flexBlock>div:nth-child(12){border-right: none;}
.hintCardBox .flexBlock>div a,.hintCardBoxMobile .flexBlock>div a{display: inline-block;font-size: clamp(12px, .8vw, 15px);line-height: clamp(12px, .8vw, 15px);word-break: break-word;color: #5d5d5d;}
.hintCardBox .flexBlock>div a>div,.hintCardBoxMobile .flexBlock>div a>div{margin-bottom: 3px;}
.hintCardBox .flexBlock img,.hintCardBoxMobile .flexBlock img{width: clamp(32px, 2.4vw, 48px);height: clamp(32px, 2.4vw, 48px);max-width: clamp(32px, 2.4vw, 48px);object-fit: contain;}
.hintCardBox .loginRegBox,.hintCardBoxMobile .loginRegBox{width: 100%;height:clamp(271px, 18vw, 380px);margin-top:10px;display:none;flex-direction:column;justify-content: space-around;box-sizing: border-box;border-top: 1px solid #ECECEC;}
.hintCardBox .loginRegBox a,.hintCardBoxMobile .loginRegBox a{display:inline-block;width: clamp(220px, 14vw, 290px);height:clamp(30px, 2vw, 42px);line-height:clamp(30px, 2vw, 42px);margin:0 auto;background: #f2f2f2;text-align: center;color: #333;font-size:clamp(14px, .9vw, 17px);}
.hintCardBox .loginRegBox a:first-child,.hintCardBoxMobile .loginRegBox a:first-child{color: #018402;font-size: 13px;text-align: left;background: transparent;margin-bottom: -20px;margin-top: -8px;}
.hintCardBoxMobile{display: none;}

/* ---------- 通用区块标题 ---------- */
  .sec{padding:clamp(20px, 4.7rem, 4.7rem) 0;width: 83%;margin: 0 auto;}
  .sec-title{font-size:34px;font-weight:900;color:var(--dark-green);letter-spacing:1px;line-height:1.3;}
  .sec-title small{display:block;font-size:30px;}

/* ---------- 诚挚邀请 ---------- */
  .invite{position:relative;padding-top:70px;}
  /* 左栏与字号按视口等比放大：<=1579px 维持原设计（250px 栏宽 / 3rem 水印），更宽的屏幕同步放大，2560px 约 1.5 倍 */
  .invite-grid{display:grid;grid-template-columns:clamp(250px, 15.83vw, 400px) 1fr;gap:clamp(56px, 2.92vw, 84px);}
  .invite .watermark{font-size:clamp(3rem, 3.2vw, 4.8rem);font-weight:400;color:#cccdcd;letter-spacing:-.074em;line-height:1;margin-bottom:.48em;white-space:nowrap;}
  .invite-cn{font-size:clamp(3.5rem, 3.73vw, 5.6rem);font-weight:600;}
  .invite-cn .row{line-height:1.45;}
  .invite-cn span{display:inline-block;}
  .invite-cn .row span + span{margin-left:.38em;}
  .invite-cn .row:last-child span + span{margin-left: 0;}
  .invite-cn .dn{transform:translateY(.19em);}
  .invite-cn .g{color:var(--dark-green);}
  .invite-cn .y{color:var(--gold-dark);font-size:clamp(5rem, 5.33vw, 8rem);margin-top:-.367em;}
  .invite-body{font-size: clamp(14px, 1rem, 1rem);color:#333;text-align:justify;}
  .invite-body p{margin-bottom: clamp(15px, 1.57rem, 1.57rem);}
  /* .invite-body p{margin-bottom:22px;font-size:15px;color:#333;text-align:justify;}
  .invite-body b{color:#000;} */
  .invite-line{width:clamp(120px, 7.08vw, 192px);height:2px;background:#999;margin:clamp(26px, 1.54vw, 41.6px) 0 clamp(34px, 2.01vw, 54.4px);}
  /* 通栏图：脱离 83% 宽的 .sec 容器后宽度为 100%（撑满屏幕），按设计稿 1920:395 等比自适应 */
  .invite-banner{overflow:hidden;margin-top:10px;width:100%;aspect-ratio:1920 / 395;}
  .invite-banner img{width:100%;height:100%;object-fit:cover;}

  /* ---------- 展会核心亮点 ---------- */
  .hl-row{display:grid;grid-template-columns:45% 1fr;align-items:center;margin-top:64px;}
  .hl-row.flip{grid-template-columns:1fr 45%;}
  .hl-row .pic{overflow:hidden;
    /* box-shadow:0 12px 28px rgba(0,60,20,.15);border-radius:4px; */
}
  /* 亮点配图：宽度占整行 45%，按设计稿 708:396 等比自适应 */
  .hl-row .pic img{width:100%;aspect-ratio:708 / 396;height:auto;object-fit:cover;transition:transform .5s;}
  .hl-row .pic:hover img{transform:scale(1.05);}
  .hl-txt{padding-left: 5vw;height: 100%;position: relative;border-bottom: 1px solid #009003;}
  .wrap .hl-row:nth-child(odd) .hl-txt{padding-left: 0;padding-right: 5vw;}
  .hl-txt h3{font-size:clamp(18px, 1.33rem, 1.33rem);font-weight:900;color:#009003;margin-bottom:clamp(14px, 1rem, 1rem);}
  .hl-txt p{font-size:clamp(14px, 1rem, 1rem);color:#3a3a3a;text-align:justify;}
  /* 箭头统一改用设计图（africacn-16.png 左向 / africacn-17.png 右向），图片自带绿色圆底，故去掉 CSS 绘制的圆底与投影 */
  /* 箭头随视口缩小：>=1920px 保持 52px，窄屏按 2.71vw 等比缩小（下限 24px）；偏移量用 em 跟随同一尺寸等比缩放 */
  .hl-arrow{width:clamp(24px, 2.71vw, 52px);height:clamp(24px, 2.71vw, 52px);font-size:clamp(24px, 2.71vw, 52px);display:flex;align-items:center;justify-content:center;margin-top:22px;cursor:pointer;transition:.3s;position: absolute;
    bottom: -.212em;left: -.135em;}
  .hl-arrow:hover{transform:translateX(.077em);}
  .hl-arrow img{width:100%;height:100%;display:block;}
  .hl-arrow.right{margin-left:auto;right: -.135em;left: unset;}
  /* 朝左的箭头（.right）悬浮时向左移动，与箭头指向一致 */
  .hl-arrow.right:hover{transform:translateX(-.077em);}

  /* ---------- 展品范围 ---------- */
  /* 仅「展品范围」区块标题居中 */
  #scope .sec-title{text-align:center;}
  .scope-sub{font-size:22px;font-weight:900;color:var(--green);margin:48px 0 24px;}
  .scope-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .scope-grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px;position:relative;}
  .s-card{border-radius:16px;padding:34px 30px 30px;position:relative;box-shadow:0 8px 22px rgba(0,0,0,.06);}
  .s-card.gray{background:var(--gray-card);}
  .s-card.green{background:#39a83a;}
  .s-num{position:absolute;top:22px;left:26px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#ffc102;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;}
  .s-card.green .s-num{background:#fff;color:var(--green);}
  .s-card h4{font-size:clamp(18px, 1.22rem, 1.22rem);font-weight:900;margin:40px 0 18px;color:var(--dark-green);}
  .s-card.green h4{color:var(--gold);}
  .s-card ul{list-style:none;font-size:clamp(14px, 1rem, 1rem);}
  .s-card ul li{padding:3px 0;color: #595757;}
  .s-card.green ul li{color:#fff;}
  .s-card .cols{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;}
  .s-card .full{grid-column:1 / -1;}
  .recycle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,90,30,.18);z-index:2;}
  .recycle img{width:72px;height:72px;display:block;}

  /* ---------- 参展参会价值 ---------- */
  /* 参展参会价值：区块高度随内容自然撑开（不随屏宽变高） */
  .value{position:relative;padding:90px 0 110px;overflow:hidden;}
  /* 背景：设计稿背景图 africacn-19.png（1920x1545，黄色斜切色块 + 绿/黑描边）按宽度等比缩放，底部对齐；
     区块高度由内容决定，超出部分裁掉设计稿上方白边，底部绿/黑描边始终完整可见 */
  .value::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:url('/images/africacn-19.png') center bottom / 100% auto no-repeat;z-index:0;}
  .value .wrap{position:relative;z-index:1;}
  .value .sec-title{width: 83%;margin: 0 auto;}
  .v-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width: 83%;
    margin: 56px auto 0;}
  .v-cards .v-card{flex:0 0 calc((100% - 60px) / 3);max-width:calc((100% - 60px) / 3);}
  .v-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(120,80,0,.18);background:#fff;transition:transform .3s;}
  .v-card:hover{transform:translateY(-6px);}
  .v-head{display:flex;align-items:center;gap:14px;padding:20px 22px 16px;background:#fff;flex:none;}
  .v-head img{width:40px;height:40px;flex:none;display:block;}
  .v-head h4{font-size:clamp(18px, 1.22rem, 1.22rem);font-weight:900;color:var(--card-green);}
  .v-body{flex:1;border-radius:18px 18px 0 0;background:#0a8f3c url('/images/africacn-43.png') center / cover no-repeat;color:#fff;padding:34px 22px 38px;font-size:clamp(14px, 1rem, 1rem);min-height:128px;}

  /* ---------- 关于主办方 ---------- */
  .org .sec-title{text-align:right;}
  .org-block{margin-top:46px;}
  .org-flag-grid{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center;}
  .org-flag{border-radius:4px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.16);}
  .org-flag img{width:100%;height:auto;display:block;}
  .org-label{display:inline-block;font-size:clamp(18px, 1.33rem, 1.33rem);font-weight:900;color:#111;position:relative;padding:6px 34px 6px 20px;margin-bottom:18px;background:url('/images/africacn-44.png') left top / 100% 100% no-repeat;}
  .org-item{position:relative;padding-left:22px;margin-bottom:26px;}
  .org-item::before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:50%;background:var(--green);}
  .org-item h5{font-size:clamp(18px, 1.22rem, 1.22rem);font-weight:700;margin-bottom:6px;}
  .org-item p{font-size:clamp(14px, 1rem, 1rem);color:#444;text-align:justify;max-width:640px;}
  .org-row{display:flex;justify-content:space-between;align-items:center;gap:30px;}
  .logo-pbf{display:flex;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.15);}
  .logo-pbf span{width:56px;height:64px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#fff;}
  .logo-pbf .p{background:#111;}
  .logo-pbf .b{background:#0aa14a;}
  .logo-pbf .f{background:#ffc41a;}
  .logo-snec{display:flex;align-items:center;gap:8px;flex:none;}
  .logo-snec .swirl{width:44px;height:44px;}
  .logo-snec .t1{color:#f26522;font-weight:900;font-size:30px;font-style:italic;}
  .logo-snec .t2{color:#1b3f8f;font-weight:900;font-size:30px;font-style:italic;}
  /* 关于主办方：合作方 logo 来自 CMS 数据，用统一容器按原比例缩放，不拉伸变形 */
  /* （页脚仍用下面 .logo-pbf / .logo-snec 的 CSS 组合 logo，故这里限定在 .org 内覆盖默认尺寸） */
  .org .org-logo{display:flex;flex:none;align-items:center;}
  .org .org-logo img{width:auto;max-width:340px;max-height:92px;display:block;}

  /* ---------- 报名咨询 ---------- */
  .reg{border-top:1px solid #ddd;padding:70px 0 90px;}
  /* 报名咨询：内容区宽度 83% 居中 */
  .reg .wrap{width:83%;margin:0 auto;}
  .reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px;}
  .reg-txt{align-self:end;padding-bottom:20px;}
  .reg-txt p{font-size:clamp(14px, 1rem, 1rem);font-weight:700;color:#222;line-height:2;}
  .reg-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;}
  .r-card{background:linear-gradient(150deg,#13b34f,#079b39);border-radius:16px;padding:26px 22px 22px;color:#fff;position:relative;box-shadow:0 12px 26px rgba(7,140,54,.28);}
  .r-card:nth-child(1){grid-row:1;margin-top:70px;}
  .r-card:nth-child(2){grid-row:1;}
  .r-card:nth-child(3){grid-column:2;margin-top:-10px;}
  /* 圆底去掉白色描边与投影，底色与 .r-card 保持一致 */
  .r-ico{position:absolute;top:-22px;left:-14px;width:46px;height:46px;border-radius:50%;background:linear-gradient(150deg,#13b34f,#079b39);display:flex;align-items:center;justify-content:center;}
  /* r-ico 图标改用设计图 africacn-29/30/31（白色线条，透明底），绿色圆底保留 */
  .r-ico img{width:24px;height:auto;max-width:24px;display:block;}
  .r-card .big{color:var(--gold);font-size:24px;font-weight:900;line-height:1.3;word-break:break-all;}
  .r-card .sub{color:#fff;font-size:15px;font-weight:700;margin-top:6px;}
  .r-card .name{color:var(--gold);font-size:20px;font-weight:900;}
  .r-card .title{color:#fff;font-size:13px;margin-left:10px;font-weight:400;}

  /* ---------- 页脚 ---------- */
  .footer-logos{display:flex;justify-content:space-around;align-items:center;padding:46px 0 38px;flex-wrap:wrap;gap:26px;}
  .footer-logos .logo-item{display:flex;align-items:center;}
  /* logo 图来自 CMS（INDEX_BOTLOGO），按原图比例缩放：宽高都限定上限，超出时等比缩小，不拉伸变形 */
  .footer-logos .logo-item img{display:block;width:auto;height:auto;max-width:260px;max-height:60px;}
  .logo-neec{display:flex;align-items:center;gap:6px;}
  .logo-neec .g{width:42px;height:42px;background:#0aa14a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:24px;}
  .logo-neec .t{color:#1b3f8f;font-weight:900;font-size:32px;letter-spacing:1px;}
  .footer-bar{background:var(--black);color:#fff;padding:20px 0;}
  .footer-bar .wrap{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;}
  .footer-bar .fb-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:19px;letter-spacing:1px;}
  /* 底部 logo 改用 CMS 的 INDEX_BOTTOM 图片，按原比例缩放，不拉伸变形 */
  .footer-bar .fb-logo img{height:30px;width:auto;max-width:100%;display:block;}
  .footer-bar .fb-logo .e{color:#ff8c1a;}
  .footer-bar .yr{color:var(--gold);}
  .footer-bar .sep{width:1px;height:22px;background:#444;margin:0 8px;}
  .footer-bar .neec-w{display:flex;align-items:center;gap:6px;font-weight:900;font-size:19px;letter-spacing:1px;}
  .footer-bar .neec-w .g{width:24px;height:24px;background:#0aa14a;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;}

  /* ---------- 入场动画 ---------- */
  .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}

@media (min-width: 768px){
    .hintCardBox{padding-top:0;height: clamp(320px, 21vw, 440px) !important;}
    .hintCardBox .flexBlock, .hintCardBoxMobile .flexBlock{height: clamp(275px, 18vw, 380px);}
}

@media (max-width: 768px){
    .hintCardBox{display: none;}
    .hintCardBoxMobile{display: block;box-sizing:border-box;position: unset;margin: 20px auto;border: 1px solid #F5F5F5;width: 90%;}
    .v-cards{gap:20px;}
    .v-cards .v-card{flex:1 1 100%;max-width:100%;}
    /* 移动端区块很高，背景图按 100% 100% 拉伸铺满整块，避免下半部露白 */
    .value::before{background-size:100% 100%;}
}