<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="keywords" content="" />
    <meta name="description" content="轩尼斯门窗,高端系统门窗定制加盟十大品牌,专注环保节能铝合金门窗打造,是一家集研发、制造、销售、服务于一体的创新型企业;加盟代理咨询热线:400-830-0808." />
    <meta name="baidu-site-verification" content="codeva-ztASnuP2Pv" />
    <title>轩尼斯门窗官网|高端系统门窗定制加盟_铝合金门窗十大品牌</title>
    <link href="/static/home/css/swiper.min.css" type="text/css" rel="stylesheet" />
    <link href="/static/home/css/style.css?h=35" type="text/css" rel="stylesheet" />
    <link rel="bookmark" href="http://www.hennissy.com/upload/images/site/20230626/16877745593672492.png">
    <link rel="shortcut icon" href="http://www.hennissy.com/upload/images/site/20230626/16877745593672492.png">
    <!-- 模板文件 -->
        <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?dc2fb7009d7f218bd979966d0e991d81";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</head>

<body>
    <header>
        <div class="h-inner clearfix">
            <a href="/" class="h-index" ttile="">
                <img src="http://www.hennissy.com/upload/images/site/20230704/16884521903996791.png" alt="轩尼斯门窗" class="h-logo h-logo1">
                <img src="http://www.hennissy.com/upload/images/site/20230704/16884521904083214.png" alt="轩尼斯门窗" class="h-logo h-logo2">
            </a>
            <div class="h-right">
                <div class="h-menu s16">菜单</div>
                <div class="h-search"></div>
                <div class="h-out">
                                        <a href="https://xuannisiqwdz.tmall.com/" target="_blank" rel="nofollow" class="h-url">
                        <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240328/17116122191611577.png" alt="天猫" class="h-icon h-icon1">
                        <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240328/17116122191611577.png" alt="天猫" class="h-icon h-icon2">
                    </a>
                                        <a href="https://mall.jd.com/index-11458207.html" target="_blank" rel="nofollow" class="h-url">
                        <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240328/17116122338305529.png" alt="京东" class="h-icon h-icon1">
                        <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240328/17116122338305529.png" alt="京东" class="h-icon h-icon2">
                    </a>
                                    </div>
                <div class="h-lang">
                    <div class="h-lang-list s16">
                        <a class="h-lang-link s16 notranslate" href="javascript:;" onclick="setLang('chinese_simplified')">简体中文</a>
                        <a class="h-lang-link s16 notranslate" href="javascript:;" onclick="setLang('english')">English</a>
                    </div>
                </div>
                <!-- <div id="google_translate_element"></div> -->
            </div>
        </div>
        <div class="h-box">
            <img src="/static/home/images/6.jpg" alt="" class="h-box-bg">
            <ul class="h-nav">
                                <li class="h-li">
                    <a class="h-link">关于轩尼斯</a>
                                        <ul class="h-sub s20">
                                                <li><a href="/about/105.html"  class="s20" title="">品牌介绍</a></li>
                                                <li><a href="/video.html"  class="s20" title="">品牌视频</a></li>
                                                <li><a href="/about/125.html"  class="s20" title="">董事长寄语</a></li>
                                                <li><a href="http://www.hennissy.com/history.html"  class="s20" title="">历程&amp;荣誉</a></li>
                                            </ul>
                                    </li>
                                <li class="h-li">
                    <a class="h-link">产品&amp;案例</a>
                                        <ul class="h-sub s20">
                                                <li><a href="/aluminum-door.html"  class="s20" title="">产品中心</a></li>
                                                <li><a href="/aluminum-alloy-window.html"  class="s20" title="">门窗案例</a></li>
                                            </ul>
                                    </li>
                                <li class="h-li">
                    <a class="h-link">加盟投资</a>
                                        <ul class="h-sub s20">
                                                <li><a href="/participate.html"  class="s20" title="">招商加盟</a></li>
                                                <li><a href="/gallery.html"  class="s20" title="">展厅展示</a></li>
                                                <li><a href="/franchisee.html"  class="s20" title="">加盟商展示</a></li>
                                            </ul>
                                    </li>
                                <li class="h-li">
                    <a class="h-link">品质服务</a>
                                        <ul class="h-sub s20">
                                                <li><a href="/fingerpost.html"  class="s20" title="">选购指南</a></li>
                                                <li><a href="/problem.html"  class="s20" title="">常见问题</a></li>
                                                <li><a href="/contact.html"  class="s20" title="">联系我们</a></li>
                                                <li><a href="/home/auth/login.html"  class="s20" title="">会员登录</a></li>
                                            </ul>
                                    </li>
                                <li class="h-li">
                    <a class="h-link">品牌资讯</a>
                                        <ul class="h-sub s20">
                                                <li><a href="/news/126.html"  class="s20" title="">企业新闻</a></li>
                                                <li><a href="/news/127.html"  class="s20" title="">行业资讯</a></li>
                                                <li><a href="/news/219.html"  class="s20" title="">企业风采</a></li>
                                                <li><a href="/news/224.html"  class="s20" title="">门窗知识</a></li>
                                            </ul>
                                    </li>
                                <li class="h-li">
                    <a href="/" title="" class="h-link">官网首页</a>
                </li>
            </ul>
            <!-- <a href="/" class="h-back">返回首页</a> -->
        </div>
        <div class="h-mask"></div>
        <div class="h-sch">
            <form action="/list/48.html" onsubmit="return searchForm($(this))" class="h-form">
                <input type="text" name="title" class="h-text" placeholder="请输入关键词">
                <input type="submit" class="h-smt">
            </form>
        </div>
    </header>
    <script>
        function setLang(str){
            translate.changeLanguage(str);
        }
    </script>
<main>
    <div class="index-main">
        <div class="st-main hide">
            <img src="" alt="" class="st-bg st-im">
            <div class="st-box1">
                <img src="" alt="" class="st-img1 st-im">
            </div>
            <div class="st-box2">
                <img src="" alt="" class="st-img2 st-im">
            </div>
            <div class="st-box3">
                <img src="" alt="" class="st-img3 st-im">
            </div>
            <a title="" class="st-index"><img src="http://www.hennissy.com/upload/images/site/20230704/16884521903996791.png" alt="轩尼斯门窗" class="st-logo st-im"></a>
            <div class="st-num"><span id="stn" class="st-n">0</span><span class="st-p">%</span></div>
            <div class="st-copy s14">
                © 2023 <a href="http://www.hennissy.com/">轩尼斯门窗</a>  All rights reserved.            </div>
        </div>
        <div class="index-one a-main">
            <div class="swiper-container a-bn">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide a-s">
                                                <!-- 图片 -->
                        <a href="/article/1071.html"  class="a-link"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240428/17142862715208976.jpg" data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240428/17142862715208976.jpg" alt="歌丽雅III平开窗" class="a-img"></a>
                                                <div class="a-text s60">
                            <div class="a-row a-tit text-in2"></div>
                            <div class="a-small text-in2 s24"></div>
                                                        <div class="a-last"><a href="/article/1071.html"  class="b-more s16 text-in2 white">查看更多</a></div>
                                                    </div>
                        <div class="a-label"></div>
                    </div>
                                        <div class="swiper-slide a-s">
                                                <!-- 图片 -->
                        <a href="/article/1083.html"  class="a-link"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240428/17142865924130481.jpg" data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240428/17142865924130481.jpg" alt="佳美提升推拉窗" class="a-img"></a>
                                                <div class="a-text s60">
                            <div class="a-row a-tit text-in2"></div>
                            <div class="a-small text-in2 s24"></div>
                                                        <div class="a-last"><a href="/article/1083.html"  class="b-more s16 text-in2 white">查看更多</a></div>
                                                    </div>
                        <div class="a-label"></div>
                    </div>
                                        <div class="swiper-slide a-s">
                                                <!-- 图片 -->
                        <a href="/article/1103.html"  class="a-link"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240428/17142865061079060.jpg" data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240428/17142865061079060.jpg" alt="爵士III断桥推拉窗" class="a-img"></a>
                                                <div class="a-text s60">
                            <div class="a-row a-tit text-in2"></div>
                            <div class="a-small text-in2 s24"></div>
                                                        <div class="a-last"><a href="/article/1103.html"  class="b-more s16 text-in2 white">查看更多</a></div>
                                                    </div>
                        <div class="a-label"></div>
                    </div>
                                    </div>
                <div class="a-op">
                    <div class="a-title s16"></div>
                    <div class="a-pg"></div>
                </div>
                <div class="a-arrow-wrap">
                    <div class="a-arrow a-prev"></div>
                    <div class="a-arrow a-next"></div>
                </div>
            </div>
        </div>
        <div class="index-one d-main">
            <div class="d-in">
                <div class="swiper-container d-bn">
                    <div class="swiper-wrapper">
                                                <div class="swiper-slide d-s">
                            <img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240428/17142915215929203.jpg" alt="" class="d-bg">
                            <div class="d-text mask">
                                <div class="d-row s60 d-ani">铝合金•门</div>
                                <div class="d-des s20 d-ani">极窄可视扇框设计，简而不减</div>
                                <a href="/aluminum-door.html" class="b-more s16 white d-ani">查看产品</a>
                            </div>
                            <div class="d-box"><img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240428/17142915215929203.jpg" alt="" class="d-img"></div>
                        </div>
                                                <div class="swiper-slide d-s">
                            <img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240428/17142923665893132.jpg" alt="" class="d-bg">
                            <div class="d-text mask">
                                <div class="d-row s60 d-ani">铝合金•窗</div>
                                <div class="d-des s20 d-ani">内开纱扇嵌入式金属防护角小呵护,<br>大作用,为家保驾护航</div>
                                <a href="/alloy-window.html" class="b-more s16 white d-ani">查看产品</a>
                            </div>
                            <div class="d-box"><img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240428/17142923665893132.jpg" alt="" class="d-img"></div>
                        </div>
                                                <div class="swiper-slide d-s">
                            <img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240428/17142923669961059.jpg" alt="" class="d-bg">
                            <div class="d-text mask">
                                <div class="d-row s60 d-ani">阳光房</div>
                                <div class="d-des s20 d-ani">可以尽情倾听花开的声音，给你一个亲近自然，<br>享受阳光慵懒的温馨乐土。</div>
                                <a href="/deluxe-sunroom.html" class="b-more s16 white d-ani">查看产品</a>
                            </div>
                            <div class="d-box"><img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240428/17142923669961059.jpg" alt="" class="d-img"></div>
                        </div>
                                                <div class="swiper-slide d-s">
                            <img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240929/17276031812999011.jpeg" alt="" class="d-bg">
                            <div class="d-text mask">
                                <div class="d-row s60 d-ani">入户门</div>
                                <div class="d-des s20 d-ani">10年，从好窗到好门的距离
——轩尼斯开创新一代“双系统”入户门</div>
                                <a href="/Entrance-Door.html" class="b-more s16 white d-ani">查看产品</a>
                            </div>
                            <div class="d-box"><img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20240929/17276031812999011.jpeg" alt="" class="d-img"></div>
                        </div>
                                            </div>
                    <div class="d-op d-ani">
                        <div class="d-dt s16">产品系列：</div>
                        <div class="d-tabs">
                                                        <div class="d-tab s16 active">铝合金•门</div>
                                                        <div class="d-tab s16 ">铝合金•窗</div>
                                                        <div class="d-tab s16 ">阳光房</div>
                                                        <div class="d-tab s16 ">入户门</div>
                                                    </div>
                    </div>
                    <div class="d-arrow-wrap d-ani">
                        <div class="d-arrow d-prev"></div>
                        <div class="d-arrow d-next"></div>
                    </div>
                </div>
            </div>
            <div class="c-in" style="display: none;">
                <img data-img="" alt="" class="c-bg">
                <div class="c-box">
                    <img data-img="" alt="" class="c-logo">
                    <img alt="" class="c-box-bg">
                </div>
                <div class="c-title s40"></div>
            </div>
        </div>
                                <video class="single-video" id="singleVideo" src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/files/slides/20240323/17111602929146936.mp4" controls="controls" style="width: 100%;vertical-align: top;" muted="muted" x5-video-player-type="h5" x5-playsinline="" playsinline="" webkit-playsinline="true" loop="loop"></video>
                                        <div class="index-one b-main">
            <img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article_category/20230625/16876788299602270.jpg" alt="12-1" class="b-bg">
            <div class="b-inner">
                <div class="b-title s60 text-in">关于我们</div>
                <div class="b-cont">
                                        <div class="b-left">
                                                <video src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/files/article/20230714/16893313794546400.mp4" class="b-nm" x5-playsinline playsinline webkit-playsinline="true" controls="controls"></video>
                                                <img data-img="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article/20230714/16893315212942514.png" alt="微信图片_20230714183757" class="b-poster">
                        <div class="b-play"></div>
                    </div>
                                        <div class="b-right">
                        <div class="b-tit s30 text-in">品牌介绍</div>
                        <div class="b-des s16 text-in" data-time="5">轩尼斯门窗，品牌始创于2004 年，是一家专注高端定制系统门窗，集研发、制造、销售、服务于一体的创新型企业。目前在国内拥有凤岗厂区、范湖厂区、官窑厂区和盐城厂区四大铝门窗生产基地总生产面积超过30万平方米，拥有员工1100余人。<br/>20年来，轩尼斯门窗专注于人居空间价值的构筑，向终端消费者提供一站式的五星级服务体验，截至目前，在国内已拥有1300 余家门窗加盟专卖店。铝合金门窗产品远销美国、加拿大、欧洲、中东、东南亚、澳大利亚等国家和地区，为全球上亿消费者提供标准专业、无微不至的门窗服务。</div>
                        <a href="/about/105.html" class="b-more s16 text-in white">查看更多</a>
                    </div>
                </div>
            </div>
        </div>
                        <div class="ca-main">
            <div class="ca-inner">
                <div class="ca-hd">
                    <div class="ca-title s60 text-in">门窗案例</div>
                    <a href="http://www.hennissy.com/aluminum-alloy-window.html" class="b-more">查看更多</a>
                </div>
                <div class="ca-cont">
                    <div class="swiper-container ca-bn">
                        <div class="swiper-wrapper">
                                                        <div class="swiper-slide ca-s">
                                <a href="/article/1470.html"  class="ab-item">
                                    <div class="ab-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article/20250524/17480519477822827.jpg" alt="清远案例" class="ab-img"></div>
                                    <div class="ab-text">
                                        <div class="ab-tit s30">封窗案例丨一扇将美景尽收眼底的窗，简直一眼就爱上！</div>
                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide ca-s">
                                <a href="/article/1449.html"  class="ab-item">
                                    <div class="ab-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240808/17230813704158847.jpg" alt="mmexport1723080898907" class="ab-img"></div>
                                    <div class="ab-text">
                                        <div class="ab-tit s30">案例鉴赏丨骄阳似火雨滂沱，南方沿海城市如何选窗户？</div>
                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide ca-s">
                                <a href="/article/1372.html"  class="ab-item">
                                    <div class="ab-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/ueditor/20240326/17114195019200497.jpg" alt="2" class="ab-img"></div>
                                    <div class="ab-text">
                                        <div class="ab-tit s30">坐拥绝美窗景，一键打开诗意生活</div>
                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide ca-s">
                                <a href="/article/1357.html"  class="ab-item">
                                    <div class="ab-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/ueditor/20240227/17090034077740740.jpg" alt="5" class="ab-img"></div>
                                    <div class="ab-text">
                                        <div class="ab-tit s30">500㎡新中式别墅，高级雅致，舒适宜居</div>
                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide ca-s">
                                <a href="/article/1352.html"  class="ab-item">
                                    <div class="ab-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/ueditor/20240220/17084075328341093.jpg" alt="8" class="ab-img"></div>
                                    <div class="ab-text">
                                        <div class="ab-tit s30">150㎡新中式，尽显沉稳雅致的东方韵味</div>
                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide ca-s">
                                <a href="/article/1351.html"  class="ab-item">
                                    <div class="ab-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/ueditor/20240220/17084000275915203.jpg" alt="5" class="ab-img"></div>
                                    <div class="ab-text">
                                        <div class="ab-tit s30">三室一厅现代极简风，自在舒适的简洁之美</div>
                                    </div>
                                </a>
                            </div>
                                                    </div>
                    </div>
                </div>
                <div class="ca-bot">
                    <div class="swiper-scrollbar ca-sc"></div>
                    <div class="ca-ps"></div>
                    <div class="ca-ars">
                        <div class="ca-arrow ca-prev"></div>
                        <div class="ca-arrow ca-next"></div>
                    </div>
                </div>
            </div>
        </div>
                        <div class="cb-main">
            <div class="cb-inner">
                <div class="cb-cont clearfix">
                    <div class="cb-left">
                        <div class="cb-title s60">品牌资讯</div>
                        <div class="cb-more-row">
                            <a href="http://www.hennissy.com/news/126.html" class="b-more">查看更多</a>
                        </div>
                        <div class="cb-ars">
                            <div class="cb-arrow cb-prev"></div>
                            <div class="cb-arrow cb-next"></div>
                        </div>
                    </div>
                    <div class="cb-right">
                        <div class="swiper-container cb-bn">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide cb-s">
                                    <a href="/article/1467.html"  class="cb-item">
                                        <div class="cb-box after-ani">
                                            <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article/20250510/17468655003068725.png" alt="观礼封面" class="cb-img">
                                                                                        <span class="cb-lb s16">NEW</span>
                                                                                    </div>
                                        <div class="cb-text">
                                            <div class="cb-tit s20 after-ani">有奖征集 | 航天主题款新品火热征名中！入选送航天发射观礼席</div>
                                            <div class="cb-des s16 after-ani">航天精神，锻造新品</div>
                                            <div class="cb-date s16 after-ani">2025-05-10</div>
                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide cb-s">
                                    <a href="/article/1466.html"  class="cb-item">
                                        <div class="cb-box after-ani">
                                            <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/article/20250510/17468631015973926.jpeg" alt="促销" class="cb-img">
                                                                                        <span class="cb-lb s16">NEW</span>
                                                                                    </div>
                                        <div class="cb-text">
                                            <div class="cb-tit s20 after-ani">好房子配好门窗 | 轩尼斯门窗五一焕新季，赢航天发射之旅</div>
                                            <div class="cb-des s16 after-ani">✨深蓝夜空，一扇窗点亮家的温度
🌌浩瀚星辰，一扇门开启品质生活
🔥即日起至5月20日🔥
👉参与「轩尼斯门窗五一焕新季」
✅免费赢取航天发射之旅
✅更有产品专属优惠👈
💪助您轻松升级理想家
➡️活动详情请移步至门店了解</div>
                                            <div class="cb-date s16 after-ani">2025-05-10</div>
                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide cb-s">
                                    <a href="/article/1465.html"  class="cb-item">
                                        <div class="cb-box after-ani">
                                            <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240824/17244895355744352.jpg" alt="mmexport1724489428584" class="cb-img">
                                                                                        <span class="cb-lb s16">NEW</span>
                                                                                    </div>
                                        <div class="cb-text">
                                            <div class="cb-tit s20 after-ani">全景Ⅱ重型推拉门丨智美风尚，大有前景</div>
                                            <div class="cb-des s16 after-ani">轩尼斯门窗「全景Ⅱ重型推拉门」，摆脱传统隔断束缚，于咫尺之间开创无际之境，为居家环境带来前所未有的阔景视觉享受。「全景Ⅱ重型推拉门」采用全幅大玻璃+超窄边框设计，尽释IMAX视觉体验，赋予空间恰到好处的张力与层次。</div>
                                            <div class="cb-date s16 after-ani">2024-08-24</div>
                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide cb-s">
                                    <a href="/article/1464.html"  class="cb-item">
                                        <div class="cb-box after-ani">
                                            <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/files/slides/20240822/17242908924902215.jpg" alt="mmexport1724290764411" class="cb-img">
                                                                                        <span class="cb-lb s16">NEW</span>
                                                                                    </div>
                                        <div class="cb-text">
                                            <div class="cb-tit s20 after-ani">「门」启新界，「浴」见美好 | 轩尼斯门窗入户门和卫浴空间重磅升级</div>
                                            <div class="cb-des s16 after-ani">橙黄橘绿是秋之色彩，丹桂飘香是秋之韵味。这个八月，门窗艺术大师轩尼斯择秋上新，带来「入户门」和「卫浴」两大空间产品的全新升级。「门」启新界，「浴」见美好，轩尼斯门窗以简洁明朗的空间版块，富有温度的生活概念，致敬金秋的形色意韵。</div>
                                            <div class="cb-date s16 after-ani">2024-08-20</div>
                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide cb-s">
                                    <a href="/article/1463.html"  class="cb-item">
                                        <div class="cb-box after-ani">
                                            <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240814/17235994727837318.jpg" alt="mmexport1723599146473" class="cb-img">
                                                                                        <span class="cb-lb s16">NEW</span>
                                                                                    </div>
                                        <div class="cb-text">
                                            <div class="cb-tit s20 after-ani">全力拼搏，冲击决赛丨轩尼斯门窗国际摩联MiniGP中国站第四站圆满收官</div>
                                            <div class="cb-des s16 after-ani">随着引擎的轰鸣与观众的欢呼，轩尼斯门窗国际摩联MiniGP中国站选拔赛（第四站）在激烈的比拼中圆满落幕。经过数场激烈角逐，多项赛道纪录被刷新，车手们全力以赴争夺决赛席位，呈现了一场精彩绝伦的比赛。</div>
                                            <div class="cb-date s16 after-ani">2024-08-12</div>
                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide cb-s">
                                    <a href="/article/1451.html"  class="cb-item">
                                        <div class="cb-box after-ani">
                                            <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240810/17232526222898239.jpg" alt="mmexport1723252412306" class="cb-img">
                                                                                        <span class="cb-lb s16">NEW</span>
                                                                                    </div>
                                        <div class="cb-text">
                                            <div class="cb-tit s20 after-ani">门窗知识丨小户型门窗指南，让小空间装下大幸福</div>
                                            <div class="cb-des s16 after-ani">小户型空间虽紧凑，但通过精心的设计与选择合适的家居元素，同样能营造出宽敞实用的居住环境。以下几点小建议，帮助您选择适合小户型的门窗，最大化利用每一寸空间，营造一个既温馨又不显局促的甜蜜爱巢。</div>
                                            <div class="cb-date s16 after-ani">2024-08-08</div>
                                        </div>
                                    </a>
                                </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                        <div class="e-big">
            <img src="" alt="" class="e-big-img">
            <div class="e-big-text left">
                <div class="e-big-title text-in"></div>
                <div class="e-big-des s20">
                                    </div>
                <div class="e-big-row"><a href="/home/article/index.html" class="b-more s16 white text-in">查看更多</a></div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="f-inner">
        <div class="f-top">
            <a href="/" title="" class="f-index"><img src="/static/home/images/22.png" alt="" class="f-logo"></a>
            <div class="f-btns">
                                <a href="https://xuannisiqwdz.tmall.com/"  target="_blank"  rel="nofollow" class="f-btn">
                    <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240328/17116122191611577.png" alt="天猫" class="f-icon">
                </a>
                                <a href="https://mall.jd.com/index-11458207.html"  target="_blank"  rel="nofollow" class="f-btn">
                    <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20240328/17116122338305529.png" alt="京东" class="f-icon">
                </a>
                                <a title="" class="f-btn" onclick="goTop()"><img src="/static/home/images/25.png" alt="" class="f-icon"></a>
            </div>
        </div>
        <ul class="f-nav">
                        <li class="f-li">
                <a href="/about/105.html"  class="f-link s16">关于轩尼斯</a>
                                <ul class="f-sub s16">
                                        <li><a href="/about/105.html"  class="s14" title="">品牌介绍</a></li>
                                        <li><a href="/video.html"  class="s14" title="">品牌视频</a></li>
                                        <li><a href="/about/125.html"  class="s14" title="">董事长寄语</a></li>
                                        <li><a href="http://www.hennissy.com/history.html"  class="s14" title="">历程&amp;荣誉</a></li>
                                    </ul>
                            </li>
                        <li class="f-li">
                <a href="http://www.hennissy.com/aluminum-door.html"  class="f-link s16">产品&amp;案例</a>
                                <ul class="f-sub s16">
                                        <li><a href="/aluminum-door.html"  class="s14" title="">产品中心</a></li>
                                        <li><a href="/aluminum-alloy-window.html"  class="s14" title="">门窗案例</a></li>
                                    </ul>
                            </li>
                        <li class="f-li">
                <a href="/participate.html"  class="f-link s16">加盟投资</a>
                                <ul class="f-sub s16">
                                        <li><a href="/participate.html"  class="s14" title="">招商加盟</a></li>
                                        <li><a href="/gallery.html"  class="s14" title="">展厅展示</a></li>
                                        <li><a href="/franchisee.html"  class="s14" title="">加盟商展示</a></li>
                                    </ul>
                            </li>
                        <li class="f-li">
                <a href="/fingerpost.html"  class="f-link s16">品质服务</a>
                                <ul class="f-sub s16">
                                        <li><a href="/fingerpost.html"  class="s14" title="">选购指南</a></li>
                                        <li><a href="/problem.html"  class="s14" title="">常见问题</a></li>
                                        <li><a href="/contact.html"  class="s14" title="">联系我们</a></li>
                                        <li><a href="/home/auth/login.html"  class="s14" title="">会员登录</a></li>
                                    </ul>
                            </li>
                        <li class="f-li">
                <a href="/news/126.html"  class="f-link s16">品牌资讯</a>
                                <ul class="f-sub s16">
                                        <li><a href="/news/126.html"  class="s14" title="">企业新闻</a></li>
                                        <li><a href="/news/127.html"  class="s14" title="">行业资讯</a></li>
                                        <li><a href="/news/219.html"  class="s14" title="">企业风采</a></li>
                                        <li><a href="/news/224.html"  class="s14" title="">门窗知识</a></li>
                                    </ul>
                            </li>
                    </ul>
        <div class="f-ct clearfix">
            <div class="f-ct-left">
                <a href="https://map.baidu.com/@12613663,2632860,13z" target="_blank" class="f-ct-dl f-ct-dl1">
                    <img src="/static/home/images/38.png" alt="" class="f-ct-icon">
                    <div class="f-ct-dt s20">地址</div>
                    <div class="f-ct-dd s14">广东省佛山市南海区狮山镇G321<br>新沙路段轩尼斯门窗营销中心（凤岗新凤路口西北700米）</div>
                </a>
                <a href="mailto:hennissy888@126.com" class="f-ct-dl f-ct-dl2">
                    <img src="/static/home/images/39.png" alt="" class="f-ct-icon">
                    <div class="f-ct-dt s20">邮箱</div>
                    <div class="f-ct-dd s14">hennissy888@126.com</div>
                </a>
                <a href="tel:400 830 0808" class="f-ct-dl f-ct-dl3">
                    <img src="/static/home/images/40.png" alt="" class="f-ct-icon">
                    <div class="f-ct-dt s20">电话</div>
                    <div class="f-ct-dd s14">400 830 0808</div>
                </a>
            </div>
            <div class="f-ct-right">
                <div class="f-ct-box"><img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20230621/16873388785165077.png" alt="26" class="f-ct-code"></div>
                <div class="f-ct-tit s20">公众号</div>
            </div>
        </div>
    </div>
    <div class="f-bot">
        <div class="f-inner clearfix">
            <div class="f-bot-left s14">
                <a href="https://beian.miit.gov.cn" target="_blank" class="f-icp"><img src="/static/home/images/27.png" alt="">粤ICP备10231312号</a>© 2023 <a href="http://www.hennissy.com/">轩尼斯门窗</a>  All rights reserved.            </div>
            <div class="f-bot-right s14">
                欢迎有意<strong>门窗加盟</strong>，<strong>铝合金门窗代理</strong>的有志之士，加盟轩尼斯门窗品牌&nbsp;&nbsp;&nbsp;网站地图:<a href="/sitemap.xml" title="">XML</a>
            </div>
        </div>
    </div>
</footer>
<div class="foot-space"></div>
<div class="foot-menu">
    <ul>
        <li>
            <a href="/"><i class="iconfont icon-home"></i>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="/aluminum-door.html"><i class="iconfont icon-gouwuche"></i>
                <p>产品中心</p>
            </a>
        </li>
        <li>
            <a href="tel:400 830 0808"><i class="iconfont icon-telephone"></i>
                <p>热线电话</p>
            </a>
        </li>
        <li>
            <a href="/participate.html"><i class="iconfont icon-diqiu"></i>
                <p>招商加盟</p>
            </a>
        </li>
    </ul>
</div>
<div class="js-main show">
    <div class="js-close" onclick="$('.js-main').removeClass('show')"></div>
    <div class="js-inner">
        <form class="js-form" action="/home/Public/subscribe.html" method="post" onsubmit="return onSubscribe();" id="onSubscribe">
            <div class="js-left" title="">
                <div class="js-left-text">
                    <div class="js-left-tip s30">立即咨询加盟</div>
                    <a title="" class="js-left-phone s26">400 830 0808</a>
                </div>
                <img src="https://gwhennissy.oss-cn-guangzhou.aliyuncs.com/upload/images/slides/20230621/16873388785165077.png" alt="26" class="js-code">
            </div>
            <div class="js-right">
                <div class="js-area">
                    <img src="/static/home/images/217.png" alt="" class="js-icon">
                    <div class="ip-item s16">
                        <input type="text" class="ip-text s16 provinceInput" readonly="readonly" placeholder="选择省份">
                        <input type="hidden" name="province" class="ip-hidden proId">
                        <div class="ip-list s16 proList"></div>
                    </div>
                    <div class="ip-item s16">
                        <input type="text" class="ip-text s16 cityInput" readonly="readonly" placeholder="选择城市">
                        <input type="hidden" name="city" class="ip-hidden cityId">
                        <div class="ip-list s16 cityList"></div>
                    </div>
                    <div class="ip-item s16">
                        <input type="text" class="ip-text s16 areaInput" readonly="readonly" placeholder="选择县区">
                        <input type="hidden" name="district" class="ip-hidden areaId">
                        <div class="ip-list s16 areaList"></div>
                    </div>
                </div>
                <div class="js-one">
                    <img src="/static/home/images/218.png" alt="" class="js-icon">
                    <input type="text" name="contact_name" class="js-input s16" placeholder="您的称呼">
                </div>
                <div class="js-one">
                    <img src="/static/home/images/219.png" alt="" class="js-icon">
                    <input type="text" name="phone" class="js-input s16" placeholder="您的手机">
                </div>
                <div class="ip-item s16 js-type-item">
                    <input type="text" class="ip-text s16" readonly="readonly" placeholder="选择预约项目">
                    <input type="hidden" name="project" class="ip-hidden">
                    <div class="ip-list s16 typeList">
                        <a cid="加盟">加盟</a>
                        <a cid="定制">定制</a>
                    </div>
                </div>
                <input type="hidden" name="csrf_token" value="79bf37298ed7b1261e0e46e6f6e25f18">
                <button class="js-sub s30" type="submit">立即预约</button>
            </div>
        </form>
    </div>
</div>
</body>

</html>
<script src="/static/home/js/jquery-3.6.1.min.js"></script>
<script src="/static/home/js/ifie9.js"></script>
<script src="/static/home/js/swiper-3.4.2.min.js"></script>
<script src='/static/home/js/jquery.lettering.min.js'></script>
<script src='/static/home/js/num.js'></script>
<script src="/static/home/js/js.js?c=33"></script>
<script src="/static/home/js/translate.js"></script>
<link rel="stylesheet" href="/static/share.min.css">
<script src="/static/social-share.min.js"></script>
<script src="/static/home/js/cityJson.js"></script>
<script>
$(function(){
    var curI=0,curJ=0
    var proList = $(".proList")
    var cityList = $(".cityList")
    var areaList = $(".areaList")
    for(var j=0;j<cityJson.length;j++){
        proList.each(function(){
            var html = '<a cid="'+cityJson[j].name+'">'+cityJson[j].name+'</a>'
            $(this).append($(html))
        })
    }
    proList.on("click","a",function(){
        var box = $(this).parents(".ip-item").parent()
        box.find(".cityInput").val("")
        box.find(".cityId").val("")
        box.find(".areaList").html("")
        box.find(".areaInput").val("")
        box.find(".areaId").val("")
        curI = $(this).index()
        var citys = cityJson[curI].cityList
        var list = box.find(".cityList")
        list.html("")
        for(var k=0;k<citys.length;k++){
            var html = '<a class="s14" cid="'+citys[k].name+'">'+citys[k].name+'</a>'
            list.append($(html))
        }
    })
    cityList.on("click","a",function(){
        var box = $(this).parents(".ip-item").parent()
        box.find(".areaInput").val("")
        box.find(".areaId").val("")
        curJ = $(this).index()
        var areas = cityJson[curI].cityList[curJ].areaList
        var list = box.find(".areaList")
        list.html("")
        for(var k=0;k<areas.length;k++){
            var html = '<a class="s14" cid="'+areas[k]+'">'+areas[k]+'</a>'
            list.append($(html))
        }
    })
    
    $(".ip-item").each(function(i, u) {
        $(this).css("zIndex", 99 - i)
    })
    $(".ip-list a.active").each(function() {
        var p = $(this).parents(".ip-item")
        p.find(".ip-text").val($(this).text())
        p.find(".ip-hidden").val($(this).attr("cid"))
    })
    $(".ip-list").on("click","a",function() {
        $(this).addClass("active").siblings().removeClass("active")
        var p = $(this).parents(".ip-item")
        p.find(".ip-text").val($(this).text())
        p.find(".ip-hidden").val($(this).attr("cid"))
    })
    $(".ip-item").on("click",function(e) {
        e.stopPropagation()
        if ($(this).hasClass("active")) {
            $(this).removeClass("active")
        } else {
            $(".ip-item").removeClass("active")
            $(this).addClass("active")
        }
    })
    $("body").click(function() {
        $(".ip-item").removeClass("active")
    })
})
</script>
<script>
    function onSubscribe(){
        // 检验数据
        if ($('input[name=province]').val() == '')
        {
            hn.msg('请选择省份');
            return false;
        }
        if ($('input[name=city]').val() == '')
        {
            hn.msg('请选择城市');
            return false;
        }
        if ($('input[name=district]').val() == '')
        {
            hn.msg('请选择县区');
            return false;
        }
        if ($('input[name=contact_name]').val() == '')
        {
            hn.msg('请输入您的称呼');
            return false;
        }
        var phone = $('input[name=phone]').val();
        if(phone.length == 0){
            hn.msg('请输入手机号码');
            return false;
        }
        var phone_reg  = /^1[3456789]\d{9}$/;
        if (!phone_reg.test(phone)) {
            hn.msg('手机号码格式不正确');
            return false;
        }
        hn.load();// loading层
        // 发送数据
        $.ajax({
            url: $('#onSubscribe').attr('action'),
            type: 'POST',
            data: $("#onSubscribe").serializeArray(),
            dataType: 'Json',
            success: function(res){
                $('input[name="csrf_token"]').val(res.data.csrfToken);
                if (res.code == 1)
                {
                    hn.hideLoad();// 关闭loading层
                    hn.msg(res.msg, 1, function (){
                        location.reload();
                    });
                }else{
                    hn.msg(res.msg);
                    hn.hideLoad();// 关闭loading层
                }
            },
            error: function (){
                hn.msg('请求异常');
                hn.hideLoad();// 关闭loading层
            }
        });
        return false;
    }
</script>

<link href="/static/hn.css" type="text/css" rel="stylesheet" />
<script src="/static/hn.js"></script>


<script>
    // 获取当前时间，格式如 2022-11-10 14:14.13
    function getNowTimeFull(){
        var myDate=new Date;
        var y=myDate.getFullYear()
        var m=myDate.getMonth()
        var d=myDate.getDate()
        var h=myDate.getHours()
        var min=myDate.getMinutes()
        var s= myDate.getSeconds()
        m=m+1<10?"0"+(m+1):m+1;
        d=d<10?"0"+d:d
        h=h<10?"0"+h:h
        min=min<10?"0"+min:min
        s=s<10?"0"+s:s
        return y+"-"+m+"-"+d+" "+h+":"+min+":"+s;
    }
    //获取当前时间戳
    var startTime = new Date().getTime()

    var ips = 1;
    if(ips == 1){
        // 页面关闭时计算停留时间
        window.onbeforeunload = function(){
            var endTime = new Date().getTime();
            var t = endTime - startTime;
            var time = t/1000;
            var source = "http://www.hennissy.com/";
            var csrf_token = "1";
            getNowTimeFull2(time, source, csrf_token);
        }
    }

    function getNowTimeFull2(time, source, csrf_token){
        $.ajax({
            url: "/home/Public/ajaxStatistics.html",
            type: 'POST',
            data: {'time':time,'source':source,'csrf':csrf_token},
            dataType: 'json',
            success: function(res){
                // console.log(res);
                if (res.code == 1 && res.data != '')
                {
                    // hn.msg(res.msg);
                }

            },
            error: function (){
                // hn.msg('请求异常');
                hn.hideLoad();// 关闭loading层
            }
        });
    }

    function searchForm(e) {
        var keywords = e.find('input[name="title"]').val();
        if(keywords == '' || keywords == null || keywords == undefined) {
            hn.msg('请输入搜索关键词');
            return false;
        }
    }

</script>
<!-- <style>

    .skiptranslate{

          position: absolute;

          top: 0;

          z-index: 999;

          /*display: none !important;*/
    }

    .skiptranslate .skiptranslate{

          display: none;

    }

     

    .goog-te-banner-frame.skiptranslate {

        display: none !important;

    }

    body {

        top: 0px !important;

    }

</style> -->
<!-- <script>
function googleTranslateElementInit() {

    new google.translate.TranslateElement({

        pageLanguage: 'zh-CN', //默认语言

        includedLanguages: 'zh-CN,en', // 可选语言

        autoDisplay: false,

        gaTrack: false,

        gaId: 'UA-4334041-9',

        layout: google.translate.TranslateElement.InlineLayout.SIMPLE

    }, 'google_translate_element');

}

$(function() {
    function setGt() {
        if($(window).width()<=600){
            $("#google_translate_element").prependTo($(".h-box"))
        }else{
            $("#google_translate_element").appendTo($(".h-right"))
        }
    }
    $(window).resize(setGt)
    setGt()
})
</script> -->
<!-- <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script> -->
<script>
translate.nomenclature.append('chinese_simplified','english',`
轩尼斯=Hennissy
`);
translate.setUseVersion2(); //设置使用v2.x 版本
translate.execute(); //执行翻译初始化操作，显示出select语言选择


var delayTime = 1
if (window.cDelay) {
    delayTime = 3000
}
// setTimeout(function(){
//     var _hmt = _hmt || [];
//     (function() {
//       var hm = document.createElement("script");
//       hm.src = "https://hm.baidu.com/hm.js?d61fa17bec9fa995b1c8f8bc09b10046";
//       var s = document.getElementsByTagName("script")[0]; 
//       s.parentNode.insertBefore(hm, s);
//     })();
// },delayTime)
</script>
<script>
$(function() {
    // $("body").addClass("hide")

    $(".b-right,.d-text,.e-main,.e-big").click(function() {
        $(this).find("a")[0].click()
    })

    $(".a-row").each(function(index, item) {
        $(this).addClass("a-row" + index)
    })

    $(".a-text").each(function() {
        if (!$(this).text().trim()) {
            $(this).remove()
        }
    })

    var firstPlay = true
    var abn = new Swiper('.a-bn', {
        autoplay: 4000,
        speed: 500,
        preventClicks: false,
        slidesPerView: 1,
        loop: true,
        autoHeight: true,
        pagination: '.a-pg',
        paginationClickable: true,
        prevButton: '.a-prev',
        nextButton: '.a-next',
        onSlideChangeStart: function(swiper) {
            $(".a-tit").removeClass("show")
            $(".a-des").removeClass("show")
            $(".a-small").removeClass("show")
            $(".a-main .b-more").removeClass("show")
            if (!firstPlay) {
                loadSlide()
            }
        },
        onInit: function() {
            if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                var vs = $('.a-bn video')
                if (vs.length) {
                    vs.each(function(index, item) {
                        var v = $(item)
                        v.attr("data-url", v.attr("src")).attr("src", "").css("visibility", "hidden")
                        setTimeout(function() {
                            v.attr("src", v.attr("data-url")).css("visibility", "visible")
                        }, 2000)
                    })
                }
            }
            $(".a-bn video").on("click", function(e) {
                e.stopPropagation()
            })
        }
    })

    abn.stopAutoplay()

    //移动端没有设置controls=controls可能会是一片空白
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        $('.a-bn video').attr("controls", "controls")
        $(".a-play").addClass("hidehide")
    }
    //播放视频，兼容微信
    function playV(vd) {
        try {
            WeixinJSBridge.invoke('getNetworkType', {}, function() {
                vd.play()
            })
        } catch (e) {
            vd.play()
        }
    }

    function loadSlide() {
        var el = $(".a-s.swiper-slide-active")
        var tit = el.find(".a-tit")
        if (tit.length) {
            initOne(tit)
        }
        var label = el.find(".a-label")
        if (label.length) {
            $(".a-title").text(label.text())
        }
        setTimeout(function() {
            var ades = el.find(".a-des")
            if (ades.length) {
                initOne(ades)
            }
            var sm = el.find(".a-small")
            if (sm.length) {
                initOne(sm)
            }
        }, 500)
        setTimeout(function() {
            var bmore = el.find(".b-more")
            if (bmore.length) {
                initOne(el.find(".b-more"))
            }
        }, 1000)

        $(".a-bn video").each(function() {
            this.pause()
        })
        var v = $(".a-bn .swiper-slide-active video")
        if (v.length) {
            console.log(222)
            playV(v[0])
            if (firstPlay) {
                firstPlay = false
            }
            setTimeout(function() {
                abn.stopAutoplay()
            }, 1000)
            v[0].onended = function() {
                setTimeout(function() {
                    abn.slideNext()
                    abn.startAutoplay()
                }, 1000)
            }
        }
    }
    var cf = false
    document.addEventListener('keydown', function(event) {
        if (event.key === 'f' && event.ctrlKey && !cf) {
            console.log('Ctrl+F 被按下了。')
            cf=true
            $(".text-in").each(function() {
                $(this).css({
                    opacity: 1,
                    visibility: "visible"
                })
                var lb = $(this).attr("aria-label")
                if(lb){
                    $(this).text(lb)
                }
            })
        }
    })

    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        var vs = $('#singleVideo')
        if(vs.length){
            vs.each(function(){
                var v = $(this)
                v.attr("data-url",v.attr("src"))
                v.attr("src","")
                v.css("visibility","hidden")
                setTimeout(function(){
                    v.attr("src",v.attr("data-url"))
                    v.css("visibility","visible")
                    playV(v[0])
                },1000)
            })
        }
    }

    //文字入场动画
    var hh = $(window).height()
    $(window).scroll(function() {
        if(cf){
            return
        }
        var a = $(this).scrollTop()
        $(".text-in").each(function() {
            var item = $(this)
            var b = item.offset().top
            if (b - a < hh * 0.99 && b - a > -hh) {
                if (!item.hasClass("show")) {
                    item.addClass("show")
                    var t = item.attr("data-time") || 50
                    initOne(item, parseInt(t))
                }
            }
        })
    })
    $(window).trigger("scroll")


    //banner文字显现效果
    function initOne(sel, t) {
        var time = t || 50
        var $copy = sel;
        $copy.addClass("show")
        $copy.lettering();
        var $span = $copy.find("span")
        var length = $span.length;
        var array = [];
        for (var i = 1; i <= length; i++) {
            array.push(i);
        }
        shuffleArray(array);
        $copy.wrapInner('<span class="word"></span>');
        var regEx = new RegExp(/<span class=\"char(\d+)\"> <\/span>/g);
        $copy.html($copy.html().replace(regEx, '</span><span class="word">'));
        setTimeout(function() {
            animateLetters(array, length, true, time);
            setTimeout(function(){

            },length*time+10)
        }, 200);
    }

    function animateLetters(array, length, animIn, time) {
        var scale = (animIn) ? 1 : 1.5;
        var arrayToUse = (animIn) ? array : array.reverse();
        var opacity = (animIn) ? 1 : 0;
        for (var i = 0; i <= length; i++) {
            $(".char" + arrayToUse[i]).attr("style", "opacity: " + opacity + "; transition-delay: " + (time * i) + "ms; transform:perspective(1050px) rotateY(0deg) scale(" + scale + ");");
        }
        animIn = (animIn) ? false : true;
        array = (animIn) ? shuffleArray(array) : array;
    }

    function shuffleArray(array) {
        for (var i = array.length - 1; i > 0; i--) {
            var j = Math.floor(Math.random() * (i + 1));
            var temp = array[i];
            array[i] = array[j];
            array[j] = temp;
        }
        return array;
    }

    var sn = 0
    var st = 1500 / 100

    var loadedNum = 0
    var imgs = document.querySelectorAll(".st-im")
    var imgNum = imgs.length
    if ($(".st-bg").attr("src")) {
        $(".st-main").removeClass("hide")
        for (var i = 0; i < imgs.length; i++) {
            if (imgs[i].complete) {
                addOne()
            } else {
                imgs[i].addEventListener("load", addOne)
                imgs[i].addEventListener("error", addOne)
            }
        }
    } else {
        setTimeout(function() {
            $(".st-main").addClass("hide")
            $("header").removeClass("hide")
            $(".a-tit").removeClass("show")
            $(".a-des").removeClass("show")
            $(".a-small").removeClass("show")
            $(".a-main .b-more").removeClass("show")

        }, 300)
        setTimeout(function() {
            loadSlide()
            $(".a-main").addClass("show")
            $("body").css("overflow", "visible")
            $(window).trigger("scroll")
            abn.startAutoplay()
        }, 2300)
    }

    function addOne() {
        loadedNum++
        if (loadedNum == imgNum) {
            begin()
        }
    }

    function begin() {
        $(".st-main").addClass("show")
        startAni()
        startCd()
        $(".a-link").addClass("is-visible")
        lazy()
    }

    function startAni() {
        $(".st-box1").animate({
            width: 0,
            height: "6.31rem",
            left: "9.79rem"
        }, 500, "linear", function() {
            startAni2()
        }, )
    }

    function startAni2() {
        $(".st-box2").animate({
            width: "6.83rem",
            height: "6.39rem",
            left: "6.38rem",
            top: "1.02rem"
        }, 500, "linear", function() {
            startAni3()
        }, );
        $(".st-img2").animate({
            left: 0,
            top: 0
        }, 500, "linear", function() {

        }, );
    }

    function startAni3() {
        $(".st-box3").animate({
            opacity: 1
        }, 10, "linear", function() {
            startAni4()
        }, )
        $(".st-box1,.st-box2").animate({
            opacity: 0
        }, 10, "linear", function() {

        }, )
    }

    function startAni4() {
        $(".st-box3").animate({
            width: "19.2rem",
            height: "10.8rem",
            left: 0,
            top: 0,
            opacity: 1
        }, 1000, "linear", function() {

        })
        $(".st-img3").animate({
            left: 0,
            top: 0,
            marginLeft: 0,
            marginTop: 0
        }, 1000, "linear", function() {

        })
    }

    function startCd() {
        $("#stn").text(sn)
        if (sn < 100) {
            setTimeout(function() {
                sn++
                startCd()
            }, st)
        } else if (sn == 100) {
            setTimeout(function() {
                $(".st-main").addClass("hide")
                $("header").removeClass("hide")
                $(".a-tit").removeClass("show")
                $(".a-des").removeClass("show")
                $(".a-small").removeClass("show")
                $(".a-main .b-more").removeClass("show")
            }, 300)
            setTimeout(function() {
                loadSlide()
                $(".a-main").addClass("show")
                $("body").css("overflow", "visible")
                $(window).trigger("scroll")
                abn.startAutoplay()
            }, 1300)
        }
    }

    function lazy() {
        var w = $(window)
        $("[data-img]").each(function() {
            var a = $(this)
            if (!a.attr("done") && (w.scrollTop() + w.height() * 2 > a.offset().top)) {
                a.attr("done", "done")
                var src = a.attr("data-img")
                if (a[0].nodeName == 'IMG') {
                    a.attr("src", src)
                } else {
                    a.css("backgroundImage", "url(images/651a53ff66454fa982c02496ca8304cf.gif)")
                }
            }
        })
    }
    $(window).scroll(lazy)


    var nm = $(".b-nm")
    nm.attr("data-url", nm.attr("src")).attr("src", "")
    setTimeout(function() {
        nm.attr("src", nm.attr("data-url"))
    }, 1000)
    $(".b-left").on("click", function() {
        $(this).addClass("show")
        nm.attr("controls", true)
        nm[0].play()
    })
    nm.on("click", function(e) {
        e.stopPropagation()
    })
    nm.on("ended", function(e) {
        $(".b-left").removeClass("show")
        nm.attr("controls", false)
    })

    $(".c-box-bg").attr("src", $(".d-bg").eq(0).attr("data-img"))

    var dbn = new Swiper('.d-bn', {
        speed: 500,
        preventClicks: false,
        slidesPerView: 1,
        loop: true,
        prevButton: '.d-prev',
        nextButton: '.d-next',
        effect: "fade",
        autoplay: 4000,
        onSlideChangeStart: function(swiper) {
            $(".d-tab").removeClass("active").eq(swiper.realIndex).addClass("active")
        },
        onSlideChangeEnd: function(swiper) {
            $(".c-box-bg").attr("src", $(".d-s.swiper-slide-active .d-bg").attr("data-img"))
        }
    })
    dbn.stopAutoplay()

    $(".d-tab").click(function() {
        $(this).addClass("active").siblings().removeClass("active")
        var i = $(".d-bn").find("[data-swiper-slide-index=" + $(this).index() + "]").index()
        dbn.slideTo(i, 1000, false)
    })

    $(".d-s").click(function(){
        $(this).find(".b-more")[0].click()
    })


    var cbox = $(".c-box")
    var cboxbg = $(".c-box-bg")
    var cw = cbox.width()
    var ch = cbox.height()
    var ml = parseInt(cbox.css("marginLeft"))
    var tp = parseInt(cbox.css("top"))
    var btp = parseInt(cboxbg.css("top"))
    var dmain = $(".d-main")
    var dDo = false
    var rt = 7
    var dIng = false

    var bodyTop = $(window).scrollTop()
    var ww = $(window).width()

    cancelCin()

    $(window).on("scroll", function() {
        if (dIng) {
            // $(window).scrollTop(bodyTop)
        }
        if (dDo) { return }
        var t = $(window).scrollTop()
        var t2 = dmain.offset().top
        if (t + $(window).height() / 2 >= t2) {
            bodyTop = t2
            dDo = true
            dIng = true
            initOne($(".c-title"), 10)
            $(".c-box").addClass("show")
            setTimeout(function() {
                cbox.animate({
                    width: cw * rt,
                    height: ch * rt,
                    marginLeft: -cw * rt / 2,
                    top: tp - ch * (rt - 1) / 2
                }, 1000, "linear", function() {

                }, )
                $(".c-box-bg").animate({
                    top: btp + ch * (rt - 1) / 2
                }, 1000, "linear", function() {

                }, )
                setTimeout(function() {
                    dIng = false

                }, 300)
                $(".c-in").addClass("hide")
                // setTimeout(function(){
                $(".d-in").addClass("show")
                dbn.startAutoplay()
                // },500)
            }, 1000)
        }
        if (ww <= 1200 && t + $(window).height() >= t2) {
            $(".d-in").addClass("show")
            dbn.startAutoplay()
        }
    })

    //取消产品模块的加载动画
    function cancelCin(){
        dDo = true
        $(".c-in").addClass("hide")
        $(".d-in").addClass("show")
        dbn.startAutoplay()
    }


    // 如果带有小数点
    $("[dv-num]").each(function() {
        var n = $(this).attr("dv-num")
        if (n.indexOf(".") != -1) {
            var arr = n.split(".")
            var html = '<span class="s-num" dv-num="' + arr[0] + '"></span><span class="s-num">.</span><span class="s-num" dv-num="' + arr[1] + '"></span>'
            this.outerHTML = html
        }
    })
    var hh = $(window).height();
    $(window).scroll(function(e) {
        var a = $(this).scrollTop();
        //滚动到b-a<hh/1.1 && a-b<hh这个范围展示效果
        $("[dv-num]").each(function() {
            // $(this).empty()
            var b = $(this).offset().top;
            if (b - a < hh / 1.1 && a - b < hh) {
                var text = $(this).attr("dv-num")
                var num = parseInt(text);
                $(this).rollNumDaq({
                    deVal: num,
                    digit: text.length
                });
                $(this).addClass("show")
            }
        })
    })
    $(window).trigger("scroll")
    var defaults = {
        deVal: 0, //传入值
        className: 'dataNums', //样式名称
        digit: '' //默认显示几位数字
    };

    if (!$(".e-big-img").attr("src")) {
        $(".e-big").remove()
    }

    var caIndex = 0
    var cabn = new Swiper('.ca-bn',{
        preventClicks: false,
        slidesPerView: 3,
        autoHeight: true,
        scrollbar:'.ca-sc',
        scrollbarHide:false,
        breakpoints: {
            900: {
                slidesPerView: 2
            },
            500: {
                slidesPerView: 1,
                loop: true,
                pagination: '.ca-ps',
                paginationClickable :true,
            }
        },
        onSlideChangeStart: function(swiper){
            caIndex=swiper.realIndex
        }
    })


    $(".ca-next").click(function(){
        if($(window).width()>500){
            var last = getLastIndex()
            if(caIndex>=last){
                caIndex=0
            }else{
                caIndex++
            }
            cabn.slideTo(caIndex)
        }else{
            cabn.slideNext()
        }
    })
    $(".ca-prev").click(function(){
        if($(window).width()>500){
            var last = getLastIndex()
            if(caIndex==0){
                caIndex=last
            }else{
                caIndex--
            }
            cabn.slideTo(caIndex)
        }else{
            cabn.slidePrev()
        } 
    })
    function getLastIndex(){
        var n = $(".ca-s").length
        var w = $(window).width()
        if(w>900){
            n=n-3
        }else if(w<=900 && w>500){
            n=n-2
        }else{
            n=n-1
        }
        if(n<0){
            n=0
        }
        return n;
    }


    

    var cbbn = new Swiper('.cb-bn',{
        preventClicks: false,
        slidesPerView: 3,
        autoHeight: true,
        loop: true,
        prevButton:'.cb-prev',
        nextButton:'.cb-next',
        breakpoints: {
            900: {
                slidesPerView: 2
            },
            500: {
                slidesPerView: 1
            }
        }
    })

    var hasPlay = false
    var sv = $("#singleVideo")
    function setSingle(){
        var t = sv.offset().top
        var wt = $(window).scrollTop()
        var tt = wt+$(window).height()/2
        var vt = t + sv.height()/2
        if(wt+$(window).height()>t && wt<vt){
            playV(sv[0])
        }
    }
    sv[0].onplay = function(){
        hasPlay = true
    }
    setSingle()
    $(window).scroll(function(){
        if(!hasPlay){
            setSingle()
        }
    })

    function playV(vd){
        try{
            WeixinJSBridge.invoke('getNetworkType', {}, function () {
                vd.play()
            })
        }catch(e){
            vd.play()
        }
    }
})
</script>