/* ==== 头部搜索框 + 二维码弹窗（最高优先级覆盖，避免 main.css float:right 压回） ==== */ .hr-header__wrapper .container .hr-header__main { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 24px !important; height: auto !important; overflow: visible !important; } .hr-header__wrapper .container .hr-top__search { display: flex !important; flex: 1 !important; max-width: 760px !important; align-items: center !important; height: auto !important; float: none !important; width: auto !important; padding: 0 !important; } .hr-header__wrapper .container .hr-top__search .hr-search__padding { padding: 0 !important; } .hr-header__wrapper .container .hr-top__search .input-group { display: flex !important; align-items: center; gap: 10px; width: 100%; } .hr-header__wrapper .container .hr-top__search .form-control { flex: 1 !important; min-width: 0 !important; border: 2px solid #e5e7eb !important; outline: none !important; padding: 10px 22px !important; font-size: 15px !important; width: 100% !important; color: #1a1a1a !important; background: #fff !important; border-radius: 24px !important; height: 44px !important; line-height: 1.4 !important; box-sizing: border-box !important; } .hr-header__wrapper .container .hr-top__search .form-control::placeholder { color: #9ca3af !important; } .hr-header__wrapper .container .hr-top__search .hr-btn__primary { background: linear-gradient(135deg, #16a34a, #22c55e) !important; color: #fff !important; border: none !important; box-shadow: 0 4px 15px rgba(22,163,74,0.3) !important; height: 44px !important; padding: 0 22px !important; border-radius: 24px !important; font-weight: 600 !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; line-height: 1 !important; } .hr-header__wrapper .container .hr-top__search .hr-btn__primary:hover { box-shadow: 0 6px 20px rgba(22,163,74,0.4) !important; transform: translateY(-1px); } /* ==== 二维码弹窗：底部弹出卡片 ==== */ #qrcode-modal { background: rgba(0,0,0,0.55) !important; } .qrcode-modal-content { display: flex !important; align-items: flex-end !important; justify-content: center !important; min-height: 100vh !important; padding: 0 !important; background: transparent !important; } .qrcode-box { background: #ffffff !important; padding: 26px 32px 28px !important; border-radius: 18px 18px 0 0 !important; text-align: center !important; box-shadow: 0 -10px 40px rgba(0,0,0,0.25) !important; position: relative !important; width: 380px !important; max-width: 92vw !important; margin: 0 auto !important; padding-bottom: max(28px, env(safe-area-inset-bottom)) !important; animation: qr-slide-up 0.32s cubic-bezier(0.22,0.61,0.36,1) !important; display: block !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; } @keyframes qr-slide-up { from { transform: translateY(100%); opacity: 0.6; } to { transform: translateY(0); opacity: 1; } } .qrcode-box mip-img, .qrcode-box img { display: block !important; margin: 0 auto !important; width: 220px !important; height: 220px !important; max-width: 80vw !important; object-fit: contain !important; } .qrcode-box .qrcode-box-title { margin: 16px 0 4px !important; color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; } .qrcode-box .qrcode-box-sub { margin: 0 0 6px !important; color: #666 !important; font-size: 13px !important; font-weight: 400 !important; } .qrcode-box .qrcode-close-tip { margin-top: 8px !important; font-size: 12px !important; color: #999 !important; font-weight: 400 !important; } /* ==== 新版头部（覆盖 main.css 与 mipcss，配合 ?v=2026090716 破缓存） ==== */ .hr-top__brand { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; max-width: none !important; flex-shrink: 0 !important; gap: 14px !important; line-height: 1.2 !important; } .hr-top__logo { display: inline-flex !important; align-items: center !important; flex-shrink: 0 !important; line-height: 1.2 !important; } .hr-top__logo a { display: inline-flex !important; align-items: center !important; text-decoration: none !important; } .hr-top__logo a .hr-toplogo__img, .hr-top__logo a .hr-toplogo__svg { height: 56px !important; width: auto !important; display: block !important; vertical-align: middle !important; max-width: 220px !important; } .hr-top__slogan { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 6px 14px !important; border-left: 2px solid #bfe0cb !important; font-family: 'PingFang SC','Microsoft YaHei',sans-serif !important; font-weight: 600 !important; font-size: 16px !important; color: #15803d !important; letter-spacing: 1px !important; white-space: nowrap !important; line-height: 1.2 !important; } .hr-top__slogan-l1, .hr-top__slogan-l2 { color: #15803d !important; font-weight: 600 !important; } .hr-top__slogan-sep { color: #2f9e54 !important; } .hr-top__search { flex: 1 1 auto !important; min-width: 260px !important; max-width: 720px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px !important; height: auto !important; float: none !important; width: auto !important; padding: 0 !important; } .hr-search-form { display: flex !important; align-items: center !important; height: 48px !important; background: #fff !important; border: 2px solid #e5e7eb !important; border-radius: 28px !important; padding: 0 6px 0 22px !important; margin: 0 !important; transition: border-color .2s, box-shadow .2s !important; } .hr-search-form:focus-within { border-color: #16a34a !important; box-shadow: 0 0 0 3px rgba(22,163,74,0.12) !important; } .hr-search__icon { color: #9ca3af !important; font-size: 16px !important; margin-right: 12px !important; flex-shrink: 0 !important; } .hr-search__input { flex: 1 1 auto !important; min-width: 260px !important; border: none !important; outline: none !important; background: transparent !important; font-size: 15px !important; color: #1a1a1a !important; height: 100% !important; padding: 0 !important; font-family: inherit !important; } .hr-search__input::placeholder { color: #9ca3af !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; } .hr-search__btn { flex-shrink: 0 !important; border: none !important; background: linear-gradient(135deg,#16a34a,#22c55e) !important; color: #fff !important; width: 44px !important; height: 36px !important; border-radius: 22px !important; cursor: pointer !important; font-size: 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 8px !important; padding: 0 !important; box-shadow: 0 4px 12px rgba(22,163,74,0.25) !important; } .hr-search__btn:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 18px rgba(22,163,74,0.4) !important; } .hr-search__hot { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 18px !important; font-size: 12px !important; color: #6b7280 !important; line-height: 1 !important; } .hr-search__hot-label { color: #9ca3af !important; } .hr-search__hot a { color: #15803d !important; text-decoration: none !important; padding: 3px 8px !important; border-radius: 4px !important; background: rgba(22,163,74,0.08) !important; } .hr-search__hot a:hover { background: #16a34a !important; color: #fff !important; } .hr-header__tools { display: flex !important; align-items: center !important; gap: 14px !important; flex-shrink: 0 !important; } .hr-qr-inline { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 8px 14px 8px 8px !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; background: linear-gradient(180deg,#ffffff,#f9fafb) !important; cursor: pointer !important; transition: border-color .2s, box-shadow .2s, transform .15s !important; user-select: none !important; } .hr-qr-inline:hover { border-color: #16a34a !important; box-shadow: 0 6px 18px rgba(22,163,74,0.15) !important; transform: translateY(-1px) !important; } .hr-qr-inline__img, .hr-qr-inline mip-img img { width: 56px !important; height: 56px !important; border-radius: 8px !important; display: block !important; object-fit: cover !important; } .hr-qr-inline__txt { display: flex !important; flex-direction: column !important; gap: 4px !important; text-align: left !important; line-height: 1.2 !important; } .hr-qr-inline__title { color: #15803d !important; font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; } .hr-qr-inline__title i { margin-right: 4px !important; } .hr-qr-inline__hint { color: #9ca3af !important; font-size: 11px !important; white-space: nowrap !important; } /* 放大弹层（纯 CSS :target，不依赖 MIP 组件） */ .qrcode-zoom-overlay { position: fixed !important; inset: 0 !important; z-index: 99999 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 24px !important; } .qrcode-zoom-overlay:target { display: flex !important; } .qrcode-zoom-mask { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,0.65) !important; cursor: pointer !important; } .qrcode-zoom-card { position: relative !important; z-index: 1 !important; background: #fff !important; border-radius: 18px !important; padding: 28px 36px 32px !important; text-align: center !important; box-shadow: 0 24px 64px rgba(0,0,0,0.35) !important; max-width: 360px !important; width: calc(100% - 48px) !important; } .qrcode-zoom-img, .qrcode-zoom-card img { display: block !important; margin: 0 auto !important; width: 280px !important; height: 280px !important; max-width: 80vw !important; max-height: 60vh !important; border-radius: 8px !important; } .qrcode-zoom-title { margin: 18px 0 4px !important; color: #15803d !important; font-size: 18px !important; font-weight: 700 !important; } .qrcode-zoom-sub { margin: 0 0 12px !important; color: #4b5563 !important; font-size: 13px !important; } .qrcode-close-tip { display: inline-block !important; margin: 8px 0 0 !important; color: #9ca3af !important; font-size: 12px !important; text-decoration: none !important; } /* 老旧 qrcode-modal 隐藏，避免与新的 qrcode-zoom 冲突 */ #qrcode-modal { display: none !important; } /* 响应式 */ @media (max-width:1199px) { .hr-top__slogan { font-size: 14px !important; padding: 4px 10px !important; } } @media (max-width:992px) { .hr-header__wrapper .container .hr-header__main { gap: 16px !important; } .hr-qr-inline__hint { display: none !important; } .hr-search__hot { display: none !important; } } @media (max-width:768px) { .hr-qr-inline { display: none !important; } .hr-top__slogan { font-size: 12px !important; padding: 4px 8px !important; border-left-width: 1px !important; } .hr-search-form { height: 40px !important; padding: 0 4px 0 14px !important; border-radius: 20px !important; } .hr-search__input { font-size: 14px !important; min-width: 120px !important; } .hr-search__btn { width: 32px !important; height: 30px !important; } }

站长通知：欢迎来到新能源网：新能源网为新能源企业提供网站收录，产品宣传服务，提供企业全案整合营销服务，有需求的企业联系17346575381（微信同号）

新能源网

绿色能源 · 驱动未来

热搜：氢能新能源车储能选校专题

扫码关注点击放大

企业商务 · 新能源供应商与产品目录

按产品类型浏览已整理的中国新能源企业、设备与方案供应商。点击对应分类查看详细介绍；需要报价或想发布供应信息，可直接提交询盘。

光伏

组件、逆变器、支架、分布式光伏系统供应商。

3 家供应商 →

储能电池

锂离子电池、BESS 系统、PCS 储能变流器厂家。

2 家供应商 →

余热回收热泵

余热回收机组、热回收空调、热交换器、节能装备。

13 家供应商 →

风电

风电整机、叶片、齿轮箱及相关配套企业。

综合能源

综合能源服务、变压器电气、数据机房热管理企业。

5 家供应商 →

氢能

氢燃料电池、电解槽、氢能装备企业。

1 家供应商 →

📩 获取报价 / 发布供应信息

需要某类产品报价，或您是新能源企业想发布供应信息、获取海外询盘？直接提交需求，我们将尽快与您联系。

提交询盘 / 发布供应

相关文章