测绘玩家

测绘玩家是一个专注于精密测量仪器的品牌，致力于为测绘行业提供高质量的工具和服务。通过提供各种先进的测量设备和技术，测绘玩家帮助测量人员更轻松地完成各种测绘任务。

网站布局

网站的整体布局简洁明了，主要分为以下几个部分：

  1. index-space:占满整个屏幕的高度，作为顶部导航栏和底部版权信息的容器。
  2. banner:包含一个swiper轮播图，展示公司产品、服务等多张图片。
  3. bn-video:一个全屏黑色背景的视频播放区域。
  4. banner下的.swiper-slide中的.box和.morec分别包含了更多信息和联系方式。
  5. @media(max-width:900px)用于响应式设计，当屏幕宽度小于900px时，对页面布局进行相应的调整。

网站样式

/* 通用样式 */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
a { color: #333; text-decoration: none; }
.container { width: 80%; margin: auto; }

/* index-space样式 */
.index-space { height: 1rem; background: #f8f8f8; border-bottom: 1px solid #eee; }

/* banner样式 */
.banner { width: 100%; height: calc(100vh - 1rem); position: relative; }
.swiper-slide { height: calc(100vh - 1rem); background-size: cover; background-position: center; background-repeat: no-repeat; }
.box { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; }
.morec a { height: 3.5em; margin-top: 1em; }
.morec .dv { height: 3.5em; }

/* @media(max-width:900px)样式 */
@media (max-width: 900px) { body { font-size: 0.8em; } .banner .swiper-slide { height: calc(100vh - 1rem * 2); } }

JavaScript代码

暂无提供。