Products
.product-sidebar {
width: 100%;
font-family: "Arial", sans-serif;
}.product-menu {
list-style: none;
margin: 0;
padding: 0;
}.product-menu > li {
margin-bottom: 5px;
position: relative;
}.product-menu a {
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
text-decoration: none;
padding: 8px 12px;
border-radius: 4px;
transition: all 0.2s ease;
}.product-menu a:hover {
color: #1aa54a;
}.product-menu .active > a {
color: #1aa54a;
font-weight: 600;
}/* 箭头样式 */
.arrow {
display: inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #333;
transition: transform 0.25s ease, border-color 0.25s ease;
}/* 展开时箭头旋转 */
.has-submenu.active > a .arrow {
transform: rotate(180deg);
border-top-color: #1aa54a;
}/* 二级菜单 */
.submenu {
list-style: none;
padding-left: 15px;
margin-top: 5px;
display: none;
}.has-submenu.active .submenu {
display: block;
}.submenu a {
padding: 6px 10px;
display: block;
color: #555;
transition: color 0.2s ease;
}.submenu a:hover {
color: #1aa54a;
}/* 箭头点击区域更大 */
.arrow {
pointer-events: auto;
cursor: pointer;
}document.addEventListener("DOMContentLoaded", function() {
const arrows = document.querySelectorAll(".has-submenu .arrow");arrows.forEach(arrow => {
arrow.addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation(); // 防止触发主链接跳转const parent = this.closest(".has-submenu");
const isActive = parent.classList.contains("active");// 关闭所有菜单
document.querySelectorAll(".has-submenu").forEach(li => li.classList.remove("active"));// 当前菜单展开
if (!isActive) parent.classList.add("active");
});
});
});
Recommended for you
Folding vs Expandable Container House: Which Solution Fits Your Project?
Compare folding and expandable container house systems for remote projects by transport, deployment, usable space, interfaces, lifecycle risk and RFQ inputs.
Oil & Gas Camp Planning Guide
Plan oil and gas camp accommodation using workforce schedules, safety boundaries, utilities, logistics and configuration-specific technical scope.
Prefab Villas vs Foldable Modular Homes
Compare prefab villas and foldable modular homes by structure, transport, project use, technical evidence and delivered scope.
Folding Container House Project in Thailand
A documented Thailand construction project using 5800 × 2500 × 2500 mm folding container modules for workforce accommodation and site management.
Factory-Built Modular Systems for Overseas Projects
Premium Modular House supplies factory-built container houses, prefab buildings and light-steel structures for contractors, developers and distributors.
Founded in 2016, Premium Modular House supports product selection, layout development and project-specific drawing coordination for overseas procurement.
Products have been exported to more than 60 countries. Production planning is arranged around the selected system, quantity, specification and delivery schedule.
For an initial review, share the destination, intended use, quantity, site conditions and target delivery date.