function () { const config = { onMount: (context) => { const target = document.getElementById(context.id) || document.querySelector('[data-id="' + context.id + '"]') || document.querySelector('[data-component-id="' + context.id + '"]') if (!target) return const oldStyle = document.getElementById("amj-faq-page-style") if (oldStyle) oldStyle.remove() const oldSchema = document.getElementById("amj-faq-schema") if (oldSchema) oldSchema.remove() const faqData = [ { group: "Company & Factory", items: [ { q: "Are you a direct manufacturer of aluminum windows and doors?", a: "Yes. AMJ is a factory-based aluminum window and door manufacturer in Foshan, Guangdong, China. We have our own production base, production equipment, technical team, quality control process and export packaging system." }, { q: "Where is your factory located?", a: "Our factory is located at B5, Dongxingye Park, East Xile Avenue, Sanshui District, Foshan, Guangdong, China. The Chinese address is 广东省佛山市三水区西乐大道东兴业园B5." }, { q: "Which markets does AMJ mainly serve?", a: "AMJ supports global window and door projects. Our major project markets include Australia, North America, the Middle East and Africa, and we can also work with suitable residential and commercial projects in other regions according to local requirements, product configuration and delivery conditions." }, { q: "What is your production capacity?", a: "AMJ has a large production base with automated equipment, experienced production managers and trained technicians. Our annual production capacity is over 200,000 square meters, supporting both customized project orders and batch production." } ] }, { group: "Products & Customization", items: [ { q: "What products can AMJ supply?", a: "AMJ supplies aluminum windows, aluminum doors, curtain wall systems, sunrooms, pergolas, glass options, hardware options and project-based window and door solutions." }, { q: "Can you customize windows and doors according to project drawings?", a: "Yes. We can customize size, opening style, frame color, glass configuration, hardware, screens, profile system and packing requirements according to your drawings, window schedule or project specifications." }, { q: "What information should I send for a quotation?", a: "Please send drawings, window and door schedule, sizes, quantities, glass requirements, frame color, hardware requirements, project location and delivery requirements. If you do not have complete drawings, you can also send photos or rough sizes for a preliminary assessment." }, { q: "Do you support OEM or private label orders?", a: "Yes. For dealers, distributors and project partners, AMJ can support OEM or private label requirements based on confirmed drawings, technical details, packing requirements and order quantity." } ] }, { group: "Quality & Certifications", items: [ { q: "What certifications or standards do your products support?", a: "AMJ products and systems can support different project requirements, including references such as NFRC, CSA, AS2047, ISO management systems and related third-party testing. Final configuration depends on the target market, product series and project requirements." }, { q: "How do you control product quality?", a: "We apply quality checks during material preparation, cutting, machining, assembly, glass installation, hardware installation, finished product inspection and packing. Each order is checked according to drawings and project requirements before shipment." }, { q: "Do you test products before export?", a: "Yes. AMJ pays attention to air tightness, water resistance, wind pressure, thermal performance, hardware operation, glass matching and overall product finish. For project requirements, we can provide available test reports or certification documents for reference." }, { q: "What hardware and glass options are available?", a: "We can provide different glass and hardware options depending on the project. Common choices include Low-E glass, tempered glass, laminated glass, insulated glass units, corrosion-resistant hardware and branded hardware options." } ] }, { group: "Production & Delivery", items: [ { q: "How does the order process usually work?", a: "The general process is project consultation, drawings and requirements review, quotation, PI confirmation, production, quality inspection, packing, shipping and after-sales support." }, { q: "How long does production usually take?", a: "Production time depends on order quantity, product complexity, glass configuration, color finish and current production schedule. After drawings and order details are confirmed, AMJ will provide a clearer production plan." }, { q: "How do you pack windows and doors for export?", a: "AMJ uses export packing methods according to product type and project requirements. Finished products are protected, labeled and packed to support safer container loading, shipping and site receiving." }, { q: "Can you arrange international shipping?", a: "Yes. AMJ has export delivery experience and can support common international trade terms. We can coordinate with freight forwarders and provide packing and loading support according to the project schedule." } ] }, { group: "Installation & After-sales", items: [ { q: "Do you provide installation guidance?", a: "Yes. AMJ can provide installation drawings, installation guide files and installation videos. For some projects, we can also provide online guidance to help the local installation team understand the product system." }, { q: "Do you have after-sales service for overseas projects?", a: "Yes. AMJ provides after-sales communication and technical support for overseas projects. In selected countries and regions, there are sales centers, warehouse support or long-term after-sales personnel available for project assistance." }, { q: "What should I do if there is a problem after receiving the products?", a: "Please take clear photos or videos of the issue, keep the product label information, and contact AMJ as soon as possible. Our team will check the order details, drawings, packing records and product situation to provide a practical solution." }, { q: "Can AMJ support large residential or commercial projects?", a: "Yes. AMJ has experience supporting residential houses, villas, apartments, commercial buildings and dealer supply projects. Our team can review drawings, confirm specifications, coordinate production and support export delivery." } ] } ] const flatFaq = [] faqData.forEach((group) => { group.items.forEach((item) => { flatFaq.push({ group: group.group, q: item.q, a: item.a }) }) }) function buildFAQ() { let html = "" faqData.forEach((group, groupIndex) => { html += `

${String(groupIndex + 1).padStart(2, "0")}

${group.group}

` group.items.forEach((item, itemIndex) => { const openClass = groupIndex === 0 && itemIndex === 0 ? " open" : "" html += `

${item.a}

` }) html += `

` }) return html } const style = document.createElement("style") style.id = "amj-faq-page-style" style.innerHTML = ` #amj-faq-page { --blue: #1a96ef; --blue-dark: #092846; --ink: #0b1b33; --text: #4d5d70; --cream: #f4f2ed; --gold: #b18a55; --soft-blue: #f5f9fd; --line: rgba(11,27,51,.10); width: var(--amj-page-width, 100%); max-width: var(--amj-page-width, 100%); margin-left: calc(50% - var(--amj-page-half, 50%)); margin-right: calc(50% - var(--amj-page-half, 50%)); background: #fff; color: var(--ink); font-family: Arial, Helvetica, sans-serif; overflow: hidden; box-sizing: border-box; } #amj-faq-page * { box-sizing: border-box; } #amj-faq-page .amj-faq-wrap { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 44px; } #amj-faq-page h1, #amj-faq-page h2, #amj-faq-page h3, #amj-faq-page p { margin: 0; } #amj-faq-page .amj-faq-main { background: #fff; padding: 64px 0 72px; } #amj-faq-page .amj-faq-layout { display: grid; grid-template-columns: 330px 1fr; gap: 42px; align-items: start; } #amj-faq-page .amj-faq-side { position: sticky; top: 28px; background: var(--blue-dark); padding: 30px 28px; color: #fff; min-height: auto; } #amj-faq-page .amj-faq-search { position: relative; } #amj-faq-page .amj-faq-search input { width: 100%; height: 48px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.08); color: #fff; outline: none; padding: 0 46px 0 15px; font-size: 14px; font-weight: 650; } #amj-faq-page .amj-faq-search input::placeholder { color: rgba(255,255,255,.52); } #amj-faq-page .amj-faq-search:after { content: ""; position: absolute; right: 16px; top: 50%; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.62); border-radius: 50%; transform: translateY(-50%); } #amj-faq-page .amj-faq-search:before { content: ""; position: absolute; right: 13px; top: 29px; width: 8px; height: 2px; background: rgba(255,255,255,.62); transform: rotate(45deg); z-index: 2; } #amj-faq-page .amj-faq-tabs { margin-top: 22px; display: flex; flex-direction: column; gap: 9px; } #amj-faq-page .amj-faq-tab { width: 100%; height: 40px; padding: 0 14px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: rgba(255,255,255,.76); text-align: left; font-size: 13px; font-weight: 780; cursor: pointer; transition: all .28s ease; } #amj-faq-page .amj-faq-tab:hover, #amj-faq-page .amj-faq-tab.active { background: #fff; color: var(--blue-dark); border-color: #fff; } #amj-faq-page .amj-side-button-space { width: 170px; height: 44px; margin-top: 28px; background: transparent; } #amj-faq-page .amj-faq-content { min-width: 0; } #amj-faq-page .amj-faq-group { margin-bottom: 34px; opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; } #amj-faq-page .amj-faq-group.show { opacity: 1; transform: translateY(0); } #amj-faq-page .amj-faq-group.hidden { display: none; } #amj-faq-page .amj-faq-group-title { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; } #amj-faq-page .amj-faq-group-title span { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: rgba(177,138,85,.16); color: var(--gold); font-size: 15px; font-weight: 900; } #amj-faq-page .amj-faq-group-title h3 { color: var(--ink); font-size: 24px; line-height: 1.2; font-weight: 760; letter-spacing: -.4px; } #amj-faq-page .amj-faq-list { border-top: 1px solid var(--line); } #amj-faq-page .amj-faq-item { border-bottom: 1px solid var(--line); background: #fff; transition: background .25s ease; } #amj-faq-page .amj-faq-item.hidden { display: none; } #amj-faq-page .amj-faq-item.open { background: var(--soft-blue); } #amj-faq-page .amj-faq-question { width: 100%; border: 0; background: transparent; padding: 24px 24px 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 22px; cursor: pointer; text-align: left; } #amj-faq-page .amj-faq-question span { color: var(--ink); font-size: 18px; line-height: 1.35; font-weight: 780; } #amj-faq-page .amj-faq-question i { position: relative; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid rgba(11,27,51,.16); background: #fff; } #amj-faq-page .amj-faq-question i:before, #amj-faq-page .amj-faq-question i:after { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 2px; background: var(--blue-dark); transform: translate(-50%, -50%); transition: transform .25s ease; } #amj-faq-page .amj-faq-question i:after { transform: translate(-50%, -50%) rotate(90deg); } #amj-faq-page .amj-faq-item.open .amj-faq-question i { background: var(--blue); border-color: var(--blue); } #amj-faq-page .amj-faq-item.open .amj-faq-question i:before, #amj-faq-page .amj-faq-item.open .amj-faq-question i:after { background: #fff; } #amj-faq-page .amj-faq-item.open .amj-faq-question i:after { transform: translate(-50%, -50%) rotate(0deg); } #amj-faq-page .amj-faq-answer { max-height: 0; overflow: hidden; transition: max-height .32s ease; } #amj-faq-page .amj-faq-answer p { color: var(--text); font-size: 15px; line-height: 1.68; font-weight: 600; padding: 0 72px 26px 0; } @media (max-width: 1100px) { #amj-faq-page .amj-faq-layout { grid-template-columns: 1fr; } #amj-faq-page .amj-faq-side { position: relative; top: auto; } #amj-faq-page .amj-faq-tabs { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 760px) { #amj-faq-page { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } #amj-faq-page .amj-faq-wrap { padding: 0 16px; } #amj-faq-page .amj-faq-main { padding: 34px 0 42px; } #amj-faq-page .amj-faq-layout { display: block; } #amj-faq-page .amj-faq-side { position: relative; top: auto; background: transparent; padding: 0; color: var(--ink); margin: 0 0 24px 0; } #amj-faq-page .amj-faq-search { display: none; } #amj-faq-page .amj-faq-tabs { margin-top: 0; display: flex; flex-wrap: wrap; grid-template-columns: none; gap: 8px; } #amj-faq-page .amj-faq-tab { width: auto; height: auto; min-height: 36px; padding: 8px 12px; border: 1px solid rgba(11,27,51,.14); background: #fff; color: var(--blue-dark); text-align: center; font-size: 12px; line-height: 1.25; font-weight: 780; flex: 0 1 auto; } #amj-faq-page .amj-faq-tab:hover, #amj-faq-page .amj-faq-tab.active { background: var(--blue-dark); color: #fff; border-color: var(--blue-dark); } #amj-faq-page .amj-side-button-space { display: none; } #amj-faq-page .amj-faq-group { margin-bottom: 28px; } #amj-faq-page .amj-faq-group-title { gap: 12px; } #amj-faq-page .amj-faq-group-title span { width: 38px; height: 38px; font-size: 14px; } #amj-faq-page .amj-faq-group-title h3 { font-size: 21px; } #amj-faq-page .amj-faq-question { padding: 19px 0; gap: 14px; } #amj-faq-page .amj-faq-question span { font-size: 16px; line-height: 1.42; } #amj-faq-page .amj-faq-question i { flex: 0 0 30px; width: 30px; height: 30px; } #amj-faq-page .amj-faq-answer p { padding: 0 0 22px 0; font-size: 14px; line-height: 1.65; } } ` document.head.appendChild(style) target.innerHTML = `

${buildFAQ()}

` target.style.display = "block" target.style.padding = "0" target.style.margin = "0" target.style.border = "none" target.style.background = "transparent" target.style.overflow = "visible" target.style.width = "100%" target.style.maxWidth = "100%" target.style.position = "relative" let parent = target.parentElement let deep = 0 while (parent && parent !== document.body && deep < 8) { parent.style.overflow = "visible" parent = parent.parentElement deep++ } const root = target.querySelector("#amj-faq-page") const faqItems = root.querySelectorAll(".amj-faq-item") const faqGroups = root.querySelectorAll(".amj-faq-group") const buttons = root.querySelectorAll(".amj-faq-question") const tabs = root.querySelectorAll(".amj-faq-tab") const searchInput = root.querySelector("#amjFaqSearch") function setFullWidth() { const pageWidth = document.documentElement.clientWidth || window.innerWidth || 1200 root.style.setProperty("--amj-page-width", pageWidth + "px") root.style.setProperty("--amj-page-half", pageWidth / 2 + "px") } function updateHeights() { faqItems.forEach((item) => { const answer = item.querySelector(".amj-faq-answer") if (!answer) return if (item.classList.contains("open")) { answer.style.maxHeight = answer.scrollHeight + "px" } else { answer.style.maxHeight = "0px" } }) } function revealGroups() { faqGroups.forEach((group) => { const rect = group.getBoundingClientRect() if (rect.top < window.innerHeight * 0.9) { group.classList.add("show") } }) } function applyFilter() { const activeTab = root.querySelector(".amj-faq-tab.active") const filter = activeTab ? activeTab.getAttribute("data-filter") : "all" const isMobileNoSearch = window.matchMedia("(max-width: 760px)").matches const keyword = isMobileNoSearch ? "" : (searchInput.value || "").trim().toLowerCase() faqGroups.forEach((group) => { const groupName = group.getAttribute("data-group") let visibleCount = 0 group.querySelectorAll(".amj-faq-item").forEach((item) => { const question = item.getAttribute("data-question") || "" const answer = item.getAttribute("data-answer") || "" const groupMatch = filter === "all" || filter === groupName const searchMatch = !keyword || question.indexOf(keyword) > -1 || answer.indexOf(keyword) > -1 if (groupMatch && searchMatch) { item.classList.remove("hidden") visibleCount++ } else { item.classList.add("hidden") item.classList.remove("open") } }) if (visibleCount > 0) { group.classList.remove("hidden") } else { group.classList.add("hidden") } }) updateHeights() } buttons.forEach((btn) => { btn.addEventListener("click", function () { const item = this.closest(".amj-faq-item") if (!item) return item.classList.toggle("open") updateHeights() }) }) tabs.forEach((tab) => { tab.addEventListener("click", function () { tabs.forEach(t => t.classList.remove("active")) this.classList.add("active") applyFilter() }) }) searchInput.addEventListener("input", applyFilter) const schema = document.createElement("script") schema.type = "application/ld+json" schema.id = "amj-faq-schema" schema.textContent = JSON.stringify({ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": flatFaq.map(item => ({ "@type": "Question", "name": item.q, "acceptedAnswer": { "@type": "Answer", "text": item.a } })) }) document.head.appendChild(schema) function refreshAll() { setFullWidth() updateHeights() revealGroups() } const scrollHandler = function () { revealGroups() } window.addEventListener("scroll", scrollHandler, { passive: true }) window.addEventListener("resize", refreshAll) setTimeout(refreshAll, 80) setTimeout(refreshAll, 500) root._amjClean = function () { window.removeEventListener("scroll", scrollHandler) window.removeEventListener("resize", refreshAll) } }, onUnmount: () => { const root = document.getElementById("amj-faq-page") if (root && root._amjClean) root._amjClean() const oldStyle = document.getElementById("amj-faq-page-style") if (oldStyle) oldStyle.remove() const oldSchema = document.getElementById("amj-faq-schema") if (oldSchema) oldSchema.remove() } } return config }

+86 18125694662

info@amjbm.com

常见问题

标题2

产品

案例

联系我们