首页
产品中心
项目案例
新闻资讯
关于我们
项目咨询
<div style="background-color: #e0e7f0; color: rgb(34 59 140); margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Microsoft YaHei', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;"> <div class="container" style="max-width: 1440px; text-align: center; background: url('/pc/assets/components/无限空间/images/无限空间.png'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 20px 20px 0px 20px; border-radius: 10px;"> <section class="mixr-section" style="padding: 40px 36px 0px 36px; margin: 0px auto 0 auto; max-width: 1440px; position: relative; "> <h1 class="h1-title" style="font-size: 4.8rem; font-weight: 1000; margin-bottom: 15px; color: rgb(34 59 140);">产品简介</h1> <div style="width: 70px; height: 3px; background: rgb(34 59 140); border-radius: 3px; margin: 10px auto 0 auto;margin-bottom: 50px;"> </div> <div> <div style="display: flex; align-items: flex-start; gap: 20px"> <!-- 左侧视频容器 --> <div style="flex: 1.5;"> <video src="https://image.denexr.com/product/2024/8/66ab45cc8a52c3f03afbebc4.mp4" controls autoplay muted loop style="width: 90%; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);"></video> </div> <!-- 右侧介绍容器 --> <div style="flex: 1; display: flex; flex-direction: column; height: 100%; justify-content: space-between;"> <div style="width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; position: relative;"> <!-- 左侧横线 --> <div style="position: absolute; left: 0; top: 0%; width: 60%; height: 4px; background: rgb(34 59 140); border-radius: 2px;margin-top:4px"> </div> <!-- 右侧箭头组 --> <div style="display: flex; flex-direction: column; align-items: flex-end;position: relative;"> <img src="/pc/assets/components/无限空间/images/组 43_1.png" alt="装饰图片" style="height: 40px; margin-bottom: -6px; position: relative; top: -5px;"> </div> </div> <!-- 中间内容 --> <div style="flex: 1; display: flex; flex-direction: column; justify-content: left; height: 1000px;"> <p style="margin-top:43px;font-size: 1.6em; line-height: 1.8; margin: 0; text-align: left; color: rgb(34 59 140); font-weight: bold; width: 95%;margin-top:40px"> XR无限空间，戴上VR眼镜，开启沉浸式新体验！在六大游戏里自由行走，凭手势就能与虚拟世界畅快互动。现有《金字塔幻像》《环游华夏》《BIUBIU枪神》《疯狂快餐店》《非洲大草原》《南北极》，可以边玩边学科普知识。 </p> </div> <!-- 下部紧贴底部的线 --> <div style="width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; "> <!-- 左侧横线 --> <div style="position: absolute;left: 60%;top: 99.5%;width: 30%; height: 4px; background: rgb(34 59 140); border-radius: 2px;margin-bottom:4px"> </div> <!-- 右侧箭头组 --> <div style="display: flex; flex-direction: column; align-items: flex-end;transform: rotate(90deg); position: absolute;top: 90%;right: 3%;"> <img src="/pc/assets/components/无限空间/images/三角形 1 拷贝 5.png" alt="装饰图片" style="height: 80px; margin-bottom: -6px;"> </div> </div> </div> </div> </div> </section> <section class="mixr-section" style="padding: 40px 36px 0px 36px; margin: 0px auto 0 auto; max-width: 1440px; position: relative; "> <!-- 顶部MIXR标题和横线 --> <div style="display: flex; align-items: center; margin-bottom: 34px;"> <span style="font-size: 3.2rem; font-weight: 900; color: #223b8c; letter-spacing: 0.08em; font-family: 'Arial Black', 'Microsoft YaHei', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;"> MIXR </span> <div style="flex:1; height: 4px; background: rgb(34 59 140); border-radius: 2px; margin-left: 26px;margin-top:40px"> </div> <div style="width: 24px;"></div> </div> <div style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 32px;"> <!-- 左侧描述部分 --> <div style="flex: 1;width: 100%;margin:0px 11%"> <p style="width: 100%;font-size: 1.6em; line-height: 1.5; margin: 0; text-align: center; color: rgb(34 59 140); font-weight: bold;letter-spacing: 4.5px;margin-bottom:10px"> XR无限空间是一款基于虚拟现实技术的线下VR大空间娱乐体验产品，通过VR头显和手势识别技术，一秒带玩家穿越到虚拟的世界，在大型物理空间中自由行走、探索。拥有全独知名IP，可以一边游玩一边学习的研学科创产品。 </p> </div> <!-- 右侧符号图片部分 --> <div style="display: flex; align-items: center; justify-content: flex-end; min-width: 80px; position: relative; top: -30px;"> <img src="/pc/assets/components/无限空间/images/_.png" alt="符号图片" style="height: 34px; object-fit: contain; margin-left: 24px;"> </div> </div> <!-- 优化图片与上下section间距，去除图片的负top，整体下移下方内容 --> <div style="width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 0 0 0; position: relative; padding: 0;"> <!-- 左侧竖线 --> <div style="position: absolute;height: 101%;left: 0;top: 10%;bottom: 10%;width: 4px;background: rgb(34 59 140);border-radius: 2px;"> </div> <div style="width: 100%; display: flex; justify-content: center; align-items: center;"> <img src="/pc/assets/components/无限空间/images/2..png" alt="MIXR展示图片" style="display: block; width: 95%; max-width: 1100px; margin: 0 auto; border-radius: 16px; box-shadow: 0 2px 16px 0 rgba(34,59,140,0.10);"> </div> <!-- 右侧竖线 --> <div style="position: absolute; height: 100%; right: 0; top: -10%; bottom: 5%; width: 4px; background: rgb(34 59 140); border-radius: 2px;"> </div> </div> <!-- 调整下方内容上移，减少section间距 --> <div style="display: flex; align-items: center; margin-bottom: 0; position: relative; top: 0px;"> <div style="position: relative; flex:1; margin-left: 16px; margin-top: 20px;"> <!-- 短线 --> <div style="position: absolute; top: 0; left: 0; width: 80px; height: 4px; background: rgb(34 59 140); border-radius: 2px;"> </div> <!-- 长线 --> <div style="width: 100%; height: 4px; background: rgb(34 59 140); border-radius: 2px; position: absolute; top: 16px; left: -2%;"> </div> </div> <div style="width: 24px;"></div> <span style="font-size: 3.2rem;font-weight: 900;color: rgb(34 59 140);letter-spacing: 2px;margin-top: 20px;font-family: 'Arial Black', 'Microsoft YaHei', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;">MIXR</span> </div> </section> <section class="features" style="display: flex; flex-direction: column; gap: 15px; max-width: 1440px; margin: 60px auto 60px auto;"> <div style="display: flex; flex-direction: row; align-items: flex-start; gap: 40px;"> <!-- 左侧图片部分，添加底图 --> <div style="flex: 1.1; justify-content: center; align-items: center;"> <div style="border-radius: 18px; box-shadow: 0 4px 24px 0 rgba(34,59,140,0.08); padding: 18px 18px 10px 18px; position: relative; overflow: hidden; display: flex; align-items: stretch;"> <div style="flex: 1; position: relative;"> <img src="/pc/assets/components/无限空间/images/3.png" alt="核心硬件组" style="width: 100%; border-radius: 12px; display: block;"> <div style="position: absolute; top: -15px;font-size: 4.8rem; font-weight: 1000; color: #223b8c; letter-spacing: 2px; "> 核心硬件组 </div> <div style=" position: absolute; left: 68%; top: 60%; transform: translateY(-50%); border-radius: 8px; font-size: 2.5rem; font-weight: 1000; color: #223b8c; letter-spacing: 1px; pointer-events: none; text-align: left; line-height: 1.22; font-family: 'Arial Black', 'Microsoft YaHei', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif; background: none; display: flex; align-items: center; height: 100%; "> <div style="line-height: 1.7;">程序中控电脑<br>VR头显 <br>VR续航结构组<br>定位墙纸</div> </div> </div> </div> </div> </div> </section> <section class="environments" style="display: flex; flex-direction: column; gap: 15px; margin: 60px auto 60px auto;"> <div style="max-width: 1440px; padding: 38px 32px 32px 32px; box-sizing: border-box;"> <div style="text-align: center;"> <div style="border-radius: 8px; font-size: 4.8rem; font-weight: 1000; color: #223b8c; letter-spacing: 2px; letter-spacing: 2px; margin-bottom: 8px;"> 内容介绍 </div> <div style="height: 4px; width: 75%; background: #223b8c; margin: 0 auto 0 auto; border-radius: 1px;"> </div> </div> <div style="display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; position: relative;"> <!-- 左侧 MIXR 竖排 - 绝对定位，紧贴下方横线 --> <!-- <div style=" position: absolute; left: -3%; bottom: 125px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; writing-mode: vertical-rl; text-orientation: mixed; font-size: 3.3rem; font-weight: 900; color: #223b8c; /* letter-spacing: 0.1em; */ font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif; line-height: 1; user-select: none; z-index: 10; "> MIXR </div> --> <!-- 三大主题 --> <div style="flex: 1; display: flex; flex-direction: row; justify-content: space-between;"> <!-- 第一列：中国文化 --> <div style="flex: 1; text-align: center;"> <div style="font-size: 3rem; font-weight: 900; color: #223b8c; letter-spacing: 2px; margin: 34px 0px;"> 金字塔幻像 </div> <div style="height: 8px; width: 95%; background: #223b8c; margin: 0 auto 12px auto; border-radius: 1px;"> </div> <div style="display: flex; align-items: center; justify-content: center;"> <div style="width: 20px;"></div> <div style="font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 跟随导游参观胡夫金字塔<br>感受埃及的风土人情 </div> <div style="width: 20px;"></div> </div> </div> <!-- 第二列：标点符号图片 --> <div style="flex: 0 0 10px; display: flex; align-items: center; justify-content: center;margin-top:8%"> <img src="/pc/assets/components/无限空间/images/_.png" style="height: 26px;"> </div> <!-- 第三列：探险主题 --> <div style="flex: 1; text-align: center;"> <div style="font-size: 3rem; font-weight: 900; color: #223b8c; letter-spacing: 2px; margin: 34px 0px;"> 环游华夏 </div> <div style="height: 8px; width: 95%; background: #223b8c; margin: 0 auto 12px auto; border-radius: 1px;"> </div> <div style="display: flex; align-items: center; justify-content: center;"> <div style="font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 旅人误入藏书阁，穿越四<br>朝与历史英雄人物对话 </div> </div> </div> <!-- 第四列：标点符号图片 --> <div style="flex: 0 0 10px; display: flex; align-items: center; justify-content: center;margin-top:8%"> <img src="/pc/assets/components/无限空间/images/_.png" style="height: 26px;"> </div> <!-- 第五列：飞越主题 --> <div style="flex: 1; text-align: center;"> <div style="font-size: 3rem; font-weight: 900; color: #223b8c; letter-spacing: 2px; margin: 34px 0px;"> BIUBIU枪神 </div> <div style="height: 8px; width: 95%; background: #223b8c; margin: 0 auto 12px auto; border-radius: 1px;"> </div> <div style="display: flex; align-items: center; justify-content: center;"> <div style="margin-top: 10px;font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 玩家将扮演守卫先锋，击<br>杀前来入侵的末日机甲 </div> <div style="width: 20px;"></div> </div> </div> </div> <!-- 右侧引号 --> <!-- <div style="font-size: 2.2rem; font-weight: bold; color: #223b8c;"> <img src="/pc/assets/components/无限空间/images/_.png" style="height: 32px;"> </div> --> </div> <!-- 影片封面展示 --> <div style="display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; gap: 18px; margin-top: 18px; position: relative;"> <!-- 左侧竖线，在MIXR正下方 --> <div style="position: absolute; left: -2%; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end;"> <div style="width: 4px; height: 100%; background: #223b8c; border-radius: 2px;"> </div> </div> <!-- 影片封面大图，靠近左侧竖线，宽度加大 --> <div style="width: 100%; display: flex; justify-content: center; align-items: center;"> <img src="/pc/assets/components/无限空间/images/6.png" alt="影片封面组" style="width: 100%; height: auto; max-width: none; display: block; z-index: 1;"> </div> </div> <div style="display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; position: relative;"> <!-- 左侧 MIXR 竖排 - 绝对定位，紧贴下方横线 --> <!-- <div style=" position: absolute; left: -3%; bottom: 125px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; writing-mode: vertical-rl; text-orientation: mixed; font-size: 3.3rem; font-weight: 900; color: #223b8c; /* letter-spacing: 0.1em; */ font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif; line-height: 1; user-select: none; z-index: 10; "> MIXR </div> --> <!-- 三大主题 --> <div style="flex: 1; display: flex; flex-direction: row; justify-content: space-between;"> <!-- 第一列：中国文化 --> <div style="flex: 1; text-align: center;"> <div style="font-size: 3rem; font-weight: 900; color: #223b8c; letter-spacing: 2px; margin: 34px 0px;"> 疯狂快餐店 </div> <div style="height: 8px; width: 95%; background: #223b8c; margin: 0 auto 12px auto; border-radius: 1px;"> </div> <div style="display: flex; align-items: center; justify-content: center;"> <div style="width: 20px;"></div> <div style="font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 玩家在规定时间制作出餐<br>品，感受模拟经营乐趣 </div> <div style="width: 20px;"></div> </div> </div> <!-- 第二列：标点符号图片 --> <div style="flex: 0 0 10px; display: flex; align-items: center; justify-content: center;margin-top:8%"> <img src="/pc/assets/components/无限空间/images/_.png" style="height: 26px;"> </div> <!-- 第三列：探险主题 --> <div style="flex: 1; text-align: center;"> <div style="font-size: 3rem; font-weight: 900; color: #223b8c; letter-spacing: 2px; margin: 34px 0px;"> MR非洲大草原 </div> <div style="height: 8px; width: 95%; background: #223b8c; margin: 0 auto 12px auto; border-radius: 1px;"> </div> <div style="display: flex; align-items: center; justify-content: center;"> <div style="font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 草原里和可爱动物们<br>亲密接触 </div> </div> </div> <!-- 第四列：标点符号图片 --> <div style="flex: 0 0 10px; display: flex; align-items: center; justify-content: center;margin-top:8%"> <img src="/pc/assets/components/无限空间/images/_.png" style="height: 26px;"> </div> <!-- 第五列：飞越主题 --> <div style="flex: 1; text-align: center;"> <div style="font-size: 3rem; font-weight: 900; color: #223b8c; letter-spacing: 2px; margin: 34px 0px;"> MR南北极 </div> <div style="height: 8px; width: 95%; background: #223b8c; margin: 0 auto 12px auto; border-radius: 1px;"> </div> <div style="display: flex; align-items: center; justify-content: center;"> <div style="margin-top: 10px;font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 在冰天雪地中与北极熊北<br>极狼亲密互动 </div> <div style="width: 20px;"></div> </div> </div> </div> <!-- 右侧引号 --> <!-- <div style="font-size: 2.2rem; font-weight: bold; color: #223b8c;"> <img src="/pc/assets/components/无限空间/images/_.png" style="height: 32px;"> </div> --> </div> <!-- 影片封面展示 --> <div style="display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; gap: 18px; margin-top: 18px; position: relative;"> <!-- 左侧竖线，在MIXR正下方 --> <div style="position: absolute; left: -2%; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end;"> <div style="width: 4px; height: 100%; background: #223b8c; border-radius: 2px;"> </div> </div> <!-- 影片封面大图，靠近左侧竖线，宽度加大 --> <div style="width: 100%; display: flex; justify-content: center; align-items: center;"> <img src="/pc/assets/components/无限空间/images/7.png" alt="影片封面组" style="width: 100%; height: auto; max-width: none; display: block; z-index: 1;"> </div> </div> </section> <section class="project-highlight" style="max-width: 1440px;margin: 60px auto 60px auto; "> <div style="position: relative; width: 100%; display: flex; align-items: flex-start;"> <img src="/pc/assets/components/无限空间/images/5.png" alt="项目亮点" style="width: 100%; object-fit: cover; box-shadow: 0 4px 24px rgba(34,59,140,0.10);"> <div style=" position: absolute; right: 0; top: 0; width: 34%; display: flex; align-items: center; justify-content: flex-start; padding-left: 36px; z-index: 2; "> <div style=" color: #223b8c; line-height: 2; max-width: 98%; min-width: 340px; text-align: left; margin-top:20px; "> <div style="font-size: 4.8rem; font-weight: 1000; color: #223b8c; letter-spacing: 2px;margin-top: -5%;"> 项目亮点 </div> <div style="line-height:1.8;"> <span style="font-size:2.5rem; font-weight:900; color:#223b8c; letter-spacing:1px;">玩法模式：</span><br> <span style="font-size:1.2rem; font-weight:900; color:#223b8c; display:inline-block; margin-top:-2px; line-height:1.5;"> 目前已6款游戏，多种主题随意挑战，从科幻激战到萌趣科普应有尽有。UE5引擎自研开发4K+超清画质，能清晰看清画面的每一个细节！ </span> </div> <div style="margin-top: 30px;"> <span style="font-size:2.5rem; font-weight:900; color:#223b8c; letter-spacing:1px;">交互方式：</span><br> <span style="font-size:1.2rem; font-weight:900; color:#223b8c; display:inline-block; margin-top:-2px;line-height:1.5;"> 玩家在虚拟的空间里自由探索，内容设有多个交互互动环节，可以在金字塔里撸猫、比心。和李白把酒言欢，陪郑洋下西河等，沉浸感和互动感强。 </span> </div> </div> </div> </div> </section> <section class="product-advantages" style="padding: 36px 32px 32px 32px; max-width: 1440px; margin: 60px auto 0 auto; "> <!-- 顶部：左侧产品优势，右侧横线 --> <div style="display: flex; align-items: center;margin-bottom:40px"> <span style="font-size: 4.8rem; font-weight: 1000; color: rgb(34 59 140); letter-spacing: 2px;">产品优势</span> <div style="flex:1; height: 5px; background: rgb(34 59 140); border-radius: 2px; margin-left: 5%;margin-top: -1%"> </div> </div> <!-- 优势项1：寓教于乐 --> <div style=" align-items: stretch; margin-bottom: -60px; overflow: hidden; position: relative;"> <!-- 左侧图片，贴左边 --> <div style="display: flex; align-items: center; padding-left: 0; margin-left: 3.5%;"> <img src="/pc/assets/components/无限空间/images/分组 4.png" alt="寓教于乐" style="width: 100%; object-fit: cover; border-radius: 0 0 0 0;"> </div> <!-- 图片左侧的文字 --> <div style="position: relative; width: 30%; min-height: 120px; display: flex; align-items: stretch;"> <div style=" position: absolute; left: 60%; top: -175%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 32px; "> <div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; text-align: left;"> <!-- 上部分：大标题 --> <div style="font-size: 2.2rem; font-weight: 900; color: #fff; letter-spacing: 2px; margin-bottom: 6px;"> 玩法新颖 </div> <!-- 中间：白色横线 --> <div style="width: 50%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; margin-left: 0;"> </div> <!-- 下部分：描述文字，分两行，字间距和截图一致 --> <div style="font-size: 1rem; font-weight: 600; color: #fff; letter-spacing: 5px; line-height: 1.6; text-align: left; width: 100%;"> 一秒带你进入虚拟科幻赛车<br>场多人竞技，全新玩法 </div> </div> </div> </div> </div> <!-- 优势项2：小投入高回报 --> <div style="align-items: stretch; overflow: hidden; position: relative;margin-bottom: -60px;"> <!-- 左侧图片，贴左边 --> <div style="display: flex; align-items: center; padding-left: 0;margin-left: 3.5%;"> <img src="/pc/assets/components/无限空间/images/分组 5.png" alt="小投入高回报" style="width: 100%; object-fit: cover; border-radius: 0 0 0 0;"> </div> <div style="position: relative; width: 30%; min-height: 120px; display: flex; align-items: stretch;"> <div style=" position: absolute; left: 170%; top: -175%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 32px; "> <div style="display: flex; flex-direction: column; align-items: flex-end; width: 100%; text-align: right;"> <div style="font-size: 2.2rem; font-weight: 900; color: #fff; letter-spacing: 2px; margin-bottom: 6px;"> 小投入高回报 </div> <div style="width: 50%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; margin-left: auto;"> </div> <div style="font-size: 1rem; font-weight: 600; color: #fff; letter-spacing: 5px; line-height: 1.6; text-align: right; width: 100%;"> 轻量化，能复购，回本快<br>场地只需48平方起 </div> </div> </div> </div> </div> <!-- 优势项3：高效落地 --> <div style="align-items: stretch; overflow: hidden; position: relative;margin-bottom: -60px;"> <!-- 左侧图片，贴左边 --> <div style="display: flex; align-items: center; padding-left: 0; margin-left: 3.5%;"> <img src="/pc/assets/components/无限空间/images/分组 6.png" alt="高效落地" style="width: 100%; object-fit: cover; border-radius: 0 0 0 0;"> </div> <!-- 图片左侧的文字 --> <div style="position: relative; width: 30%; min-height: 120px; display: flex; align-items: stretch;"> <div style=" position: absolute; left: 60%; top: -175%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 32px; "> <div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; text-align: left;"> <!-- 上部分：大标题 --> <div style="font-size: 2.2rem; font-weight: 900; color: #fff; letter-spacing: 2px; margin-bottom: 6px;"> 新潮玩市场 </div> <!-- 中间：白色横线 --> <div style="width: 50%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; margin-left: 0;"> </div> <!-- 下部分：描述文字，分两行，字间距和截图一致 --> <div style="font-size: 1rem; font-weight: 600; color: #fff; letter-spacing: 5px; line-height: 1.6; text-align: left; width: 100%;"> 元宇宙和潮玩IP的双重结合<br>引领未来新娱乐市场 </div> </div> </div> </div> </div> <div style="align-items: stretch; margin-bottom: -60px; overflow: hidden; position: relative;margin-bottom: -60px;"> <!-- 左侧图片，贴左边 --> <div style="display: flex; align-items: center; padding-left: 0;margin-left: 3.5%;"> <img src="/pc/assets/components/无限空间/images/分组 7.png" alt="小投入高回报" style="width: 100%; object-fit: cover; border-radius: 0 0 0 0;"> </div> <div style="position: relative; width: 30%; min-height: 120px; display: flex; align-items: stretch;"> <div style=" position: absolute; left: 170%; top: -175%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 32px; "> <div style="display: flex; flex-direction: column; align-items: flex-end; width: 100%; text-align: right;"> <div style="font-size: 2.2rem; font-weight: 900; color: #fff; letter-spacing: 2px; margin-bottom: 6px;"> 高效落地 </div> <div style="width: 50%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; margin-left: auto;"> </div> <div style="font-size: 1rem; font-weight: 600; color: #fff; letter-spacing: 5px; line-height: 1.6; text-align: right; width: 100%;"> 最快15天就可落地服务<br>上市公司的团队 </div> </div> </div> </div> </div> <!-- 优势项5：高效落地 --> <div style="align-items: stretch;margin-bottom: -60px; overflow: hidden; position: relative;"> <!-- 左侧图片，贴左边 --> <div style="display: flex; align-items: center; padding-left: 0; margin-left: 3.5%;"> <img src="/pc/assets/components/无限空间/images/分组 8.png" alt="高效落地" style="width: 100%; object-fit: cover; border-radius: 0 0 0 0;"> </div> <!-- 图片左侧的文字 --> <!-- 图片左侧的文字 --> <div style="position: relative; width: 30%; min-height: 120px; display: flex; align-items: stretch;"> <div style=" position: absolute; left: 60%; top: -175%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 32px; "> <div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; text-align: left;"> <!-- 上部分：大标题 --> <div style="font-size: 2.2rem; font-weight: 900; color: #fff; letter-spacing: 2px; margin-bottom: 6px;"> 内容定制 </div> <!-- 中间：白色横线 --> <div style="width: 50%; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 8px; margin-left: 0;"> </div> <!-- 下部分：描述文字，分两行，字间距和截图一致 --> <div style="font-size: 1rem; font-weight: 600; color: #fff; letter-spacing: 5px; line-height: 1.6; text-align: left; width: 100%;"> 支持内容定制，实现品牌与业<br>务的双重增益 </div> </div> </div> </div> </section> <section class="product-advantages" style="padding: 2.25rem 2.13rem 2rem 2.13rem; max-width: 100%; margin: -5% auto 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;"> <div style="text-align: center;"> <div style="border-radius: 8px; font-size: 4.8rem; font-weight: 1000; color: #223b8c; letter-spacing: 2px; letter-spacing: 2px; margin-bottom: 8px;"> 落地案例 </div> <div style="height: 4px; width: 60%; background: #223b8c; margin: 0 auto 0 auto; border-radius: 1px;"> </div> <div style="flex: 1; text-align: center; width: 65%; margin-left: 18%;"> <div style="display: flex; align-items: center; justify-content: center;"> <div style="width: 20px;"></div> <div style="margin-bottom: 50px; margin-top: 20px;font-size: 1.2rem; color: #223b8c; font-weight: 900; letter-spacing: 2px; line-height: 1.7; text-align: center; flex: 1;"> 现已落地全球5个国家和全国70+的商场和景区，现已落地在北京，上海，长沙，贵溪、新疆、西双版纳、西安、南宁等地，未来将不断开拓，期待您的加入！ </div> <div style="width: 20px;"></div> </div> </div> </div> <img src="/pc/assets/components/无限空间/images/分组 11.png" alt="落地图片" alt="落地图片" style="width: 95%; display: block; margin-left: 4%; margin-right: auto;"> </section> <!-- 底部设计 --> <section class="footer" style="margin-top: 200px;"> <div style="display: flex; align-items: flex-end; height: 120px; width: 100%; position: relative;"> <!-- 左侧大字母 --> <div style="flex: 1; display: flex; align-items: flex-end; height: 100%; transform: translate(-34px, 27px);"> <span style=" font-size: 280px; font-weight: 900; color: #223b8c; letter-spacing: 8px; line-height: 1; font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif; text-shadow: none; background: none; padding-left: 0; margin-left: 0; display: inline-block; margin-bottom: 50px; "> MIXR </span> </div> <!-- 右侧半圆 --> <div style="width: 280px; height: 180px; position: relative; overflow: hidden; margin-right: -60px;transform:translate(-1px,10px)"> <img src="/pc/assets/components/无限空间/images/椭圆 12.png" alt="向下箭头" style="height: 180px;"> </div> </div> </section> </div> </div>
181-2277-9804
