<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" content="text/html" http-equiv="content-type">
    <title>乐豆家官网</title>
    <!--通用css、js-->
    <script src="/static/www/funBeans/js/jquery-3.2.1.min.js"></script>
    <script src="/static/www/funBeans/js/nav.js"></script>
    <link rel="icon" type="image/x-icon" href="/static/www/funBeans/images/logo.png" />
    <link rel="stylesheet" href="/static/www/funBeans/css/public.css">
    <link rel="stylesheet" href="/static/www/funBeans/css/nav.css">
    <link rel="stylesheet" href="/static/www/funBeans/css/footer.css">

    <!--首页css、js-->
    <link rel="stylesheet" href="/static/www/funBeans/css/index.css">
    <link rel="stylesheet" href="/static/www/funBeans/slick/slick.css">
    <link rel="stylesheet" href="/static/www/funBeans/slick/slick-theme.css">
    <link rel="stylesheet" href="/static/www/funBeans/css/carousel.css">
    <link rel="stylesheet" type="text/css" href="/static/www/funBeans/css/animate/animate-3.1.0.min.css">
    <link rel="stylesheet" href="/static/www/funBeans/css/storeShow.css">
    <script src="/static/www/funBeans/slick/slick.min.js"></script>
</head>
<body>
<div class="index">
    <div id="nav">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "http://hm.baidu.com/hm.js?e62d30089deb306f3eaf4b4bc43a0b68";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
// 移动端样式适配
function adaptForMobile() {
  // 检测是否为移动设备
  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
  
  if (!isMobile) return;
  
  // 查找 linkUs 元素
  const linkUs = document.querySelector('.linkUs');
  if (!linkUs) return;
  
  // 创建移动端样式
  const style = document.createElement('style');
  style.textContent = `
    .linkUs {
      position: fixed;
      bottom: 130px;
      right: 15px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.9);
      z-index: 1000;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    .linkUs > a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      padding: 5rem 6.5rem;
    }
    
    .linkUs > a > img {
      width: 80px;
      height: 80px;
      margin-bottom: 5px;
    }
    
    .linkUs > a > span {
      font-size: 3rem;
      color: #000000;
      font-weight: bold;
      text-align: center;
      white-space: nowrap;
    }
  `;
  
  // 添加样式到页面
  document.head.appendChild(style);
}

// 页面加载完成后执行
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', adaptForMobile);
} else {
  adaptForMobile();
}

// 监听窗口大小变化，重新适配
window.addEventListener('resize', adaptForMobile);
</script>
		 <div class="nav inMiddle">
			<img src="/static/www/funBeans/images/ldj_logo.png" onclick="document.location.href='/'" class="navLogo">
			<nav>
				<ul id="nav_2" class="main">
					<li>
						<a href='/html/zh-cn/brand.html'>品牌</a>
						<ul class="drop menu">
							<embed class="nav_svg" type="image/svg+xml" src="/static/www/funBeans/images/dui.svg"></embed>
							<li><a href="/html/zh-cn/brand.html#brand_view_1">发展历程</a></li>
							<li><a href="/html/zh-cn/brand.html#brand_view_2">发展策略</a></li>
							<li><a href="/html/zh-cn/brand.html#brand_view_3">区域扩张进程</a></li>
							<li><a href="/html/zh-cn/brand.html#brand_view_4">合作理念</a></li>
						</ul>
					</li>
					<li>
						<a href='/html/zh-cn/goods.html'>乐鲜食</a>
						<ul class="drop menu">
							<embed class="nav_svg" type="image/svg+xml" src="/static/www/funBeans/images/dui.svg"></embed>
							<li><a href="/html/zh-cn/goods_index.html#goods_view_1">甜品系列</a></li>
							<li><a href=" /html/zh-cn/goods_index.html#goods_view_2">新鲜面包</a></li>
							<li><a href="/html/zh-cn/goods_index.html#goods_view_3">烧烤系列</a></li>
							<li><a href="/html/zh-cn/goods_index.html#goods_view_4">包子系列</a></li>
							<li><a href="/html/zh-cn/goods_index.html#goods_view_5">关东煮系列</a></li>
							<li><a href="/html/zh-cn/goods_index.html#goods_view_6">沙拉代餐</a></li>
							<li><a href=" /html/zh-cn/goods_index.html#goods_view_7">主食盒饭</a></li>
							<li><a href=" /html/zh-cn/goods_index.html#goods_view_8">日式饭团</a></li>
							<li><a href=" /html/zh-cn/goods_index.html#goods_view_9">江西米粉</a></li>
							<li><a href=" /html/zh-cn/goods_index.html#goods_view_10">江西瓦罐汤</a></li>
						</ul>
					</li>
					<li>
						<a href='/html/zh-cn/join.html'>加盟</a>
						<ul class="drop menu">
							<embed class="nav_svg" type="image/svg+xml" src="/static/www/funBeans/images/dui.svg"></embed>
							<li><a href="/html/zh-cn/join.html#join_view_1">加盟申请</a></li>
							<li><a href="/html/zh-cn/join.html#join_view_2">加盟赋能</a></li>
							<li><a href="/html/zh-cn/join.html#join_view_3">加盟优势</a></li>
							<li><a href="/html/zh-cn/join.html#join_view_4">开放区域</a></li>
							<li><a href="/html/zh-cn/join.html#join_view_5">加盟答疑</a></li>
							<li><a href="/html/zh-cn/join.html#join_view_6">本期明星客户</a></li>
						</ul>
					</li>
					<li>
						<a href='/html/zh-cn/personnel.html'>人才</a>
						<ul class="drop menu">
							<embed class="nav_svg" type="image/svg+xml" src="/static/www/funBeans/images/dui.svg"></embed>
							<li><a href="/html/zh-cn/personnel.html#personnel_view_1">人才发展</a></li>
							<li><a href="/html/zh-cn/personnel.html#personnel_view_2">全面回报</a></li>
							<li><a href="/html/zh-cn/personnel.html#personnel_view_3">员工活动</a></li>
							<li><a href="/html/zh-cn/personnel.html#personnel_view_4">工作环境</a></li>
						</ul>
					</li>
					<li>
						<a href='/html/zh-cn/xinwen.html'>新闻中心</a>
						<ul class="drop menu">
							<embed class="nav_svg" type="image/svg+xml" src="/static/www/funBeans/images/dui.svg"></embed>
						</ul>
					</li>
					<li>
						<a href='/html/zh-cn/contact.html'>服务热线</a>
						<ul class="drop menu">
							<embed class="nav_svg" type="image/svg+xml" src="/static/www/funBeans/images/dui.svg"></embed>
						</ul>
					</li>
					<li class="linkUs">
						<a href="tel:400-004-9889" style="display: flex; align-items: center; text-decoration: none; color: inherit;">
							<img src="/static/www/funBeans/images/phone-alt.png">
							<span>400-004-9889</span>
						</a>
					</li>
				</ul>
			</nav>
      <span class="phoneNum">
        <a href="tel:400-004-9889" style="display: flex; align-items: center; text-decoration: none; color: inherit;">
          <img src="/static/www/funBeans/images/phone-alt.png">
          <span>400-004-9889</span>
        </a>
      </span>
		</div>

    </div>
    <div class="content">
        <!--    轮播-->
        <div class="slider" style="height: 41.4vw">
            <div class="slider-panel">
                <a href="javascript:void(0);">
                    <img src="/api-files/upload/cmsUploads/未标题-1_1719885818427.jpg" alt="首页轮播一">
                </a>
            </div>
            <div class="slider-panel">
                <a href="javascript:void(0);">
                    <img src="/api-files/upload/cmsUploads/首页-轮播-800_1645858493544.jpg" alt="首页轮播二">
                </a>
            </div>
            <div class="slider-panel">
                <a href="javascript:void(0);">
                    <img src="/api-files/upload/cmsUploads/首页-轮播banner-3_1645780347713.jpg" alt="首页轮播三">
                </a>
            </div>
            <div class="slider-panel">
                <a href="javascript:void(0);">
                    <img src="/api-files/upload/cmsUploads/首页-轮播banner-1_1645781273707.jpg" alt="首页轮播四">
                </a>
            </div>
        </div>
        <!--    结束-->

        <!--    品牌介绍-->
        <div class="first_title">品牌介绍</div>
        <div class="brand_introduce">
            <div class="left_cont text_lineHight">
                <p><span style="font-size: 10pt;">&nbsp; &nbsp; &nbsp; &nbsp;乐豆家便利店，是中国新生代便利店领军者，创立于2012年，不断以创新的方式重新定义行业标准，深耕轻餐饮型便利店零售服务，不断打破传统运营陈规，已成为江西零售行业的区域龙头企业。<br />&nbsp; &nbsp; &nbsp; &nbsp;截止当前，乐豆家企业团队规模超1000余人，2017年中营业额达4.5亿元，2020年成功实现月销售额近亿元，近年来保持年度复合增长率超过60%，已覆盖江西南昌、九江、上饶、赣州、吉安、宜春、抚州、景德镇、鹰潭等地市，预计2022年底门店数超过800家。 <br />&nbsp; &nbsp; &nbsp; &nbsp;从独树一帜，到多元绽放，乐豆家从未停下追求卓越的脚步，专注服务，坚持轻餐饮化、门店时尚化、年轻化、标准化，形成差异化竞争优势，乐豆家抢占内资便利店行业发展制高点，逐步成为影响行业探索升级的重要创新力量，以磅礴之势，澎湃行业动力！ <br />&nbsp; &nbsp; &nbsp; &nbsp;我们坚定的相信，&ldquo;未来，是不断突破认知、突破传统者的天下&rdquo;，不破不立，乐豆家便利店以独特的价值理念主张，在奔涌的新消费浪潮中，不断革新自我，抓取新的行业机遇，成为新消费市场的弄潮儿。<br /></span></p>
            </div>
            <div class="right_image">
                <img src="/api-files/upload/cmsUploads/brand1_1636537350711.jpg">
            </div>
        </div>
        <!--    结束-->

        <!--    乐豆家文化-->
        <div class="ldj_culture">
            <div class="first_title">乐豆家文化</div>
            <div class="ldj_culture_cont">
                <div class="ldj_culture_item" onmouseover="handleHover(this,'/api-files/upload/cmsUploads/culture1_1652344709423.png')" onmouseout="handleHoverOut(this,'/api-files/upload/cmsUploads/a-culture1_1652344712406.png')">
                    <img src="/api-files/upload/cmsUploads/a-culture1_1652344712406.png" class="cultureImg">
                    <div>乐豆家使命</div>
                    <div><p>让惊喜无处不在</p></div>
                </div>
                <div class="ldj_culture_item" onmouseover="handleHover(this,'/api-files/upload/cmsUploads/culture2_1652344806028.png')" onmouseout="handleHoverOut(this,'/api-files/upload/cmsUploads/a-culture2_1652344809274.png')">
                    <img src="/api-files/upload/cmsUploads/a-culture2_1652344809274.png" class="cultureImg">
                    <div>乐豆家愿景</div>
                    <div><p>成为中国新生代便利店典范</p></div>
                </div>
                <div class="ldj_culture_item" onmouseover="handleHover(this,'/api-files/upload/cmsUploads/culture3_1652344841495.png')" onmouseout="handleHoverOut(this,'/api-files/upload/cmsUploads/a-culture3_1652344844091.png')">
                    <img src="/api-files/upload/cmsUploads/a-culture3_1652344844091.png" class="cultureImg">
                    <div>乐豆家核心价值观</div>
                    <div><p>责任担当 拥抱变化</p>
<p>艰苦奋斗 共生共赢</p></div>
                </div>
            </div>
        </div>
        <!--    结束-->

        <!--    企业荣誉-->
        <div class="enterprise_honor">
            <div class="first_title">企业荣誉</div>
            <div class="honor_cont">
                <p style="line-height: 2; text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp;自成立以来，乐豆家便利店一直受到社会各界的高度关注和消费者的普遍认同</p>
<p style="line-height: 2; text-align: center;">先后得到江西省，南昌市主要领导及市商务局等领导多次莅临乐豆家门店及物流中心指导工作。</p>
<p style="line-height: 2; text-align: center;">2020年，乐豆家被授予&ldquo;年度服务业龙头企业&rdquo;，更斩获&ldquo;CCFA中国便利店新锐品牌奖&rdquo;，成功进入&ldquo;中国便利店50强企业&rdquo;。</p>
<p style="line-height: 2; text-align: center;">在日本考察期间,日本媒体对乐豆家更是关注并进行了多次宣传报道。</p>
<p style="text-align: justify;">&nbsp;</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="/api-files/upload/cmsJeditor/brand3_1640854650229.png" alt="" width="693" height="539" /></p>
<p>&nbsp;</p>
            </div>
        </div>
        <!--    企业荣誉结束-->

        <!--    社会责任-->
        <div class="social_duty">
            <div class="first_title">社会责任</div>
            <div class="multiple_item">
                <div class="duty_item" style="cursor: pointer;" onclick="window.open('/html/zh-cn/shehuizeren/1524676840101253121.html','_blank');">
                    <div class="duty_list_item">
                        <div class="duty_img">
                            <img src="/api-files/upload/cmsUploads/duty1_1652346256452.png">
                        </div>
                        <div class="duty_item_title">抗疫援助</div>
                        <div class="duty_item_time">2022.03.25 11:00-丹石街小区</div>
                        <div class="duty_item_cont">在抗击疫情的关键时期,乐豆家第一时间响应政府号召成立抗击疫情小组,携带抗疫物资前往各个社区...</div>
                    </div>
                </div>
                <div class="duty_item" style="cursor: pointer;" onclick="window.open('/html/zh-cn/shehuizeren/1524677007915356161.html','_blank');">
                    <div class="duty_list_item">
                        <div class="duty_img">
                            <img src="/api-files/upload/cmsUploads/duty2_1652346296765.png">
                        </div>
                        <div class="duty_item_title">无声有爱,手语门诊</div>
                        <div class="duty_item_time">2019.09.05 17:55-南昌大学二附院</div>
                        <div class="duty_item_cont">乐豆家为南昌大学二附院续航助力“无声有爱,手语门诊”公益项目,募集善款招募手语翻译和手语志...</div>
                    </div>
                </div>
                <div class="duty_item" style="cursor: pointer;" onclick="window.open('/html/zh-cn/shehuizeren/1524677236236488705.html','_blank');">
                    <div class="duty_list_item">
                        <div class="duty_img">
                            <img src="/api-files/upload/cmsUploads/duty3_1652346751622.png">
                        </div>
                        <div class="duty_item_title">致敬高温工作者</div>
                        <div class="duty_item_time">2018.08.1618:39-船山店乐豆家</div>
                        <div class="duty_item_cont">致敬高温工作者------酷热处暑乐豆家举行“墙上冷饮100000+"公益活动，为城市高温...</div>
                    </div>
                </div>
            </div>
        </div>
        <!--    结束-->

        <!--    物流基地-->
        <div class="logistics_Base">
            <div class="first_title">物流基地</div>
            <div class="base_cont">
                <div class="base_left">
                    <img src="/api-files/upload/cmsUploads/base2_1652347030782.png">
                </div>
                <div class="base_right">
                    <img src="/api-files/upload/cmsUploads/base_1652347036875.png">
                </div>
            </div>
        </div>
        <!--    结束-->

        <!--    门店展示-->
        <div class="store_display">
            <div class="first_title">门店展示</div>
            <!--轮播放置位置 -->
            <div id="storeShow" style="height: 550px;">
                <ul id="banner"></ul>
            </div>
        </div>

        <!-- <div class="index5">
            <img src="/static/www/funBeans/images/index5.png" alt="">
        </div> -->
        <div id="footer">
<div class="footer">
<div class="info_box">
	<div class="foot_left">
		<img src="/static/www/funBeans/images/foot_logo.png">
		<div>
			<img src="/static/www/funBeans/images/wx-icon.png" class="wx-icon">
			<img src="/static/www/funBeans/images/wb-icon.png" class="wb-icon">
		</div>
		<div class="wx_popup">
			<div class="wx_poput_cont">
				<img src="/static/www/funBeans/images/wechat.png">
			</div>
		</div>
		<div class="wb_popup">
			<div class="wb_poput_cont">
				<img src="/static/www/funBeans/images/weibo.png">
			</div>
		</div>
	</div>
	<div class="foot_right">
		<div class="foot_cont_item">
			<div class="foot_item_title">联系我们</div>
				<div>客户投诉热线：18170096130</div>
				<div>加盟热线：18607915000</div>
				<div>招聘热线：18179161130</div>
		</div>
		<div class="foot_cont_item">
			<div class="foot_item_title">合作商</div>
				<div>会员营销合作：19170075836</div>
				<div>供应商合作热线：19398610628</div>
				<div>全省加盟热线：0791-88192285</div>
		</div>
		<div class="foot_cont_item">
			<div class="foot_item_title">乐豆家</div>
				<div>地址：江西省南昌市青山湖区民富路400号4楼</div>
				<div>总部热线：400-004-9889</div>
		</div>
	</div>
</div>
<div class="annotation">©Copyright(C)2014-2015 江西省晋利嘉实业有限责任公司 All Rights Reserved. <a class="beian" target="_blank" href="http://beian.miit.gov.cn">赣ICP备19015048号</a> 赣公网安备 36010802000295号</div>
</div>
<script type="text/javascript">
	$(".wx-icon").mouseover(function(){
		$(".wx_popup").css("display","block");
	});
	$(".wx-icon").mouseout(function(){
		$(".wx_popup").css("display","none");
	});
	$(".wb-icon").mouseover(function(){
		$(".wb_popup").css("display","block");
	});
	$(".wb-icon").mouseout(function(){
		$(".wb_popup").css("display","none");
	});
</script>        </div>
    </div>
</div>

<script type="text/javascript">
    //鼠标移进
    function handleHover(_this,_url){
        $(_this).children('img').attr('src',_url);
        $(_this).children('img').css({transform:'rotateY(180deg)',transition:'transform 1000ms'})
    }

    //鼠标移出
    function handleHoverOut(_this,_url){
        $(_this).children('img').attr('src',_url);
        $(_this).children('img').css({transform:'rotateY(0)',transition:'transform 1000ms'})
    }

    $('.slider').slick({
        infinite: true,
        slidesToShow: 1,
        slidesToScroll: 1,
    });
    $('.multiple_item').slick({
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 3,
        prevArrow:"<img src=\"/static/www/funBeans/images/leftIcon.png\" class=\"slick-prev\">",
        nextArrow:"<img src=\"/static/www/funBeans/images/rightIcon.png\" class=\"slick-next\">"
    });
    $('.center').slick({
        centerMode: true,
        centerPadding: '60px',
        slidesToShow: 3,
        responsive: [{
            breakpoint: 768,
            settings: {
                arrows: false,
                centerMode: true,
                centerPadding: '40px',
                slidesToShow: 3
            }
        }, {
            breakpoint: 480,
            settings: {
                arrows: false,
                centerMode: true,
                centerPadding: '40px',
                slidesToShow: 1
            }
        }]
    })
</script>
<script>
    window.onload = function () {
        let sz = new Array();
        let szdiv = new Array()
        var cur_ul = document.getElementById("banner");
        let activeNum = 2;// 当前焦点的banner图标记
        let list = [
                {imgPath:'/api-files/upload/cmsUploads/88c27d0b39887170c9f2124dd3e17c9 拷贝_1656300673146.jpg',imgTitle:'社区店'},
                {imgPath:'/api-files/upload/cmsUploads/lQDPJxZuD4C5EJjND6DNF3CwTNwcBKc4DzwCtWO3f4DSAA_6000_4000_1656300682875.jpg',imgTitle:'商业区街边店'},
                {imgPath:'/api-files/upload/cmsUploads/01bbbf0e8b080aa4278c34025bf7a8c_1656300693574.jpg',imgTitle:'无烟门店'},
            ];
        for (let i = 1; i <= list.length; i++) {
            let cur_li = document.createElement("li");
            let cur_img = document.createElement("img");
            let cur_title = document.createElement("div");
            cur_img.src = list[i-1].imgPath;
            cur_img.style.width = "100%";
            cur_img.style.height = "100%";
            cur_li.style.width = "24.5vw";
            cur_li.className = "bannerItem";
            cur_li.appendChild(cur_img);
            // 判断点击的是哪个banner 点击左边banner触发下一个 点击右边 触发上一个 点击中间不触发
            let bannerStrategy = {
                1: () => {
                    if (i === 3) {
                        return get_next();
                    } else {
                        return get_pre()
                    }
                },
                2: () => {
                    if (i === 1) {
                        return get_next();
                    } else {
                        return get_pre()
                    }
                },
                3: () => {
                    if (i === 2) {
                        return get_next();
                    } else {
                        return get_pre()
                    }
                }
            }
            const bannerStrategyFn = function (activeNum, i) {
                return bannerStrategy[activeNum](i)
            }
            cur_li.onclick = () => {
                if (activeNum !== i) {
                    bannerStrategyFn(activeNum, i)
                }
            }
            cur_title.className = "imgTitle";
            cur_title.innerHTML = list[i-1].imgTitle;
            cur_li.appendChild(cur_title);
            if (i != 5) {
                cur_li.id = 5 - i;
            } else {
                cur_li.id = 5;
            }

            cur_ul.appendChild(cur_li)
            sz.push(cur_li);
            sz[sz.length - 1].style.left = "0px";
            let bottom_div = document.createElement("div");
            bottom_div.style.left = 125 * i + "px";
            bottom_div.name = i;
            szdiv.push(bottom_div)
            cur_ul.appendChild(bottom_div);
        }

        let pre_img = document.createElement("img")

        pre_img.src = "/static/www/funBeans/images/rightIcon.png";
        pre_img.style.backgroundColor = "rgba(255,255,255,0.2)";
        pre_img.style.position = "absolute";
        pre_img.style.left = "0vw";
        pre_img.style.top = "18vw";
        pre_img.style.bottom = 0;
        // pre_img.style.margin = "auto"
        pre_img.style.width = "2vw"
        pre_img.style.height = "2vw"
        pre_img.style.zIndex = 100;
        cur_ul.appendChild(pre_img);

        let nex_img = document.createElement("img")
        nex_img.src = "/static/www/funBeans/images/leftIcon.png";
        nex_img.style.backgroundColor = "rgba(255,255,255,0.2)";
        nex_img.style.position = "absolute";
        nex_img.style.right = "0vw";
        nex_img.style.top = "18vw";
        nex_img.style.bottom = 0;
        // nex_img.style.margin = "auto"
        nex_img.style.width = "2vw"
        nex_img.style.height = "2vw"
        nex_img.style.zIndex = 100;
        cur_ul.appendChild(nex_img);

        pre_img.onclick = function () {
            get_pre();
        }

        nex_img.onclick = function () {
            get_next();
        }

        // 设定初始位置
        let len = sz.length - 1;
        sz[len - 2].style.left = "0vw";
        sz[len - 2].style.top = "12vw";
        sz[len - 1].style.zIndex = 100;
        sz[len - 1].style.top = "12vw";
        sz[len - 1].style.left = "24.5vw";
        sz[len - 1].style.transform = "scale(1.3)";
        sz[len].style.left = "49.5vw";
        sz[len].style.top = "12vw";

        szdiv[0].style.background = "#e431fc"

        // 点击上一个事件
        function get_pre() {
            let give_up = sz[0];
            sz.shift()
            sz.push(give_up)
            activeNum = activeNum === 2 ? 3 : activeNum === 1 ? 2 : 1;
            for (let i = 0; i < sz.length; i++) {
                sz[i].style.zIndex = i;
                sz[i].style.transform = "scale(1)"

            }
            sz[len - 2].style.left = "0vw";
            sz[len - 2].style.top = "12vw";
            sz[len - 1].style.zIndex = 100
            sz[len - 1].style.left = "24.5vw";
            sz[len - 1].style.transform = "scale(1.3)"
            sz[len - 1].style.opacity = 1;
            sz[len].style.left = "49.5vw";
            sz[len].style.top = "12vw";

        }

        // 点击下一个事件
        function get_next() {
            let give_up = sz[len];
            sz.pop()
            sz.unshift(give_up)
            activeNum = activeNum === 2 ? 1 : activeNum === 1 ? 3 : 2;
            for (let i = 0; i < sz.length; i++) {
                sz[i].style.zIndex = i;
                sz[i].style.transform = "scale(1)"

            }
            sz[len - 2].style.left = "0vw";
            sz[len - 2].style.top = "12vw";
            sz[len - 1].style.zIndex = 100
            sz[len - 1].style.left = "24.5vw";
            sz[len - 1].style.transform = "scale(1.3)"
            sz[len - 1].style.opacity = 1;
            sz[len].style.left = "49.5vw";
            sz[len].style.top = "12vw";
        }
    }
</script>
</body>
</html>