首页
产品中心
项目案例
新闻资讯
关于我们
项目咨询
<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('https://image.denexr.com/product/mr博物馆/mr博物馆.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/66ab46228a52c3f03afbebc7.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="https://image.denexr.com/product/mr博物馆/组 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: center; height: 1000px;"> <p style="font-size: 1.6em; line-height: 1.8; margin: 0; text-align: left; color: rgb(34 59 140); font-weight: bold; margin-top: 11%; width: 95%;"> MR全息博物馆专门为儿童全面发展倾力打造，为小朋友打开奇妙世界的任意门缤纷多彩的内容，炫酷夺目的感官体验，逼真的多维沉浸体验。戴上设备，瞬间带你穿越到另外一个时空，给你带来身临其境的体验。 </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="https://image.denexr.com/product/mr博物馆/三角形 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"> MR全息博物馆是利用最新的MR科技制作的科普产品。佩戴眼镜后，空间中出现相应的科普互动内容影像。可爱动物围绕身旁，科普讲解环绕耳旁沉浸体验加深知识！ </p> </div> <!-- 右侧符号图片部分 --> <div style="display: flex; align-items: center; justify-content: flex-end; min-width: 80px; position: relative; top: -30px;"> <img src="https://image.denexr.com/product/mr博物馆/_.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="https://image.denexr.com/product/mr博物馆/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="https://image.denexr.com/product/mr博物馆/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; top: 43%; left: 68%; 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; "> <div style="margin-bottom: 35px;">硬件：<br>MR头显一体机工作站</div> <div style="margin-bottom: 0px;">系统：<br>X-DECK中控系统</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>了解海洋生物迁徙与生命<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="https://image.denexr.com/product/mr博物馆/_.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>升好奇心和求知欲，提高<br>创作力。 </div> </div> </div> <!-- 第四列：标点符号图片 --> <div style="flex: 0 0 10px; display: flex; align-items: center; justify-content: center;margin-top:8%"> <img src="https://image.denexr.com/product/mr博物馆/_.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>其境地去感受动物世界地<br>神奇魅力。 </div> <div style="width: 20px;"></div> </div> </div> </div> <!-- 右侧引号 --> <!-- <div style="font-size: 2.2rem; font-weight: bold; color: #223b8c;"> <img src="https://image.denexr.com/product/mr博物馆/_.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: -1%; 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="https://image.denexr.com/product/mr博物馆/6.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="https://image.denexr.com/product/mr博物馆/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;"> 现实世界真实可见，更安全！更新颖！再也不怕磕碰绊绊！<br><br>可爱动物围绕身旁，科普讲解环绕耳旁沉浸体验加深知识！ 寓教于乐 激发学习兴趣 提升科学素养！ </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="https://image.denexr.com/product/mr博物馆/分组 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>朋友的探索欲，提高小朋友<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="https://image.denexr.com/product/mr博物馆/分组 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>场地只需16平起 </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="https://image.denexr.com/product/mr博物馆/分组 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%;"> 最快16天落地，服务<br>上市公司的团队 </div> </div> </div> </div> </div> </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="https://image.denexr.com/product/mr博物馆/椭圆 12.png" alt="向下箭头" style="height: 180px;"> </div> </div> </section> </div> </div>
181-2277-9804
