/* extracted from hqbdt index.html */
.jz_toolbar .wx_qr_logo {
background-image: url("../static/jzas.508sys.com/image/v2/jz_logo.jpg");
}
/* 头部 logo：摘自 getwebsite site_mirror_clean/.../main.4c9f4cd1.css（.logo_wrap / .jz_website_title .logo_img） */
.hqbdt-legacy .logo_wrap {
min-height: 30px;
min-width: 30px;
}
.hqbdt-legacy .jz_website_title .logo_wrap {
height: 100%;
position: relative;
}
.hqbdt-legacy .jz_website_title .logo_img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.hqbdt-legacy .jz_website_title .logo_img.hidden {
opacity: 0;
}
.hqbdt-legacy .jz_website_title.type_2 .logo_img {
left: auto;
right: 0;
}
.hqbdt-legacy .jz_website_title.type_3 .logo_img {
left: 0;
right: auto;
}
.animateModule {
opacity: 0 !important;
}
.jz_hidden_content_Animate {
opacity: 0;
}
:root {
--theme-color:#52b548;
}
.jz_theme_font_color {
color: #52b548;
}
.jz_theme_bg_color {
background-color: #52b548;
}
.jz_theme_border_color {
border-color: #52b548;
}
.jz_theme_fill_color {
fill: #52b548;
}
.jz_theme_focus_border_color:focus {
border-color: #52b548;
}
.jz_theme_hover_font_color:hover {
color: #52b548;
}
.pagination_style2 .pagination_item.active::after {
border-color: #52b548 !important;
}
.pagination_style3 .pagination_item.active,
.pagination_style2 .pagination_item.active {
color: #52b548 !important;
}
.pagination_style3 .pagination_item.active::after,
.pagination_style2 .pagination_item.active::before,
.full_screen_row .pagination_style1 .pagination_item.active::after {
background-color: #52b548 !important;
}
.jz_hover.jz_theme_bg_hover_color:hover {
background-color: #52b548;
}
.jz_hover.jz_theme_font_hover_color:hover {
color: #52b548;
}
.jz_hover.jz_theme_border_hover_color:hover {
border-color: #52b548;
}
.jz_focus.jz_theme_focus_border_color:focus {
border-color: #52b548;
}
.jz_secondary_bg_color {
background-color: rgb(54,136,130);
}
.jz_screen_pc .submit_btn_style_1:hover .form_submit, .submit_btn_style_3:hover .form_submit {
color: #52b548;
border-color: #52b548;
}
.submit_btn_style_4 .form_submit, .submit_btn_style_5 .form_submit{
color: #52b548;
border-color: #52b548;
}
.submit_btn_style_0 .form_submit,.submit_btn_style_1 .form_submit,.submit_btn_style_2 .form_submit {
background-color: #52b548;
}
.jz_screen_pc .submit_btn_style_4:hover .form_submit {
background-color: #52b548;
}
.jz_screen_pc .submit_btn_style_2:hover .form_submit {
background-color: #4dab44;
}
/*
* ldcms 服务端导航：主站 main.*.css 里子菜单默认 display:none，且 .jz_nav_pc_layout
* 将 .sub_nav_list 设为 position:fixed（原 Vue 计算坐标）。无对应 JS 时需在 hover 下
* 显示子菜单并改回 absolute，与 .jz_nav_layout0 的居中规则一致。
*/
/* 否则下拉被裁成不可见（与内页 sub-menu 不共用同一问题） */
.jz_screen_pc .jz_nav_pc_layout .jz_nav_content {
overflow: visible !important;
}
.jz_screen_pc .jz_nav_layout0 .jz_pc_nav .nav_item_text_wrap {
position: relative;
}
/* 子菜单与一级之间勿留空隙，否则鼠标经空隙会丢失 :hover，下拉瞬间消失 */
.jz_screen_pc .jz_nav_layout0 .jz_pc_nav .jz_nav_item.nav_child_item:hover .sub_nav_list {
display: block !important;
opacity: 1 !important;
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
top: calc(100% - 1px) !important;
width: auto !important;
min-width: 160px;
z-index: 1000;
}
.jz_screen_pc .jz_nav_layout1 .jz_pc_nav .nav_item_text_wrap {
position: relative;
}
.jz_screen_pc .jz_nav_layout1 .jz_pc_nav .jz_nav_item.nav_child_item:hover .sub_nav_list {
display: flex !important;
justify-content: center !important;
opacity: 1 !important;
overflow: visible !important;
width: 100vw !important;
left: 50% !important;
margin-left: -50vw !important;
top: 100% !important;
border-top: 1px solid #e5e5e5;
box-shadow: 0 2px 4px rgba(77, 77, 77, 0.1);
z-index: 1000;
}
/* 子菜单：用 box-shadow 描边，避免 1px border 与圆角形成内侧白缝；整行 li 铺色消除底部分割线白带 */
.hqbdt-legacy .jz_pc_nav .sub_nav_list {
background: #fff !important;
border-radius: 8px !important;
border: none !important;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12) !important;
padding: 0 !important;
overflow: hidden !important;
min-width: 200px;
margin: 0 !important;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_before {
display: none !important;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_wrap {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item {
display: block;
text-align: center;
list-style: none;
margin: 0 !important;
padding: 0 !important;
background: #fff;
border: none !important;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item + .sub_nav_item {
border-top: 1px solid #eee;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item:hover {
background: rgba(5, 160, 69, 1) !important;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item:hover + .sub_nav_item {
border-top-color: rgba(5, 160, 69, 1);
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item .nav_item_text_sub_wrap {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item_name {
color: #2d3748 !important;
font-family: "SimHei", "Heiti SC", "STHeiti", "STXihei", "黑体", sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
padding: 12px 20px !important;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
line-height: 1.4 !important;
text-decoration: none !important;
background: transparent !important;
transition: color 0.2s, font-weight 0.15s;
}
.hqbdt-legacy .jz_pc_nav .sub_nav_item:hover .sub_nav_item_name {
color: #fff !important;
font-weight: 700 !important;
}
/* 悬停一级时主标题为绿色（与参考图一致，可按品牌色改） */
.hqbdt-legacy .jz_pc_nav .jz_nav_item.nav_child_item:hover .nav_item_text .nav_main_name {
color: rgba(5, 160, 69, 1) !important;
}
.hqbdt-legacy .jz_pc_nav .jz_nav_item:not(.nav_child_item) .nav_item_text.nav_item_text--active,
.hqbdt-legacy .jz_pc_nav .jz_nav_item:not(.nav_child_item) .nav_item_text.nav_item_text--active .nav_main_name {
color: #52b548 !important;
}
.hqbdt-legacy .jz_pc_nav .jz_nav_item.nav_child_item .nav_item_text.nav_item_text--active .nav_main_name {
color: rgba(5, 160, 69, 1) !important;
}
/* 首页「关于我们」：图二叠压排版 —— 外层禁止裁切浮动卡片 */
.hqbdt-legacy .hqbdt-home-about.jz_web_row_line,
.hqbdt-legacy .hqbdt-home-about .jz_web_row,
.hqbdt-legacy .hqbdt-home-about .jz_web_row__content {
overflow: visible !important;
}
/* 首页「关于我们」：头部分区、正文+图垂直居中、上下约 4ch 留白 */
.hqbdt-legacy .hqbdt-home-about .jz_web_row {
padding-left: 5% !important;
padding-right: 5% !important;
}
.hqbdt-legacy .hqbdt-home-about .jz_web_row__content {
width: 100%;
max-width: none !important;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-home-about-inner {
display: flex;
flex-direction: column;
width: 100%;
max-width: min(1600px, 100%);
margin: 0 auto;
padding: max(1.5rem, 4ch) 0 max(1.5rem, 4ch);
overflow: visible;
}
.hqbdt-legacy .hqbdt-home-about-head {
margin: 0 0 clamp(2rem, 3vw, 2.75rem);
}
.hqbdt-legacy .hqbdt-home-about-head__row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: clamp(0.75rem, 2vw, 1.5rem);
width: 100%;
}
.hqbdt-legacy .hqbdt-home-about-head__row .hqbdt-apply-title-stack {
flex: 1;
min-width: 0;
}
.hqbdt-legacy .hqbdt-home-about-head__row .hqbdt-about-more,
.hqbdt-legacy .hqbdt-home-about-head__more {
flex-shrink: 0;
margin-top: clamp(1.15rem, 2.5vw, 2rem);
align-self: flex-start;
}
.hqbdt-legacy .hqbdt-home-about-body {
display: grid;
grid-template-columns: minmax(0, 9fr) minmax(0, 11fr);
align-items: stretch;
gap: clamp(1.5rem, 3vw, 2.75rem);
min-width: 0;
}
.hqbdt-legacy .hqbdt-home-about-body-wrap {
position: relative;
overflow: visible;
width: 100%;
padding-bottom: clamp(4rem, 9vw, 6.75rem);
margin-bottom: clamp(0.5rem, 2vw, 1.25rem);
}
.hqbdt-legacy .hqbdt-home-about-text {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
/* 相对与图顶齐平再下移约两行（与 .hqbdt-about-doc-body 行高一致） */
padding-top: calc(2 * 1.75 * 1rem);
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-home-about-media {
min-width: 0;
width: 100%;
align-self: stretch;
position: relative;
overflow: hidden;
border-radius: clamp(14px, 1.45vw, 22px);
min-height: clamp(300px, 36vw, 480px);
height: 100%;
aspect-ratio: auto;
background: linear-gradient(160deg, #e8edf2 0%, #f4f6f8 42%, #e9eef3 100%);
box-shadow:
0 0 0 1px rgba(15, 23, 42, 0.05),
0 10px 22px -10px rgba(15, 23, 42, 0.12),
0 28px 56px -24px rgba(15, 23, 42, 0.32);
isolation: isolate;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-home-about-media::after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0) 38%,
rgba(248, 250, 252, 0.22) 72%,
rgba(255, 255, 255, 0.52) 100%
);
}
.hqbdt-legacy .hqbdt-about-kicker {
font-size: 18px;
color: rgb(5, 160, 69);
font-weight: 700;
letter-spacing: 0.06em;
margin: 0 0 0.5rem;
}
.hqbdt-legacy .hqbdt-home-about-head .hqbdt-about-title {
margin: 0;
}
.hqbdt-legacy .hqbdt-about-title {
font-size: 40px;
color: rgb(53, 53, 53);
font-weight: 600;
margin: 0 0 1.25rem;
line-height: 1.2;
}
.hqbdt-legacy .hqbdt-about-doc {
margin-bottom: 1.25rem;
}
.hqbdt-legacy .hqbdt-about-doc-title {
font-size: 1.1rem;
color: #111;
margin: 0 0 0.5rem;
}
.hqbdt-legacy .hqbdt-about-doc-body {
font-size: 16px;
line-height: 1.75;
color: #333;
}
.hqbdt-legacy .hqbdt-about-doc-body p {
margin: 0 0 0.75em;
}
/* 首页关于我们：仅展示首篇正文前两行，超出省略；隐藏第二篇 */
.hqbdt-legacy .hqbdt-home-about-text .hqbdt-about-doc ~ .hqbdt-about-doc {
display: none !important;
}
.hqbdt-legacy .hqbdt-home-about-text .hqbdt-about-doc:first-of-type .hqbdt-about-doc-body {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
word-break: break-word;
text-overflow: ellipsis;
}
.hqbdt-legacy .hqbdt-about-more {
--btn-spacing: 6.6px;
--hqbdt-more-from: rgba(4, 138, 60, 1);
--hqbdt-more-to: rgba(4, 153, 67, 1);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: relative;
z-index: 0;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: fit-content;
margin-top: 1rem;
padding: 10px calc(22px + var(--btn-spacing));
overflow: hidden;
vertical-align: middle;
line-height: 1.5;
font-family: inherit;
font-size: calc(var(--fontRatio, 1) * 15.4px);
font-weight: 600;
letter-spacing: 0.05em;
white-space: nowrap;
text-align: center;
text-decoration: none !important;
cursor: pointer;
color: #6b7280 !important;
border: none;
border-radius: 22px;
background: #e5e7eb;
transform-style: preserve-3d;
transition:
background 0.4s cubic-bezier(0.4, 0, 0.2, 1),
box-shadow 0.35s ease,
color 0.35s ease;
isolation: isolate;
}
/* 悬停波纹 1：灰调水波（目标站类似浅灰/银灰层次，在绿底上更明显） */
.hqbdt-legacy .hqbdt-about-more::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
width: 2.25rem;
height: 2.25rem;
margin: -1.125rem 0 0 -1.125rem;
border-radius: 50%;
background: radial-gradient(
circle,
rgba(120, 130, 140, 0.55) 0%,
rgba(90, 100, 110, 0.28) 38%,
rgba(70, 78, 86, 0) 72%
);
transform: scale(0);
opacity: 0;
pointer-events: none;
}
/* 悬停波纹 2：略滞后，灰描边环 */
.hqbdt-legacy .hqbdt-about-more::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
width: 2.25rem;
height: 2.25rem;
margin: -1.125rem 0 0 -1.125rem;
border-radius: 50%;
border: 2px solid rgba(95, 105, 115, 0.55);
transform: scale(0);
opacity: 0;
pointer-events: none;
}
.hqbdt-legacy .hqbdt-about-more:hover::before {
animation: hqbdt_about_more_ripple 0.82s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.hqbdt-legacy .hqbdt-about-more:hover::after {
animation: hqbdt_about_more_ripple2 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.12s forwards;
}
.hqbdt-legacy .hqbdt-about-more:not(:hover)::before,
.hqbdt-legacy .hqbdt-about-more:not(:hover)::after {
animation: none;
opacity: 0;
transform: scale(0);
}
@keyframes hqbdt_about_more_ripple {
0% {
opacity: 0.75;
transform: scale(0.08);
}
45% {
opacity: 0.38;
}
100% {
opacity: 0;
transform: scale(22);
}
}
@keyframes hqbdt_about_more_ripple2 {
0% {
opacity: 0.6;
transform: scale(0.06);
}
50% {
opacity: 0.32;
}
100% {
opacity: 0;
transform: scale(17);
}
}
.hqbdt-legacy .hqbdt-about-more__inner {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--btn-spacing, 6px);
}
.hqbdt-legacy .hqbdt-about-more__label {
color: inherit;
}
.hqbdt-legacy .hqbdt-about-more__icon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
color: inherit;
line-height: 0;
overflow: visible;
}
/* 默认仅显示「>」；悬停时横线在紧贴尖角一侧从右向左展开（scaleX + 右原点） */
.hqbdt-legacy .hqbdt-about-more__arrow {
display: inline-flex;
align-items: center;
flex-direction: row;
transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-about-more__dash {
width: 12px;
height: 1.5px;
margin-right: 0;
align-self: center;
border-radius: 1px;
background: currentColor;
flex-shrink: 0;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 路径顶点在 viewBox x≈5.5，与横线右端对齐：左移 SVG 消除缝隙 */
.hqbdt-legacy .hqbdt-about-more__chev {
display: block;
flex-shrink: 0;
width: 7px;
height: 10px;
margin-left: -5.5px;
position: relative;
z-index: 1;
color: inherit;
vertical-align: middle;
}
.hqbdt-legacy .hqbdt-about-more:hover .hqbdt-about-more__dash,
.hqbdt-legacy .hqbdt-about-more:focus-visible .hqbdt-about-more__dash {
transform: scaleX(1);
}
.hqbdt-legacy .hqbdt-about-more:hover .hqbdt-about-more__arrow,
.hqbdt-legacy .hqbdt-about-more:focus-visible .hqbdt-about-more__arrow {
transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-about-more__dash,
.hqbdt-legacy .hqbdt-about-more__arrow {
transition-duration: 0.01ms;
}
}
.hqbdt-legacy .hqbdt-about-more:hover,
.hqbdt-legacy .hqbdt-about-more:focus-visible {
background: var(--hqbdt-more-to);
box-shadow: 0 6px 20px rgba(4, 100, 50, 0.22);
color: #fff !important;
}
.hqbdt-legacy .hqbdt-about-more:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.85);
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-about-more:hover::before,
.hqbdt-legacy .hqbdt-about-more:hover::after {
animation: none !important;
}
}
.hqbdt-legacy .hqbdt-about-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 0;
object-fit: cover;
object-position: center;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-about-img {
z-index: 0;
border-radius: inherit;
object-position: center 38%;
filter: saturate(1.02) contrast(1.03);
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-home-about .hqbdt-about-img {
filter: none;
}
}
.hqbdt-legacy .hqbdt-about-img-placeholder {
position: absolute;
inset: 0;
min-height: 100%;
background: #e8e8e8;
border-radius: 0;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-about-img-placeholder {
z-index: 0;
border-radius: inherit;
background: linear-gradient(145deg, #dfe6ee 0%, #cfd8e3 48%, #c5d0dc 100%);
}
/* 首页关于我们：四项数据叠在图文底部（图二：底对齐 + 高低错落 + 卡片收窄 30%） */
.hqbdt-legacy .hqbdt-home-about-stats {
--hqbdt-stat-gap: clamp(0.55rem, 1.4vw, 1rem);
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
transform: translateY(calc(42% - 230px));
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-end;
justify-content: flex-start;
gap: var(--hqbdt-stat-gap);
width: 100%;
margin: 0;
padding: 0;
border: 0;
pointer-events: none;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat {
pointer-events: auto;
position: relative;
overflow: hidden;
flex: 0 0 calc((100% - 3 * var(--hqbdt-stat-gap)) / 4 * 0.525);
width: calc((100% - 3 * var(--hqbdt-stat-gap)) / 4 * 0.525);
max-width: calc((100% - 3 * var(--hqbdt-stat-gap)) / 4 * 0.525);
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
text-align: left;
padding: clamp(1rem, 2vw, 1.35rem) clamp(0.85rem, 1.6vw, 1.15rem);
border-radius: clamp(15px, 1.6vw, 20px);
box-shadow:
0 4px 14px rgba(15, 23, 42, 0.08),
0 16px 36px -12px rgba(15, 23, 42, 0.18);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat::before {
content: '';
position: absolute;
right: -2%;
bottom: -18%;
font-size: clamp(3.25rem, 8vw, 5.75rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
pointer-events: none;
z-index: 0;
user-select: none;
font-family: inherit;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(1)::before {
content: '01';
color: rgba(0, 70, 64, 0.22);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(2)::before {
content: '02';
color: rgba(8, 65, 130, 0.2);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(3)::before {
content: '03';
color: rgba(0, 70, 64, 0.22);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(4)::before {
content: '04';
color: rgba(8, 65, 130, 0.2);
}
/* 错落：奇偶配色；第 1 张高度 +20%、第 2 张 −30%，第 3、4 张维持原奇偶高度 */
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(odd) {
background: #26a69a;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(even) {
background: #42a5f5;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(1) {
min-height: clamp(8.4rem, 15vw, 11.1rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(2) {
min-height: clamp(6.37rem, 11.55vw, 8.225rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(3) {
min-height: clamp(7rem, 12.5vw, 9.25rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(4) {
min-height: clamp(9.1rem, 16.5vw, 11.75rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat-icon {
display: none;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat-value {
position: relative;
z-index: 1;
justify-content: flex-start;
margin-bottom: 0;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat-num {
color: #fff;
font-family: inherit;
font-weight: 800;
font-size: clamp(1.95rem, 3.6vw, 2.75rem);
line-height: 1.05;
font-style: normal;
text-decoration: none;
letter-spacing: -0.02em;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat-unit {
color: rgba(255, 255, 255, 0.95);
font-size: clamp(0.82rem, 1.35vw, 0.95rem);
font-weight: 700;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat-label {
position: relative;
z-index: 1;
margin: 0;
margin-top: 1em;
padding-top: 0;
color: rgba(255, 255, 255, 0.92);
font-size: clamp(0.75rem, 1.2vw, 0.875rem);
line-height: 1.4;
font-weight: 500;
}
.hqbdt-legacy .hqbdt-about-stat {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-width: 0;
}
.hqbdt-legacy .hqbdt-about-stat-icon {
color: #8a8a8a;
margin-bottom: 0.65rem;
}
.hqbdt-legacy .hqbdt-about-stat-icon svg,
.hqbdt-legacy .hqbdt-about-stat-icon-img {
display: block;
margin: 0 auto;
width: 44px;
height: 44px;
object-fit: contain;
}
.hqbdt-legacy .hqbdt-about-stat-value {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 0.15em 0.25em;
margin-bottom: 0.35rem;
}
.hqbdt-legacy .hqbdt-about-stat-num {
font-size: clamp(1.75rem, 3.2vw, 2.25rem);
font-weight: 700;
color: rgb(5, 160, 69);
line-height: 1.1;
}
.hqbdt-legacy .hqbdt-about-stat-unit {
font-size: 0.95rem;
color: #9ca3af;
font-weight: 500;
line-height: 1.2;
}
.hqbdt-legacy .hqbdt-about-stat-label {
margin: 0;
font-size: 0.8125rem;
color: #4b5563;
line-height: 1.4;
}
@media (max-width: 900px) {
.hqbdt-legacy .hqbdt-home-about .jz_web_row {
padding-left: 4% !important;
padding-right: 4% !important;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-home-about-body {
grid-template-columns: 1fr;
align-items: stretch;
}
.hqbdt-legacy .hqbdt-home-about-media {
margin-top: 0.5rem;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-home-about-media {
min-height: clamp(240px, 52vw, 360px);
height: auto;
}
.hqbdt-legacy .hqbdt-home-about-body-wrap {
padding-bottom: clamp(3.5rem, 10vw, 6rem);
}
.hqbdt-legacy .hqbdt-home-about-stats {
flex-wrap: wrap;
row-gap: 0.65rem;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat {
flex: 0 0 calc((100% - var(--hqbdt-stat-gap)) / 2 * 0.615);
width: calc((100% - var(--hqbdt-stat-gap)) / 2 * 0.615);
max-width: calc((100% - var(--hqbdt-stat-gap)) / 2 * 0.615);
min-height: unset;
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(1) {
min-height: clamp(7.8rem, 38.4vw, 10.2rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(2) {
min-height: clamp(5.775rem, 26.6vw, 7.35rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(3) {
min-height: clamp(6.5rem, 32vw, 8.5rem);
}
.hqbdt-legacy .hqbdt-home-about-stats .hqbdt-about-stat:nth-child(4) {
min-height: clamp(8.25rem, 38vw, 10.5rem);
}
}
/* 关于我们详情/公司简介区块下方：全宽绿底数据条（数据同首页，来自站点信息） */
.hqbdt-legacy .hqbdt-about-page-stats-wrap {
width: 100%;
margin-top: 0;
padding: clamp(1.65rem, 3vw, 2.35rem) 0;
background: #12823e;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-page-stats-wrap .container {
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-page-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(1rem, 3vw, 2.5rem);
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.hqbdt-legacy .hqbdt-about-page-stats .hqbdt-about-stat-icon {
color: rgba(255, 255, 255, 0.95);
}
/* 关于页绿底数据条数字：白字 + Impact + --fontRatio（与首页数据区规格一致，颜色反白） */
.hqbdt-legacy .hqbdt-about-page-stats .hqbdt-about-stat-num {
color: rgba(255, 255, 255, 1);
font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Narrow Bold', Arial, sans-serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
font-size: calc(var(--fontRatio, 1) * 48px);
line-height: 1.05;
}
.hqbdt-legacy .hqbdt-about-page-stats .hqbdt-about-stat-unit {
color: rgba(255, 255, 255, 0.88);
}
.hqbdt-legacy .hqbdt-about-page-stats .hqbdt-about-stat-label {
color: rgba(255, 255, 255, 0.92);
}
@media (max-width: 900px) {
.hqbdt-legacy .hqbdt-about-page-stats {
grid-template-columns: repeat(2, 1fr);
}
.hqbdt-legacy .hqbdt-about-page-stats .hqbdt-about-stat-num {
font-size: calc(var(--fontRatio, 1) * 34px);
}
}
/* 首页「产品介绍」：浅灰底、网纹、4 列卡片；头区 MORE 与关于我们同款 .hqbdt-about-more */
.hqbdt-legacy .hqbdt-home-product {
width: 100%;
position: relative;
background: #eef1f4;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-home-product::before {
content: '';
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.05) 1px, transparent 0);
background-size: 28px 28px;
opacity: 0.55;
pointer-events: none;
}
.hqbdt-legacy .hqbdt-home-product::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, transparent 42%, rgba(255, 255, 255, 0.15) 100%);
pointer-events: none;
}
.hqbdt-legacy .hqbdt-home-product-inner {
position: relative;
z-index: 1;
max-width: min(1600px, 100%);
margin: 0 auto;
padding: clamp(2.25rem, 4.5vw, 3.5rem) 5% clamp(2.5rem, 4.5vw, 4rem);
}
.hqbdt-legacy .hqbdt-home-product-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1.5rem;
margin-bottom: clamp(2rem, 3.2vw, 3rem);
text-align: left;
}
.hqbdt-legacy .hqbdt-product-kicker {
margin: 0 0 0.45rem;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.08em;
color: rgb(5, 160, 69);
}
.hqbdt-legacy .hqbdt-product-title {
margin: 0;
font-size: clamp(1.75rem, 2.4vw, 2.5rem);
font-weight: 600;
color: #353535;
line-height: 1.2;
}
.hqbdt-legacy .hqbdt-home-product-head .hqbdt-about-more,
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-about-more {
flex-shrink: 0;
align-self: flex-start;
margin-top: clamp(0.65rem, 1.3vw, 1.1rem);
}
.hqbdt-legacy .hqbdt-home-product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(1rem, 2vw, 1.75rem);
}
.hqbdt-legacy .hqbdt-product-card {
display: flex;
flex-direction: column;
min-width: 0;
text-decoration: none;
color: inherit;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.hqbdt-legacy .hqbdt-product-card-figure {
position: relative;
aspect-ratio: 1 / 1;
background: linear-gradient(160deg, #e4eaef 0%, #f2f5f7 100%);
overflow: hidden;
flex-shrink: 0;
min-height: 0;
}
.hqbdt-legacy .hqbdt-product-card-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transform: scale(1);
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-product-card:hover .hqbdt-product-card-img,
.hqbdt-legacy .hqbdt-product-card:focus-visible .hqbdt-product-card-img {
transform: scale(1.05);
}
.hqbdt-legacy .hqbdt-product-card-text {
padding: 1rem 0.9rem 1.2rem;
text-align: center;
}
/* 栏目名称 */
.hqbdt-legacy .hqbdt-product-card-cname {
margin: 0 0 0.4rem;
font-size: 1.05rem;
font-weight: 700;
color: #111;
}
/* 栏目标题（SEO标题 / 副名称 / 英文名 优先序） */
.hqbdt-legacy .hqbdt-product-card-ctitle {
margin: 0;
font-size: 0.8125rem;
color: #9ca3af;
font-weight: 400;
letter-spacing: 0.02em;
line-height: 1.35;
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-product-card-img {
transition-duration: 0.01ms;
}
.hqbdt-legacy .hqbdt-product-card:hover .hqbdt-product-card-img,
.hqbdt-legacy .hqbdt-product-card:focus-visible .hqbdt-product-card-img {
transform: none;
}
}
@media (max-width: 1100px) {
.hqbdt-legacy .hqbdt-home-product-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 520px) {
.hqbdt-legacy .hqbdt-home-product-inner {
padding-left: 4%;
padding-right: 4%;
}
.hqbdt-legacy .hqbdt-home-apply-inner {
padding-left: 4%;
padding-right: 4%;
}
.hqbdt-legacy .hqbdt-home-product-head {
flex-direction: column;
align-items: flex-start;
}
}
/* 首页「应用领域」全宽手风琴：默认均分 + 深色遮罩与居中图标/标题；悬停展开列 + 青蓝遮罩与左对齐正文；展开动画见 @keyframes */
@keyframes hqbdt-apply-lead-in {
from {
opacity: 0.92;
/* 自卡片视觉中心附近飘向左上（位移略大 + 时长加长，轨迹更易察觉） */
transform: translate3d(30%, 48%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes hqbdt-apply-expand-copy-in {
from {
opacity: 0;
transform: translate3d(2rem, -25%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.hqbdt-legacy .hqbdt-home-apply {
width: 100%;
background: #fff;
overflow-x: clip;
}
.hqbdt-legacy .hqbdt-home-apply-inner {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
max-width: min(1600px, 100%);
margin: 0 auto;
/* 与产品中心区块左右留白一致，便于叠字标题左对齐 */
padding: clamp(1.2rem, 2.4vw, 1.8rem) 5% clamp(1.5rem, 2.4vw, 2.4rem);
}
.hqbdt-legacy .hqbdt-home-apply-inner--with-embedded-crumb {
padding-top: max(0.45rem, calc(clamp(1.2rem, 2.4vw, 1.8rem) - 4ch));
}
.hqbdt-legacy .hqbdt-channel-toolbar__crumb-row.hqbdt-apply-embedded-crumb {
padding: 0 0 calc(0.75rem * 2.016);
margin: 0;
border-bottom: 1px solid #ebebeb;
margin-bottom: clamp(1rem, 2vw, 1.5rem);
}
.hqbdt-legacy .hqbdt-home-apply-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: clamp(0.75rem, 1.32vw, 1.2rem);
margin-bottom: clamp(1.25rem, 2.2vw, 2rem);
text-align: left;
}
.hqbdt-legacy .hqbdt-home-apply-inner .hqbdt-home-apply-head {
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 100%;
}
/*
* 中英叠压（仅位置关系对标示意）：空心英文顶对齐栈顶 top:0，上内边距 = 英文可视高的 55%，
* 使中文行从约「英文 55% 高度」处开始，压住英文下部约 45%（上半英文露在中文之上）。
*/
.hqbdt-legacy .hqbdt-apply-title-stack {
position: relative;
display: block;
align-self: flex-start;
text-align: left;
isolation: isolate;
--hqbdt-apply-outline-size: clamp(2.25rem, 4.6vw, 3.75rem);
--hqbdt-apply-cn-box: clamp(1.75rem, 2.4vw, 2.5rem);
--hqbdt-apply-title-fill: #fff;
--hqbdt-apply-cn-block-h: calc(
var(--hqbdt-apply-cn-box) * 1.2 + 0.45rem + 3px
);
--hqbdt-apply-en-vis-h: calc(var(--hqbdt-apply-outline-size) * 0.88);
padding-top: calc(0.55 * var(--hqbdt-apply-en-vis-h));
min-height: calc(
var(--hqbdt-apply-cn-block-h)
+ 0.45 * var(--hqbdt-apply-en-vis-h)
+ 0.65rem
);
padding-bottom: clamp(0.2rem, 1vw, 0.55rem);
}
.hqbdt-legacy .hqbdt-apply-kicker-outline {
position: absolute;
left: 0;
top: 0;
z-index: 0;
display: block;
margin: 0;
padding: 0;
width: max-content;
max-width: none;
white-space: nowrap;
font-size: var(--hqbdt-apply-outline-size);
font-weight: 800;
letter-spacing: 0.04em;
line-height: 0.88;
text-transform: uppercase;
color: transparent;
-webkit-text-stroke: 1.5px rgba(21, 158, 146, 0.5);
user-select: none;
pointer-events: none;
}
.hqbdt-legacy .hqbdt-apply-title-block {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: stretch;
width: fit-content;
max-width: 100%;
font-size: var(--hqbdt-apply-cn-box);
line-height: 1.2;
margin: 0;
}
.hqbdt-legacy .hqbdt-apply-title {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
font-size: inherit;
font-weight: 600;
line-height: 1.2;
font-family: "Microsoft YaHei", 微软雅黑, sans-serif;
background: var(--hqbdt-apply-title-fill, #fff);
}
.hqbdt-legacy .hqbdt-apply-title--split .hqbdt-apply-title-accent {
color: #159e92;
}
.hqbdt-legacy .hqbdt-apply-title--split .hqbdt-apply-title-rest {
color: #212529;
}
.hqbdt-legacy .hqbdt-apply-title-rest--solo {
color: #212529;
}
.hqbdt-legacy .hqbdt-apply-title-rule {
display: block;
flex-shrink: 0;
width: 100%;
height: 0;
border: 0;
border-top: 3px solid #159e92;
margin: 0.45rem 0 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-home-product .hqbdt-apply-title-stack {
--hqbdt-apply-title-fill: #eef1f4;
}
.hqbdt-legacy .hqbdt-home-news .hqbdt-apply-title-stack {
--hqbdt-apply-title-fill: #f4f6fa;
}
.hqbdt-legacy .hqbdt-home-partner .hqbdt-apply-title-stack {
--hqbdt-apply-title-fill: #fff;
}
.hqbdt-legacy .hqbdt-home-about .hqbdt-apply-title-stack {
--hqbdt-apply-title-fill: #fff;
}
/* 产品中心、应用领域：叠字标题与下方卡片左缘对齐 */
.hqbdt-legacy .hqbdt-home-product-head .hqbdt-product-head-titles,
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-apply-head-titles {
flex: 1 1 auto;
min-width: 0;
align-self: stretch;
margin: 0;
padding: 0;
box-sizing: border-box;
text-align: left;
}
.hqbdt-legacy .hqbdt-home-product-head .hqbdt-apply-title-stack,
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-apply-title-stack {
margin-left: 0;
margin-right: auto;
padding-left: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-home-product-head .hqbdt-apply-title-block,
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-apply-title-block,
.hqbdt-legacy .hqbdt-home-product-head .hqbdt-apply-title,
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-apply-title {
margin-left: 0;
padding-left: 0;
}
/* 应用领域：叠字相对位置微调（中文 / 英文空心可用 ch 微调对齐） */
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-apply-title-block {
margin-left: -1.5ch;
}
.hqbdt-legacy .hqbdt-home-product-head .hqbdt-apply-kicker-outline {
left: 0;
right: auto;
}
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-apply-kicker-outline {
left: -1ch;
right: auto;
}
.hqbdt-legacy .hqbdt-apply-panels {
display: flex;
flex-direction: row;
align-items: stretch;
--hqbdt-apply-panels-gap: clamp(0.437rem, 0.962vw, 0.656rem);
gap: var(--hqbdt-apply-panels-gap);
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-apply-panel {
position: relative;
flex: 1 1 0;
min-width: 0;
overflow: hidden;
display: block;
border-radius: 0;
color: #fff !important;
text-decoration: none !important;
transition:
flex-grow 1.12s cubic-bezier(0.33, 0, 0.2, 1),
flex-shrink 1.12s cubic-bezier(0.33, 0, 0.2, 1),
flex-basis 1.12s cubic-bezier(0.33, 0, 0.2, 1),
max-width 1.12s cubic-bezier(0.33, 0, 0.2, 1),
min-width 1.12s cubic-bezier(0.33, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-apply-panel__media {
position: absolute;
inset: 0;
z-index: 0;
background: #1a1d21;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-apply-panel__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 45%;
display: block;
transition: filter 1.1s cubic-bezier(0.33, 0, 0.2, 1), transform 1.15s cubic-bezier(0.33, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-apply-panel__scrim {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.58) 100%);
pointer-events: none;
transition: background 1.1s cubic-bezier(0.33, 0, 0.2, 1), opacity 1.1s cubic-bezier(0.33, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__scrim {
/* 展开态：整块偏蓝的半透明蒙版（对标设计稿，底图仍可透出） */
background: linear-gradient(
168deg,
rgba(42, 125, 230, 0.86) 0%,
rgba(28, 95, 215, 0.9) 38%,
rgba(22, 78, 198, 0.88) 70%,
rgba(30, 88, 205, 0.84) 100%
);
opacity: 1;
}
.hqbdt-legacy .hqbdt-apply-panel.deactive .hqbdt-apply-panel__scrim {
background: rgba(0, 0, 0, 0.72);
opacity: 1;
}
.hqbdt-legacy .hqbdt-apply-panel.deactive .hqbdt-apply-panel__img {
filter: grayscale(0.85) brightness(0.78);
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__img {
filter: grayscale(0.25) contrast(1.04) brightness(0.93);
transform: scale(1.04);
}
.hqbdt-legacy .hqbdt-apply-panel__body {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
text-align: center;
min-height: 0;
height: 100%;
padding: 0.9rem 0.69rem;
}
.hqbdt-legacy .hqbdt-apply-panel__lead {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
max-width: 100%;
}
.hqbdt-legacy .hqbdt-apply-panel__icon {
flex-shrink: 0;
color: #fff;
line-height: 0;
}
.hqbdt-legacy .hqbdt-apply-panel__icon-img {
display: block;
width: 48px;
height: 48px;
object-fit: contain;
object-position: center;
filter: brightness(0) invert(1);
}
.hqbdt-legacy .hqbdt-apply-panel__icon-fa {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 2.35rem;
line-height: 1;
color: #fff;
}
.hqbdt-legacy .hqbdt-apply-panel__title {
margin: 0;
margin-top: 4ch;
font-size: clamp(0.9rem, 1.05vw, 1.05rem);
font-weight: 700;
font-family: "Microsoft YaHei", 微软雅黑, sans-serif;
color: #fff;
line-height: 1.35;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.hqbdt-legacy .hqbdt-apply-panel__expand {
width: 100%;
max-width: 38rem;
margin-top: 0.9rem;
}
.hqbdt-legacy .hqbdt-apply-panel__ms {
margin: 0 0 0.6rem;
font-size: 14px;
line-height: 1.75;
font-weight: 400;
color: rgba(255, 255, 255, 0.94);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
display: block;
max-height: calc(1.75em * 2);
overflow: hidden;
word-break: break-word;
}
.hqbdt-legacy .hqbdt-apply-panel__more {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0.25rem;
padding: 0.48rem 1.2rem;
border: 1px solid rgba(255, 255, 255, 0.95);
border-radius: 999px;
font-size: 14px;
font-weight: 600;
color: #fff;
pointer-events: none;
}
@media (min-width: 993px) {
/* 卡片行拉满视口，左右留白 = 列间距（与产品中心标题仍由 inner 的 5% padding 对齐） */
.hqbdt-legacy .hqbdt-home-apply-inner > .hqbdt-apply-panels {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
padding-left: var(--hqbdt-apply-panels-gap);
padding-right: var(--hqbdt-apply-panels-gap);
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-apply-panels {
height: clamp(384px, 45.6vw, 552px);
min-height: clamp(384px, 45.6vw, 552px);
max-height: clamp(384px, 45.6vw, 552px);
}
.hqbdt-legacy .hqbdt-apply-panel {
height: 100%;
align-self: stretch;
}
.hqbdt-legacy .hqbdt-apply-panel.active {
flex: 0 0 calc(38% * 1.15);
min-width: 18rem;
max-width: calc(40% * 1.15);
}
.hqbdt-legacy .hqbdt-apply-panel.deactive {
flex: 1 1 5.5rem;
min-width: 4.75rem;
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__body {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
padding: clamp(0.99rem, 1.8vw, 1.5rem) clamp(0.9rem, 1.68vw, 1.35rem);
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__lead {
flex-shrink: 0;
align-items: flex-start;
width: 100%;
animation: hqbdt-apply-lead-in 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__title {
margin-top: 2ch;
font-size: clamp(1.35rem, 1.9vw, 1.75rem);
}
.hqbdt-legacy .hqbdt-apply-panel:not(.active) .hqbdt-apply-panel__expand {
visibility: hidden;
opacity: 0;
max-height: 0;
margin: 0;
padding: 0;
overflow: hidden;
pointer-events: none;
transform: translate3d(1.5rem, -25%, 0);
transition:
opacity 0.85s cubic-bezier(0.33, 0, 0.2, 1),
max-height 1.05s cubic-bezier(0.33, 0, 0.2, 1),
visibility 1.05s cubic-bezier(0.33, 0, 0.2, 1),
transform 1.05s cubic-bezier(0.33, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__expand {
visibility: visible;
opacity: 1;
max-height: 28rem;
overflow: visible;
transform: translate3d(0, 0, 0);
display: grid;
grid-template-rows: auto minmax(0, 1fr);
gap: 0.55rem;
flex: 1 1 auto;
min-height: 0;
width: 100%;
transition:
opacity 0.95s cubic-bezier(0.33, 0, 0.2, 1),
max-height 1.12s cubic-bezier(0.33, 0, 0.2, 1),
transform 1.05s cubic-bezier(0.33, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__ms {
animation: hqbdt-apply-expand-copy-in 0.95s cubic-bezier(0.33, 0, 0.2, 1) 0.1s both;
margin-bottom: 0;
}
.hqbdt-legacy .hqbdt-apply-panel.active .hqbdt-apply-panel__more {
animation: none;
place-self: center start;
margin-top: 0;
}
}
@media (max-width: 992px) {
.hqbdt-legacy .hqbdt-home-apply-inner > .hqbdt-apply-panels {
width: 100%;
max-width: 100%;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.hqbdt-legacy .hqbdt-home-apply-head {
flex-direction: column;
align-items: stretch;
}
.hqbdt-legacy .hqbdt-home-apply-head .hqbdt-about-more {
margin-top: 0;
align-self: flex-start;
}
.hqbdt-legacy .hqbdt-apply-panels {
flex-direction: column;
height: auto;
min-height: 0;
max-height: none;
gap: clamp(0.372rem, 1.312vw, 0.525rem);
}
.hqbdt-legacy .hqbdt-apply-panel {
flex: 0 0 auto !important;
min-width: 0 !important;
height: auto;
}
.hqbdt-legacy .hqbdt-apply-panel__body {
min-height: 336px;
height: auto;
align-items: flex-start;
text-align: left;
padding: 0.99rem 0.75rem;
}
.hqbdt-legacy .hqbdt-apply-panel__lead {
align-items: flex-start;
}
.hqbdt-legacy .hqbdt-apply-panel__expand {
transform: none;
}
}
/* 研发栏目：左栏绿色子导航 + 右侧正文/多图（list_research / detail_research） */
.hqbdt-legacy .hqbdt-research-page {
width: 100%;
background: #eef1f4;
}
.hqbdt-legacy .hqbdt-research-page__inner {
max-width: min(1200px, 100%);
margin: 0 auto;
padding: clamp(1.25rem, 3vw, 2rem) 0 clamp(2rem, 4vw, 3rem);
box-sizing: border-box;
}
/* 与图二一致：横向分栏，避免 col-lg 在 JZ 下失效变成上下绿条 */
.hqbdt-legacy .hqbdt-research-page__split {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
}
@media (min-width: 640px) {
.hqbdt-legacy .hqbdt-research-page__split {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
.hqbdt-legacy .hqbdt-research-page__col-side {
flex: 0 0 clamp(200px, 22vw, 260px);
max-width: 30%;
}
.hqbdt-legacy .hqbdt-research-page__col-main {
flex: 1 1 0;
min-width: 0;
}
}
.hqbdt-legacy .hqbdt-research-page__col-side {
padding: 0;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-research-page__col-main {
padding: 0;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-research-sidebar {
background: rgb(5, 160, 69);
height: 100%;
min-height: 100%;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-research-sidebar__list {
list-style: none;
margin: 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-research-sidebar__item {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.hqbdt-legacy .hqbdt-research-sidebar__link {
display: block;
padding: 1.584rem 1rem 1.584rem 1rem;
text-align: center;
font-size: 15px;
font-weight: 600;
color: #fff !important;
text-decoration: none !important;
transition: background 0.2s, color 0.2s;
border-left: 3px solid transparent;
}
.hqbdt-legacy .hqbdt-research-sidebar__link:hover {
background: rgba(255, 255, 255, 0.1);
color: #fff !important;
}
.hqbdt-legacy .hqbdt-research-sidebar__link.is-active {
background: #fff;
color: rgb(5, 160, 69) !important;
border-left-color: rgb(3, 120, 52);
}
.hqbdt-legacy .hqbdt-research-page__main-inner {
background: #fff;
min-height: 100%;
padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.75rem);
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-research-article__title {
margin: 0 0 1rem;
font-size: clamp(1.35rem, 2.2vw, 1.85rem);
font-weight: 700;
color: #1a1a1a;
line-height: 1.3;
}
.hqbdt-legacy .hqbdt-research-article__lead {
margin: 0 0 1.25rem;
font-size: 15px;
line-height: 1.75;
color: #4a4a4a;
}
.hqbdt-legacy .hqbdt-research-article__body {
font-size: 15px;
line-height: 1.8;
color: #333;
}
.hqbdt-legacy .hqbdt-research-article__body p {
margin: 0 0 1em;
}
/* 研发多图：无缝跑马灯，从右往左循环（轨道复制一份 + translateX -50%） */
.hqbdt-legacy .hqbdt-research-marquee {
margin-top: 1.75rem;
width: 100%;
}
.hqbdt-legacy .hqbdt-research-marquee__viewport {
overflow: hidden;
width: 100%;
mask-image: linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
}
.hqbdt-legacy .hqbdt-research-marquee__track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
width: max-content;
gap: clamp(10px, 1.2vw, 14px);
animation: hqbdtResearchMarqueeX 32s linear infinite;
}
.hqbdt-legacy .hqbdt-research-marquee:hover .hqbdt-research-marquee__track {
animation-play-state: paused;
}
@keyframes hqbdtResearchMarqueeX {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.hqbdt-legacy .hqbdt-research-marquee__item {
flex: 0 0 auto;
width: clamp(150px, 19vw, 220px);
}
.hqbdt-legacy .hqbdt-research-pics__cell {
margin: 0;
height: 100%;
}
.hqbdt-legacy .hqbdt-research-pics__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-research-marquee__viewport {
overflow-x: auto;
mask-image: none;
-webkit-mask-image: none;
}
.hqbdt-legacy .hqbdt-research-marquee__track {
animation: none;
}
}
.hqbdt-legacy .hqbdt-research-empty {
padding: 2rem 0;
}
.hqbdt-legacy .hqbdt-research-empty__text {
margin: 0;
font-size: 15px;
line-height: 1.7;
color: #666;
}
.hqbdt-legacy .hqbdt-research-page .hqbdt-about-single {
flex-direction: column;
}
.hqbdt-legacy .hqbdt-research-page .hqbdt-about-single__side {
max-width: 100%;
}
/* —— 联系我们（路径下灰线；子栏目横排；主区单页左文右图） */
.hqbdt-legacy .hqbdt-contact-page {
padding: 0 0 2.5rem;
background: #f5f5f5;
}
.hqbdt-legacy .hqbdt-contact-page .container {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-contact-subnav {
margin: 1.25rem 0 0;
}
.hqbdt-legacy .hqbdt-contact-subnav__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.5rem;
padding: 0.85rem 1.25rem;
background: #ececec;
border: 1px solid rgba(0, 0, 0, 0.06);
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-contact-subnav__sep {
color: #999;
user-select: none;
margin: 0 0.15rem;
}
.hqbdt-legacy .hqbdt-contact-subnav__tab {
font-size: 15px;
font-weight: 700;
color: #222 !important;
text-decoration: none !important;
padding: 0.2rem 0.35rem;
border-radius: 2px;
transition: color 0.15s, background 0.15s;
}
.hqbdt-legacy .hqbdt-contact-subnav__tab:hover {
color: rgb(5, 160, 69) !important;
}
.hqbdt-legacy .hqbdt-contact-subnav__tab.is-active {
color: rgb(5, 160, 69) !important;
}
.hqbdt-legacy .hqbdt-contact-page__inner {
margin-top: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
padding: clamp(1.25rem, 2.5vw, 2rem);
box-sizing: border-box;
min-height: 120px;
transition: opacity 0.2s;
}
.hqbdt-legacy .hqbdt-contact-body__grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: stretch;
}
.hqbdt-legacy .hqbdt-contact-body__main {
flex: 1 1 auto;
min-width: 0;
font-size: 15px;
line-height: 1.75;
color: #333;
}
.hqbdt-legacy .hqbdt-contact-body__main p {
margin: 0 0 0.85em;
}
.hqbdt-legacy .hqbdt-contact-body__aside {
flex: 0 0 auto;
align-self: stretch;
}
.hqbdt-legacy .hqbdt-contact-body__aside:empty {
display: none;
}
.hqbdt-legacy .hqbdt-contact-body__img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 4px;
}
/* 人力资源：导语 + 招聘手风琴（无侧栏图，主区通栏；手风琴与 inner 左右留白一致） */
.hqbdt-legacy .hqbdt-contact-body--hr-full .hqbdt-contact-body__grid {
flex-direction: column;
align-items: stretch;
}
.hqbdt-legacy .hqbdt-contact-body--hr-full .hqbdt-contact-body__main {
flex: 1 1 100%;
max-width: 100%;
width: 100%;
min-width: 0;
}
.hqbdt-legacy .hqbdt-contact-body--hr-full .hqbdt-contact-hr__intro {
width: 100%;
box-sizing: border-box;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-contact-body--hr-full .hqbdt-contact-body__main {
flex: 1 1 100%;
max-width: 100%;
width: 100%;
}
}
.hqbdt-legacy .hqbdt-contact-hr__intro {
margin-bottom: 1.25rem;
}
.hqbdt-legacy .hqbdt-contact-hr__acc {
display: flex;
flex-direction: column;
gap: 0.65rem;
width: 100%;
align-self: stretch;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-contact-body--hr-full .hqbdt-contact-hr__item {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-contact-hr__head {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0.85rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 2px;
background: #ececec;
color: #111;
font-size: 15px;
font-weight: 700;
text-align: left;
cursor: pointer;
box-sizing: border-box;
font-family: inherit;
}
.hqbdt-legacy .hqbdt-contact-hr__head:hover {
border-color: rgba(0, 0, 0, 0.1);
background: #e4e4e4;
}
/* 展开：品牌绿条 + 白字 + 白箭头（与站点 Tab 绿一致） */
.hqbdt-legacy .hqbdt-contact-hr__head[aria-expanded="true"] {
background: rgb(5, 160, 69);
border-color: rgb(4, 140, 60);
color: #fff;
}
.hqbdt-legacy .hqbdt-contact-hr__head[aria-expanded="true"]:hover {
background: rgb(4, 150, 64);
border-color: rgb(3, 130, 55);
filter: none;
}
.hqbdt-legacy .hqbdt-contact-hr__title {
flex: 1 1 auto;
min-width: 0;
padding-right: 0.75rem;
}
.hqbdt-legacy .hqbdt-contact-hr__chev {
flex: 0 0 auto;
display: inline-block;
width: 0.5rem;
height: 0.5rem;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(-45deg);
margin-right: 0.15rem;
transition: transform 0.2s ease, border-color 0.2s ease;
}
.hqbdt-legacy .hqbdt-contact-hr__head[aria-expanded="true"] .hqbdt-contact-hr__chev {
border-right-color: #fff;
border-bottom-color: #fff;
transform: rotate(45deg);
}
.hqbdt-legacy .hqbdt-contact-hr__panel {
border: 1px solid rgba(0, 0, 0, 0.08);
border-top: none;
background: #f5f5f5;
padding: 1rem 1.15rem;
margin-top: -1px;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.hqbdt-legacy .hqbdt-contact-hr__panel[hidden] {
display: none !important;
}
.hqbdt-legacy .hqbdt-contact-hr__panel-inner {
font-size: 15px;
line-height: 1.75;
color: #333;
}
.hqbdt-legacy .hqbdt-contact-hr__panel-inner p {
margin: 0 0 0.85em;
}
/* —— 在线留言：左表单 + 右百度地图 */
.hqbdt-legacy .hqbdt-contact-message__grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: stretch;
}
.hqbdt-legacy .hqbdt-contact-message__form {
display: flex;
flex-direction: column;
gap: 1.1rem;
max-width: 100%;
}
.hqbdt-legacy .hqbdt-contact-message__field {
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.hqbdt-legacy .hqbdt-contact-message__label {
font-size: 14px;
font-weight: 700;
color: #222;
}
.hqbdt-legacy .hqbdt-contact-message__req {
color: #c00;
margin-left: 0.15rem;
}
.hqbdt-legacy .hqbdt-contact-message__input,
.hqbdt-legacy .hqbdt-contact-message__textarea {
width: 100%;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
padding: 0.5rem 0;
font-size: 15px;
font-family: inherit;
background: transparent;
box-sizing: border-box;
outline: none;
transition: border-color 0.15s;
}
.hqbdt-legacy .hqbdt-contact-message__input:focus,
.hqbdt-legacy .hqbdt-contact-message__textarea:focus {
border-bottom-color: rgb(5, 160, 69);
}
.hqbdt-legacy .hqbdt-contact-message__textarea {
resize: vertical;
min-height: 6rem;
}
.hqbdt-legacy .hqbdt-contact-message__select {
width: 100%;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
padding: 0.5rem 0;
font-size: 15px;
font-family: inherit;
background: transparent;
box-sizing: border-box;
outline: none;
}
.hqbdt-legacy .hqbdt-contact-message__select:focus {
border-bottom-color: rgb(5, 160, 69);
}
.hqbdt-legacy .hqbdt-contact-message__choices {
display: flex;
flex-wrap: wrap;
gap: 0.65rem 1.25rem;
padding: 0.25rem 0;
}
.hqbdt-legacy .hqbdt-contact-message__choice {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 14px;
cursor: pointer;
}
.hqbdt-legacy .hqbdt-contact-message__hint,
.hqbdt-legacy .hqbdt-contact-message__field-tip {
margin: 0;
font-size: 12px;
color: #666;
line-height: 1.4;
}
.hqbdt-legacy .hqbdt-contact-message__empty-tip {
margin: 0;
padding: 0.5rem 0;
font-size: 14px;
color: #666;
}
.hqbdt-legacy .hqbdt-contact-message__field--captcha .hqbdt-contact-message__captcha-row {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.hqbdt-legacy .hqbdt-contact-message__captcha-img {
height: 38px;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 2px;
}
.hqbdt-legacy .hqbdt-contact-message__actions {
margin-top: 0.35rem;
}
.hqbdt-legacy .hqbdt-contact-message__submit {
display: block;
width: 100%;
padding: 0.85rem 1rem;
border: none;
border-radius: 2px;
background: rgb(5, 160, 69);
color: #fff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
font-family: inherit;
transition: background 0.15s, filter 0.15s;
}
.hqbdt-legacy .hqbdt-contact-message__submit:hover {
background: rgb(4, 140, 60);
}
.hqbdt-legacy .hqbdt-contact-message__map {
width: 100%;
min-height: 320px;
height: 420px;
background: #e8e8e8;
border-radius: 4px;
overflow: hidden;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-contact-message__grid {
flex-direction: row;
align-items: flex-start;
gap: 2rem 2.5rem;
}
.hqbdt-legacy .hqbdt-contact-message__form-col {
flex: 1 1 48%;
min-width: 0;
}
.hqbdt-legacy .hqbdt-contact-message__grid > .hqbdt-contact-message__form-col:only-child {
flex: 1 1 100%;
max-width: 100%;
}
.hqbdt-legacy .hqbdt-contact-message__map-col {
flex: 1 1 48%;
min-width: 0;
}
.hqbdt-legacy .hqbdt-contact-message__map {
min-height: 380px;
height: 440px;
}
}
@media (min-width: 992px) {
/* 左文右图仅用于非人力资源通栏；避免 52% 主区限制手风琴宽度 */
.hqbdt-legacy .hqbdt-contact-body:not(.hqbdt-contact-body--hr-full) .hqbdt-contact-body__grid {
flex-direction: row;
align-items: flex-start;
gap: 2rem 2.5rem;
}
.hqbdt-legacy .hqbdt-contact-body:not(.hqbdt-contact-body--hr-full) .hqbdt-contact-body__main {
flex: 1 1 52%;
}
.hqbdt-legacy .hqbdt-contact-body:not(.hqbdt-contact-body--hr-full) .hqbdt-contact-body__aside:not(:empty) {
flex: 0 0 44%;
max-width: 520px;
}
}
.hqbdt-legacy .hqbdt-contact-empty {
padding: 1.5rem 0;
}
.hqbdt-legacy .hqbdt-contact-empty__text {
margin: 0;
color: #666;
font-size: 15px;
}
/* —— 新闻资讯列表（路径下灰线由频道工具条 divider 提供；子栏目横排 + 左图右文 + 分页）；主内容区不设整页灰底 */
.hqbdt-legacy .hqbdt-news-page {
padding: 0 0 2.5rem;
background: #fff;
}
/* 与 .hqbdt-channel-toolbar__crumb-row 左右 15px 一致，主区左缘与「当前位置」对齐；宽度沿用 .jz_web_content .container 与工具条相同规则 */
.hqbdt-legacy .hqbdt-news-page .container {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-news-subnav {
margin: 1.25rem 0 1.5rem;
}
/* 对标 getwebsite h-col-122：508 module_category_nav + level_1_split_line（HTML 内联 border-right:1px dotted #333） */
.hqbdt-legacy .hqbdt-news-subnav.hqbdt-news-cat-nav .level_1 {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0.85rem 1.25rem 0.85rem 4ch;
background: #ececec;
border: 1px solid rgba(0, 0, 0, 0.06);
box-sizing: border-box;
gap: 0;
row-gap: 0.35rem;
}
.hqbdt-legacy.jz_screen_pc .hqbdt-news-cat-nav.module_category_nav_style1 .level_1 > li {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0 !important;
width: auto !important;
max-width: none !important;
border-bottom: none !important;
box-sizing: border-box;
position: relative;
}
.hqbdt-legacy .hqbdt-news-cat-nav.module_category_nav_style1 .level_1 > li:last-child .level_1_split_line {
display: none !important;
}
.hqbdt-legacy.jz_screen_pc .hqbdt-news-cat-nav.module_category_nav_style1 .level_1 > li .level_1_split_line {
position: relative !important;
inset: auto !important;
top: auto !important;
right: auto !important;
left: auto !important;
height: auto !important;
flex-shrink: 0;
align-self: stretch;
width: 0;
margin: 0 0.75em !important;
min-height: 1em;
}
.hqbdt-legacy .hqbdt-news-subnav .title.level1_link_wrap {
margin: 0;
padding: 0;
background: transparent !important;
box-shadow: none !important;
}
.hqbdt-legacy .hqbdt-news-subnav .level1_link.hqbdt-news-subnav__tab {
font-weight: 700;
color: #222 !important;
text-decoration: none !important;
padding: 0.15rem 0;
transition: color 0.15s;
line-height: 1.25 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.hqbdt-legacy .hqbdt-news-subnav .level1_link.hqbdt-news-subnav__tab:hover {
color: rgb(5, 160, 69) !important;
}
.hqbdt-legacy .hqbdt-news-subnav .level1_link.hqbdt-news-subnav__tab.is-active,
.hqbdt-legacy .hqbdt-news-subnav .category_select_item .level1_link.hqbdt-news-subnav__tab {
color: rgb(5, 160, 69) !important;
}
.hqbdt-legacy .hqbdt-news-page__inner {
background: transparent;
min-height: 120px;
transition: opacity 0.2s;
}
.hqbdt-legacy .hqbdt-news-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.hqbdt-legacy .hqbdt-news-list__empty {
margin: 0;
padding: 2rem 1rem;
text-align: center;
color: #666;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.hqbdt-legacy .hqbdt-news-card {
display: flex;
flex-direction: row;
align-items: stretch;
gap: clamp(1rem, 2.5vw, 1.75rem);
padding: clamp(1rem, 2vw, 1.35rem);
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-news-card__media {
flex: 0 0 auto;
width: clamp(200px, 32vw, 280px);
align-self: flex-start;
overflow: hidden;
background: #eee;
}
.hqbdt-legacy .hqbdt-news-card__media img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
vertical-align: middle;
}
.hqbdt-legacy .hqbdt-news-card__body {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.hqbdt-legacy .hqbdt-news-card__top {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.hqbdt-legacy .hqbdt-news-card__title {
margin: 0;
font-size: clamp(1.05rem, 1.8vw, 1.25rem);
font-weight: 700;
line-height: 1.35;
flex: 1 1 auto;
min-width: 0;
}
.hqbdt-legacy .hqbdt-news-card__title a {
color: #111 !important;
text-decoration: none !important;
}
.hqbdt-legacy .hqbdt-news-card__title a:hover {
color: rgb(5, 160, 69) !important;
}
.hqbdt-legacy .hqbdt-news-card__date {
flex: 0 0 auto;
font-size: 14px;
color: #999;
white-space: nowrap;
}
.hqbdt-legacy .hqbdt-news-card__summary {
margin: 0;
font-size: 14px;
line-height: 1.75;
color: #555;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-news-card__cname {
align-self: flex-start;
font-size: 12px;
color: #888;
padding: 0.2rem 0.5rem;
background: #f3f3f3;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
.hqbdt-legacy .hqbdt-news-pager {
margin-top: 1.5rem;
padding: 1rem 0 0;
}
.hqbdt-legacy .hqbdt-news-pager__row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 1rem 1.5rem;
}
.hqbdt-legacy .hqbdt-news-pager__btns {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
}
.hqbdt-legacy .hqbdt-news-pager__arr,
.hqbdt-legacy .hqbdt-news-pager__num {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2rem;
height: 2rem;
padding: 0 0.45rem;
font-size: 14px;
color: #333;
text-decoration: none !important;
border: 1px solid #ccc;
background: #fff;
box-sizing: border-box;
line-height: 1;
}
.hqbdt-legacy .hqbdt-news-pager__arr.is-disabled,
.hqbdt-legacy .hqbdt-news-pager__arr.is-disabled:hover {
color: #ccc;
cursor: default;
background: #fafafa;
}
.hqbdt-legacy .hqbdt-news-pager__num.is-active {
color: rgb(5, 160, 69);
border-color: rgb(5, 160, 69);
font-weight: 700;
}
.hqbdt-legacy .hqbdt-news-pager__num:hover:not(.is-active) {
border-color: #999;
}
.hqbdt-legacy .hqbdt-news-pager__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1rem;
font-size: 14px;
color: #444;
}
.hqbdt-legacy .hqbdt-news-pager__jump {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.hqbdt-legacy .hqbdt-news-pager__input {
width: 3.25rem;
height: 2rem;
padding: 0 0.35rem;
border: 1px solid #ccc;
font-size: 14px;
box-sizing: border-box;
text-align: center;
}
.hqbdt-legacy .hqbdt-news-pager__confirm {
height: 2rem;
padding: 0 0.75rem;
font-size: 14px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
}
.hqbdt-legacy .hqbdt-news-pager__confirm:hover {
border-color: #999;
}
@media (max-width: 767px) {
.hqbdt-legacy .hqbdt-news-card {
flex-direction: column;
}
.hqbdt-legacy .hqbdt-news-card__media {
width: 100%;
}
.hqbdt-legacy .hqbdt-news-card__top {
flex-direction: column;
align-items: flex-start;
}
.hqbdt-legacy .hqbdt-news-card__date {
white-space: normal;
}
}
@media (max-width: 991px) {
.hqbdt-legacy .hqbdt-research-sidebar__link {
padding: 1.296rem 0.75rem;
}
.hqbdt-legacy .hqbdt-research-page__col-main .hqbdt-research-page__main-inner {
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
}
/* 首页「新闻资讯」：浅灰底、三列卡片，左下子栏目标签 */
.hqbdt-legacy .hqbdt-home-news {
width: 100%;
background: #f4f6fa;
}
.hqbdt-legacy .hqbdt-home-news-inner {
max-width: min(1600px, 100%);
margin: 0 auto;
padding: clamp(2.25rem, 4vw, 3.25rem) 5% clamp(2.5rem, 4vw, 4rem);
}
.hqbdt-legacy .hqbdt-home-news-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1.5rem;
margin-bottom: clamp(2rem, 3.2vw, 3rem);
}
.hqbdt-legacy .hqbdt-news-kicker {
margin: 0 0 0.45rem;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.08em;
color: rgb(5, 160, 69);
}
.hqbdt-legacy .hqbdt-news-title {
margin: 0;
font-size: clamp(1.75rem, 2.4vw, 2.5rem);
font-weight: 600;
color: #353535;
line-height: 1.2;
}
.hqbdt-legacy .hqbdt-home-news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(1rem, 2vw, 1.75rem);
}
.hqbdt-legacy .hqbdt-news-card {
min-width: 0;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.hqbdt-legacy .hqbdt-news-card-link {
display: block;
text-decoration: none !important;
color: inherit;
height: 100%;
}
.hqbdt-legacy .hqbdt-news-card-figure {
aspect-ratio: 16 / 9;
background: #eef1f4;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-news-card-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transform: scale(1);
transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-news-card:hover .hqbdt-news-card-img,
.hqbdt-legacy .hqbdt-news-card:focus-within .hqbdt-news-card-img {
transform: scale(1.05);
}
.hqbdt-legacy .hqbdt-news-card-body {
padding: 1rem 1rem 1.15rem;
display: flex;
flex-direction: column;
min-height: 200px;
}
.hqbdt-legacy .hqbdt-news-card-title {
margin: 0 0 0.5rem;
font-size: 1.05rem;
font-weight: 700;
color: #222;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-news-card-date {
margin: 0 0 0.55rem;
font-size: 0.8125rem;
color: #9ca3af;
font-weight: 400;
}
.hqbdt-legacy .hqbdt-news-card-excerpt {
margin: 0 0 1rem;
flex: 1 1 auto;
font-size: 0.875rem;
line-height: 1.65;
color: #9ca3af;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-news-card-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
margin-top: auto;
}
.hqbdt-legacy .hqbdt-news-card-tag {
display: inline-block;
padding: 4px 10px;
font-size: 0.75rem;
color: #6b7280;
border: 1px solid #d1d5db;
border-radius: 3px;
background: #fff;
max-width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*
* 与镜像站 DOM 一致；尺寸在参考站基础上放大，避免图形过小（小号 background-size + 细 stroke + 短 h11）
*/
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link {
display: block;
flex-shrink: 0;
position: relative;
width: 54px;
height: 36px;
max-width: 100%;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow {
display: none;
}
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link::before,
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link::after {
content: '';
position: absolute;
top: 0;
display: inline-block;
width: 42px;
height: 36px;
background-repeat: no-repeat;
background-position: center;
background-size: 44px 22px;
transition:
left 0.36s ease,
opacity 0.36s ease;
}
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link::before {
left: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14'%3E%3Cpath fill='none' stroke='%239ca3af' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round' d='M1 7h15m-4-4 4 4-4 4'/%3E%3C/svg%3E");
}
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link::after {
left: -42px;
opacity: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14'%3E%3Cpath fill='none' stroke='%2305a045' stroke-width='1.05' stroke-linecap='round' stroke-linejoin='round' d='M1 7h15m-4-4 4 4-4 4'/%3E%3C/svg%3E");
}
.hqbdt-legacy .hqbdt-news-card:hover .news_list_item_arrow_link::before,
.hqbdt-legacy .hqbdt-news-card:focus-within .news_list_item_arrow_link::before {
left: 42px;
opacity: 0;
}
.hqbdt-legacy .hqbdt-news-card:hover .news_list_item_arrow_link::after,
.hqbdt-legacy .hqbdt-news-card:focus-within .news_list_item_arrow_link::after {
left: 0;
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link::before,
.hqbdt-legacy .hqbdt-news-card .news_list_item_arrow_link::after {
transition-duration: 0.01ms;
}
.hqbdt-legacy .hqbdt-news-card-img {
transition-duration: 0.01ms;
}
.hqbdt-legacy .hqbdt-news-card:hover .hqbdt-news-card-img,
.hqbdt-legacy .hqbdt-news-card:focus-within .hqbdt-news-card-img {
transform: none;
}
}
@media (max-width: 1100px) {
.hqbdt-legacy .hqbdt-home-news-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 520px) {
.hqbdt-legacy .hqbdt-home-news-inner {
padding-left: 4%;
padding-right: 4%;
}
.hqbdt-legacy .hqbdt-home-news-head {
flex-direction: column;
align-items: flex-start;
}
.hqbdt-legacy .hqbdt-home-news-grid {
grid-template-columns: 1fr;
}
}
.hqbdt-legacy .hqbdt-home-news-foot {
display: flex;
justify-content: center;
align-items: center;
margin-top: clamp(1.75rem, 3vw, 2.75rem);
}
.hqbdt-legacy .hqbdt-home-news-foot-more {
padding-left: 32px;
padding-right: 32px;
}
.hqbdt-legacy .hqbdt-home-news-foot .hqbdt-about-more {
margin-top: 0;
}
/* 新闻资讯详情页：标题、分割线元信息、正文、左侧栏目标签与右侧分享、底部分页 */
.hqbdt-legacy section.hqbdt-news-detail.page-content {
padding-top: clamp(0.5rem, 1.5vw, 1rem);
padding-bottom: clamp(2rem, 4vw, 3.25rem);
background: #fff;
}
.hqbdt-legacy .hqbdt-news-detail .container {
max-width: min(920px, 100%);
}
.hqbdt-legacy .hqbdt-news-detail__title {
margin: 0 0 clamp(0.75rem, 1.5vw, 1rem);
font-size: clamp(1.375rem, 3vw, 1.875rem);
font-weight: 700;
color: #353535;
line-height: 1.35;
}
.hqbdt-legacy .hqbdt-news-detail__meta {
border-bottom: 1px solid #eee;
}
.hqbdt-legacy .hqbdt-news-detail__meta-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem 1rem;
padding: 0.65rem 0;
font-size: 14px;
color: #999;
}
.hqbdt-legacy .hqbdt-news-detail__time {
color: #999;
}
.hqbdt-legacy .hqbdt-news-detail__views {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: #999;
}
.hqbdt-legacy .hqbdt-news-detail__views svg {
flex-shrink: 0;
opacity: 0.88;
vertical-align: middle;
}
.hqbdt-legacy .hqbdt-news-detail__body {
padding: clamp(1.35rem, 2.5vw, 2rem) 0 clamp(1.75rem, 3vw, 2.5rem);
font-size: 16px;
line-height: 1.75;
color: #454545;
}
.hqbdt-legacy .hqbdt-news-detail__body p {
margin: 0 0 1em;
}
.hqbdt-legacy .hqbdt-news-detail__body img {
max-width: 100%;
height: auto;
}
.hqbdt-legacy .hqbdt-news-detail__footer {
margin-top: 0;
}
.hqbdt-legacy .hqbdt-news-detail__footer-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem 1.25rem;
}
.hqbdt-legacy .hqbdt-news-detail__category-tag {
display: inline-block;
padding: 5px 14px;
font-size: 14px;
color: #777;
border: 1px solid #e5e5e5;
border-radius: 2px;
background: #fff;
max-width: min(100%, 20rem);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hqbdt-legacy .hqbdt-news-detail__footer-row .hqbdt-pd-ref__share {
margin-left: auto;
}
.hqbdt-legacy .hqbdt-news-detail__footer-row .detail_share.jz_share_info > .jz_share_wrap.hqbdt-pd-ref__jz-share-wrap {
display: block !important;
margin: 0;
padding: 0;
position: relative;
}
.hqbdt-legacy .hqbdt-news-detail__pagination {
margin-top: clamp(1.25rem, 2.5vw, 2rem);
padding-top: clamp(1rem, 2vw, 1.35rem);
border-top: 1px solid #eee;
}
.hqbdt-legacy .hqbdt-news-detail__pagination .next-prev {
margin: 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-news-detail__pagination .next-prev .row > [class*='col-'] {
max-width: 100%;
}
.hqbdt-legacy .hqbdt-news-detail__pagination .next-prev p {
margin: 0;
font-size: 14px;
color: #777;
line-height: 1.65;
}
.hqbdt-legacy .hqbdt-news-detail__pagination .next-prev a {
color: #353535;
text-decoration: none;
word-break: break-word;
}
.hqbdt-legacy .hqbdt-news-detail__pagination .next-prev a:hover {
color: rgb(5, 160, 69);
text-decoration: underline;
}
/* 首页「合作伙伴」：无限横向跑马灯（两列内容 duplicate + translate -50%） */
.hqbdt-legacy .hqbdt-home-partner {
width: 100%;
background: #fff;
}
.hqbdt-legacy .hqbdt-home-partner-inner {
max-width: min(1600px, 100%);
margin: 0 auto;
/* 与 .hqbdt-home-news-inner 同宽、同左右内边距，标题与跑马灯左缘与新闻区对齐 */
padding: clamp(2rem, 4vw, 3rem) 5% clamp(2.25rem, 4vw, 3.5rem);
}
.hqbdt-legacy .hqbdt-home-partner-head {
margin: 0 0 clamp(1.75rem, 3vw, 2.5rem);
padding: 0;
}
.hqbdt-legacy .hqbdt-partner-kicker {
margin: 0 0 0.45rem;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.08em;
color: rgb(5, 160, 69);
}
.hqbdt-legacy .hqbdt-partner-title {
margin: 0;
font-size: clamp(1.75rem, 2.4vw, 2.5rem);
font-weight: 600;
color: #353535;
line-height: 1.2;
}
/* 合作伙伴格：黑框叠在灰框上，用 clip-path 从中部向四边展开（比渐变变量更易被浏览器插值） */
.hqbdt-legacy .hqbdt-partner-marquee {
overflow: hidden;
width: 100%;
--hqbdt-partner-sec: 36;
/* 参考首页合作伙伴条：格间距略松、浅分割感 */
--hqbdt-partner-gap: clamp(0.875rem, 1.85vw, 1.5rem);
--hqbdt-partner-cols: 6;
/* 单格宽度 = (视口内跑马灯宽 − 5 道间距) / 6，一屏只露 6 个 */
container-type: inline-size;
container-name: hqbdt-partner-marquee;
}
.hqbdt-legacy .hqbdt-partner-track {
display: flex;
width: max-content;
animation: hqbdtPartnerMarquee calc(var(--hqbdt-partner-sec, 36) * 1s) linear infinite;
will-change: transform;
}
.hqbdt-legacy .hqbdt-partner-marquee:hover .hqbdt-partner-track,
.hqbdt-legacy .hqbdt-partner-marquee:focus-within .hqbdt-partner-track {
animation-play-state: paused;
}
@keyframes hqbdtPartnerMarquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
.hqbdt-legacy .hqbdt-partner-group {
display: flex;
align-items: stretch;
flex-shrink: 0;
gap: var(--hqbdt-partner-gap);
padding: 0;
}
/* 每一组末尾留白，与组内 gap 同宽；两 duplicate 间天然留出间隔，且总宽仍为 2 等份，-50% 循环不错位 */
.hqbdt-legacy .hqbdt-partner-group::after {
content: '';
flex: 0 0 var(--hqbdt-partner-gap);
width: var(--hqbdt-partner-gap);
min-width: var(--hqbdt-partner-gap);
height: 1px;
align-self: stretch;
pointer-events: none;
visibility: hidden;
}
.hqbdt-legacy .hqbdt-partner-cell {
position: relative;
/* 100cqw 相对 .hqbdt-partner-marquee 宽度 */
flex: 0 0
calc(
(100cqw - (var(--hqbdt-partner-cols) - 1) * var(--hqbdt-partner-gap)) / var(--hqbdt-partner-cols)
);
width: calc(
(100cqw - (var(--hqbdt-partner-cols) - 1) * var(--hqbdt-partner-gap)) / var(--hqbdt-partner-cols)
);
max-width: calc(
(100cqw - (var(--hqbdt-partner-cols) - 1) * var(--hqbdt-partner-gap)) / var(--hqbdt-partner-cols)
);
min-width: 0;
/* 横向留白格 + 固定横向比例，接近参考图里的扁长方格 */
aspect-ratio: 2.35 / 1;
height: auto;
display: grid;
grid-template: 1fr / 1fr;
align-items: stretch;
justify-items: stretch;
padding: 0;
box-sizing: border-box;
overflow: visible;
background: #fff;
border: 1px solid #bfbfbf;
border-radius: 0;
isolation: isolate;
}
.hqbdt-legacy .hqbdt-partner-cell::before {
content: '';
position: absolute;
inset: -1px;
box-sizing: border-box;
pointer-events: none;
z-index: 2;
/* 四边：默认长度为 0 且居中定位，悬停时从各边中点向两端铺开成黑色描边 */
background:
linear-gradient(#111, #111) center top / 0% 1px no-repeat,
linear-gradient(#111, #111) center bottom / 0% 1px no-repeat,
linear-gradient(#111, #111) left center / 1px 0% no-repeat,
linear-gradient(#111, #111) right center / 1px 0% no-repeat;
transition: background-size 0.72s cubic-bezier(0.4, 0, 0.2, 1);
}
.hqbdt-legacy .hqbdt-partner-cell:hover::before,
.hqbdt-legacy .hqbdt-partner-cell:focus-within::before,
.hqbdt-legacy .hqbdt-partner-cell.hqbdt-partner-cell--jz-hover::before {
background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
}
.hqbdt-legacy .hqbdt-partner-cell::after {
content: none;
display: none;
}
.hqbdt-legacy .hqbdt-partner-cell-in {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.hqbdt-legacy .hqbdt-partner-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-partner-track {
animation: none;
}
.hqbdt-legacy .hqbdt-partner-cell::before {
transition-duration: 0.01ms;
}
}
@media (max-width: 640px) {
.hqbdt-legacy .hqbdt-partner-marquee {
--hqbdt-partner-cols: 3;
}
}
@supports not (container-type: inline-size) {
.hqbdt-legacy .hqbdt-partner-cell {
flex: 0 0 min(10rem, calc((100vw - 10rem) / 6));
width: min(10rem, calc((100vw - 10rem) / 6));
max-width: none;
}
}
@media (max-width: 520px) {
.hqbdt-legacy .hqbdt-home-partner-inner {
padding-left: 4%;
padding-right: 4%;
}
}
/* 页脚主标题左侧：与顶栏相同的网站 LOGO */
.hqbdt-legacy .jz_web_footer .hqbdt-footer-brand-logo {
display: block;
max-height: clamp(40px, 6vw, 56px);
width: auto;
max-width: 180px;
object-fit: contain;
}
.hqbdt-legacy .jz_web_footer .icon_module_item.second_style_item .second_style_item_content {
display: flex;
align-items: center;
gap: 0.75rem;
}
/* 页脚「华清半导体产业园」等标题单行显示（不被 76% 列宽压折行） */
.hqbdt-legacy .jz_web_footer .second_style_item_right {
width: auto !important;
flex: 1 1 auto;
min-width: 0;
}
.hqbdt-legacy .jz_web_footer .second_style_item_right .item_title {
white-space: nowrap;
word-break: keep-all;
}
/* 页脚联系信息每行一条（地址 / 电话 / 邮箱）不折行；过长时整行横向滚动 */
.hqbdt-legacy .jz_web_footer #row210 .jz_web_col0 .fk-editor > div {
white-space: nowrap;
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
}
.hqbdt-legacy .jz_web_footer .hqbdt-footer-qrcodes-wrap {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
justify-content: flex-end;
gap: 0.75rem 1.15rem;
min-width: 0;
max-width: 100%;
/* 仅横向可滚；勿用 overflow-y:hidden，会裁切二维码顶部 */
overflow-x: auto;
overflow-y: visible;
padding: 6px 0 8px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.hqbdt-legacy .jz_web_footer .hqbdt-footer-qrcodes-wrap .online_service_wechat {
margin: 0 !important;
flex: 0 0 auto;
max-width: none !important;
display: flex;
flex-direction: column;
align-items: center;
overflow: visible;
line-height: 0;
vertical-align: top;
}
/* 覆盖 508 默认 .online_service_wechat_content{110×110} 与 >img{height:110px}，避免裁切或拉伸 */
.hqbdt-legacy .jz_web_footer .hqbdt-footer-qrcodes-wrap .online_service_wechat .online_service_wechat_content,
.hqbdt-legacy .jz_web_footer .hqbdt-footer-qrcodes-wrap .online_service_wechat > img {
display: block;
width: auto !important;
height: auto !important;
max-width: min(100px, 28vw) !important;
max-height: min(100px, 28vw) !important;
object-fit: contain !important;
object-position: center center;
box-sizing: border-box;
padding: 6px;
background: #fff;
border-radius: 4px;
margin: 0 auto;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.hqbdt-legacy .jz_web_footer .hqbdt-footer-qrcodes-wrap .online_service_wechat_text {
white-space: nowrap;
margin-top: 0.45rem;
line-height: 1.4;
}
/* 右侧二维码列：保证一行容纳三个块，避免被 legacy 栅格压窄后折行 */
.hqbdt-legacy .jz_web_footer #row210 .jz_web_col1 .hqbdt-footer-qrcodes-wrap {
justify-content: flex-end;
}
.hqbdt-legacy .jz_web_footer #module339 .hqbdt-footer-qrcodes-wrap {
flex-wrap: nowrap !important;
}
/* 原生页脚外的回到顶部占位（由 hqbdt-float 承担） */
.hqbdt-legacy #jzBackTopCompon {
display: none !important;
}
/* 右下角：电话咨询 / QQ / 小红书 + 滚动后回顶部 */
.hqbdt-legacy .hqbdt-float-rail {
position: fixed;
z-index: 10050;
right: 16px;
bottom: max(20px, env(safe-area-inset-bottom, 0px));
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
pointer-events: none;
}
.hqbdt-legacy .hqbdt-float-rail > * {
pointer-events: auto;
}
.hqbdt-legacy .hqbdt-float__main {
display: flex;
flex-direction: column;
gap: 12px;
}
.hqbdt-legacy .hqbdt-float__item {
position: relative;
}
.hqbdt-legacy .hqbdt-float__btn {
width: 50px;
height: 50px;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 50%;
background: linear-gradient(180deg, #fff 0%, #f6f7f8 100%);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.1);
cursor: pointer;
color: #35383f;
display: flex;
align-items: center;
justify-content: center;
transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s, color 0.2s, background 0.2s;
}
.hqbdt-legacy .hqbdt-float__btn:hover,
.hqbdt-legacy .hqbdt-float__btn:focus-visible {
color: #0d8a45;
box-shadow: 0 4px 8px rgba(5, 160, 69, 0.12), 0 12px 28px rgba(0, 0, 0, 0.12);
border-color: rgba(5, 160, 69, 0.45);
background: linear-gradient(180deg, #fff 0%, #f0faf4 100%);
outline: none;
}
.hqbdt-legacy .hqbdt-float__icon-slot {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
flex-shrink: 0;
}
.hqbdt-legacy .hqbdt-float__ico {
display: block;
width: 22px;
height: 22px;
overflow: visible;
flex-shrink: 0;
}
.hqbdt-legacy .hqbdt-float__icon-slot--wechat svg {
display: block;
width: 22px;
height: 22px;
flex-shrink: 0;
}
.hqbdt-legacy .hqbdt-float__pop {
position: absolute;
right: calc(100% + 12px);
top: 50%;
transform: translateY(-50%);
min-width: 10rem;
max-width: min(16rem, calc(100vw - 5rem));
padding: 0;
margin: 0;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
border: 1px solid rgba(0, 0, 0, 0.06);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 2;
}
.hqbdt-legacy .hqbdt-float__pop-inner {
padding: 0.75rem 1rem;
}
.hqbdt-legacy .hqbdt-float__pop-title {
font-size: 13px;
font-weight: 600;
color: #333;
margin: 0 0 0.4rem 0;
}
.hqbdt-legacy .hqbdt-float__tel {
margin: 0;
font-size: 14px;
line-height: 1.5;
color: #1a1a1a;
word-break: break-all;
}
.hqbdt-legacy .hqbdt-float__tel-link {
display: inline-block;
margin-top: 0.5rem;
font-size: 13px;
color: #05a045;
}
.hqbdt-legacy .hqbdt-float__qr {
display: block;
width: 140px;
height: auto;
margin: 0 auto;
}
.hqbdt-legacy .hqbdt-float__empty {
margin: 0;
font-size: 12px;
color: #888;
}
@media (min-width: 1025px) {
.hqbdt-legacy .hqbdt-float__item:hover .hqbdt-float__pop,
.hqbdt-legacy .hqbdt-float__item:focus-within .hqbdt-float__pop {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 1024px) {
.hqbdt-legacy .hqbdt-float__item.is-open .hqbdt-float__pop {
opacity: 1;
visibility: visible;
}
}
.hqbdt-legacy .hqbdt-float__backtop {
width: 50px;
height: 50px;
padding: 0;
border: none;
border-radius: 50%;
background: #05a045;
color: #fff;
box-shadow: 0 4px 14px rgba(5, 160, 69, 0.45);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.15s, box-shadow 0.2s;
}
.hqbdt-legacy .hqbdt-float__backtop:hover,
.hqbdt-legacy .hqbdt-float__backtop:focus-visible {
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(5, 160, 69, 0.55);
outline: none;
}
.hqbdt-legacy .hqbdt-float__backtop[hidden] {
display: none !important;
}
/* —— 一级栏目内页：大图 + 面包屑 + 子导航（与整站 legacy 头尾统一） —— */
.hqbdt-legacy .hqbdt-channel-hero {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: calc(52vh * 1.3 * 1.2);
background-color: #2c3038;
background-size: cover;
background-position: 50% 45%;
background-repeat: no-repeat;
}
.hqbdt-legacy .hqbdt-channel-hero--plain {
background-image: none;
min-height: 42vh;
}
.hqbdt-legacy .hqbdt-channel-hero__mask {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.45) 100%);
pointer-events: none;
}
.hqbdt-legacy .hqbdt-channel-hero__inner {
position: relative;
z-index: 1;
text-align: center;
padding: 3rem 1.25rem;
max-width: 90vw;
}
.hqbdt-legacy .hqbdt-channel-hero__title-cn {
margin: 0 0 0.35rem 0;
font-size: clamp(1.75rem, 4vw, 2.75rem);
font-weight: 700;
color: #fff;
letter-spacing: 0.06em;
line-height: 1.2;
}
.hqbdt-legacy .hqbdt-channel-hero__title-en {
margin: 0;
font-size: clamp(1.5rem, 5.5vw, 3.25rem);
font-weight: 600;
color: rgba(255, 255, 255, 0.42);
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.1;
}
.hqbdt-legacy .hqbdt-channel-toolbar {
background: #fff;
}
.hqbdt-legacy .hqbdt-channel-toolbar__crumb-row {
padding: calc(1rem * 2.016) 15px calc(0.75rem * 2.016);
}
.hqbdt-legacy .hqbdt-channel-toolbar__divider {
width: 100%;
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid #ebebeb;
}
.hqbdt-legacy .hqbdt-channel-toolbar__tabs-row {
padding: calc(4ch + 4ch) 15px 1.2rem;
}
/* 内页：路径/子导航与正文主栏宽度（在原先 72% / 1180px 基础上再 ×1.1） */
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-channel-toolbar > .container,
.hqbdt-legacy .jz_web_content .container {
width: 79.2% !important;
max-width: 1298px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
}
@media (max-width: 991px) {
.hqbdt-legacy .hqbdt-channel-toolbar > .container,
.hqbdt-legacy .jz_web_content .container {
width: 100% !important;
max-width: 100% !important;
}
}
/* 应用领域等：路径与 .hqbdt-home-apply-inner 同 max-width + 5% 横内边距（!important 覆盖 main.4c9f4cd1 等对 .container 的 padding） */
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-channel-toolbar--align-apply-inner > .container {
width: 100% !important;
max-width: min(1600px, 100%) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 5% !important;
padding-right: 5% !important;
box-sizing: border-box !important;
}
}
@media (max-width: 991px) {
.hqbdt-legacy .hqbdt-channel-toolbar--align-apply-inner > .container {
padding-left: 5% !important;
padding-right: 5% !important;
box-sizing: border-box !important;
}
}
.hqbdt-legacy .hqbdt-channel-toolbar--align-apply-inner .hqbdt-channel-toolbar__crumb-row {
padding-left: 0 !important;
padding-right: 0 !important;
}
.hqbdt-legacy .hqbdt-channel-toolbar--align-apply-inner .hqbdt-channel-breadcrumb {
text-align: left;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb {
font-size: 13px;
color: #9c9c9c;
line-height: 1.5;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb a {
color: #9c9c9c;
text-decoration: none;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb a:hover {
color: #05a045;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb a:last-of-type:not(:only-of-type) {
color: #1a1a1a;
font-weight: 600;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb a:last-of-type:not(:only-of-type):hover {
color: #1a1a1a;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb__current {
color: #1a1a1a;
font-weight: 600;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb__label {
margin-right: 0.15rem;
}
.hqbdt-legacy .hqbdt-channel-breadcrumb__sep {
margin: 0 0.35rem;
color: #c8c8c8;
}
.hqbdt-legacy .hqbdt-channel-tabs {
width: 100%;
}
.hqbdt-legacy .hqbdt-channel-tabs__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: calc(0.5rem * 1.3) calc(0.65rem * 1.3);
justify-content: flex-start;
}
.hqbdt-legacy .hqbdt-channel-tabs__item a {
display: inline-block;
padding: calc(0.5rem * 1.3 * 0.9) calc(1.35rem * 1.3 * 1.4 * 1.3);
font-size: calc(14px * 1.3);
font-weight: 500;
color: #555;
background: #ebebeb;
border: 1px solid transparent;
border-radius: 999px;
text-decoration: none;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.hqbdt-legacy .hqbdt-channel-tabs__item a:hover {
color: #333;
background: #e0e0e0;
}
.hqbdt-legacy .hqbdt-channel-tabs__item.is-active a {
color: #fff;
background: #05a045;
border-color: #05a045;
}
.hqbdt-legacy .hqbdt-channel-tabs__item.is-active a:hover {
color: #fff;
background: #04913d;
}
.hqbdt-legacy .hqbdt-channel-tabs--scrollspy .hqbdt-channel-tabs__item.is-active a {
color: #fff !important;
background: #05a045 !important;
border-color: #05a045 !important;
}
.hqbdt-legacy .hqbdt-channel-tabs--scrollspy .hqbdt-channel-tabs__item.is-active a:hover {
color: #fff !important;
background: #04913d !important;
}
.hqbdt-legacy .hqbdt-scrollspy-section {
scroll-margin-top: 7.5rem;
}
/* 产品列表 hub：顶栏子分类浅灰区（对齐 getwebsite h-col-*.html：level_1 + level1_link） */
.hqbdt-legacy .hqbdt-channel-toolbar__tabs-row--product-muted {
background: #f5f5f7;
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: 0;
}
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav {
--m_cgn-fl-c-color: rgba(75, 75, 75, 1);
--m_cgn-fl-hc-color: rgba(5, 160, 69, 1);
}
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .hqbdt-channel-tabs__list {
gap: 0 2rem;
justify-content: flex-start;
align-items: center;
row-gap: 0.35rem;
}
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .hqbdt-channel-tabs__item .title.no_children {
margin: 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .hqbdt-channel-tabs__item.level1_link_wrap {
list-style: none;
}
/* 与镜像站 inline 一致：灰字 / 绿 hover+当前（.level1_link） */
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .level1_link {
display: inline-block;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0.5rem 0.1rem;
font-family: "Microsoft YaHei", "微软雅黑", PingFang SC, Helvetica Neue, Arial, sans-serif;
font-size: calc(var(--fontRatio, 1) * 18px);
font-style: normal;
font-weight: 700;
text-decoration: none !important;
color: var(--m_cgn-fl-c-color) !important;
transition: color 0.15s;
}
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .level1_link:hover {
color: var(--m_cgn-fl-hc-color) !important;
background: transparent !important;
}
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .hqbdt-channel-tabs__item.is-active .level1_link,
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .category_select_item .level1_link,
.hqbdt-legacy .hqbdt-channel-tabs--product-subnav .hqbdt-channel-tabs__item.is-active .level1_link:hover {
color: var(--m_cgn-fl-hc-color) !important;
background: transparent !important;
}
/* 频道「当前位置」：对标 getwebsite h-col-126 module_current_position（visitor 样式原依赖 .module_wrap，在 .hqbdt-legacy 下补齐） */
.hqbdt-legacy .hqbdt-jz-current-position.module_current_position_content,
.hqbdt-legacy .hqbdt-jz-current-position .location_list_item {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.hqbdt-legacy .hqbdt-jz-current-position .current_position_title {
cursor: default;
}
.hqbdt-legacy .hqbdt-jz-current-position .location_list_arrow {
margin: 0 10px;
}
.hqbdt-legacy .hqbdt-jz-current-position .location_default_font_color {
font-family: "Microsoft YaHei", "微软雅黑", PingFang SC, Helvetica Neue, Arial, sans-serif;
font-weight: bold;
font-style: inherit;
color: rgba(169, 169, 169, 1);
background-image: none;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
text-decoration: none;
font-size: calc(var(--fontRatio, 1) * 14px);
}
.hqbdt-legacy .hqbdt-jz-current-position a {
text-decoration: none !important;
}
.hqbdt-legacy .hqbdt-jz-current-position .jz_theme_font_color {
font-family: "Microsoft YaHei", "微软雅黑", PingFang SC, Helvetica Neue, Arial, sans-serif;
font-weight: bold;
font-style: inherit;
color: #212121;
background-image: none;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
text-decoration: none;
font-size: calc(var(--fontRatio, 1) * 14px);
}
/* 应用领域子栏目单页（detail_about）：顶栏 + 正文，对标 h-col-126 module_category_nav */
.hqbdt-legacy .hqbdt-apply-detail-page {
width: 100%;
background: #fff;
}
.hqbdt-legacy .hqbdt-apply-detail-nav-wrap {
background: transparent;
width: 100%;
}
/* 外层留白与 .hqbdt-channel-toolbar__crumb-row 左右 15px 一致，内层铺灰，使灰区左缘与「当前位置」文案左缘对齐（避免 padding 被算进背景导致仍顶满） */
.hqbdt-legacy .hqbdt-apply-detail-nav-gutter {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-apply-detail-nav-inner {
background: rgba(241, 241, 241, 1);
margin: 0;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .level_1 {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
/* 约 +40% 相对旧值 0.728rem；栏距用 column-gap；左缘与灰底空约四字宽 */
padding: 1.02rem 0 1.02rem 4ch !important;
column-gap: 10ch;
row-gap: 0.35rem;
}
/* 覆盖 visitor：.jz_screen_pc .module_category_nav_style1 .level_1>li …（hqbdt-legacy 在 main.4c9f4cd1 之后加载） */
.hqbdt-legacy.jz_screen_pc .hqbdt-apply-detail-cat-nav.module_category_nav_style1 .level_1 > li {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0 !important;
width: auto !important;
max-width: none !important;
border-bottom: none !important;
box-sizing: border-box;
position: relative;
}
/* 应用领域子栏：隐藏 508 模块自带的竖向分隔线；栏距只用 .level_1 的 column-gap */
.hqbdt-legacy .hqbdt-apply-detail-cat-nav.module_category_nav_style1 .level_1 > li .level_1_split_line {
display: none !important;
}
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .title.level1_link_wrap {
margin: 0;
padding: 0.47rem 0.32rem !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .level1_link {
display: inline-block;
font-family: "Microsoft YaHei", "微软雅黑", PingFang SC, Helvetica Neue, Arial, sans-serif;
font-size: calc(var(--fontRatio, 1) * 18px);
font-weight: 700;
font-style: normal;
text-decoration: none !important;
color: #222 !important;
padding: 0.31rem 0 !important;
transition: color 0.15s;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .level1_link:hover {
color: rgba(5, 160, 69, 1) !important;
}
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .category_select_item {
background: transparent !important;
}
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .category_select_item .level1_link,
.hqbdt-legacy .hqbdt-apply-detail-cat-nav .category_select_item .level1_link:hover {
color: rgba(5, 160, 69, 1) !important;
}
.hqbdt-legacy .hqbdt-apply-detail-body-wrap {
background: #fff;
padding: clamp(1.5rem, 2.5vw, 2.25rem) 0 clamp(2.5rem, 4vw, 3.5rem);
}
.hqbdt-legacy .hqbdt-apply-detail-body-wrap .hqbdt-about-single {
display: block;
}
.hqbdt-legacy .hqbdt-apply-detail-body-wrap .hqbdt-about-single__main {
max-width: 100%;
}
.hqbdt-legacy .hqbdt-apply-detail-body-wrap .hqbdt-about-single__body {
color: rgb(102, 102, 102);
font-size: 16px;
line-height: 2;
}
/* 覆盖富文本内联 font-size:18px 等 */
.hqbdt-legacy .hqbdt-apply-detail-body-wrap .hqbdt-about-single__body [style*="font-size"] {
font-size: 16px !important;
}
.hqbdt-legacy .hqbdt-product-page--grid {
padding-top: 2rem;
padding-bottom: 3rem;
background: #fff;
}
.hqbdt-legacy .hqbdt-product-subcat-wrap {
border: none;
border-radius: 0;
background: #fff;
padding: 1.35rem 1.15rem 1.5rem;
box-sizing: border-box;
}
/* 子栏目产品列表：exhibition_show_product 结构（样式与 getwebsite/main.4c9f4cd1.css 一致，此处仅修正与 Grid 冲突的宽高边距 + 蒙版） */
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-subcat-grid.exhibition_show_products {
align-items: stretch;
display: grid !important;
flex-wrap: unset !important;
gap: 1.35rem 1.1rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 0;
white-space: normal;
width: 100%;
}
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-subcat-item.exhibition_show_product {
box-sizing: border-box;
display: block;
margin: 0 !important;
min-width: 0;
overflow: hidden;
text-align: center;
vertical-align: top;
width: auto !important;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_show_product_wrap.hqbdt-exhibition-product-link {
color: #333;
text-decoration: none !important;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_product_pic_wrap {
background: #f7f8f9;
}
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-grid-card__mask {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
background: rgba(55, 55, 55, 0.58);
transform: translateY(101%);
transition: transform 0.45s cubic-bezier(0.33, 0.86, 0.26, 1);
pointer-events: none;
will-change: transform;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_show_product_wrap:hover .hqbdt-product-grid-card__mask,
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-subcat-item:hover .hqbdt-product-grid-card__mask {
transform: translateY(0);
}
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-grid-card__zoom {
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.38);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-grid-card__zoom-icon {
display: block;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_prop {
flex: 1 1 auto;
text-align: center;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_product_name_wrap {
margin-top: 0.85rem;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_product_name_text {
font-family: "SimHei", "Heiti SC", "STHeiti", "Microsoft YaHei", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
transition: color 0.25s ease;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_show_product_wrap:hover .exhibition_product_name_text,
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-subcat-item:hover .exhibition_product_name_text {
color: #05a045;
}
@media (max-width: 991px) {
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-subcat-grid.exhibition_show_products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (prefers-reduced-motion: reduce) {
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-grid-card__mask {
transition-duration: 0.01ms;
}
.hqbdt-legacy .hqbdt-product-page--grid .exhibition_show_product_wrap:hover .hqbdt-product-grid-card__mask,
.hqbdt-legacy .hqbdt-product-page--grid .hqbdt-product-subcat-item:hover .hqbdt-product-grid-card__mask {
transform: translateY(0);
}
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid {
margin-top: 2rem;
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.25rem 1.15rem;
list-style: none;
margin: 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination > li {
list-style: none;
margin: 0;
padding: 0;
border: none;
background: none;
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination > li > a,
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination > li > span {
display: inline-block;
font-size: 15px;
line-height: 1.5;
color: #333;
text-decoration: none;
border: none;
background: transparent !important;
padding: 0.2rem 0;
box-shadow: none;
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination > li.active > span {
color: #52b548;
font-weight: 500;
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination > li.disabled > span {
color: #bdbdbd;
cursor: default;
}
.hqbdt-legacy .hqbdt-product-page__pagination--grid .pagination > li > a:hover {
color: #05a045;
}
/* —— 产品中心：列表 / 侧栏列表 / 详情（与栏目内页容器宽度、绿色主色统一） —— */
.hqbdt-legacy .hqbdt-product-page {
background: #fff;
padding: 2.25rem 0 3rem;
}
.hqbdt-legacy .hqbdt-product-page--sidebar {
padding-bottom: 3.5rem;
}
.hqbdt-legacy .hqbdt-product-page__filter {
margin-bottom: 1.75rem;
}
.hqbdt-legacy .hqbdt-product-page__filter .filter-row {
align-items: flex-start;
gap: 1rem 1.5rem;
padding: 1rem 1.25rem;
background: #f7f8f9;
border-radius: 8px;
border: 1px solid #ebebeb;
}
.hqbdt-legacy .hqbdt-product-page__filter .filter-title {
flex-shrink: 0;
min-width: 4.5em;
font-weight: 600;
color: #1a1a1a;
font-size: 14px;
padding-top: 0.2rem;
}
.hqbdt-legacy .hqbdt-product-page__filter .filter-values ul {
gap: 0.5rem 0.35rem;
margin: 0;
padding: 0;
list-style: none;
}
.hqbdt-legacy .hqbdt-product-page__filter .filter-values li a {
display: inline-block;
padding: 0.35rem 0.85rem;
font-size: 13px;
color: #555;
border-radius: 999px;
border: 1px solid transparent;
text-decoration: none;
transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.hqbdt-legacy .hqbdt-product-page__filter .filter-values li a:hover {
color: #05a045;
background: rgba(5, 160, 69, 0.08);
}
.hqbdt-legacy .hqbdt-product-page__filter .filter-values li.active a {
color: #fff;
background: #05a045;
border-color: #05a045;
}
/* 产品列表通栏：路径下灰线由模板变量关闭；整体上移约一字高；dvw 减轻滚动条与 vw 差导致的缝错位 */
.hqbdt-legacy .hqbdt-product-page--fullbleed {
padding-top: calc(2.25rem - 1em);
margin-top: -1em;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid-bleed {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
box-sizing: border-box;
position: relative;
}
@supports (width: 100dvw) {
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid-bleed {
width: 100dvw;
max-width: 100dvw;
margin-left: calc(50% - 50dvw);
margin-right: calc(50% - 50dvw);
}
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__pagination {
padding-left: 15px;
padding-right: 15px;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid,
.hqbdt-legacy .hqbdt-product-page--sidebar .product-list.row {
margin-left: 0;
margin-right: 0;
row-gap: 0;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid > .product-item,
.hqbdt-legacy .hqbdt-product-page--sidebar .product-list > .product-item {
padding-left: 0;
padding-right: 0;
}
/* 产品列表：Grid 两列固定各 50%，奇数行文左图右，偶数行交换列保证中缝与视口中心线一致 */
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split {
display: grid;
grid-template-columns: 50% 50%;
align-items: stretch;
min-height: clamp(286px, 41.6vw, 468px);
margin-bottom: 0;
border: 1px solid #ebebeb;
border-radius: 0;
overflow: hidden;
text-decoration: none;
color: inherit;
background: #fff;
transition: box-shadow 0.2s;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-item + .product-item .hqbdt-product-split {
border-top: none;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid > .product-item:first-child .hqbdt-product-split {
border-radius: 10px 10px 0 0;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid > .product-item:last-child .hqbdt-product-split {
border-radius: 0 0 10px 10px;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-page__grid > .product-item:only-child .hqbdt-product-split {
border-radius: 10px;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-list > .product-item:nth-child(even) .hqbdt-product-split__text {
grid-column: 2;
grid-row: 1;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-list > .product-item:nth-child(even) .hqbdt-product-split__media {
grid-column: 1;
grid-row: 1;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
position: relative;
z-index: 1;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__text {
grid-column: 1;
grid-row: 1;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: clamp(1.5rem, 4vw, 3rem) clamp(1.25rem, 4vw, 3.5rem);
background: #f5f5f5;
min-width: 0;
width: 100%;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__media {
grid-column: 2;
grid-row: 1;
min-width: 0;
position: relative;
overflow: hidden;
padding: 0;
width: 100%;
background: linear-gradient(145deg, #2a2d33 0%, #1a1c20 55%, #121316 100%);
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.35s ease;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split:hover .hqbdt-product-split__img {
transform: scale(1.03);
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__more {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
margin-top: 0.75rem;
padding: 0.65em 1.85em;
min-height: 2.5em;
box-sizing: border-box;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
font-family: inherit;
line-height: 1;
color: #fff !important;
background: #05a045;
border: none;
border-radius: 0;
transition: background 0.15s;
flex-shrink: 0;
white-space: nowrap;
max-width: none;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__more-label {
text-transform: uppercase;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__more-icon {
display: inline-block;
color: #fff;
font-size: 1.05em;
font-weight: 700;
line-height: 1;
transform: translateY(-0.05em);
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split:hover .hqbdt-product-split__more {
background: #04913d;
color: #fff !important;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__text .product-item-title {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 700;
color: #1a1a1a;
margin: 0 0 0.75rem;
line-height: 1.25;
width: 100%;
text-align: center;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__text .product-item-info {
font-size: 14px;
color: #666;
line-height: 1.65;
margin: 0;
max-width: min(36em, 100%);
width: 100%;
text-align: center;
letter-spacing: 0.04em;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 767px) {
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split {
grid-template-columns: 1fr;
min-height: 0;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__text,
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-list > .product-item:nth-child(even) .hqbdt-product-split__text {
grid-column: 1;
grid-row: 1;
width: 100%;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__media,
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-list > .product-item:nth-child(even) .hqbdt-product-split__media {
grid-column: 1;
grid-row: 2;
min-height: clamp(200px, 45vw, 260px);
height: clamp(200px, 45vw, 260px);
width: 100%;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .hqbdt-product-split__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-item:first-child .hqbdt-product-split {
border-radius: 10px 10px 0 0 !important;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-item:last-child .hqbdt-product-split {
border-radius: 0 0 10px 10px !important;
}
.hqbdt-legacy .hqbdt-product-page--fullbleed .product-item:only-child .hqbdt-product-split {
border-radius: 10px !important;
}
}
.hqbdt-legacy .hqbdt-product-page__pagination,
.hqbdt-legacy .hqbdt-product-page--sidebar .page-pagination {
margin-top: 2rem;
padding-top: 0.5rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.hqbdt-legacy .hqbdt-product-page--sidebar .product-sidebar .sidebar-card {
border: 1px solid #ebebeb;
border-radius: 10px;
background: #fff;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.hqbdt-legacy .hqbdt-product-page--sidebar .category-item.active > a {
color: #05a045;
font-weight: 600;
}
.hqbdt-legacy .hqbdt-product-page--sidebar .filter-list li.active > a {
color: #05a045;
font-weight: 600;
}
.hqbdt-legacy .hqbdt-product-detail-page {
background: #fff;
padding: 2.25rem 0 0;
}
.hqbdt-legacy .hqbdt-product-detail-page--ref {
padding-bottom: 3rem;
}
.hqbdt-legacy .hqbdt-pd-ref__wrap {
display: flex;
flex-wrap: wrap;
gap: 2rem 2.5rem;
align-items: flex-start;
margin-bottom: 2.5rem;
}
.hqbdt-legacy .hqbdt-pd-ref__left {
flex: 1 1 320px;
max-width: 100%;
min-width: 280px;
}
.hqbdt-legacy .hqbdt-pd-ref__right {
flex: 1 1 280px;
max-width: 100%;
min-width: 280px;
}
.hqbdt-legacy .hqbdt-pd-ref__right.product_detail_right_content {
box-sizing: border-box;
float: none !important;
width: 100% !important;
max-width: 100%;
}
.hqbdt-legacy.jz_screen_pc .jz_product_detail_0.product_detail_right_content .detail_other_message {
margin-left: 0;
}
.hqbdt-legacy.jz_screen_pc .jz_product_detail_0.product_detail_right_content .detail_other {
border-bottom: none !important;
}
.hqbdt-legacy .hqbdt-pd-ref__big {
background: #f4f5f6;
border: 1px solid #ebebeb;
border-radius: 4px;
box-sizing: border-box;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hqbdt-legacy .hqbdt-pd-ref__big img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
vertical-align: middle;
}
.hqbdt-legacy .hqbdt-pd-ref__big-placeholder {
color: #999;
font-size: 15px;
padding: 2rem;
}
.hqbdt-legacy .hqbdt-pd-ref__gallery-multi {
box-sizing: border-box;
margin-top: 0.75rem;
width: 100%;
}
.hqbdt-legacy .hqbdt-pd-ref__thumbs-row {
box-sizing: border-box;
width: 100%;
}
.hqbdt-legacy .hqbdt-pd-ref__thumbs-row .hqbdt-pd-ref__thumbs-scroll {
box-sizing: border-box;
display: flex;
width: 100%;
align-items: center;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.hqbdt-legacy .hqbdt-pd-ref__thumbs-row .hqbdt-pd-ref__thumbs-scroll .hqbdt-pd-ref__thumbs {
flex-wrap: nowrap;
justify-content: flex-start;
margin: 0;
width: max-content;
max-width: none;
}
.hqbdt-legacy .hqbdt-pd-ref__img-nav-row {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.65rem;
width: 100%;
}
.hqbdt-legacy .hqbdt-pd-ref__img-nav-row .hqbdt-pd-ref__nav--strip {
align-items: center;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 999px;
box-sizing: border-box;
color: #666;
cursor: pointer;
display: inline-flex;
font-size: 13px;
font-family: inherit;
justify-content: center;
line-height: 1.2;
min-height: 36px;
margin: 0;
padding: 0 14px;
text-decoration: none;
transition: border-color 0.15s, background 0.15s, color 0.15s;
white-space: nowrap;
}
.hqbdt-legacy .hqbdt-pd-ref__img-nav-row .hqbdt-pd-ref__nav--strip:hover {
background: #fafafa;
border-color: #d0d0d0;
color: #333;
text-decoration: none;
}
.hqbdt-legacy .hqbdt-pd-ref__img-nav-row .hqbdt-pd-ref__nav--strip.hqbdt-pd-ref__nav--disabled,
.hqbdt-legacy .hqbdt-pd-ref__img-nav-row .hqbdt-pd-ref__nav--strip:disabled {
background: #fff;
border-color: #ececec;
color: #bdbdbd;
cursor: default;
pointer-events: none;
}
.hqbdt-legacy .hqbdt-pd-ref__thumbs {
list-style: none;
margin: 0.75rem 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.hqbdt-legacy .hqbdt-pd-ref__thumbs li {
list-style: none;
margin: 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-pd-ref__thumb {
display: block;
padding: 0;
border: 2px solid #e0e0e0;
border-radius: 4px;
background: #fff;
cursor: pointer;
overflow: hidden;
width: 72px;
height: 72px;
box-sizing: border-box;
transition: border-color 0.15s ease;
}
.hqbdt-legacy .hqbdt-pd-ref__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hqbdt-legacy .hqbdt-pd-ref__thumb.is-active,
.hqbdt-legacy .hqbdt-pd-ref__thumb:hover {
border-color: #05a045;
}
.hqbdt-legacy .hqbdt-pd-ref__subnav {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem 1rem;
margin-top: 1rem;
padding-top: 0.75rem;
border-top: 1px solid #ebebeb;
font-size: 14px;
color: #333;
}
.hqbdt-legacy .hqbdt-pd-ref__prevnext {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 0.75rem;
}
.hqbdt-legacy .hqbdt-pd-ref__nav {
color: #05a045;
text-decoration: none;
cursor: pointer;
}
.hqbdt-legacy .hqbdt-pd-ref__nav:hover {
text-decoration: underline;
}
.hqbdt-legacy .hqbdt-pd-ref__nav--disabled {
color: #bdbdbd;
pointer-events: none;
text-decoration: none;
}
/*
* 产品详情标题：主站 main.4c9f4cd1 对 jz_product_detail_0 为 .detail_title_wrap 约 20px + h1 inherit、font-weight:400。
* 实际页面（及设计截图）主标题视觉上更大、更粗；仅用 inherit 时易与 body 12px 或 h1 全局规则叠加后偏细小。
* ref 详情页对 h1 使用显式字号/字重，与右侧「分享」等小字解耦（分享区单独用 14px）。
*/
.hqbdt-legacy .hqbdt-product-detail-page--ref .hqbdt-pd-ref__title-row.detail_title_wrap {
align-items: center;
color: #333;
display: flex;
flex-wrap: nowrap;
font-size: 14px;
gap: 1rem;
justify-content: space-between;
line-height: 1.5;
margin-top: 10px;
margin-bottom: 1rem;
max-width: 100%;
word-break: break-word;
}
.hqbdt-legacy .hqbdt-product-detail-page--ref .hqbdt-pd-ref__title-row.detail_title_wrap .detail_main_title {
box-sizing: border-box;
color: #1a1a1a;
flex: 1;
font-size: calc(var(--fontRatio, 1) * 26px);
font-weight: 600;
line-height: 1.35;
margin: 0;
min-width: 0;
padding-right: 20px;
white-space: normal;
width: 100%;
}
@media (max-width: 767px) {
.hqbdt-legacy .hqbdt-product-detail-page--ref .hqbdt-pd-ref__title-row.detail_title_wrap {
font-size: 14px;
line-height: 1.5;
margin: 10px 15px 0 0;
width: auto;
}
.hqbdt-legacy .hqbdt-product-detail-page--ref .hqbdt-pd-ref__title-row.detail_title_wrap .detail_main_title {
font-size: calc(var(--fontRatio, 1) * 20px);
font-weight: 600;
line-height: 1.35;
padding: 0;
width: auto;
flex: 1;
min-width: 0;
}
.hqbdt-legacy .hqbdt-pd-ref__title-row.detail_title_wrap .detail_func_wrap.hqbdt-pd-func-wrap {
display: inline-flex !important;
margin-left: 0.35rem;
padding-left: 0;
gap: 10px;
border-left: none;
}
}
/* 对标站 detail_func_wrap：flex + gap 10px；标题区与分享区同一行；左侧竖线分隔 */
.hqbdt-legacy .hqbdt-pd-ref__title-row.detail_title_wrap .detail_func_wrap.hqbdt-pd-func-wrap {
align-items: center;
border-left: 1px solid #e5e5e5;
box-sizing: border-box;
display: inline-flex;
flex-shrink: 0;
gap: 10px;
justify-content: center;
margin-left: 0;
min-height: 0;
padding-left: 10px;
}
.hqbdt-legacy .hqbdt-pd-ref__share.detail_share.jz_share_info {
align-items: center;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
position: relative;
}
.hqbdt-legacy .hqbdt-pd-ref__share {
position: relative;
flex-shrink: 0;
}
.hqbdt-legacy .hqbdt-pd-ref__share-trigger {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
padding: 4px 2px;
border: none;
border-radius: 0;
background: transparent;
color: #666;
font-size: 14px;
line-height: 1.2;
cursor: pointer;
transition: color 0.15s;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icon {
display: block;
flex-shrink: 0;
color: #666;
}
/* main.4c9f4cd1 中 .jz_share_wrap{display:none}，此处恢复以便下拉层可用 */
.hqbdt-legacy .hqbdt-pd-ref__right .detail_share.jz_share_info > .jz_share_wrap.hqbdt-pd-ref__jz-share-wrap {
display: block !important;
margin: 0;
padding: 0;
position: relative;
}
.hqbdt-legacy .hqbdt-pd-ref__share-trigger:hover {
color: #05a045;
}
.hqbdt-legacy .hqbdt-pd-ref__share-panel.jz_share_list {
background: #fff;
border-radius: 10px;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
box-sizing: border-box;
display: none;
flex-direction: column;
gap: 10px;
margin-top: 8px;
max-width: min(340px, 94vw);
min-width: 280px;
padding: 14px 16px 12px;
position: absolute;
right: 0;
top: 100%;
width: auto;
z-index: 50;
}
@media (hover: hover) and (pointer: fine) {
.hqbdt-legacy .hqbdt-pd-ref__share:hover .hqbdt-pd-ref__share-panel.jz_share_list {
display: flex;
}
}
.hqbdt-legacy .hqbdt-pd-ref__share-panel.jz_share_list.is-open {
display: flex;
}
.hqbdt-legacy .hqbdt-pd-ref__share-panel.jz_share_list::before {
border: 8px solid transparent;
border-bottom-color: #fff;
bottom: 100%;
content: "";
filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.06));
height: 0;
left: auto;
margin-bottom: -1px;
position: absolute;
right: 18px;
width: 0;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icons {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 12px;
justify-content: flex-start;
}
/* 分享平台图标：与 getwebsite/site_mirror_clean/.../main.4c9f4cd1.css 中 jz_share_* 一致，图形为内联 SVG + currentColor */
.hqbdt-legacy .hqbdt-pd-ref__share-icons .jz_share_Weixin {
color: #46d42f;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icons .jz_share_sina_weibo {
color: #f44336;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icons .jz_share_qq_share {
color: #2992fc;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icons .jz_share_qq_zone {
color: #ffce01;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icons .jz_share_douban {
color: #43c332;
}
.hqbdt-legacy .hqbdt-pd-ref__share-icons .jz_share_baidu_tieba {
color: #3986fb;
}
.hqbdt-legacy .hqbdt-pd-ref__share-ico {
align-items: center;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
flex-shrink: 0;
font-size: 30px;
justify-content: center;
line-height: 1;
margin: 0;
text-decoration: none;
transition: transform 0.15s, opacity 0.15s;
vertical-align: middle;
}
.hqbdt-legacy .hqbdt-pd-ref__share-ico:hover {
opacity: 0.92;
transform: scale(1.06);
}
.hqbdt-legacy .hqbdt-pd-ref__share-ico .oversea {
display: block;
height: 30px;
width: 30px;
}
.hqbdt-legacy .hqbdt-pd-ref__share-ico-slot {
flex-shrink: 0;
position: relative;
}
.hqbdt-legacy .hqbdt-pd-ref__share-ico-slot .hqbdt-pd-ref__share-ico {
cursor: default;
}
.hqbdt-legacy .hqbdt-pd-ref__share-qr-pop {
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
display: none;
left: 50%;
padding: 8px;
position: absolute;
top: calc(100% + 8px);
transform: translateX(-50%);
z-index: 51;
}
.hqbdt-legacy .hqbdt-pd-ref__share-ico-slot:hover .hqbdt-pd-ref__share-qr-pop,
.hqbdt-legacy .hqbdt-pd-ref__share-ico-slot:focus-within .hqbdt-pd-ref__share-qr-pop {
display: block;
}
.hqbdt-legacy .hqbdt-pd-ref__share-qr-pop img {
display: block;
height: auto;
max-width: 120px;
vertical-align: middle;
width: 120px;
}
/* 产品详情价格区：与 sys-pd/17.html 一致 — detail_price_wrap + pay_product_price_coin / pay_product_price_value */
.hqbdt-legacy .hqbdt-pd-ref__right.jz_product_detail_0 .detail_price_wrap {
min-height: 0;
}
.hqbdt-legacy .hqbdt-pd-ref__right.jz_product_detail_0 .detail_price {
font-weight: 700;
}
.hqbdt-legacy .hqbdt-pd-ref__right.jz_product_detail_0 .pay_product_price_item {
display: inline-block;
line-height: 1.25;
vertical-align: middle;
}
.hqbdt-legacy .hqbdt-pd-ref__right.jz_product_detail_0 .pay_product_price_coin {
color: #05a045;
font-size: calc(var(--fontRatio, 1) * 22px);
font-weight: 700;
}
.hqbdt-legacy .hqbdt-pd-ref__right.jz_product_detail_0 .pay_product_price_value {
color: #05a045;
font-size: calc(var(--fontRatio, 1) * 28px);
font-weight: 700;
}
/* 类型/规格：对标 detail_other_message + detail_other + detail_title / detail_value（main.4c9f4cd1） */
.hqbdt-legacy .hqbdt-pd-ref__detail-other.detail_other_message {
align-items: stretch !important;
background: transparent !important;
box-sizing: border-box;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
margin: 0 0 1.25rem !important;
padding: 0 !important;
}
.hqbdt-legacy .hqbdt-pd-ref__detail-other .detail_other {
align-items: flex-start;
border-bottom: none !important;
box-sizing: border-box;
display: flex !important;
flex-direction: row;
line-height: 1.5;
padding: 10px 0 !important;
width: 100% !important;
}
.hqbdt-legacy .hqbdt-pd-ref__detail-other .detail_title.is-default {
color: #888;
flex: 0 0 auto;
font-size: 14px;
font-weight: 700;
padding: 0;
white-space: nowrap;
}
.hqbdt-legacy .hqbdt-pd-ref__detail-other .detail_value {
color: #333 !important;
flex: 1 1 auto;
font-size: 14px !important;
min-width: 0;
width: auto !important;
word-break: break-word;
}
.hqbdt-legacy .hqbdt-pd-ref__detail-other .detail_other_message_icon_for_mobi {
color: #999;
flex-shrink: 0;
line-height: 1;
margin-left: 6px;
}
.hqbdt-legacy.jz_screen_pc .hqbdt-pd-ref__detail-other .detail_other_message_icon_for_mobi {
display: none !important;
}
/* 产品详情按钮：main.4c9f4cd1.css 中 product_button_wrap；此处补充锚点与主题色对标站 #05a045 */
.hqbdt-legacy .hqbdt-pd-ref__product-buttons.product_button_wrap {
margin-top: 1.5rem;
padding-left: 0;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons .product_button_item_wrap {
gap: 10px 16px;
max-width: 100%;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons a.product_button_item,
.hqbdt-legacy .hqbdt-pd-ref__product-buttons button.product_button_item {
text-decoration: none;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons button.product_button_item {
cursor: pointer;
font: inherit;
margin: 0;
-webkit-appearance: none;
appearance: none;
border-style: solid;
border-width: 1px;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons a.product_advisory_btn.jz_theme_bg_color,
.hqbdt-legacy .hqbdt-pd-ref__product-buttons button.product_advisory_btn.jz_theme_bg_color {
align-items: center;
background-color: #05a045 !important;
color: #fff !important;
display: inline-flex;
flex: 1 1 auto;
gap: 8px;
justify-content: center;
min-width: 0;
padding: 0 18px;
border-color: #05a045 !important;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons a.product_advisory_btn.jz_theme_bg_color:hover,
.hqbdt-legacy .hqbdt-pd-ref__product-buttons button.product_advisory_btn.jz_theme_bg_color:hover {
background-color: #04913d !important;
color: #fff !important;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons a.product_detail_form_btn.jz_theme_font_color.jz_theme_border_color,
.hqbdt-legacy .hqbdt-pd-ref__product-buttons button.product_detail_form_btn.jz_theme_font_color.jz_theme_border_color {
background: #fff;
border-color: #05a045 !important;
color: #05a045 !important;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 auto;
min-width: 0;
padding: 0 18px;
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons a.product_detail_form_btn.jz_theme_font_color.jz_theme_border_color:hover,
.hqbdt-legacy .hqbdt-pd-ref__product-buttons button.product_detail_form_btn.jz_theme_font_color.jz_theme_border_color:hover {
background: rgba(5, 160, 69, 0.06);
}
.hqbdt-legacy .hqbdt-pd-ref__product-buttons .product_advisory_phone_text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 产品详情 · 预约表单弹窗（对标「提交表单」极简样式） */
.hqbdt-legacy .hqbdt-pd-booking-modal[hidden] {
display: none !important;
}
.hqbdt-legacy .hqbdt-pd-booking-modal {
box-sizing: border-box;
position: fixed;
inset: 0;
z-index: 10050;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 16px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
}
.hqbdt-legacy .hqbdt-pd-booking-modal__panel {
box-sizing: border-box;
position: relative;
z-index: 1;
width: 100%;
/* 在参考 462px 基础上加宽一倍 */
max-width: 924px;
max-height: min(90vh, 680px);
overflow: auto;
background: #fff;
border-radius: 4px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.hqbdt-legacy .hqbdt-pd-booking-modal__head {
align-items: center;
box-sizing: border-box;
display: flex;
justify-content: space-between;
min-height: 52px;
padding: 16px 20px 14px;
border-bottom: 1px solid #eee;
position: relative;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__title {
margin: 0;
padding-right: 12px;
font-size: 17px;
font-weight: 600;
color: #1a1a1a;
line-height: 1.35;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__close {
flex-shrink: 0;
width: 32px;
height: 32px;
margin: -4px -6px -4px 0;
border: none;
background: transparent;
font-size: 22px;
line-height: 1;
font-weight: 300;
color: #c8c8c8;
cursor: pointer;
border-radius: 4px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__close:hover {
color: #999;
background: #f5f5f5;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__body {
padding: 22px 20px 24px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__field {
margin-bottom: 20px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__label {
display: block;
font-size: 15px;
color: #333;
margin-bottom: 8px;
line-height: 1.4;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__req {
color: #e53935;
margin-left: 2px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__control {
box-sizing: border-box;
width: 100%;
padding: 12px 14px;
border: 1px solid #f0f0f0;
border-radius: 4px;
font-size: 14px;
color: #333;
background: #f5f5f5;
transition: border-color 0.15s, background 0.15s;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__control::placeholder {
color: #bbb;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__control:focus {
border-color: #d0d0d0;
background: #fafafa;
outline: none;
box-shadow: none;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__textarea {
resize: vertical;
min-height: 100px;
line-height: 1.5;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__choices {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__choice {
font-size: 14px;
color: #333;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__hint,
.hqbdt-legacy .hqbdt-pd-booking-modal__field-tip {
margin: 6px 0 0;
font-size: 12px;
color: #888;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__captcha-row {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__captcha-img {
height: 40px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #e5e5e5;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__form-msg {
margin: 0 0 12px;
padding: 10px 12px;
border-radius: 6px;
font-size: 14px;
background: #fff3e0;
color: #b45309;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__form-msg[hidden] {
display: none !important;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__actions {
display: block;
margin-top: 4px;
padding-top: 4px;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__btn {
min-height: 44px;
padding: 0 18px;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
border: 1px solid transparent;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__btn--primary {
background: #05a045;
color: #fff;
border-color: #05a045;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__btn--primary:hover {
background: #04913d;
border-color: #04913d;
color: #fff;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__btn--block {
display: block;
width: 100%;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-pd-booking-modal__empty-tip {
margin: 0 0 12px;
font-size: 14px;
color: #666;
line-height: 1.5;
}
/* 产品详情 Tab：与 getwebsite main.4c9f4cd1.css（对标站）中 product_detail_specific / detail_specific_tab 一致 */
.hqbdt-legacy .product_detail_specific_wrap.hqbdt-pd-ref__specific {
clear: both;
margin-top: 80px;
padding-top: 1.5rem;
}
.hqbdt-legacy .product_detail_specific_content {
box-sizing: border-box;
color: #333;
font-size: 0;
width: 100%;
}
.hqbdt-legacy .detail_specific_tab_wrap {
font-size: initial;
}
.hqbdt-legacy .detail_specific_tab {
border: 1px solid #f0f0f0;
box-sizing: border-box;
display: inline-block;
margin-left: 0;
vertical-align: top;
}
.hqbdt-legacy .detail_specific_tab ~ .detail_specific_tab {
margin-left: -1px;
}
.hqbdt-legacy .detail_specific_tab .detail_tab_item {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border-right: 1px solid #f0f0f0;
box-sizing: border-box;
color: #666;
cursor: pointer;
display: inline-block;
font-size: calc(var(--fontRatio, 1) * 15px);
line-height: 54px;
overflow: hidden;
padding: 0 8px;
text-align: center;
text-overflow: ellipsis;
transition: all 0.3s;
white-space: nowrap;
width: 160px;
}
.hqbdt-legacy .detail_specific_tab:last-child .detail_tab_item {
border-right: none;
}
.hqbdt-legacy .detail_specific_tab .detail_tab_item.detail_tab_active {
color: var(--theme-color);
position: relative;
}
.hqbdt-legacy .detail_tab_item.detail_tab_active:before {
border: 2px solid var(--theme-color);
box-sizing: border-box;
content: " ";
left: 0;
position: absolute;
top: -1px;
width: 100%;
}
.hqbdt-legacy .detail_specfic_panel {
color: #333;
font-size: calc(var(--fontRatio, 1) * 14px);
line-height: 1.75;
margin: 25px 0 0;
}
.hqbdt-legacy .product_detail_specific_wrap .detail_item_content {
display: none;
}
.hqbdt-legacy .product_detail_specific_wrap .detail_item_content.show_detail_content {
display: block;
}
@media (max-width: 767px) {
.hqbdt-legacy .detail_specific_tab_wrap {
display: flex;
flex-direction: row;
position: relative;
}
.hqbdt-legacy .detail_specific_tab {
border: none;
flex: 1;
min-width: 0;
}
.hqbdt-legacy .detail_specific_tab ~ .detail_specific_tab {
margin-left: 0;
}
.hqbdt-legacy .detail_specific_tab .detail_tab_item {
border: none;
font-size: calc(var(--fontRatio, 1) * 14px);
height: 60px;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.hqbdt-legacy .detail_tab_item.detail_tab_active:before {
border: none;
}
.hqbdt-legacy .detail_specfic_panel {
margin-left: 15px;
margin-right: 15px;
overflow: hidden;
}
}
.hqbdt-legacy .hqbdt-pd-ref__richtext {
overflow-x: auto;
}
.hqbdt-legacy .hqbdt-pd-ref__richtext p {
margin: 0 0 0.85em;
}
.hqbdt-legacy .hqbdt-pd-ref__richtext img {
max-width: 100%;
height: auto;
}
.hqbdt-legacy .hqbdt-pd-ref__richtext table {
max-width: 100%;
display: block;
overflow-x: auto;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-pd-ref__wrap {
flex-wrap: nowrap;
}
.hqbdt-legacy .hqbdt-pd-ref__left {
flex: 0 0 48%;
max-width: 48%;
}
.hqbdt-legacy .hqbdt-pd-ref__right {
flex: 1 1 0;
}
}
@media (max-width: 991px) {
.hqbdt-legacy .hqbdt-product-page--sidebar .product-sidebar {
margin-bottom: 1.5rem;
}
}
/* 关于我们等单页：双栏正文（参考设计稿） */
.hqbdt-legacy .hqbdt-about-single-wrap {
background: #fff;
padding: 2.5rem 0 3.5rem;
}
.hqbdt-legacy .hqbdt-about-single__intro-row {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
margin-bottom: 1.5rem;
}
.hqbdt-legacy .hqbdt-about-single__intro-row .hqbdt-about-single__title {
margin-bottom: 0;
}
/* 双栏内联：标题区与右栏大图同一行顶对齐，略收紧与正文块的间距 */
.hqbdt-legacy .hqbdt-about-single__intro-row--in-grid {
margin-bottom: 1.15rem;
}
.hqbdt-legacy .hqbdt-about-single__left-stack {
display: flex;
flex-direction: column;
gap: 1.25rem;
min-width: 0;
}
.hqbdt-legacy .hqbdt-about-single__text {
font-size: 15px;
line-height: 1.85;
color: #3d4249;
}
.hqbdt-legacy .hqbdt-about-single__text p {
margin-bottom: 0.85em;
}
.hqbdt-legacy .hqbdt-about-single__figure--inline1 {
margin: 0;
}
.hqbdt-legacy .hqbdt-about-single__inline-img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
object-fit: cover;
}
.hqbdt-legacy .hqbdt-about-single__side--inline {
padding-right: 15px;
box-sizing: border-box;
}
/* 内联图版式：左文+左下横图 | 右侧竖向主图（与左栏行高对齐拉伸） */
.hqbdt-legacy .hqbdt-about-single--inline-img {
align-items: stretch;
}
.hqbdt-legacy .hqbdt-about-single--inline-img .hqbdt-about-single__side--inline {
display: flex;
flex-direction: column;
gap: 1.25rem;
position: static;
top: auto;
align-self: stretch;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-about-single--inline-img .hqbdt-about-single__side-img--top {
flex: 1 1 auto;
min-height: 320px;
height: auto;
width: 100%;
object-fit: cover;
object-position: center;
}
}
.hqbdt-legacy .hqbdt-about-single {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
align-items: start;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-about-single {
grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
gap: 2.5rem 3rem;
}
}
/* 与 .hqbdt-channel-toolbar__tabs-row 左右 15px 内边距一致，使正文左缘与胶囊导航左对齐 */
.hqbdt-legacy .hqbdt-about-single__main {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
/* 本机安装 AlibabaPuHuiTi-3-65-Medium.ttf 时，系统注册名多为「Alibaba PuHuiTi 3.0 65 Medium」（非文件名） */
.hqbdt-legacy .hqbdt-about-single__kicker {
font-family: "Alibaba PuHuiTi 3.0 65 Medium", "阿里巴巴普惠体 3.0 65 Medium", "Alibaba PuHuiTi 3.0", "阿里巴巴普惠体 3.0", "fontface__阿里巴巴普惠体-Medium__33__308344809034", "Alibaba PuHuiTi Medium", "Alibaba PuHuiTi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
font-size: 28px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #d1d5db;
margin: 0 0 0.75rem 0;
line-height: 1.3;
}
.hqbdt-legacy .hqbdt-about-single__title {
font-size: clamp(1.35rem, 2.5vw, 1.85rem);
font-weight: 700;
color: #1f2229;
margin: 0 0 1.25rem 0;
line-height: 1.35;
}
.hqbdt-legacy .hqbdt-about-single__lead {
font-size: 15px;
line-height: 1.75;
color: #5a5f66;
margin: 0 0 1.25rem 0;
}
.hqbdt-legacy .hqbdt-about-single__body {
font-size: 15px;
line-height: 1.85;
color: #3d4249;
}
.hqbdt-legacy .hqbdt-about-single__body p {
margin-bottom: 0.85em;
}
.hqbdt-legacy .hqbdt-about-single__figure {
margin: 1.75rem 0 0 0;
padding: 0;
}
.hqbdt-legacy .hqbdt-about-single__figure img {
width: 100%;
height: auto;
display: block;
border-radius: 4px;
}
.hqbdt-legacy .hqbdt-about-single__side {
margin: 0;
}
.hqbdt-legacy .hqbdt-about-single__side-img {
width: 100%;
min-height: 280px;
height: auto;
object-fit: cover;
object-position: center;
border-radius: 4px;
display: block;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-about-single__side {
position: sticky;
top: 100px;
align-self: stretch;
}
.hqbdt-legacy .hqbdt-about-single--inline-img .hqbdt-about-single__side {
position: static;
top: auto;
}
.hqbdt-legacy .hqbdt-about-single__side-img {
min-height: min(72vh, 640px);
height: 100%;
max-height: none;
}
}
/* 关于我们：发展历程（绿条下方，时间轴 + 图文切换） */
.hqbdt-legacy .hqbdt-about-history-section {
padding: clamp(2rem, 5vw, 3.75rem) 0 clamp(2.25rem, 5vw, 4rem);
background: #fff;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-history .container {
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-history__head {
margin-bottom: clamp(1.25rem, 3vw, 2rem);
padding-left: 15px;
padding-right: 15px;
}
.hqbdt-legacy .hqbdt-about-history__kicker {
margin: 0 0 0.35rem 0;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #12823e;
}
.hqbdt-legacy .hqbdt-about-history__title {
margin: 0;
font-size: clamp(1.35rem, 2.5vw, 1.85rem);
font-weight: 700;
color: #1f2229;
line-height: 1.35;
}
.hqbdt-legacy .hqbdt-about-history__stage-wrap {
display: flex;
align-items: center;
gap: clamp(0.35rem, 2vw, 0.75rem);
padding-left: 0;
padding-right: 0;
}
.hqbdt-legacy .hqbdt-about-history__nav {
flex-shrink: 0;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
color: #6b7280;
background: rgba(0, 0, 0, 0.06);
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease;
}
.hqbdt-legacy .hqbdt-about-history__nav:hover {
background: rgba(0, 0, 0, 0.1);
color: #374151;
}
/* 与 __head 相同左右 15px，使轮播内容与「发展历程」标题左缘对齐 */
.hqbdt-legacy .hqbdt-about-history__stage-inset {
flex: 1;
min-width: 0;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-history__stage {
flex: 1;
min-width: 0;
position: relative;
}
.hqbdt-legacy .hqbdt-about-history__slide {
display: none;
}
.hqbdt-legacy .hqbdt-about-history__slide.is-active {
display: block;
}
/* 左图 | 右栏：标题在上、正文在下 */
.hqbdt-legacy .hqbdt-about-history__slide-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: stretch;
}
@media (min-width: 992px) {
.hqbdt-legacy .hqbdt-about-history__slide-grid {
display: grid;
grid-template-columns: minmax(0, min(34.5vw, 390px)) minmax(0, 1fr);
grid-template-rows: auto;
column-gap: 2em;
align-items: center;
}
.hqbdt-legacy .hqbdt-about-history__slide-media {
grid-column: 1;
grid-row: 1;
justify-self: start;
}
.hqbdt-legacy .hqbdt-about-history__slide-text {
grid-column: 2;
grid-row: 1;
min-width: 0;
padding-left: 0;
padding-right: 0;
}
}
.hqbdt-legacy .hqbdt-about-history__slide-media {
margin: 0;
align-self: flex-start;
width: 100%;
max-width: 100%;
border-radius: 4px;
overflow: hidden;
background: #eef1f4;
min-height: 123px;
}
/* 图列宽约 −25%；展示高度约 +10%；pics 首图 */
.hqbdt-legacy .hqbdt-about-history__slide-media img {
width: 100%;
height: min(32.032vh, 258.5px);
min-height: 135px;
object-fit: cover;
object-position: center;
display: block;
}
.hqbdt-legacy .hqbdt-about-history__slide-media--empty {
min-height: 135px;
background: linear-gradient(135deg, #e8ecf0 0%, #f3f5f7 100%);
}
.hqbdt-legacy .hqbdt-about-history__slide-text {
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-history__slide-title {
margin: 0 0 2.75rem 0;
font-size: clamp(1.05rem, 2vw, 1.25rem);
font-weight: 700;
color: #1f2229;
line-height: 1.4;
}
.hqbdt-legacy .hqbdt-about-history__slide-body {
font-size: 15px;
line-height: 1.85;
color: #3d4249;
}
.hqbdt-legacy .hqbdt-about-history__slide-body p {
margin: 0 0 0.85em 0;
}
.hqbdt-legacy .hqbdt-about-history__timeline {
position: relative;
--hqbdt-history-dot-row-h: 35px;
margin-top: clamp(1.75rem, 4vw, 2.75rem);
padding: 0 15px;
}
.hqbdt-legacy .hqbdt-about-history__timeline-line {
position: absolute;
left: 15px;
right: 15px;
top: calc(var(--hqbdt-history-dot-row-h) / 2);
height: 1px;
margin: 0;
background: #e5e7eb;
pointer-events: none;
transform: translateY(-50%);
z-index: 0;
}
.hqbdt-legacy .hqbdt-about-history__timeline-ticks {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 0.25rem;
position: relative;
z-index: 1;
}
.hqbdt-legacy .hqbdt-about-history__tick {
flex: 1 1 0;
min-width: 0;
margin: 0;
padding: 0 2px;
border: 0;
background: transparent;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.65rem;
font: inherit;
color: inherit;
}
.hqbdt-legacy .hqbdt-about-history__tick:focus-visible {
outline: 2px solid #12823e;
outline-offset: 2px;
}
.hqbdt-legacy .hqbdt-about-history__tick-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
height: var(--hqbdt-history-dot-row-h);
min-height: var(--hqbdt-history-dot-row-h);
padding: 0;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-history__tick-dot {
width: 13px;
height: 13px;
border-radius: 50%;
background: #c4c9d0;
flex-shrink: 0;
}
.hqbdt-legacy .hqbdt-about-history__tick:not(.is-active) .hqbdt-about-history__tick-dot:nth-child(2),
.hqbdt-legacy .hqbdt-about-history__tick:not(.is-active) .hqbdt-about-history__tick-dot:nth-child(3) {
display: none;
}
.hqbdt-legacy .hqbdt-about-history__tick.is-active .hqbdt-about-history__tick-dot {
display: inline-block;
width: 11px;
height: 11px;
background: #12823e;
}
.hqbdt-legacy .hqbdt-about-history__tick-year {
font-size: 28px;
font-weight: 500;
color: #9ca3af;
line-height: 1.2;
}
.hqbdt-legacy .hqbdt-about-history__tick.is-active .hqbdt-about-history__tick-year {
color: #12823e;
font-weight: 700;
}
@media (max-width: 767px) {
.hqbdt-legacy .hqbdt-about-history__nav {
width: 38px;
height: 38px;
}
.hqbdt-legacy .hqbdt-about-history__tick-year {
font-size: 24px;
}
}
/* 关于我们：荣誉资质（发展历程下方，证书图墙 + 悬停微放大） */
.hqbdt-legacy .hqbdt-about-honor-section {
padding: clamp(2rem, 5vw, 3.5rem) 0 clamp(2.25rem, 5vw, 3.5rem);
background: #eef1f4;
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-honor .container {
box-sizing: border-box;
}
.hqbdt-legacy .hqbdt-about-honor__head {
margin-bottom: clamp(1.25rem, 3vw, 2rem);
padding-left: 15px;
padding-right: 15px;
}
.hqbdt-legacy .hqbdt-about-honor__kicker {
margin: 0 0 0.35rem 0;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.03em;
color: #12823e;
}
.hqbdt-legacy .hqbdt-about-honor__title {
margin: 0;
font-size: clamp(1.35rem, 2.5vw, 1.85rem);
font-weight: 700;
color: #1f2229;
line-height: 1.35;
}
.hqbdt-legacy .hqbdt-about-honor__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(0.75rem, 2vw, 1.25rem);
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.hqbdt-legacy .hqbdt-about-honor__grid {
grid-template-columns: repeat(4, 1fr);
}
}
.hqbdt-legacy .hqbdt-about-honor__cell {
min-width: 0;
}
.hqbdt-legacy .hqbdt-about-honor__figure {
margin: 0;
padding: 0;
background: #fff;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}
.hqbdt-legacy .hqbdt-about-honor__img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
transition: transform 0.35s ease;
transform: scale(1);
transform-origin: center center;
}
.hqbdt-legacy .hqbdt-about-honor__figure:hover .hqbdt-about-honor__img {
transform: scale(1.06);
}