/* ---------------------------------------------------------------------------------------- page0326 ---------------------------------------------------------------------------------------- */ /* 核心容器:Flex 布局,占满视口高度,相对定位(兜底) */ .page_0326 { height: 100vh; background-color: #d6cabf; position: relative; /* 为底部小字保留相对定位 */ display: flex; /* 开启Flex布局 */ align-items: center; /* 垂直居中 */ padding: 0 5vw; /* 左右留白,适配移动端 */ box-sizing: border-box; justify-content: center; /* 整体水平居中 */ max-width: 1400px; margin: 0 auto; /* margin: 0; */ } /* 左侧图片容器:Flex 占比,居中对齐 */ .page_0326-img-wrapper { flex: 0 0 55%; /* 固定宽度占比,不拉伸不收缩 */ display: flex; justify-content: center; /* 图片水平居中 */ } /* 图片样式 */ .page_0326-img { border-radius: 3rem; overflow: hidden; width: 40vw; max-width: none; min-width: 300px; } /* 右侧文本容器:Flex 占比,垂直方向排列 */ .page_0326-text-wrapper { flex: 1; /* 剩余空间自适应 */ display: flex; flex-direction: column; /* 垂直排列文本 */ justify-content:space-between; color: #7a6347; height: 50vh; } .page_0326-text-wrapper-head { flex: 1; display: flex; flex-direction: column; justify-content: center; color: #7a6347; } .page_0326-text-wrapper-body { flex: 1; display: flex; flex-direction: column; justify-content: start; color: #7a6347; } .page_0326-text-wrapper-footer { flex: 1; display: flex; flex-direction: row; justify-content: flex-start; color: #7a6347; } /* 标题样式 */ .page_0326-title { color: #fff; font-size: 6em; font-weight: bold; line-height: 7rem; margin: 0 0 2rem 0; letter-spacing: 0.5rem; } /* 正文样式 */ .page_0326-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; } /* 底部专利说明 */ .page_0326-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; transform: translateX(-50%); margin: 0; } /* ---------------------------------------------------------------------------------------- page_0327 ---------------------------------------------------------------------------------------- */ .page_0327 { height: 100vh; background-color: #d6cabf; position: relative; /* 为底部小字保留相对定位 */ display: flex; /* 开启Flex布局 */ align-items: center; /* 垂直居中 */ padding: 0 5vw; /* 左右留白,适配移动端 */ box-sizing: border-box; justify-content: center; /* 整体水平居中 */ max-width: 1400px; margin: 0 auto; white-space: nowrap; } /* 左侧图片容器:Flex 占比,居中对齐 */ .page_0327-img-wrapper { flex: 0 0 55%; display: flex; justify-content: center; } /* 图片样式 */ .page_0327-img { border-radius: 3rem; overflow: hidden; width: 40vw; max-width: none; min-width: 300px; } /* 右侧文本容器 */ .page_0327-text-wrapper { /* flex: 1; */ display: flex; flex-direction: column; justify-content: space-between; color: #7a6347; height: 50vh; } .page_0327-text-wrapper-head { flex: 1; display: flex; flex-direction: column; justify-content: center; color: #7a6347; } .page_0327-text-wrapper-body { flex: 1; display: flex; flex-direction: column; justify-content: start; color: #7a6347; } .page_0327-text-wrapper-footer { flex: 1; display: flex; flex-direction: row; justify-content: flex-start; color: #7a6347; } /* 标题样式 */ .page_0327-title { color: #fff; font-size: 6em; font-weight: bold; line-height: 7rem; margin: 0 0 2rem 0; letter-spacing: 0.5rem; } /* 正文样式 */ .page_0327-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; } /* 底部专利说明 */ .page_0327-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; transform: translateX(-50%); margin: 0; } /* ---------------------------------------------------------------------------------------- page_0328 ---------------------------------------------------------------------------------------- */ .page_0328 { height: 100vh; background-color: #d6cabf; display: flex; align-items: center; justify-content: center; padding: 0 5vw; box-sizing: border-box; position: relative; margin: 0 auto; white-space: nowrap; } /* 左侧视频容器 */ .page_0328-video-wrapper { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; margin-right: -2.5vw; } /* 视频样式 */ #video10 { width: 50vw; min-width: 300px; height: auto; object-fit: cover; border-radius: 3rem; pointer-events: none; } /* 右侧文字容器 */ .page_0328-text-wrapper { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 3rem; } /* 顶部大标题 */ .page_0328-text-wrapper .text-top h1 { font-size: 6rem; line-height: 7rem; color: #fff; font-weight: bold; letter-spacing: 0.5rem; margin: 0; } .page_0328-text-wrapper .text-top h2 { font-size: 3rem; line-height: 4rem; color: #7a6347; letter-spacing: 0.2rem; margin: 1rem 0 0; } /* 中间描述 */ .page_0328-text-wrapper .text-middle p { font-size: 2.5rem; line-height: 3.5rem; color: #7a6347; letter-spacing: 0.2rem; margin: 0 0 1rem; } .page_0328-text-wrapper .text-middle p:last-child { margin-bottom: 0; } /* 底部参数组 */ .page_0328-text-wrapper .text-bottom { display: flex; gap: 4rem; margin-top: 1rem; } .page_0328-text-wrapper .text-bottom > div { text-align: center; } .page_0328-text-wrapper .text-bottom h3 { font-size: 5rem; line-height: 6rem; color: #fff; font-weight: bold; letter-spacing: 0.2rem; margin: 0; } .page_0328-text-wrapper .text-bottom span { font-size: 2.2rem; color: #7a6347; } /* 底部专利说明 */ .page_0328-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; /* transform: translateX(-50%); */ margin: 0; } /* ---------------------------------------------------------------------------------------- page_0329 ---------------------------------------------------------------------------------------- */ /* 整体容器:Flex 居中布局 */ .page_0329 { height: 100vh; background: #d6cabf; display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ padding: 0 5vw; box-sizing: border-box; position: relative; } /* 左侧文字区域 */ .page_0329-text { flex: 1; padding-right: 4vw; display: flex; flex-direction: column; justify-content: center; text-align: left; } /* 正文样式 */ .page_0329-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; color: #7a6347; } .page_0329-title { font-size: 6rem; line-height: 7rem; color: #fff; font-weight: bold; letter-spacing: 0.5rem; margin: 0 0 2rem 0; } /* 右侧图片区域 */ .page_0329-img { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 3rem; } .page_0329-img img { width: 30vw; min-width: 300px; border-radius: 3rem; display: block; } /* 底部专利说明 */ .page_0329-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; /* transform: translateX(-50%); */ margin: 0; } /* ---------------------------------------------------------------------------------------- page_0330 ---------------------------------------------------------------------------------------- */ /* 整体容器:Flex 居中布局 */ .page_0330 { height: 100vh; background: #d6cabf; display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ padding: 0 5vw; box-sizing: border-box; position: relative; } /* 左侧文字区域 */ .page_0330-text { flex: 1; padding-right: 4vw; display: flex; flex-direction: column; justify-content: center; text-align: left; } /* 正文样式 */ .page_0330-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; color: #7a6347; } .page_0330-title { font-size: 6rem; line-height: 7rem; color: #fff; font-weight: bold; letter-spacing: 0.5rem; margin: 0 0 2rem 0; } /* 右侧图片区域 */ .page_0330-img-wrapper { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 3rem; } .page_0330-img-wrapper img { flex: 0 0 auto; width: 30vw; min-width: 300px; border-radius: 3rem; display: block; } /* 底部专利说明 */ .page_0330-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; transform: translateX(-50%); margin: 0; } /* ---------------------------------------------------------------------------------------- page_0331 ---------------------------------------------------------------------------------------- */ .page_0331 { height: 100vh; background: #d6cabf; display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ padding: 0 5vw; box-sizing: border-box; position: relative; } /* 左侧文字区域 */ .page_0331-text { flex: 1; padding-right: 4vw; display: flex; flex-direction: column; justify-content: center; text-align: left; } /* 正文样式 */ .page_0331-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; color: #7a6347; } .page_0331-title { font-size: 6rem; line-height: 7rem; color: #fff; font-weight: bold; letter-spacing: 0.5rem; margin: 0 0 2rem 0; } /* 底部参数组 */ .page_0331-text-wrapper .text-bottom { display: flex; gap: 4rem; margin-top: 20rem; } .page_0331-text-wrapper .text-bottom > div { text-align: center; } .page_0331-text-wrapper .text-bottom h3 { font-size: 4rem; line-height: 5rem; color: #fff; font-weight: bold; letter-spacing: 0.2rem; margin: 0; } .page_0331-text-wrapper .text-bottom span { font-size: 2.2rem; color: #7a6347; } /* 右侧图片区域 */ .page_0331-img-wrapper { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 3rem; } .page_0331-img-wrapper img { flex: 0 0 auto; width: 30vw; min-width: 300px; border-radius: 3rem; display: block; } /* 底部专利说明 */ .page_0331-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; /* transform: translateX(-50%); */ margin: 0; } /* ---------------------------------------------------------------------------------------- page_0333 ---------------------------------------------------------------------------------------- */ /* 核心容器:Flex 布局,占满视口高度,相对定位(兜底) */ .page_0333 { height: 100vh; background-color: #d6cabf; position: relative; /* 为底部小字保留相对定位 */ display: flex; /* 开启Flex布局 */ align-items: center; /* 垂直居中 */ padding: 0 5vw; /* 左右留白,适配移动端 */ box-sizing: border-box; justify-content: center; /* 整体水平居中 */ max-width: 1400px; margin: 0 auto; /* margin: 0; */ } /* 左侧图片容器:Flex 占比,居中对齐 */ .page_0333-img-wrapper { flex: 0 0 55%; /* 固定宽度占比,不拉伸不收缩 */ display: flex; justify-content: center; /* 图片水平居中 */ } /* 图片样式 */ .page_0333-img { border-radius: 3rem; overflow: hidden; width: 40vw; max-width: none; min-width: 300px; } /* 右侧文本容器:Flex 占比,垂直方向排列 */ .page_0333-text-wrapper { /* flex: 1; */ display: flex; flex-direction: column; /* 垂直排列文本 */ justify-content:space-between; color: #7a6347; height: 50vh; } .page_0333-text-wrapper-head { flex: 1; display: flex; flex-direction: column; justify-content: center; color: #7a6347; } .page_0333-text-wrapper-body { flex: 1; display: flex; flex-direction: column; justify-content: start; color: #7a6347; } .page_0333-text-wrapper-footer { flex: 1; display: flex; flex-direction: row; justify-content: flex-start; color: #7a6347; } /* 标题样式 */ .page_0333-title { color: #fff; font-size: 6em; font-weight: bold; line-height: 7rem; margin: 0 0 2rem 0; letter-spacing: 0.5rem; } /* 正文样式 */ .page_0333-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; } /* 底部专利说明 */ .page_0333-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; transform: translateX(-50%); margin: 0; } /* ---------------------------------------------------------------------------------------- page_0334 ---------------------------------------------------------------------------------------- */ /* 核心容器:Flex 布局,占满视口高度,相对定位(兜底) */ .page_0334 { height: 100vh; background-color: #d6cabf; position: relative; /* 为底部小字保留相对定位 */ display: flex; /* 开启Flex布局 */ align-items: center; /* 垂直居中 */ padding: 0 5vw; /* 左右留白,适配移动端 */ box-sizing: border-box; justify-content: center; /* 整体水平居中 */ max-width: 1400px; margin: 0 auto; /* margin: 0; */ } /* 左侧图片容器:Flex 占比,居中对齐 */ .page_0334-img-wrapper { flex: 0 0 auto; /* 固定宽度占比,不拉伸不收缩 */ display: flex; justify-content: center; /* 图片水平居中 */ } /* 图片样式 */ .page_0334-img { border-radius: 3rem; overflow: hidden; width: 40vw; max-width: none; min-width: 300px; } /* 右侧文本容器:Flex 占比,垂直方向排列 */ .page_0334-text-wrapper { display: flex; flex-direction: column; /* 垂直排列文本 */ justify-content:space-between; color: #7a6347; height: 50vh; } .page_0334-text-wrapper-head { flex: 1; display: flex; flex-direction: column; justify-content: center; color: #7a6347; } .page_0334-text-wrapper-body { flex: 1; display: flex; flex-direction: column; justify-content: start; color: #7a6347; } .page_0334-text-wrapper-footer { flex: 1; display: flex; flex-direction: row; justify-content: flex-start; color: #7a6347; } /* 标题样式 */ .page_0334-title { color: #fff; font-size: 6em; font-weight: bold; line-height: 7rem; margin: 0 0 2rem 0; letter-spacing: 0.5rem; } /* 正文样式 */ .page_0334-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; } /* 底部专利说明 */ .page_0334-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; /* transform: translateX(-50%); */ margin: 0; } /* ---------------------------------------------------------------------------------------- page_0330 ---------------------------------------------------------------------------------------- */ /* 整体容器:Flex 居中布局 */ .page_0330 { height: 100vh; background: #d6cabf; display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ padding: 0 5vw; box-sizing: border-box; position: relative; } /* 左侧文字区域 */ .page_0330-text { flex: 1; padding-right: 4vw; display: flex; flex-direction: column; justify-content: center; text-align: left; } /* 正文样式 */ .page_0330-desc { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; margin: 0.5rem 0; } .page_0330-title { font-size: 6rem; line-height: 7rem; color: #fff; font-weight: bold; letter-spacing: 0.5rem; margin: 0 0 2rem 0; } /* 右侧图片区域 */ .page_0330-img-wrapper { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 3rem; } .page_0330-img-wrapper img { flex: 0 0 auto; width: 30vw; min-width: 300px; border-radius: 3rem; display: block; } /* 底部专利说明 */ .page_0330-patent { color: #000; text-align: right; font-size: 1.2rem; line-height: 2.2rem; position: absolute; transform: translateX(-50%); margin: 0; }