function () { const config = { onMount: (context) => { const logoUrl = 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=715197064799141962&cL=s' const images = { img01: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079223570447&cL=s', img02: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079055798277&cL=s', img03: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079060004914&cL=s', img04: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079051608097&cL=s', img05: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079114530844&cL=s', img06: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079131308067&cL=s', img07: 'https://waimao.office.163.com/site/api/pub/resource/downloadFile?fileId=726119079055798276&cL=s' } const heroImages = [images.img01, images.img02, images.img03, images.img04, images.img05, images.img06, images.img07] const root = document.getElementById(context.id) || document.querySelector('[data-id="' + context.id + '"]') || document.querySelector('[data-key="' + context.id + '"]') || document.querySelector('[data-component-id="' + context.id + '"]') if (!root) return const styleId = 'amj-private-home-product-focused-relayout-' + context.id const oldStyle = document.getElementById(styleId) if (oldStyle) oldStyle.remove() const style = document.createElement('style') style.id = styleId style.innerHTML = ` .amj-project{ --sand:#e6d5bd; --sand-soft:#fbf6ee; --sand-light:#fffaf3; --brown:#8a6a45; --brown-deep:#5b4027; --text:#2f4350; --dark:#172635; width:100vw; margin-left:calc(50% - 50vw); background:#fff; overflow:hidden; font-family:Arial,Helvetica,sans-serif; user-select:none; } .amj-project *{box-sizing:border-box;} .amj-project img{-webkit-user-drag:none;user-drag:none;} .amj-inner{ max-width:1280px; margin:0 auto; padding:0 42px; overflow:hidden; } .amj-hero{ width:100%; min-height:650px; display:grid; grid-template-columns:40% 60%; background:var(--sand-soft); overflow:hidden; } .amj-hero-left{ display:flex; align-items:center; padding-left:max(82px,calc((100vw - 1680px) / 2 + 82px)); padding-right:70px; background:var(--sand-soft); min-width:0; } .amj-hero-content{ max-width:600px; animation:amjFadeUp .9s ease both; } .amj-hero h1{ font-family:Arial,Helvetica,sans-serif !important; font-size:50px !important; line-height:1.18 !important; color:var(--text) !important; margin:0 0 22px !important; font-weight:500 !important; letter-spacing:.2px; } .amj-hero p, .amj-text, .amj-copy p, .amj-product p, .amj-photo-text p, .amj-spec span, .amj-use p{ font-family:Georgia,'Times New Roman',serif !important; font-size:17px !important; line-height:1.72 !important; color:var(--dark) !important; margin:0 !important; font-weight:400 !important; } .amj-hero p{ font-size:19px !important; margin-bottom:30px !important; } .amj-hero-info{ display:grid; grid-template-columns:1fr 1fr; gap:18px 34px; } .amj-info-item strong{ display:block; font-size:12px; color:var(--brown); letter-spacing:1.4px; text-transform:uppercase; margin-bottom:5px; font-weight:700; } .amj-info-item span{ display:block; font-size:15px; line-height:1.45; color:var(--dark); font-weight:500; } .amj-hero-gallery{ position:relative; height:650px; overflow:hidden; background:#ddd; touch-action:pan-y; min-width:0; } .amj-hero-track{ display:flex; width:100%; height:100%; transition:transform .55s cubic-bezier(.22,.61,.36,1); } .amj-hero-slide{ min-width:100%; height:100%; position:relative; overflow:hidden; } .amj-hero-slide img.amj-photo{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; transform:scale(1.01); transition:transform 1s ease; } .amj-hero-gallery:hover .amj-hero-slide img.amj-photo{transform:scale(1.025);} .amj-hero-next{ position:absolute; right:0; top:0; bottom:0; z-index:8; width:86px; height:100%; border:0; background:linear-gradient(to left,rgba(255,255,255,.52),rgba(255,255,255,0)); cursor:pointer; opacity:0; padding:0; display:flex; align-items:center; justify-content:flex-end; transition:opacity .3s ease; } .amj-hero-next svg{ width:56px; height:56px; margin-right:12px; display:block; stroke:#2f4350; stroke-width:3; fill:none; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 2px 8px rgba(255,255,255,.65)); } .amj-hero-gallery:hover .amj-hero-next{opacity:.82;} .amj-hero-dots{ position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:8; display:flex; gap:8px; opacity:0; transition:opacity .3s ease; } .amj-hero-gallery:hover .amj-hero-dots{opacity:.85;} .amj-hero-dot{ width:30px; height:3px; background:rgba(255,255,255,.48); border:none; padding:0; cursor:pointer; } .amj-hero-dot.active{ width:46px; background:#fff; } .amj-watermark-logo{ position:absolute; right:18px; bottom:16px; z-index:6; width:185px !important; max-width:32% !important; height:auto !important; max-height:74px !important; object-fit:contain !important; opacity:.30; pointer-events:none; user-select:none; -webkit-user-drag:none; filter:drop-shadow(0 2px 8px rgba(255,255,255,.35)) drop-shadow(0 2px 8px rgba(0,0,0,.18)); } .amj-hero-slide .amj-watermark-logo{ right:34px; bottom:40px; width:240px !important; max-width:30% !important; max-height:88px !important; opacity:.28; } .amj-section{ padding:78px 0; background:#fff; overflow:hidden; } .amj-section-soft{background:var(--sand-soft);} .amj-section-light{background:var(--sand-light);} .amj-section-deep{background:var(--brown-deep);} .amj-title{ font-family:Arial,Helvetica,sans-serif !important; font-size:34px !important; line-height:1.28 !important; color:var(--text) !important; margin:0 0 22px !important; font-weight:500 !important; letter-spacing:.2px; } .amj-section-deep .amj-title, .amj-section-deep .amj-text, .amj-section-deep .amj-product h3, .amj-section-deep .amj-product p, .amj-section-deep .amj-copy p{ color:#fff !important; } .amj-img, .amj-wide-img{ position:relative; width:100%; max-width:100%; overflow:hidden; background:#eadcc7; } .amj-img img.amj-photo, .amj-wide-img img.amj-photo{ width:100%; object-fit:cover; object-position:center; display:block; transition:transform .9s ease; } .amj-img img.amj-photo{height:500px;} .amj-wide-img img.amj-photo{height:540px;} .amj-img:hover img.amj-photo, .amj-wide-img:hover img.amj-photo{ transform:scale(1.025); } .amj-intro-layout{ display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:66px; align-items:start; } .amj-spec-list{ display:grid; gap:26px; } .amj-spec{ display:grid; grid-template-columns:120px minmax(0,1fr); gap:24px; align-items:start; } .amj-spec b{ display:block; color:var(--text); font-size:30px; line-height:1.15; font-weight:500; } .amj-spec span{ font-size:15px !important; color:#526371 !important; } .amj-product-map{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:62px; align-items:center; } .amj-product-list{ display:grid; gap:30px; } .amj-product h3, .amj-photo-text h3, .amj-use h3{ font-family:Arial,Helvetica,sans-serif !important; color:var(--text); font-size:25px; line-height:1.32; font-weight:500; margin:0 0 12px; } .amj-photo-led{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:60px; align-items:center; } .amj-copy{max-width:620px;} .amj-stacked{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:46px; align-items:start; } .amj-stacked-left{ display:grid; gap:46px; } .amj-stacked-left .amj-img img.amj-photo{ height:360px; } .amj-stacked-right{ padding-top:70px; } .amj-stacked-right .amj-img img.amj-photo{ height:620px; } .amj-photo-text{ margin-top:22px; } .amj-wide-explain{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:58px; align-items:start; margin-top:34px; } .amj-use-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; } .amj-final{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:58px; align-items:center; } .amj-quote{ background:var(--brown); color:#fff; padding:76px 40px 84px; text-align:center; } .amj-quote-small{ color:#f3e3cb; font-size:13px; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:22px; font-weight:700; } .amj-quote p{ max-width:920px; margin:0 auto; font-family:Arial,Helvetica,sans-serif !important; font-size:28px !important; line-height:1.45 !important; color:#fff !important; font-weight:400 !important; } .amj-quote-button-space{ width:160px; height:44px; margin:30px auto 0; } .amj-animate{ opacity:0; transform:translateY(26px); transition:opacity .75s ease, transform .75s ease; } .amj-animate.amj-visible{ opacity:1; transform:translateY(0); } @keyframes amjFadeUp{ from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} } @media(max-width:900px){ .amj-hero{display:block;min-height:0;} .amj-hero-left{padding:46px 22px 34px;} .amj-hero-gallery{height:420px;} .amj-hero h1{font-size:34px !important;} .amj-hero p{font-size:17px !important;} .amj-hero-info, .amj-intro-layout, .amj-spec, .amj-product-map, .amj-photo-led, .amj-stacked, .amj-wide-explain, .amj-use-grid, .amj-final{ grid-template-columns:1fr; } .amj-stacked-right{padding-top:0;} .amj-inner{padding:0 22px;} .amj-section{padding:52px 0;} .amj-title{font-size:28px !important;} .amj-hero p, .amj-text, .amj-copy p, .amj-product p, .amj-photo-text p, .amj-spec span, .amj-use p{ font-size:15px !important; } .amj-img img.amj-photo, .amj-wide-img img.amj-photo, .amj-stacked-left .amj-img img.amj-photo, .amj-stacked-right .amj-img img.amj-photo{ height:auto; } .amj-watermark-logo{ right:12px; bottom:10px; width:125px !important; max-width:36% !important; max-height:52px !important; opacity:.30; } .amj-hero-slide .amj-watermark-logo{ right:16px; bottom:34px; width:150px !important; max-width:42% !important; max-height:58px !important; opacity:.30; } .amj-hero-next{ width:64px; opacity:.82; } .amj-hero-next svg{ width:42px; height:42px; margin-right:8px; } .amj-hero-dots{ opacity:.78; bottom:16px; } .amj-hero-dot{ width:26px; height:3px; } .amj-hero-dot.active{ width:40px; } .amj-quote{ padding:56px 22px 64px; } .amj-quote p{ font-size:22px !important; line-height:1.45 !important; } .amj-quote-button-space{ height:38px; margin-top:24px; } } ` document.head.appendChild(style) const wm = `` root.innerHTML = `

Aluminum Sliding Doors, Picture Windows and Ventilation Windows for a Private Home

A private homeowner project using sliding glass doors, fixed picture windows, awning windows and casement windows for different opening positions.

Project Type Private Homeowner Project

Main Products Sliding Doors, Picture Windows, Awning & Casement Windows

Frame System Powder Coated Aluminum Profiles

Configuration Custom Sizes by Door and Window Schedule

${heroImages.map((src, i) => `

private home aluminum sliding doors picture windows and ventilation windows project image ${i + 1}

${wm}

`).join('')}

${heroImages.map((_, i) => ``).join('')}

Window and Door Package Based on Product Type

The project does not use one repeated window style. Large openings are handled by sliding glass doors and fixed picture windows, while smaller openings use awning or casement windows for controlled ventilation.

31 Custom window and door units supplied for the full home package.

168 m² Total aluminum frame and glass area across sliding doors and windows.

2.0 mm Main aluminum profile wall thickness for project production.

Mixed Sliding door, fixed window, awning window and casement window systems.

Sliding Glass Doors for Wide Openings

The patio-facing positions use aluminum sliding doors. This product is suitable for wider openings because the panels move on track instead of swinging into the room.

Fixed Picture Windows for Non-Opening Glass

Large glass positions that do not need daily operation use fixed picture windows. The fixed frame is simpler than an operable sash and works well for larger glass areas.

Awning and Casement Windows for Ventilation

Smaller room openings use awning or casement windows. These units provide practical ventilation while keeping the glass size and sash weight easier to control.

aluminum sliding glass door and fixed picture window for private home

${wm}

fixed aluminum picture window for private home large glass area

${wm}

Fixed Picture Windows for Larger Glass Positions

Fixed picture windows are used where the owner needs a stable non-opening glass unit. Compared with operable windows, this structure avoids extra hinges, handles and sash gaps on large glass positions.

awning aluminum window for private home ventilation opening

${wm}

Awning Windows for Compact Ventilation

Awning windows are suitable for smaller ventilation openings. The sash can open outward while keeping the unit compact for bedrooms, bathrooms or utility spaces.

aluminum casement window and frame configuration for private home

${wm}

Casement Windows for Side-Opening Positions

Where side-hinged operation is required, casement windows can be used with matching aluminum profiles, handles and sealing strips.

private home aluminum sliding door fixed window and ventilation window layout

${wm}

Opening Schedule Separated by Function

Sliding doors, picture windows and ventilation windows were separated in the production schedule. This makes the glass size, hardware choice and installation position easier to match on site.

custom aluminum window and sliding door package by unit size

${wm}

Profile, Glass and Hardware Matched by Unit Size

Large sliding panels, fixed picture windows and smaller ventilation sashes do not use the same hardware logic. Each unit is prepared according to opening size, glass weight and operation method.

Sliding Door System

Track, rollers, lock and glass thickness are configured according to the door panel size and opening width.

Picture Window System

Fixed frames are used for non-opening glass positions to keep the structure simple and stable.

Ventilation Window System

Awning and casement windows use different hinges, handles and sealing details according to the opening direction.

Complete Aluminum Door and Window Package

AMJ supplied this private home with aluminum sliding glass doors, fixed picture windows, awning windows and casement windows, covering large access openings, fixed glass areas and smaller ventilation openings.

complete private home aluminum sliding door picture window awning window and casement window package

${wm}

Project Feedback

“The sliding doors, picture windows and ventilation windows were clearly matched to each opening type, making production and installation easier to coordinate.”

` const hero = root.querySelector('.amj-hero-gallery') const track = root.querySelector('.amj-hero-track') const dots = root.querySelectorAll('.amj-hero-dot') const nextBtn = root.querySelector('.amj-hero-next') const total = root.querySelectorAll('.amj-hero-slide').length let index = 0 let touchStartX = 0 let touchStartY = 0 let touchEndX = 0 let touchEndY = 0 const goTo = (i) => { index = (i + total) % total track.style.transform = 'translateX(' + (-index * 100) + '%)' dots.forEach((dot, idx) => { if (idx === index) dot.classList.add('active') else dot.classList.remove('active') }) } const next = () => goTo(index + 1) const prev = () => goTo(index - 1) const onTouchStart = (e) => { if (!e.touches || !e.touches[0]) return touchStartX = e.touches[0].clientX touchStartY = e.touches[0].clientY touchEndX = touchStartX touchEndY = touchStartY } const onTouchMove = (e) => { if (!e.touches || !e.touches[0]) return touchEndX = e.touches[0].clientX touchEndY = e.touches[0].clientY } const onTouchEnd = () => { const diffX = touchEndX - touchStartX const diffY = touchEndY - touchStartY if (Math.abs(diffX) > 50 && Math.abs(diffX) > Math.abs(diffY) * 1.2) { if (diffX < 0) next() else prev() } } nextBtn.addEventListener('click', next) dots.forEach((dot, i) => dot.addEventListener('click', () => goTo(i))) hero.addEventListener('touchstart', onTouchStart, { passive: true }) hero.addEventListener('touchmove', onTouchMove, { passive: true }) hero.addEventListener('touchend', onTouchEnd) const preventRightClick = (e) => { if (root.contains(e.target)) { e.preventDefault() return false } } const preventCopy = (e) => { if (root.contains(e.target)) { e.preventDefault() return false } } const preventDrag = (e) => { if (root.contains(e.target)) { e.preventDefault() return false } } root.addEventListener('contextmenu', preventRightClick) root.addEventListener('copy', preventCopy) root.addEventListener('cut', preventCopy) root.addEventListener('dragstart', preventDrag) root.addEventListener('selectstart', preventCopy) const items = root.querySelectorAll('.amj-animate') let observer = null if ('IntersectionObserver' in window) { observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add('amj-visible') observer.unobserve(entry.target) } }) }, { threshold: 0.16 }) items.forEach((item) => observer.observe(item)) } else { items.forEach((item) => item.classList.add('amj-visible')) } root._amjClean = () => { nextBtn.removeEventListener('click', next) hero.removeEventListener('touchstart', onTouchStart) hero.removeEventListener('touchmove', onTouchMove) hero.removeEventListener('touchend', onTouchEnd) root.removeEventListener('contextmenu', preventRightClick) root.removeEventListener('copy', preventCopy) root.removeEventListener('cut', preventCopy) root.removeEventListener('dragstart', preventDrag) root.removeEventListener('selectstart', preventCopy) if (observer) observer.disconnect() } }, onUnmount: (context) => { const root = document.getElementById(context.id) || document.querySelector('[data-id="' + context.id + '"]') || document.querySelector('[data-key="' + context.id + '"]') || document.querySelector('[data-component-id="' + context.id + '"]') if (root && root._amjClean) root._amjClean() const style = document.getElementById('amj-private-home-product-focused-relayout-' + context.id) if (style) style.remove() } } return config }

+86 18125668710

enzo@amjbm.com

标题1

关于我们

客户服务

在 waimao.163.com 上销售