
/* 产品中心悬浮式三级菜单 */
.product-grid.product-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:transparent;align-items:start;overflow:visible}
.product-menu-root{position:relative;min-width:0}
.product-menu-root .product-top{position:relative;height:100%;min-height:235px;box-shadow:0 6px 18px #102b4010}
.product-menu-root.has-submenu .product-top:after{content:"⌄";position:absolute;right:24px;bottom:20px;font-size:15px;color:#7fa4b8;transition:.2s}
.product-menu-root.has-submenu:hover .product-top:after{color:#fff;transform:translateY(3px)}
.product-menu-root.has-submenu:hover .product-top,.product-menu-root.has-submenu:focus-within .product-top{background:#0d547e;color:#fff}
.product-menu-root.has-submenu:hover .product-top p,.product-menu-root.has-submenu:hover .product-top .num,.product-menu-root.has-submenu:hover .product-top .product-icon{color:#c3e2f0}
.product-submenu{position:absolute;top:calc(100% - 1px);left:0;z-index:30;width:320px;padding:6px 0;background:#fff;border:1px solid #d9e5eb;box-shadow:0 18px 38px #102b4026;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.product-menu-root:hover .product-submenu,.product-menu-root:focus-within .product-submenu{opacity:1;visibility:visible;transform:none}
.product-submenu .product-child-group{position:relative;border-bottom:1px solid #e8eff3}
.product-submenu .product-child-group:last-child{border-bottom:0}
.product-child,.product-grandchild{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#27566f;line-height:1.5}
.product-submenu .product-child{padding:13px 20px;font-size:14px;font-weight:600}
.product-child:hover,.product-grandchild:hover{background:#eaf4f8;color:#0a4c78}
.product-child i,.product-grandchild i{font-style:normal;font-size:12px;color:#7fa4b8;flex:0 0 auto}
.product-grandchildren{position:absolute;left:calc(100% + 8px);top:-7px;z-index:40;width:220px;padding:6px 0;background:#fff;border:1px solid #d9e5eb;box-shadow:0 18px 38px #102b4026;opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.product-child-group.has-grandchildren:hover .product-grandchildren,.product-child-group.has-grandchildren:focus-within .product-grandchildren{opacity:1;visibility:visible;transform:none}
.product-grandchild{padding:10px 18px;font-size:13px;font-weight:500}
.news-feature{min-height:320px}
.news-feature img{height:320px;object-position:center 48%}
.news-feature:after{inset:23% 0 0;background:linear-gradient(transparent,rgba(0,22,36,.9))}
.news-feature div{bottom:22px}
.news-feature .news-feature-summary{margin:7px 0 0;font-size:13px;line-height:1.7;color:#d6e6ef;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-feature .news-feature-summary[hidden]{display:none}
@media(max-width:1050px){.product-grid.product-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.product-submenu{width:300px}}
@media(max-width:760px){.product-grid.product-menu{grid-template-columns:1fr}.product-menu-root .product-top{min-height:190px}.news-feature,.news-feature img{height:290px;min-height:290px}.news-feature:after{inset:26% 0 0}.news-feature .news-feature-summary{font-size:12px;-webkit-line-clamp:2}}
@media(hover:none) and (max-width:760px){.product-submenu{position:static;width:auto;margin-top:-1px;opacity:1;visibility:visible;transform:none;box-shadow:none}.product-grandchildren{position:static;width:auto;margin:0 12px 6px 24px;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid #d7e7ef;background:#f5fafc}}
