You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

506 lines
19 KiB

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TS4X59X');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta name="description" content="">
<title>MA008 - 產品介紹 - 永佳捷電梯</title>
<link rel="icon" sizes="48x48" href="../images/header/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" sizes="48x48" href="../images/header/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" sizes="48x48" href="../images/header/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/all.min.css">
<link rel="stylesheet" type="text/css" href="../css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="../css/slick.css" />
<link rel="stylesheet" type="text/css" href="../css/creer.css">
<style>
.accessories-btn {
font-size:15px !important;
background-color:#ea5413 !important;
padding: 0.4em 1.4em !important;
text-align: left !important;
margin: 0px !important;
}
.accessories-btn:hover {
color: white;
}
.configuration-btn {
padding: 0.4em 1.4em !important;
color:white !important;
background-color:#ea541300 !important;
border-color:#ea5413 !important;
border-radius: 100px !important;
font-size:13px !important;
float: right;
margin: 0px !important;
bottom: 0px !important;
cursor: default !important;
}
.item-article {
width: 100% !important;
}
h5 {
text-align: center;
}
.title-th {
background-color: #0e0b3d !important;
}
.table-responsive {
width: 100%;
overflow: hidden;
}
.success {
display: table-row;
}
.table-icon {
display: none;
color: #ea5413;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.success {
display: none;
}
.table-icon {
display: inline;
color: #ea5413;
}
.show-data-content {
cursor: pointer;
}
.default-show {
display: table-row;
}
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HZGXDG5Y12"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HZGXDG5Y12');
</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TS4X59X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header w3-include-html="../include/header-inner.html"></header>
<div id="pre-loader">
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
<main class="products-detail-page">
<section class="banner-area text-center">
<div class="page-title"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-title-name">
<h2>產品介紹</h2>
</div>
<nav style="--bs-breadcrumb-divider: '/';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index.html">首頁</a></li>
<li class="breadcrumb-item"><a href="#">小機房</a></li>
<li class="breadcrumb-item"><a href="#">獨尊選配轎廂美學</a></li>
<li class="breadcrumb-item active" aria-current="page">MA008</li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<section class="page-info products-detail-info">
<div class="container">
<div class="card-wrap">
<div class="card-container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="product-img"><img src="../images/products/list/p-1.png" alt="" class="img-fluid"></div>
</div>
<div class="col-lg-6">
<div class="product-info">
<h1 class="wow fadeInDown">MA008</h1>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_inline_share_toolbox"></div>
<div class="edit-area">
<div class="edit-lr">
<strong>吊頂</strong>
<p>MBOII( 鏡面不鏽鋼鍍黑鈦 + 乳白透光板 )</p>
</div>
<div class="edit-lr">
<strong>兩側側板</strong>
<p>鏡面不鏽鋼鍍黑鈦 + 防火板</p>
</div>
<div class="edit-lr">
<strong>後側側板</strong>
<p>鏡面不鏽鋼鍍黑鈦 + 防火板</p>
</div>
<div class="edit-lr">
<strong>前側側板</strong>
<p>鏡面不鏽鋼鍍黑鈦</p>
</div>
<div class="edit-lr">
<strong>轎門</strong>
<p>鏡面不鏽鋼鍍黑鈦</p>
</div>
<div class="edit-lr">
<strong>地板</strong>
<p>PVC(MD013)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="products-detail-info">
<div class="container">
<header class="section-title mb-0">
<h2 class="wow fadeInDown">相關配置</h2>
</header>
<div class="feature-wrap">
<div class="btn-group" style="margin:30px 0;">
<ul>
<li><a class="btn-draw btn-orange" href="#">標準配置</a></li>
<li><a class="btn-draw btn-orange" href="#">可選配置</a></li>
</ul>
</div>
</div>
<div class="container-fluid">
<div class="slider home-news-slider">
<div class="home-news-item">
<article class="item-article">
<div class="products-item-title" style="margin-bottom:20px;">
<a class="badge bg-primary accessories-btn">轎門</a>
<button class="badge rounded-pill bg-warning configuration-btn">標準配置</button>
</div>
<a>
<img src="../images/news/list-1.jpg" alt="" class="img-fluid">
<h5>烤漆砂紋</h5>
<h5>RAL9003</h5>
</a>
</article>
</div>
<div class="home-news-item">
<article class="item-article">
<div class="products-item-title" style="margin-bottom:20px;">
<a class="badge bg-primary accessories-btn">天井</a>
<button class="badge rounded-pill bg-warning configuration-btn">標準配置</button>
</div>
<a>
<img src="../images/news/list-1.jpg" alt="" class="img-fluid">
<h5>烤漆、乳白透光板</h5>
<h5>MB020</h5>
</a>
</article>
</div>
<div class="home-news-item">
<article class="item-article">
<div class="products-item-title" style="margin-bottom:20px;">
<a class="badge bg-primary accessories-btn">地板</a>
<button class="badge rounded-pill bg-warning configuration-btn">標準配置</button>
</div>
<a>
<img src="../images/news/list-1.jpg" alt="" class="img-fluid">
<h5>PVC、防水耐磨</h5>
<h5>MD005</h5>
</a>
</article>
</div>
<div class="home-news-item">
<article class="item-article">
<div class="products-item-title" style="margin-bottom:20px;">
<a class="badge bg-primary accessories-btn">乘場指示器</a>
<button class="badge rounded-pill bg-warning configuration-btn">標準配置</button>
</div>
<a>
<img src="../images/news/list-1.jpg" alt="" class="img-fluid">
<h5></h5>
<h5>MF001</h5>
</a>
</article>
</div>
<div class="home-news-item">
<article class="item-article">
<div class="products-item-title" style="margin-bottom:20px;">
<a class="badge bg-primary accessories-btn">操作盤</a>
<button class="badge rounded-pill bg-warning configuration-btn">標準配置</button>
</div>
<a>
<img src="../images/news/list-1.jpg" alt="" class="img-fluid">
<h5></h5>
<h5>ME016</h5>
</a>
</article>
</div>
</div>
</div>
</div>
</section>
<section class="products-detail-vs">
<div class="container">
<header class="section-title">
<h2 class="wow fadeInDown">規格一覽表</h2>
</header>
<div class="edit-area">
<h3 class="text-center">6人450kg無機房小電梯</h3>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr class="show-data" data-flag="1">
<th scope="col" colspan="6" class="choose-item title-th text-center">主規格&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
</thead>
<tbody>
<tr class="click1 success default-show">
<th class="choose-item title-th">人數 / 載重</th>
<td class="others-column">6人 / 450kg</td>
<th class="others-column title-th">額定速度</th>
<td class="others-column">45m / min</td>
<th class="others-column title-th">控制方式</th>
<td class="others-column">VVVF</td>
</tr>
<tr class="click1 success default-show">
<th class="choose-item title-th">照明電源</th>
<td class="others-column">單相110V</td>
<th class="others-column title-th">動力電源</th>
<td class="others-column">單相220V / 三相220V</td>
<th class="others-column title-th">馬達容量</th>
<td class="others-column">2.2KW</td>
</tr>
<tr class="show-data" data-flag="2">
<th scope="col" colspan="6" class="choose-item title-th text-center">乘場&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
<tr class="click2 success">
<th class="choose-item title-th">乘場門 + 門框</th>
<td class="others-column">彩粧銅板 烤漆鋼板 鏡面鍍鈦鋼板</td>
<th class="others-column title-th">乘場按鈕 + 指示器</th>
<td class="others-column">MF001 MF003 MF006</td>
<th class="others-column title-th">出入口尺寸</th>
<td class="others-column">800W *2100H (mm)</td>
</tr>
<tr class="show-data" data-flag="3">
<th scope="col" colspan="6" class="choose-item title-th text-center">車廂&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
<tr class="click3 success">
<th class="choose-item title-th" rowspan="2">車廂內裝形式</th>
<td class="others-column" rowspan="2">MA017 - MA021</td>
<th class="others-column title-th">車廂內扶手</th>
<td class="others-column">不銹鋼或花梨木扶手</td>
<th class="others-column title-th" rowspan="2">車廂內尺寸</th>
<td class="others-column" rowspan="2">1000W *1200D *2300H (mm)</td>
</tr>
<tr class="click3 success">
<th class="others-column title-th">車廂地板</th>
<td class="others-column">PVC</td>
</tr>
<tr class="show-data" data-flag="4">
<th scope="col" colspan="6" class="choose-item title-th text-center">建物尺寸&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
<tr class="click4 success">
<th class="choose-item title-th">升降道尺寸</th>
<td class="others-column">1600W *1600D (mm)</td>
<th class="others-column title-th">最大停止樓數</th>
<td class="others-column">8F</td>
<th class="others-column title-th">最大行程</th>
<td class="others-column">26000 (mm)</td>
</tr>
<tr class="click4 success">
<th class="choose-item title-th">最上階最小樓高 (OH)</th>
<td class="others-column">4500 (mm)</td>
<th class="others-column title-th">期餘階最小樓高</th>
<td class="others-column">2700 (mm)</td>
<th class="others-column title-th">機坑 (PIT)</th>
<td class="others-column">1250 (mm)</td>
</tr>
</tbody>
</table>
</div>
</div><div class="edit-area">
<h3 class="text-center">8人550kg無機房小電梯</h3>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr class="show-data" data-flag="5">
<th scope="col" colspan="6" class="choose-item title-th text-center">主規格&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
</thead>
<tbody>
<tr class="click5 success default-show">
<th class="choose-item title-th">人數 / 載重</th>
<td class="others-column">8人 / 550kg</td>
<th class="others-column title-th">額定速度</th>
<td class="others-column">45m / min</td>
<th class="others-column title-th">控制方式</th>
<td class="others-column">VVVF</td>
</tr>
<tr class="click5 success default-show">
<th class="choose-item title-th">照明電源</th>
<td class="others-column">單相110V</td>
<th class="others-column title-th">動力電源</th>
<td class="others-column">單相220V / 三相220V</td>
<th class="others-column title-th">馬達容量</th>
<td class="others-column">2.7KW</td>
</tr>
<tr class="show-data" data-flag="6">
<th scope="col" colspan="6" class="choose-item title-th text-center">乘場&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
<tr class="click6 success">
<th class="choose-item title-th">乘場門+門框</th>
<td class="others-column">彩粧銅板 烤漆鋼板 鏡面鍍鈦鋼板</td>
<th class="others-column title-th">乘場按鈕 + 指示器</th>
<td class="others-column">MF001 MF003 MF006</td>
<th class="others-column title-th">出入口尺寸</th>
<td class="others-column">800W *2100H (mm)</td>
</tr>
<tr class="show-data" data-flag="7">
<th scope="col" colspan="6" class="choose-item title-th text-center">車廂&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
<tr class="click7 success">
<th class="choose-item title-th" rowspan="2">車廂內裝形式</th>
<td class="others-column" rowspan="2">MA017-MA021</td>
<th class="others-column title-th">車廂內扶手</th>
<td class="others-column">不銹鋼或花梨木扶手</td>
<th class="others-column title-th" rowspan="2">車廂內尺寸</th>
<td class="others-column" rowspan="2">1100W *1300D *2300H (mm)</td>
</tr>
<tr class="click7 success">
<th class="others-column title-th">車廂地板</th>
<td class="others-column">PVC</td>
</tr>
<tr class="show-data" data-flag="8">
<th scope="col" colspan="6" class="choose-item title-th text-center">建物尺寸&nbsp;<i class="fa fa-caret-up table-icon"></i></th>
</tr>
<tr class="click8 success">
<th class="choose-item title-th">升降道尺寸</th>
<td class="others-column">1700W *1700D (mm)</td>
<th class="others-column title-th">最大停止樓數</th>
<td class="others-column">8F</td>
<th class="others-column title-th">最大行程</th>
<td class="others-column">26000 (mm)</td>
</tr>
<tr class="click8 success">
<th class="choose-item title-th">最上階最小樓高 (OH)</th>
<td class="others-column">4500 (mm)</td>
<th class="others-column title-th">期餘階最小樓高</th>
<td class="others-column">2700 (mm)</td>
<th class="others-column title-th">機坑 (PIT)</th>
<td class="others-column">1250 (mm)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section class="cta">
<div class="btn-group">
<ul>
<li><a class="btn-draw" href="../products-list.html">返回列表</a></li>
<li><a class="btn-draw btn-orange" href="../contact.html">線上諮詢</a></li>
</ul>
</div>
</section>
</main>
<footer w3-include-html="../include/footer-inner.html"></footer>
<a href="javascript:void(0);" class="scrollup">
<span class="scrollup-txt">TOP</span>
<div class="read-more-line">
<div class="line"></div>
<div class="dot"></div>
</div>
</a>
<a href="tel:+886800803666" class="call-btn">
<img src="../images/footer/call.png" alt="" class="img-fluid">
立即電話諮詢
</a>
<script type="text/javascript" src="../js/jquery-3.6.0-min.js"></script>
<script type="text/javascript" src="../js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../js/wow.min.js"></script>
<script type="text/javascript" src="../js/slick.min.js"></script>
<script type="text/javascript" src="../js/creer.js"></script>
<!-- <script type="text/javascript" src="../js/index.js"></script> -->
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-62f0cfa4fdbfad0f"></script>
<script>
$(function() {
$('.home-news-slider').slick({
dots: true,
arrows: false,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
pauseOnFocus: false,
pauseOnHover: false,
pauseOnDotsHover: false,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
switchShowDataClass($(window).width());
$( window ).resize(function() {
switchShowDataClass($(window).width());
});
$(document).on('click', '.show-data-content', function (event) {
var flag = $(this).attr("data-flag");
$(".click"+flag).fadeToggle("slow","linear");
var $this = $(this).find("i");
if ( $this.hasClass('fa-caret-up') ){
$this.removeClass('fa-caret-up').addClass('fa-caret-down');
} else {
$this.removeClass('fa-caret-down').addClass('fa-caret-up');
}
});
});
function switchShowDataClass(width){
if ( width < 768 ){
$(".show-data").addClass("show-data-content");
} else {
$(".show-data").removeClass("show-data-content");
$('.success').show();
}
}
</script>
</body>
</html>