<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html lang="ch">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="徐福记官网,徐福记团购价格,徐福记蛋黄酥月饼" />
    <meta name="description" content="徐福记团购部承接徐福记月饼蛋黄酥礼盒、年货礼盒、软糖、果冻、棒棒糖、沙琪玛、雪花酥、凤梨酥、金装巧克力、果冻、苏打饼干、煎饼、咸小方、胡椒、酥心糖、官网价格优惠，电话联系团购，东莞食品公司。" />
    <title>徐福记-团购部</title>
    <!-- core CSS -->
    <link href="/template/theme/css/base.css" rel="stylesheet" />
    <link href="/template/theme/css/iconfont.css" rel="stylesheet" />
    <!-- page CSS -->
    <link href="/template/theme/css/style.css" rel="stylesheet" />
    <link href="/template/theme/css/index.css" rel="stylesheet" />
    <link href="/template/theme/css/responsive.css" rel="stylesheet" />
    <link href="/template/theme/css/animate.css" rel="stylesheet" />
    <link rel="stylesheet" href="/template/theme/css/carousels.css">
    <!-- widgets CSS -->
    <link href="/template/theme/css/style_1.css" rel="stylesheet" />
    <link href="/template/theme/css/tslide.css" rel="stylesheet" />
    <link href="/template/theme/css/idangerous.swiper.css" rel="stylesheet" />
    <link href="/template/theme/css/swiper-bundle.min.css" rel="stylesheet" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
  <script src="/template/theme/js/html5shiv.js"></script>
  <script src="/template/theme/js/respond.min.js"></script>
  <![endif]-->
    <!--[if IE 6]>
  <script src="/template/theme/js/pngfix.js"></script>
  <![endif]-->
</head>

<body>
    <!-- header -->
    <link href="/template/theme/css/marketing.css" rel="stylesheet" />
<header class="header f-cb">
    <div class="wrap f-cb">
        <h1 class="logo">
            <a href="/" title="徐福记-团购部">
                <img src="/static/upload/image/20250824/1756005719419714.png" alt="徐福记-团购部">
            </a>
        </h1>
        <div class="head_tel wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s">
            <p>
                <i class="iconfont icon-dianhua"></i>
                <a href="tel:年货团购">年货团购</a><br /><i class="iconfont icon-dianhua"></i>
                <a href="tel:招商合作">招商合作</a>
            </p>
        </div>
        <div class="nav navBox">
            <nav class="nav_transform1">
                <ul class="navCont f-cb">
                    <li class="child on">
                        <a href="/" title="网站首页"><span>网站首页</span></a>
                    </li>
                    
                    <li class="child ">
                        <a href="/single_1/" title="公司简介"><span>公司简介</span></a>
                        
                        <ul class="childcont">
                            
                            <li class="li-sec">
                                <a href="/single_11/" title="品牌发展">品牌发展</a>
                            </li>
                            
                            <li class="li-sec">
                                <a href="/single_12/" title="品牌优势">品牌优势</a>
                            </li>
                            
                            <li class="li-sec">
                                <a href="/single_13/" title="品牌荣誉">品牌荣誉</a>
                            </li>
                            
                            <li class="li-sec">
                                <a href="/single_14/" title="品牌故事">品牌故事</a>
                            </li>
                            
                        </ul>
                        
                    </li>
                    
                    <li class="child ">
                        <a href="/article_3/" title="食品展示"><span>食品展示</span></a>
                        
                        <ul class="childcont">
                            
                            <li class="li-sec">
                                <a href="/article_7/" title="粽子系列">粽子系列</a>
                            </li>
                            
                            <li class="li-sec">
                                <a href="/article_8/" title="月饼系列">月饼系列</a>
                            </li>
                            
                            <li class="li-sec">
                                <a href="/article_9/" title="年货礼盒系列">年货礼盒系列</a>
                            </li>
                            
                            <li class="li-sec">
                                <a href="/article_10/" title="其他食品系列">其他食品系列</a>
                            </li>
                            
                        </ul>
                        
                    </li>
                    
                    <li class="child ">
                        <a href="/article_4/" title="生产中心"><span>生产中心</span></a>
                        
                    </li>
                    
                    <li class="child ">
                        <a href="/single_5/" title="招商合作"><span>招商合作</span></a>
                        
                    </li>
                    
                    <li class="child ">
                        <a href="/single_6/" title="联系我们"><span>联系我们</span></a>
                        
                    </li>
                    
                </ul>
            </nav>
        </div>
        <div class="nav-overlay"></div>
        <button class="nav-trigger js-nav-trigger"><span class="nav-icon icon--lines"></span></button>
    </div>
</header> 
    <!-- Page -->
    <div class="page">
        <!-- banner -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                
                <div class="swiper-slide">
                <img src="/static/upload/image/20220629/1656509966368077.jpg" alt="">
                </div>
                
                <div class="swiper-slide">
                <img src="/static/upload/image/20220607/1654582416991645.jpg" alt="">
                </div>
                
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
        </div>
        <!-- 产品 -->
        <section class="sect_prod ">
            <div class="wrap index_">
                <div class="g-bd1">
                    <div class="g-sd1 smal-hide">
                        <div class="sidebar">
                            <div class="sidebar-tit wow rotateInDownLeft animated" data-wow-delay=" ">
                                <span>Product center</span>
                                <h3>产品中心</h3>
                            </div>
                            <ul class="wow fadeInLeft animated ul-fl" data-wow-delay="0.2s">
                                
                                <li><a href="/article_7/" title="粽子系列">粽子系列</a></li>
                                
                                <li><a href="/article_8/" title="月饼系列">月饼系列</a></li>
                                
                                <li><a href="/article_9/" title="年货礼盒系列">年货礼盒系列</a></li>
                                
                                <li><a href="/article_10/" title="其他食品系列">其他食品系列</a></li>
                                
                            </ul>
                        </div>
                    </div>
                    <div class="g-mn1">
                        <div class="g-mn1c wow fadeInRight animated">
                            <div class="full-row">
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735970939124051.png" data-echo="/static/upload/image/20250104/1735970939124051.png" alt="法式薄饼500g">
                                            <a href="/112.html" title="法式薄饼500g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>法式薄饼500g</p>
                                    </div>
                                </div>
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735970789189690.jpg" data-echo="/static/upload/image/20250104/1735970789189690.jpg" alt="日式小圆饼400g">
                                            <a href="/111.html" title="日式小圆饼400g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>日式小圆饼400g</p>
                                    </div>
                                </div>
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735970639989325.png" data-echo="/static/upload/image/20250104/1735970639989325.png" alt="全家福礼2220g">
                                            <a href="/110.html" title="全家福礼2220g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>全家福礼2220g</p>
                                    </div>
                                </div>
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735963043938904.png" data-echo="/static/upload/image/20250104/1735963043938904.png" alt="臻享福礼2034g">
                                            <a href="/109.html" title="臻享福礼2034g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>臻享福礼2034g</p>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="full-row">
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735962864155035.png" data-echo="/static/upload/image/20250104/1735962864155035.png" alt="锦绣福礼1893g">
                                            <a href="/108.html" title="锦绣福礼1893g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>锦绣福礼1893g</p>
                                    </div>
                                </div>
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735962685113546.png" data-echo="/static/upload/image/20250104/1735962685113546.png" alt="团圆福礼1651g">
                                            <a href="/107.html" title="团圆福礼1651g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>团圆福礼1651g</p>
                                    </div>
                                </div>
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735962525169310.png" data-echo="/static/upload/image/20250104/1735962525169310.png" alt="平安福礼1453g">
                                            <a href="/106.html" title="平安福礼1453g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>平安福礼1453g</p>
                                    </div>
                                </div>
                                
                                <div class="span-3 midd-6 smal-6">
                                    <div class="media-box">
                                        <div class="icon widget-respimg js-respimg" data-ratiow="6" data-ratioh="7">
                                            <img src="/static/upload/image/20250104/1735962365122046.png" data-echo="/static/upload/image/20250104/1735962365122046.png" alt="如意福礼1119g">
                                            <a href="/105.html" title="如意福礼1119g" class="mask3"></a>
                                        </div>
                                        <p><span>天然健康</span><br>如意福礼1119g</p>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 优势 -->
        <section class="sect_adv">
            <div class="full-row">
                <div class="span-9 midd-8 smal-12 js-mh">
                    <div class="swiper-container " id="swiper_adv">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="advBox">
                                    <a title="徐福记官网"><img src="/template/theme/picture/adv1.jpg" alt="徐福记官网"></a>
                                    <p><a href="http://www.tzqxc.cn/" target="_blank" style="color: rgb(255, 255, 255); text-decoration: underline;"><span style="color: rgb(255, 255, 255);">徐福记</span></a>主营中秋月饼蛋黄酥，酥心糖，年货礼盒，沙琪玛，巧克力，饼干，巧克酥卷，凤梨酥、果冻，法式薄饼、卷心酥，京屋果子，果酱夹心饼干、蛋糕，米格玛米果卷等</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="advBox">
                                    <a title="徐福记官方网站"><img src="/template/theme/picture/adv2.jpg" alt="徐福记官方网站"></a>
                                    <p>徐福记的食品种类丰富，涵盖糖果、糕点、沙琪玛、巧克力、果冻、酥心糖、新年糖、多嘟糖果、软糖、凤梨酥、磨堡蛋糕、包装果冻，蛋黄酥月饼</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="advBox">
                                    <a title="徐福记厂家"><img src="/template/theme/picture/adv3.jpg" alt="徐福记厂家"></a>
                                    <p>现代化生产车间，自动化流程高，车间经过严格的消毒，进出工人经过严格的消毒工序，才可以上岗，清洁高标准车间确保了安全卫生，在生产工艺上，按照科学配方生产，烘焙温度严格按照要求，确保了色、香、味俱全食品的出品</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="advBox">
                                    <a title="徐福记月饼官网联系电话号码"><img src="/template/theme/picture/adv4.jpg" alt="徐福记月饼官网联系电话号码"></a>
                                    <p>除了好的食品质量、合理的价格外，优质的服务是企业发展的根本之一，团购批发的客户很多，服务好每一个客户，让客户满意，让客户放心</p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-adv-pagination">
                            <ul class="f-cb">
                                <li class="active-nav"><i>01</i>
                                    <p>品牌形象</p>
                                </li>
                                <li class=""><i>02</i>
                                    <p>甄选食材</p>
                                </li>
                                <li class=""><i>03</i>
                                    <p>生产工艺</p>
                                </li>
                                <li class=""><i>04</i>
                                    <p>优质服务</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span-3 midd-4 smal-12">
                    <div class="adv-call js-mh wow fadeInRight animated" data-wow-delay="500ms">
                        <img src="/template/theme/picture/adv_call.png" width="316" class="smal-hide">
                        <div style="margin: 6% 0 0;" class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s">
                            <p>年货团购</p>
                            <a href="tel:年货团购">点击立即咨询</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 我们 -->
        <section class="sect_us">
            <div class="wrap index_">
                <div class="g-bd1 f-pr">
                    <div class="g-sd1">
                        <div class="sidebar">
                            <div class="sidebar-tit wow rotateInDownLeft animated" data-wow-delay=" ">
                                <span>about us</span>
                                <h3>品牌介绍</h3>
                            </div>
                        </div>
                    </div>
                    <div class="g-mn1">
                        <div class="g-mn1c">
                            <div class="full-row">
                                <div class="span-6 midd-hide js-mh">
                                    <img src="/template/theme/picture/indexvideo.png" width="100%" class="smal-hide">
                                </div>
                                <div class="span-6 midd-12 js-mh f-pr">
                                    <div class="desBox">
                                        <div class="row">
                                            <div class="span-6">
                                                <div class="wow zoomIn animated desmin" data-wow-delay="0.1s"><span><a href="http://www.beirm.cn/" target="_blank">徐福记</a>食品</span>
                                                    <p>安全放心</p>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="usBox wow slideInUp animated" data-wow-delay="0.4s">
                                        <div class="cont">
                                            <h3>维护质量安全，打造放心食品</h3>
                                            
                                            <div>1992年中国台湾的徐氏四兄弟于广东东菀创立徐福记，拥有了38个大型现代化车间，126条高品质自动生产线，主要生产糖果、糕点沙琪玛、巧克力及果冻等休闲产品。于1994年徐福记品牌正式诞生，更是推出了专门为春节设计的新年糖，成功的引领了春节糖的文化潮流。随着网络的覆盖徐福记在全国销售服务超过了300,000家终端门店，更···</div>
                                            <a href="/single_1/" title="查看详情" class="more">></a>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 新闻 -->
        <section class="sect_new">
            <div class="full-row">
                <div class="span-9 midd-8 smal-12 js-mh">
                    <div class="layout-lr">
                        <div class="row">
                            
                        </div>
                    </div>
                </div>
                <div class="span-3 midd-4 smal-12">
                    <div class="adv-call js-mh wow slideInRight animated">
                        <div class="sidebar smal-hide">
                            <div class="sidebar-tit">
                                <span>news</span>
                                <h3>新闻中心</h3>
                            </div>
                        </div>
                        <div class="wow pulse animated" data-wow-delay="300ms" data-wow-iteration="infinite" data-wow-duration="2s">
                            <p>年货团购</p>
                            <a href="tel:年货团购">点击立即咨询</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- 环境 -->
    <section class="sect_cus">
        <div class="wrap index_">
            <div class="g-bd1">
                <div class="g-sd1">
                    <div class="sidebar js-mh f-pr">
                        <div class="sidebar-tit wow rotateInDownLeft animated">
                            <span>Storefront</span>
                            <h3>案例展示</h3>
                        </div>
                        <div class="swiper-btn f-cb smal-hide">
                            <div class="swiper-prev wow fadeIn animated"><i class="iconfont icon-jiantou1-copy"></i></div>
                            <div class="swiper-next wow fadeIn animated"><i class="iconfont icon-jiantou1-copy1"></i></div>
                        </div>
                    </div>
                </div>
                <div class="g-mn1">
                    <div class="g-mn1c">
                        <div class="block_imglist js-mh">
                            <div class="swiper-container" id="swiper_cus">
                                <div class="swiper-wrapper">
                                    
                                    <div class="swiper-slide">
                                        <a class="media-box" href="/66.html" title="生产车间3">
                                            <div class="icon widget-respimg js-respimg" data-ratiow="420" data-ratioh="466">
                                                <img src="/static/upload/image/20220617/1655431338159393.png" data-echo="/static/upload/image/20220617/1655431338159393.png" alt="生产车间3">
                                            </div>
                                            <p>生产车间3</p>
                                        </a>
                                    </div>
                                    
                                    <div class="swiper-slide">
                                        <a class="media-box" href="/64.html" title="生产车间2">
                                            <div class="icon widget-respimg js-respimg" data-ratiow="420" data-ratioh="466">
                                                <img src="/static/upload/image/20220617/1655430277181915.png" data-echo="/static/upload/image/20220617/1655430277181915.png" alt="生产车间2">
                                            </div>
                                            <p>生产车间2</p>
                                        </a>
                                    </div>
                                    
                                    <div class="swiper-slide">
                                        <a class="media-box" href="/63.html" title="生产车间1">
                                            <div class="icon widget-respimg js-respimg" data-ratiow="420" data-ratioh="466">
                                                <img src="/static/upload/image/20220617/1655429522147674.png" data-echo="/static/upload/image/20220617/1655429522147674.png" alt="生产车间1">
                                            </div>
                                            <p>生产车间1</p>
                                        </a>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- footer -->
    <!-- footer -->
<footer class="footer">
    <div class="footer_link">
        <div class="wrap">
            友情链接：
            
            <a href="https://beian.miit.gov.cn/" title="粤ICP备20003576号" target="_blank">粤ICP备20003576号</a>
            
        </div>
    </div>
    <div class="footer_info">
        <div class="wrap">
            <div class="full-row">
                <div class="span-2 smal-hide">
                    <img src="/template/theme/picture/foot_icon.jpg" alt="月饼厂家,粽子厂家,月饼品牌官网,年货礼盒,月饼品牌厂家官方网站联系电话">
                </div>
                <div class="span-8 midd-6 smal-12">
                    <div class="footer_detail">
                        <ul class="foot-ul f-cb">
                            <li class="child on">
                                <a href="/" title="网站首页">网站首页</a>
                            </li>
                            
                            <li class="child ">
                                <a href="/single_1/" title="公司简介">公司简介</a>
                            </li>
                            
                            <li class="child ">
                                <a href="/article_3/" title="食品展示">食品展示</a>
                            </li>
                            
                            <li class="child ">
                                <a href="/article_4/" title="生产中心">生产中心</a>
                            </li>
                            
                            <li class="child ">
                                <a href="/single_5/" title="招商合作">招商合作</a>
                            </li>
                            
                            <li class="child ">
                                <a href="/single_6/" title="联系我们">联系我们</a>
                            </li>
                            
                        </ul>
<!--
                        <p>联系电话：年货团购</p>
                        <p>地址：</p>
                        <p>版权所有： <a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备20003576号</a>　<a href="/sitemap.xml" target="_blank">网站地图</a></p>-->
                    </div>
                </div>
                <div class="span-2 midd-3 smal-hide f-tar">
                    <img src="/static/upload/image/20220613/1655091503316250.png" alt="徐福记-团购部" width="120" height="120">
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- plugs call -->
<div class="plugin-fixed-call">
    <div class="fixedTop" style="background: rgb(203, 203, 203);">
        <p>TOP</p>
        <img class="fixedTopPointer" src="/template/theme/picture/pointer.png">
    </div>
    <a class="span-show midd-hide smal-hide" href="tencent://message/?uin=&amp;Site=www.redwind.cn&amp;Menu=yes" target="_blank">
        <div class="child fixedQQ" id="fixedQQ"><img src="/template/theme/picture/qq.png">
            <p>QQ客服</p>
        </div>
    </a>
    <a href="javascript:;" onclick="">
        <div class="child fixedCall">
            <img src="/template/theme/picture/call.png">
            <p>年货团购</p>
        </div>
    </a>
    <div class="fixedCode">
        <img src="/template/theme/picture/code.png">
        <div class="fixedCodeInfo">
            <img class="fixedPointer" src="/template/theme/picture/leftpointer.png">
            <img class="fixedQr" src="/template/theme/picture/qrcode.jpg"> <!-- 二维码从后台调取 -->
        </div>
    </div>
</div>
<!--includes javascript at the bottom so the page loads faster-->
<div id="plugin-contact-ring2" class="hide smal-show">
    <a href="javascript: void(0)" id="ring-toggle-button"></a>
    <ul id="ring-list" class="">
        <li class="item item-phone"><a href="tel:招商合作"><i class="icon"></i><span class="">电话</span></a></li>
        <li class="item item-sms"><a href="sms:招商合作"><i class="icon"></i><span class="">短信</span></a></li>
        <li class="item item-map"><a href="/single_6/"><i class="icon"></i><span class="">地图</span></a></li>
        <li class="item item-flush"><a href="javascript:location.reload();"><i class="icon"></i><span class="title">刷新</span></a></li>
    </ul>
</div>
<script src="/template/theme/js/sea.js"></script>
<script src="/template/theme/js/seajs.config.js"></script>
<script src="/template/theme/js/jquery.min.js"></script>
<script src="/template/theme/js/index.js"></script>
<script src="/template/theme/js/wow.min.js"></script>
<script src="/template/theme/js/jcarousel.js"></script>
<script src="/template/theme/js/base.js"></script>
<script src="/template/theme/js/idangerous.swiper.min.js"></script>
<script src="/template/theme/js/tslide.js"></script>
<script src="/template/theme/js/swiper-bundle.min.js"></script>

<script>
    wow = new WOW({
        boxClass: 'wow', // default 盒子类名
        animateClass: 'animated', // default 为animate.css触发css动画的库
        offset: 0, // default 偏移量
        mobile: true, // default 是否支持手机
        live: true // default 检查新元素
    })
    new WOW().init();
</script>
<script>
    var swiper = new Swiper(".mySwiper", {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>
<script>
    var swiper1 = new Swiper("#swiper_adv", {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-adv-pagination",
            clickable: true,
            type: 'custom',
            renderCustom: function(swiper, current, total) {
                //  console.log(current);//1 2 3 4

                // 1、分页器激活样式的改变---给自己添加激活样式并将兄弟的激活样式移出。
                $('.swiper-adv-pagination .f-cb').children().eq(current - 1).addClass('active-nav').siblings().removeClass('active-nav');

                // 2、分页器点击的时候同时切换轮播图(事件委托)----循环模式slideToLoop--
                $('.swiper-adv-pagination .f-cb').on('click', 'li', function() {
                    swiper1.slideToLoop($(this).index(), 1000, false)
                })
            }
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>
<script>
    var swiper2 = new Swiper("#swiper_cus", {
        loop:true,
        spaceBetween: 10,
        slidesPerView: 3,
        centeredSlides: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-btn",
            clickable: true,
            type: 'custom',
            renderCustom: function(swiper, current, total) {
                $('.swiper-btn .swiper-prev').click(function() {
                    swiper2.slidePrev();
                })
                $('.swiper-btn .swiper-next').click(function() {
                    swiper2.slideNext();
                })
            }
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });

    $(".nav-trigger").click(function(){
        if($("body").hasClass("navigation-is-visible")){
            $("body").removeClass("navigation-is-visible");
        }else{
           
        }
    })
</script>
    <script>
        $("#swiper_adv .f-cb li").click(function(){
            var index=$(this).index();
            console.log(index)
            $(this).siblings().removeClass("active-nav")
            $(this).addClass("active-nav")
        })
    </script>
</body>

<div style="text-align: center;">
  <a target="_blank" href="http://beian.miit.gov.cn/">粤ICP备20003576号</a> 
</div>


</html>