1473 lines
40 KiB
CSS
1473 lines
40 KiB
CSS
html,
|
||
body,
|
||
#app {
|
||
margin: 0;
|
||
padding: 0;
|
||
min-height: 100%;
|
||
}
|
||
|
||
/*
|
||
* 仅 Logo/微信/Menu 所在条 .leftNav：占位层常 width:100% 且盖在 .topbar（中英日）之上，
|
||
* 但不改 z-index、不把 Menu 改成 fixed，避免顶栏跑版。
|
||
* 容器不接收命中，子元素恢复命中 → 空白处点击穿透到下层中英日。
|
||
*/
|
||
.haiho-page .header .leftNav {
|
||
pointer-events: none;
|
||
}
|
||
|
||
.haiho-page .header .leftNav * {
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.haiho-page .header .topbar .user01 span[data-lang] {
|
||
pointer-events: auto;
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 移动端顶栏：归档导航 CSS 把 .p_iconBox 置于 top:40% 大侧栏坐标下，在 75px 顶栏内不可见；线条在浅底上也不明显 */
|
||
@media (max-width: 768px) {
|
||
.haiho-page .header {
|
||
position: relative;
|
||
overflow: visible;
|
||
}
|
||
|
||
.haiho-page .header .leftNav {
|
||
position: relative;
|
||
z-index: 30;
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
width: 100%;
|
||
min-height: 0;
|
||
}
|
||
|
||
.haiho-page .header .topbar {
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.haiho-page .header .topbar .user01 {
|
||
pointer-events: auto;
|
||
position: relative;
|
||
z-index: 50;
|
||
}
|
||
|
||
.haiho-page .header .topbar .user01 span[data-lang] {
|
||
pointer-events: auto;
|
||
position: relative;
|
||
z-index: 2;
|
||
}
|
||
|
||
.haiho-page .header .p_iconBox {
|
||
position: absolute !important;
|
||
right: 10px !important;
|
||
top: 50% !important;
|
||
left: auto !important;
|
||
margin: 0 !important;
|
||
transform: translateY(-50%) !important;
|
||
width: 88px !important;
|
||
height: 88px !important;
|
||
min-width: 88px;
|
||
min-height: 88px;
|
||
padding: 0 !important;
|
||
border-radius: 50% !important;
|
||
border: 2px solid #fff !important;
|
||
background: #d8231d !important;
|
||
z-index: 40;
|
||
box-sizing: border-box;
|
||
display: flex !important;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-decoration: none;
|
||
box-shadow:
|
||
0 0 0 1px rgba(0, 0, 0, 0.88),
|
||
0 4px 14px rgba(0, 0, 0, 0.16) !important;
|
||
-webkit-tap-highlight-color: transparent;
|
||
}
|
||
|
||
.haiho-page .header .p_iconBox span,
|
||
.haiho-page .header .p_iconBox span::before,
|
||
.haiho-page .header .p_iconBox span::after {
|
||
background: #fff !important;
|
||
}
|
||
|
||
/* 归档 CSS 用 absolute 画三线，在 flex 圆钮内需改定位以免重叠文案 */
|
||
.haiho-page .header .p_iconBox span {
|
||
position: relative !important;
|
||
left: auto !important;
|
||
top: auto !important;
|
||
transform: none !important;
|
||
width: 28px !important;
|
||
height: 16px !important;
|
||
margin: 0 auto;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.haiho-page .header .p_iconBox span::before,
|
||
.haiho-page .header .p_iconBox span::after {
|
||
background: #fff !important;
|
||
}
|
||
|
||
.haiho-page .header .p_iconBox .manu {
|
||
display: block !important;
|
||
margin: 4px 0 0;
|
||
padding: 0;
|
||
font-size: 13px;
|
||
line-height: 1;
|
||
color: #fff !important;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.haiho-page .header .p_iconBox:hover .manu {
|
||
color: #fff !important;
|
||
}
|
||
}
|
||
|
||
/*
|
||
* 归档主导航样式曾为隐藏旧站「提货入口 / 华阳商城」写了：
|
||
* .header ul li.p_level1Item:nth-child(7|8) { display: none }
|
||
* 后台主导航去掉这两项后，第 7 条一级菜单已是「联系我们」，会被上述规则整块隐藏。
|
||
* 必须用更高优先级覆盖，否则 DOM/接口都有第 7 项，侧栏仍只显示 6 条。
|
||
*/
|
||
.haiho-page .header ul div.navitem > li.p_level1Item:nth-child(7),
|
||
.haiho-page .header ul div.navitem > li.p_level1Item:nth-child(8) {
|
||
display: block !important;
|
||
}
|
||
|
||
/*
|
||
* 产品中心：归档主导航容器 z-index 与首页模板一致，避免通栏内容叠在顶栏/Menu 圆钮之上，
|
||
* 与其它子页交互一致（顶栏 .p_iconBox + 同套侧栏展开）。
|
||
*/
|
||
body[data-pageid='ca42b3fa-2fc5-4217-a099-272a787889b1'] .haiho-page #c_navigation_006_P_1060-17155922968550 {
|
||
position: relative;
|
||
z-index: 10050 !important;
|
||
}
|
||
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* Keep first-screen fullpage slider close to original site */
|
||
.haiho-page .saf-fullscreen {
|
||
height: 100vh;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page .saf-fullscreen > .swiper {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.haiho-page .saf-fullscreen > .swiper > .swiper-wrapper {
|
||
height: 100%;
|
||
will-change: transform;
|
||
}
|
||
|
||
.haiho-page .saf-fullscreen > .swiper:not(.swiper-horizontal) > .swiper-wrapper {
|
||
display: block !important;
|
||
transform: translate3d(0, 0, 0);
|
||
}
|
||
|
||
.haiho-page .saf-fullscreen > .swiper > .swiper-wrapper > .swiper-slide {
|
||
width: 100% !important;
|
||
height: 100vh !important;
|
||
overflow: hidden;
|
||
}
|
||
|
||
body.hy-home-fullpage-transitioning .haiho-page .huayang-honor-marquee-track,
|
||
body.hy-home-fullpage-transitioning .haiho-page .huayang-store-showcase-marquee__track {
|
||
animation-play-state: paused !important;
|
||
}
|
||
|
||
.haiho-page .e_bannerA-6 .swiper-container,
|
||
.haiho-page .e_bannerA-6 .swiper-wrapper,
|
||
.haiho-page .e_bannerA-6 .swiper-slide {
|
||
width: 100%;
|
||
}
|
||
|
||
/* Product showcase swiper: force full-viewport width */
|
||
.haiho-page .e_loop-2 {
|
||
width: 100vw !important;
|
||
max-width: 100vw !important;
|
||
margin-left: calc(50% - 50vw) !important;
|
||
margin-right: calc(50% - 50vw) !important;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page .e_loop-2 .p_list,
|
||
.haiho-page .e_loop-2 .swiper-container,
|
||
.haiho-page .e_loop-2 .swiper-wrapper {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
.haiho-page .e_loop-2 .swiper-slide,
|
||
.haiho-page .e_loop-2 .p_loopitem {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
/* Product list fallback: disable legacy pseudo-carousel layout */
|
||
.haiho-page .e_loop-24 .p_list {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 18px;
|
||
width: 100% !important;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
transform: none !important;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 .p_list .p_loopitem {
|
||
width: auto !important;
|
||
margin: 0 !important;
|
||
float: none !important;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 .p_page {
|
||
display: none !important;
|
||
}
|
||
|
||
/* 产品中心列表：主图限制高度，底部「联系我们 / 产品详情」 */
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-list-card {
|
||
background: #fff;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 10px;
|
||
padding: 12px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__media {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
max-height: 220px;
|
||
min-height: 100px;
|
||
overflow: hidden;
|
||
background: #f8fafc;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__media a {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__media img {
|
||
max-height: 220px;
|
||
width: auto;
|
||
max-width: 100%;
|
||
height: auto;
|
||
object-fit: contain;
|
||
display: block;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__actions {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px 12px;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
padding-top: 12px;
|
||
margin-top: 10px;
|
||
border-top: 1px solid #ebeef5;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__action {
|
||
font-size: 13px;
|
||
font-weight: 500;
|
||
text-decoration: none;
|
||
padding: 8px 14px;
|
||
border-radius: 8px;
|
||
transition: opacity 0.2s ease;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__action:hover {
|
||
opacity: 0.88;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__action--contact {
|
||
color: #1d4ed8;
|
||
background: #eff6ff;
|
||
}
|
||
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-card__action--detail {
|
||
color: #b91c1c;
|
||
background: #fef2f2;
|
||
}
|
||
|
||
@media (max-width: 1200px) {
|
||
.haiho-page .e_loop-24 .p_list {
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.haiho-page .e_loop-24 .p_list {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
/* Fix product category menu horizontal layout */
|
||
.haiho-page .e_loop-3 .p_list#product-category-list {
|
||
display: flex !important;
|
||
flex-wrap: nowrap !important;
|
||
overflow-x: auto;
|
||
gap: 20px;
|
||
align-items: center;
|
||
scrollbar-width: none; /* Firefox */
|
||
}
|
||
.haiho-page .e_loop-3 .p_list#product-category-list::-webkit-scrollbar {
|
||
display: none; /* Safari/Chrome */
|
||
}
|
||
.haiho-page .e_loop-3 .p_list#product-category-list .p_loopitem {
|
||
flex-shrink: 0 !important;
|
||
float: none !important;
|
||
width: auto !important;
|
||
}
|
||
|
||
.haiho-page .e_loop-3 .p_list#product-category-list .p_loopitem.actived a {
|
||
color: #0066cc !important;
|
||
font-weight: bold;
|
||
}
|
||
.haiho-page .e_loop-3 .p_list#product-category-list .p_loopitem.actived::after {
|
||
content: '';
|
||
display: block;
|
||
width: 100%;
|
||
height: 2px;
|
||
background-color: #0066cc;
|
||
margin-top: 4px;
|
||
}
|
||
|
||
/* 产品详情页：参考旧站 product/*.html 侧栏 + 主内容 + 相关产品 */
|
||
.haiho-page .e_loop-24 #product-list-grid .haiho-product-detail-page {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 8px 0 32px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-layout {
|
||
display: block;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-back {
|
||
display: inline-block;
|
||
margin-bottom: 18px;
|
||
padding: 8px 14px;
|
||
border-radius: 8px;
|
||
border: 1px solid #cbd5e1;
|
||
color: #334155;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
transition: background 0.2s ease;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-back:hover {
|
||
background: #f8fafc;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-main {
|
||
flex: 1;
|
||
min-width: 0;
|
||
background: #fff;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 12px;
|
||
padding: 24px 20px 32px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-hero {
|
||
text-align: center;
|
||
margin-bottom: 20px;
|
||
background: #f8fafc;
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-hero img {
|
||
display: block;
|
||
max-width: 100%;
|
||
max-height: 420px;
|
||
width: auto;
|
||
margin: 0 auto;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-hero--empty {
|
||
padding: 40px 16px;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-hero--empty img {
|
||
max-height: 160px;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-title {
|
||
margin: 0 0 12px;
|
||
font-size: 26px;
|
||
font-weight: 600;
|
||
color: #0f172a;
|
||
line-height: 1.35;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-price {
|
||
font-size: 16px;
|
||
color: #64748b;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-price strong {
|
||
color: #e60012;
|
||
font-size: 22px;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-desc {
|
||
line-height: 1.85;
|
||
font-size: 15px;
|
||
color: #334155;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-desc__empty {
|
||
text-align: center;
|
||
color: #94a3b8;
|
||
margin: 0;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-qual {
|
||
margin-top: 28px;
|
||
padding-top: 20px;
|
||
border-top: 1px solid #ebeef5;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-qual__title {
|
||
margin: 0 0 14px;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: #0f172a;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-qual__grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
|
||
gap: 12px;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-qual__item {
|
||
margin: 0;
|
||
padding: 8px;
|
||
background: #fafafa;
|
||
border: 1px solid #ebeef5;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-qual__item img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
max-height: 200px;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related {
|
||
margin-top: 32px;
|
||
padding-top: 24px;
|
||
border-top: 1px solid #ebeef5;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__title {
|
||
margin: 0 0 16px;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: #0f172a;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
|
||
gap: 16px;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
color: #334155;
|
||
font-size: 13px;
|
||
padding: 8px;
|
||
border-radius: 10px;
|
||
border: 1px solid #ebeef5;
|
||
background: #fafafa;
|
||
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__item:hover {
|
||
border-color: #cbd5e1;
|
||
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__imgwrap {
|
||
width: 100%;
|
||
max-width: 120px;
|
||
aspect-ratio: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
overflow: hidden;
|
||
border-radius: 8px;
|
||
background: #fff;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__imgwrap img {
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.haiho-page .haiho-product-detail-related__name {
|
||
line-height: 1.4;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* Product detail image swiper */
|
||
.haiho-page .product-detail-swiper .swiper {
|
||
width: 100%;
|
||
max-width: 600px;
|
||
margin: 0 auto;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page .product-detail-swiper .swiper-slide {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #fff;
|
||
}
|
||
|
||
.haiho-page .product-detail-swiper .swiper-slide img {
|
||
display: block;
|
||
max-width: 100%;
|
||
max-height: 500px;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.haiho-page .product-detail-swiper .swiper-button-prev,
|
||
.haiho-page .product-detail-swiper .swiper-button-next {
|
||
color: #fff;
|
||
background: rgba(0, 0, 0, 0.3);
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.haiho-page .product-detail-swiper .swiper-button-prev::after,
|
||
.haiho-page .product-detail-swiper .swiper-button-next::after {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.haiho-page .product-detail-swiper .swiper-pagination-bullet-active {
|
||
background: #e60012;
|
||
}
|
||
|
||
/*
|
||
* 首页「华阳文化」.industry-list
|
||
* 归档 CSS 依赖 legacy JS 为子项切换 .now / .sible 宽度；SPA 关闭 ENABLE_LEGACY_RUNTIME 后失效。
|
||
* 以下用 flex + :has(> div:hover) 还原悬停展开，子项数量变化时仍按比例分配。
|
||
*/
|
||
@media screen and (min-width: 769px) {
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list {
|
||
display: flex !important;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap !important;
|
||
align-items: stretch;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list > div {
|
||
float: none !important;
|
||
width: auto !important;
|
||
flex: 1 1 0 !important;
|
||
min-width: 0 !important;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
transition: flex 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
||
}
|
||
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list > div .e_image-6 {
|
||
position: relative;
|
||
flex: 1 1 auto;
|
||
min-height: 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list > div .e_image-6 img {
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
min-height: 0 !important;
|
||
max-height: none !important;
|
||
margin: 0 auto !important;
|
||
object-fit: cover !important;
|
||
opacity: 0.9 !important;
|
||
transition: opacity 0.35s ease, transform 0.45s ease !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 769px) and (hover: hover) and (pointer: fine) {
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list:has(> div:hover) > div:not(:hover) {
|
||
flex: 0.52 1 0 !important;
|
||
}
|
||
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list > div:hover {
|
||
flex: 3.2 1 0 !important;
|
||
}
|
||
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list > div:hover .e_image-6 img {
|
||
opacity: 1 !important;
|
||
transform: scale(1.07) !important;
|
||
}
|
||
|
||
.haiho-page [id^='c_static_001_P_33409-'] .industry-list > div:hover .e_image-6:after {
|
||
opacity: 0.05 !important;
|
||
}
|
||
}
|
||
|
||
/*
|
||
* 资质荣誉（#c_static_001_P_4578-16941414442160）：
|
||
* 仅「关于我们 / 品质技术」同源模板页收紧上下留白，参考浅灰内容带紧凑边距。
|
||
* 发展历程等页若复用同 id，不包含在下列选择器中，以免误伤。
|
||
*/
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 {
|
||
margin-top: 20px;
|
||
margin-bottom: 0;
|
||
padding: 18px 16px 22px;
|
||
box-sizing: border-box;
|
||
background-color: #f4f4f5;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_container-5.s_layout,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_container-5.s_layout,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_container-5.s_layout {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .cbox-5-0.p_item,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .cbox-5-0.p_item,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .cbox-5-0.p_item {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_h1-6.s_summary,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_h1-6.s_summary,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_h1-6.s_summary {
|
||
margin-top: 0;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_loop-11,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_loop-11,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_loop-11 {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_loop-11 .p_list,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_loop-11 .p_list,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_loop-11 .p_list {
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_text-14.s_title,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_text-14.s_title,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_text-14.s_title {
|
||
margin-top: 6px;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_image-13 img,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_image-13 img,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_image-13 img {
|
||
max-height: min(36vh, 280px);
|
||
width: auto;
|
||
max-width: 100%;
|
||
object-fit: contain;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 {
|
||
margin-top: 16px;
|
||
padding: 14px 12px 18px;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-16941414442160 .e_image-13 img,
|
||
body[data-pageid='quality-tech-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_image-13 img,
|
||
body[data-pageid='about-honor-page'] .haiho-page #c_static_001_P_4578-16941414442160 .e_image-13 img {
|
||
max-height: min(30vh, 220px);
|
||
}
|
||
}
|
||
|
||
/* 资质荣誉：向左无限循环（双列无缝 + 线性动画） */
|
||
@keyframes huayang-honor-marquee-x {
|
||
from {
|
||
transform: translate3d(0, 0, 0);
|
||
}
|
||
to {
|
||
transform: translate3d(-50%, 0, 0);
|
||
}
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-marquee {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-marquee-viewport {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
background: #f0f2f5;
|
||
border-radius: 8px;
|
||
padding: 20px 0;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-marquee-track {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
width: max-content;
|
||
will-change: transform;
|
||
animation: huayang-honor-marquee-x var(--huayang-honor-marquee-duration, 40s) linear infinite;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-marquee-viewport:hover .huayang-honor-marquee-track {
|
||
animation-play-state: paused;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-marquee-set {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
flex-shrink: 0;
|
||
align-items: stretch;
|
||
gap: 24px;
|
||
padding: 0 16px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-card {
|
||
flex: 0 0 clamp(200px, 22vw, 280px);
|
||
width: clamp(200px, 22vw, 280px);
|
||
max-width: 85vw;
|
||
background: #fff;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-card-inner {
|
||
padding: 12px 12px 16px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-card-img {
|
||
background: #f8fafc;
|
||
border-radius: 4px;
|
||
line-height: 0;
|
||
text-align: center;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-card-img img {
|
||
max-width: 100%;
|
||
width: auto;
|
||
height: auto;
|
||
max-height: 200px;
|
||
object-fit: contain;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-card-title {
|
||
margin: 0;
|
||
font-size: 14px;
|
||
line-height: 1.45;
|
||
color: #0f172a;
|
||
text-align: center;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-card-type {
|
||
margin: 6px 0 0;
|
||
font-size: 12px;
|
||
line-height: 1.4;
|
||
color: #64748b;
|
||
text-align: center;
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.haiho-page #c_static_001_P_4578-16941414442160 .huayang-honor-marquee-track {
|
||
animation: none;
|
||
transform: none;
|
||
}
|
||
}
|
||
|
||
/*
|
||
* 统计四宫格（.cbox-39 为 flex:0 0 48% 且不可收缩的 flex 项）：
|
||
* fitSection2StatNumFontSize 给 .p_num 加了 nowrap，超长文字的 min-content
|
||
* 会沿 min-width:auto 链路把 48% 卡片撑大，触发 p_list 的 flex-wrap 串行；
|
||
* 解除卡片及其内部 flex 项的自动最小宽，让卡片保持 48%、长文字由 JS 缩放。
|
||
*/
|
||
.haiho-page #c_static_001_P_5212-1683353667670 .e_loop-39 .cbox-39,
|
||
.haiho-page #c_static_001_P_5212-1683353667670 .e_loop-39 .e_container-47 > .p_item {
|
||
min-width: 0;
|
||
}
|
||
|
||
/*
|
||
* 公司概况（#c_static_001_P_4578-1660723020064 / about_intro）：
|
||
* 限制富文本与 e_image 配图最大高度，避免竖图或大图撑满视口；与通栏 banner 量级接近。
|
||
*/
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 img,
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 figure img,
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .s_img img {
|
||
box-sizing: border-box;
|
||
max-width: 100% !important;
|
||
width: auto !important;
|
||
height: auto !important;
|
||
max-height: min(38vh, 400px) !important;
|
||
object-fit: contain !important;
|
||
object-position: center;
|
||
display: block;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
margin-top: 8px;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 figure {
|
||
margin: 8px 0;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 figure > img {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 p:has(> img:only-child),
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 div:has(> img:only-child) {
|
||
margin-top: 8px;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_container-16.s_layout,
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_container-18.s_layout {
|
||
margin-top: 12px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .s_img {
|
||
line-height: 0;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 img,
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .e_richText-8 figure img,
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .s_img img {
|
||
max-height: min(32vh, 280px) !important;
|
||
}
|
||
}
|
||
|
||
/* 全国门店页（店面展示 Tab）：左列表文字、右示意图 —— 覆盖归档 float 布局 */
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
align-items: stretch;
|
||
gap: 24px;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox .leftBox,
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox .rightBox {
|
||
float: none !important;
|
||
}
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox .leftBox {
|
||
order: 1;
|
||
flex: 0 1 40%;
|
||
min-width: 0;
|
||
max-width: 440px;
|
||
max-height: min(70vh, 580px);
|
||
overflow-y: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox .rightBox {
|
||
order: 2;
|
||
flex: 1 1 0;
|
||
min-width: 0;
|
||
}
|
||
@media (max-width: 900px) {
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox {
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
}
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox .leftBox {
|
||
max-width: 100%;
|
||
flex: 0 0 auto;
|
||
max-height: min(50vh, 400px);
|
||
}
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c'] .haiho-page .e_loop-1 .mapBox .rightBox {
|
||
flex: 0 0 auto;
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* 全国门店页：右侧由「站点配置 store_location_map_image」图片替代百度地图 */
|
||
.haiho-page .e_loop-1.huayang-store-location--image .areaBox .store-top {
|
||
display: none;
|
||
}
|
||
|
||
.haiho-page .huayang-store-location-img-panel {
|
||
width: 100%;
|
||
min-height: 400px;
|
||
max-height: min(70vh, 520px);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #f8fafc;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 8px;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page .huayang-store-location-img-panel__img {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
max-height: min(70vh, 520px);
|
||
object-fit: contain;
|
||
object-position: center;
|
||
}
|
||
|
||
.haiho-page .huayang-store-location-img-panel__placeholder {
|
||
padding: 24px 20px;
|
||
text-align: center;
|
||
color: #64748b;
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
max-width: 360px;
|
||
}
|
||
|
||
/* 无 store_location_map_image 时隐藏右侧，左侧占满 */
|
||
.haiho-page .e_loop-1.huayang-store-location--no-right .mapBox {
|
||
display: block !important;
|
||
}
|
||
.haiho-page .e_loop-1.huayang-store-location--no-right .mapBox .rightBox {
|
||
display: none !important;
|
||
}
|
||
.haiho-page .e_loop-1.huayang-store-location--no-right .mapBox .leftBox {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
float: none !important;
|
||
max-height: none;
|
||
flex: none;
|
||
order: 0;
|
||
}
|
||
|
||
/* 关于我们页：公司简介主栏（含店面展示 DOM 迁至 .e_richText-8 后）纵向排版，避免左右两栏 */
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-1660723020064 > .e_container-5.s_layout {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
width: 100%;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-1660723020064 .cbox-5-0.p_item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
width: 100%;
|
||
}
|
||
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152'] .haiho-page #c_static_001_P_4578-1660723020064 .cbox-5-0.p_item > * {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 富文本顶层的 inline flex 双栏（时间线与占位等）改为上下排列 */
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152']
|
||
.haiho-page
|
||
#c_static_001_P_4578-1660723020064
|
||
.e_richText-8
|
||
> div[style*='flex'],
|
||
body[data-pageid='0f314d44-bcb7-4dea-b818-1abd55ce0152']
|
||
.haiho-page
|
||
#c_static_001_P_4578-1660723020064
|
||
.e_richText-8
|
||
> section[style*='flex'] {
|
||
flex-direction: column !important;
|
||
align-items: stretch !important;
|
||
}
|
||
|
||
/* 发展历程页：主栏纵向全宽（勿与富文本内双栏并列）；富文本内残留 flex 双栏压成上下 */
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page #c_static_001_P_4578-1660723020064 > .e_container-5.s_layout {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
width: 100%;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page #c_static_001_P_4578-1660723020064 .cbox-5-0.p_item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
width: 100%;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page #c_static_001_P_4578-1660723020064 .cbox-5-0.p_item > * {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#c_static_001_P_4578-1660723020064
|
||
.e_richText-8
|
||
> div[style*='flex'],
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#c_static_001_P_4578-1660723020064
|
||
.e_richText-8
|
||
> section[style*='flex'] {
|
||
flex-direction: column !important;
|
||
align-items: stretch !important;
|
||
}
|
||
|
||
/* 发展历程页：同一静态区 #c_static_001_P_4578-1660723020064 内先时间线、后店面展示（归档样式可能为横向 flex） */
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page #c_static_001_P_4578-1660723020064 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#c_static_001_P_4578-1660723020064
|
||
> .e_container-5.s_layout {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
flex: 0 0 auto;
|
||
order: 1;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#c_static_001_P_4578-1660723020064
|
||
> #huayang-history-store-wrap {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
flex: 0 0 auto;
|
||
order: 2;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page #huayang-history-store-wrap {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
width: 100vw;
|
||
max-width: 100vw;
|
||
margin-left: calc(50% - 50vw);
|
||
margin-right: calc(50% - 50vw);
|
||
padding-left: 16px;
|
||
padding-right: 16px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page #huayang-history-store-wrap > * {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 发展历程页：归档遗留 CMS「店面展示」Swiper（非后台店面表数据），强制不展示 */
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0'] .haiho-page .huayang-archive-static-store-swiper,
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160[data-huayang-legacy-cms-store-hidden='1'] {
|
||
display: none !important;
|
||
visibility: hidden !important;
|
||
height: 0 !important;
|
||
overflow: hidden !important;
|
||
pointer-events: none !important;
|
||
}
|
||
|
||
/* 发展历程页网格区 / 店面展示页（store）跑马灯区 */
|
||
.haiho-page #huayang-history-store-wrap,
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160.huayang-store-page-showcase {
|
||
margin-top: 32px;
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-heading {
|
||
font-size: 1.35rem;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
/* 发展历程页：归档或旧接口若仍为网格结构时保留样式 */
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||
gap: 20px;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
background: #f8fafc;
|
||
border-radius: 8px;
|
||
padding: 16px;
|
||
}
|
||
|
||
/* 发展历程页：与店面展示页相同的 div 无限向左跑马灯（非轮播） */
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#huayang-history-store-wrap
|
||
.huayang-store-showcase-marquee {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
border-radius: 8px;
|
||
background: #f8fafc;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#huayang-history-store-wrap
|
||
.huayang-store-showcase-marquee__track {
|
||
display: flex;
|
||
width: max-content;
|
||
animation: huayang-store-marquee-left var(--huayang-marquee-duration, 45s) linear infinite;
|
||
will-change: transform;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#huayang-history-store-wrap
|
||
.huayang-store-showcase-marquee:hover
|
||
.huayang-store-showcase-marquee__track {
|
||
animation-play-state: paused;
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#huayang-history-store-wrap
|
||
.huayang-store-showcase-marquee__track {
|
||
animation: none;
|
||
}
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#huayang-history-store-wrap
|
||
.huayang-store-showcase-marquee__segment {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
align-items: stretch;
|
||
gap: 20px;
|
||
padding: 16px;
|
||
flex-shrink: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='5fa12ca5-7145-40f4-b43c-346ffb358bd0']
|
||
.haiho-page
|
||
#huayang-history-store-wrap
|
||
.huayang-store-showcase-marquee
|
||
.huayang-history-store-card {
|
||
flex: 0 0 auto;
|
||
width: clamp(180px, 22vw, 260px);
|
||
min-width: 160px;
|
||
max-width: none;
|
||
}
|
||
|
||
/* 店面展示页（store）：about_showcase 横向无限向左跑马灯 */
|
||
@keyframes huayang-store-marquee-left {
|
||
from {
|
||
transform: translateX(0);
|
||
}
|
||
to {
|
||
transform: translateX(-50%);
|
||
}
|
||
}
|
||
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-store-showcase-marquee {
|
||
overflow: hidden;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
border-radius: 8px;
|
||
background: #f8fafc;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-store-showcase-marquee__track {
|
||
display: flex;
|
||
width: max-content;
|
||
animation: huayang-store-marquee-left var(--huayang-marquee-duration, 45s) linear infinite;
|
||
will-change: transform;
|
||
}
|
||
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-store-showcase-marquee:hover
|
||
.huayang-store-showcase-marquee__track {
|
||
animation-play-state: paused;
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-store-showcase-marquee__track {
|
||
animation: none;
|
||
}
|
||
}
|
||
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-store-showcase-marquee__segment {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
align-items: stretch;
|
||
gap: 20px;
|
||
padding: 16px;
|
||
flex-shrink: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-grid .huayang-history-store-card {
|
||
width: 100%;
|
||
min-width: 0;
|
||
background: #fff;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-store-showcase-marquee .huayang-history-store-card {
|
||
min-width: 0;
|
||
background: #fff;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-history-store-card {
|
||
min-width: 0;
|
||
background: #fff;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-store-showcase-marquee
|
||
.huayang-history-store-card {
|
||
flex: 0 0 auto;
|
||
width: clamp(180px, 22vw, 260px);
|
||
min-width: 160px;
|
||
max-width: none;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-card-inner,
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-history-store-card-inner {
|
||
padding: 12px 12px 14px;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-card-img,
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-history-store-card-img {
|
||
background: #f1f5f9;
|
||
border-radius: 6px;
|
||
line-height: 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-card-img img,
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-history-store-card-img
|
||
img {
|
||
width: 100%;
|
||
height: 200px;
|
||
object-fit: cover;
|
||
display: block;
|
||
}
|
||
|
||
.haiho-page #huayang-history-store-wrap .huayang-history-store-card-title,
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#c_static_001_P_4578-16941414442160
|
||
.huayang-history-store-card-title {
|
||
margin: 10px 0 0;
|
||
font-size: 14px;
|
||
line-height: 1.45;
|
||
color: #0f172a;
|
||
text-align: center;
|
||
}
|
||
|
||
/* 发展历程时间线：要点行强调、无配图时隐藏占位列 */
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .huayang-timeline-cell--empty {
|
||
display: none !important;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .huayang-timeline-meta {
|
||
color: #1d4ed8;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .huayang-timeline-lead {
|
||
color: #1e40af;
|
||
font-weight: 600;
|
||
margin-top: 4px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .huayang-timeline-detail,
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .huayang-timeline-detail p {
|
||
color: #64748b;
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.haiho-page #c_static_001_P_4578-1660723020064 .huayang-timeline-item .e_container-28 {
|
||
background: #f1f5f9;
|
||
border-radius: 8px;
|
||
padding: 12px 16px;
|
||
}
|
||
|
||
/* 子页顶部通栏横幅（.e_bannerA-1）：限制纵向占位，避免首屏被过高图片占满 */
|
||
.haiho-page .e_bannerA-1.s_list {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.haiho-page .e_bannerA-1 .swiper-container {
|
||
max-height: min(44vh, 460px);
|
||
}
|
||
|
||
.haiho-page .e_bannerA-1 .swiper-slide.p_slide {
|
||
height: auto !important;
|
||
max-height: min(44vh, 460px);
|
||
}
|
||
|
||
.haiho-page .e_bannerA-1 .swiper-slide .p_img {
|
||
height: min(40vh, 420px);
|
||
max-height: min(40vh, 420px);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.haiho-page .e_bannerA-1 .swiper-slide .p_img img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
object-position: center;
|
||
display: block;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.haiho-page .e_bannerA-1 .swiper-container {
|
||
max-height: min(36vh, 280px);
|
||
}
|
||
|
||
.haiho-page .e_bannerA-1 .swiper-slide.p_slide {
|
||
max-height: min(36vh, 280px);
|
||
}
|
||
|
||
.haiho-page .e_bannerA-1 .swiper-slide .p_img {
|
||
height: min(34vh, 260px);
|
||
max-height: min(34vh, 260px);
|
||
}
|
||
}
|
||
|
||
/* 全国门店：网点列表可点击，切换右侧地图 */
|
||
.haiho-page #items .sItem {
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 接口注入的店面位置行：左侧仅文案；配图仅在右侧单张大图切换 */
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#items[data-huayang-map-list-from-api='1']
|
||
.huayang-map-location-row {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
body[data-pageid='3dab96dd-d8d5-45e3-af9a-ff735532e65c']
|
||
.haiho-page
|
||
#items[data-huayang-map-list-from-api='1']
|
||
.huayang-map-location-row__text {
|
||
min-width: 0;
|
||
}
|
||
|
||
/* 页脚红条：隐藏「留资」表单（白底输入框 + 红色提交按钮）以及上方文案 e_text-92/93 */
|
||
.haiho-page .e_container-74 .e_form-94.s_form_layout1,
|
||
.haiho-page .s_tmpl_footer .e_form-94.s_form_layout1,
|
||
.haiho-page .e_container-74 .e_text-92,
|
||
.haiho-page .e_container-74 .e_text-93,
|
||
.haiho-page .s_tmpl_footer .e_text-92,
|
||
.haiho-page .s_tmpl_footer .e_text-93 {
|
||
display: none !important;
|
||
}
|