/* 奔来旺落地页（参考 ganten product03_a，区块 blw-1..blw-6） */
.blw-page section.pro { position: relative; }
.blw-page section.pro > img { width: 100%; }
.blw-page .btns { text-align: center; padding-bottom: 4.06vw; }
.blw-page .btn-a {
  display: inline-block;
  padding: 0.6vw 2.2vw;
  border: 1px solid #353535;
  font-size: 1.04vw;
  color: #333;
  text-decoration: none;
  transition: 0.2s;
}
.blw-page .btn-a:hover { background: #333; color: #fff; }

.blw-page section.pro.blw-1 { text-align: center; }
.blw-page section.pro.blw-1 .center {
  margin: -23vw auto 2vw;
  font-size: 1.04vw;
  font-weight: 300;
  color: #3e3e3e;
  position: relative;
  display: flex;
  justify-content: center;
}
.blw-page section.pro.blw-1 .center .text-pre { width: 0.99vw; padding-top: 24vw; }
.blw-page section.pro.blw-1 .center .text-next { width: 0.99vw; padding-top: 26vw; }
.blw-page section.pro.blw-1 .center img { width: 20.16vw; }
.blw-page section.pro.blw-1 .center img:first-of-type { margin-right: -3.5vw; }

.blw-page section.pro.blw-2 { text-align: center; padding-bottom: 4.7vw; }
.blw-page section.pro.blw-2 video { width: 71.88vw; border-radius: 10px; }
.blw-page section.pro.blw-2 h2.tit {
  font-size: 3.33vw;
  font-weight: 900;
  color: #fff;
  line-height: 3.91vw;
  margin-top: -29vw;
}
.blw-page section.pro.blw-2 > p:not(.dark) {
  font-size: 1.04vw;
  color: #fff;
  line-height: 3.91vw;
  margin-bottom: 2vw;
}
.blw-page section.pro.blw-2 h2.dark {
  font-size: 3.33vw;
  font-weight: bold;
  color: #343434;
  line-height: 3.91vw;
  margin-top: 8.13vw;
}
.blw-page section.pro.blw-2 p.dark {
  font-size: 1.04vw;
  font-weight: 300;
  color: #545454;
  line-height: 1.95vw;
  max-width: 40vw;
  margin-left: auto;
  margin-right: auto;
}
.blw-page section.pro.blw-2 > a:last-of-type {
  font-size: 1.04vw;
  font-weight: 300;
  color: #1e1e1e;
  line-height: 1.95vw;
  display: inline-block;
  margin-top: 1.5vw;
}

.blw-page section.pro.blw-3 { height: 51.04vw; position: relative; }
.blw-page section.pro.blw-3 > img:nth-child(1) { position: absolute; top: 0; left: 0; z-index: -1; }
.blw-page section.pro.blw-3 > img:nth-child(2) { width: 29.43vw; margin: 3.32vw 0 1.88vw 54.06vw; }
.blw-page section.pro.blw-3 > img:nth-child(3) { width: 45.21vw; margin: 0 0 0 38.33vw; }
.blw-page section.pro.blw-3 .pic-wrap {
  margin: -2.82vw 0 0 38.39vw;
  width: 61.61vw;
  height: 29.95vw;
  background: #fff;
  display: flex;
  padding: 1.77vw 1.51vw;
  position: relative;
  box-sizing: border-box;
}
.blw-page section.pro.blw-3 .pic-wrap .l { width: 19.17vw; margin-right: 5.52vw; flex-shrink: 0; }
.blw-page section.pro.blw-3 .pic-wrap .r { flex: 1; text-align: left; }
.blw-page section.pro.blw-3 .pic-wrap .r > img { width: 9.11vw; margin-bottom: 0.57vw; }
.blw-page section.pro.blw-3 .pic-wrap .r b { margin: 2vw 0; display: block; }
.blw-page section.pro.blw-3 .pic-wrap .r p {
  font-size: 1.3vw;
  font-weight: 300;
  color: #999;
  line-height: 2.39vw;
}
.blw-page section.pro.blw-3 .pic-wrap h3 {
  font-size: 2.5vw;
  font-weight: bold;
  color: #131212;
  line-height: 2.6vw;
}
.blw-page section.pro.blw-3 .textr { text-align: right; padding-right: 11.25vw; }
.blw-page section.pro.blw-3 .textr p {
  margin-top: 2.24vw;
  font-size: 1.04vw;
  font-weight: 600;
  color: rgba(62, 62, 62, 0.63);
  line-height: 1.95vw;
}
.blw-page section.pro.blw-3 .textr a {
  margin-top: 2.1vw;
  font-size: 1.04vw;
  font-weight: 300;
  color: rgba(79, 79, 79, 0.63);
  line-height: 2.39vw;
  display: inline-block;
}

/* 与 ganten 一致：桌面不展示 blw-6（长图在 blw-5）；窄屏用 blw-6 替代 blw-3+blw-5 */
.blw-page section.pro.blw-6 {
  display: none;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.blw-page section.pro.blw-6 .text {
  position: absolute;
  color: #fff;
  text-align: right;
  top: 14vw;
  right: 7vw;
}
.blw-page section.pro.blw-6 .text span { display: block; font-size: 1.25vw; margin-bottom: 0.8vw; opacity: 0.95; }
.blw-page section.pro.blw-6 .text h3 { font-size: 5vw; font-weight: bold; margin: 7px 0; }
.blw-page section.pro.blw-6 .text a { color: #fff; font-size: 1.04vw; text-decoration: underline; font-weight: 200; }
.blw-page section.pro.blw-6 > img { min-height: 200px; object-fit: cover; }

.blw-page section.pro.blw-4 {
  text-align: center;
  padding: 6.72vw 0 2.66vw;
  background: #eaeaea;
}
.blw-page section.pro.blw-4 h2 { font-size: 3.33vw; font-weight: bold; color: #343434; line-height: 3.91vw; }
.blw-page section.pro.blw-4 > p { font-size: 1.04vw; color: #3d3d3d; line-height: 5.21vw; margin-bottom: 2.3vw; }
.blw-page section.pro.blw-4 dl { display: flex; justify-content: center; padding-bottom: 2.19vw; flex-wrap: wrap; }
.blw-page section.pro.blw-4 dd {
  background: #fff;
  width: 27.5vw;
  min-width: 280px;
  margin: 0 2.86vw;
  padding: 3.1vw 3.1vw 0;
  box-sizing: border-box;
}
.blw-page section.pro.blw-4 dd img { width: 100%; height: auto; }
.blw-page section.pro.blw-4 dd p {
  font-size: 0.76vw;
  font-weight: 300;
  color: #3d3d3d;
  line-height: 1.91vw;
  margin-top: 3vw;
  text-align: left;
}
.blw-page section.pro.blw-4 > a {
  font-size: 1.04vw;
  color: #343434;
  line-height: 3.91vw;
}

.blw-page section.pro.blw-5 {
  background: #eaeaea;
  position: relative;
  text-align: center;
  padding-bottom: 3.5vw;
}
.blw-page section.pro.blw-5 > img:nth-child(2) {
  width: 19.43vw;
  position: absolute;
  top: 0;
  right: 24.48vw;
}
.blw-page section.pro.blw-5 > .text {
  font-size: 0.94vw;
  font-weight: 400;
  color: #fff;
  line-height: 1.56vw;
  position: absolute;
  top: 28.28vw;
  right: 19vw;
  text-align: left;
  max-width: 16vw;
}
.blw-page section.pro.blw-5 > p {
  width: 50vw;
  max-width: 92%;
  font-size: 1.04vw;
  font-weight: 300;
  color: #070707;
  line-height: 3.13vw;
  margin: 4.43vw auto 0;
}

@media screen and (max-width: 1024px) {
  .blw-page section.pro.blw-3,
  .blw-page section.pro.blw-5 {
    display: none;
  }
  .blw-page section.pro.blw-6 {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .blw-page section.pro.blw-3 { height: auto; padding-bottom: 8vw; }
  .blw-page section.pro.blw-1 .center { flex-wrap: wrap; margin-top: -40vw; }
  .blw-page section.pro.blw-1 .center img { width: 35vw; }
  .blw-page section.pro.blw-1 > img:first-of-type { min-height: 200px; object-fit: cover; }
  .blw-page section.pro.blw-2 { padding-bottom: 10vw; }
  .blw-page section.pro.blw-2 h2.tit { margin-top: -45vw; font-size: 5vw; }
  .blw-page section.pro.blw-2 video { width: 90vw; background: #000; }
  .blw-page section.pro.blw-2 > img:first-of-type { min-height: 150px; object-fit: cover; }
  .blw-page section.pro.blw-3 { height: auto; }
  .blw-page section.pro.blw-3 > img:nth-child(2),
  .blw-page section.pro.blw-3 > img:nth-child(3) { width: 90%; margin: 2vw auto; display: block; }
  .blw-page section.pro.blw-3 .pic-wrap { margin: 4vw auto; width: 94%; height: auto; flex-direction: column; }
  .blw-page section.pro.blw-3 .textr { padding: 4vw; text-align: center; }
  .blw-page section.pro.blw-4 dd { width: 94%; margin: 10px 0; flex: 1; margin-bottom: 4vw; }
  .blw-page section.pro.blw-4 dd p { font-size: 3vw; line-height: 1.6; }
  .blw-page section.pro.blw-5 > .text { position: static; color: #333; max-width: none; padding: 4vw; }
  .blw-page section.pro.blw-5 > img:nth-child(2) { position: static; display: block; margin: 0 auto; width: 40vw; }
  .blw-page .btn-a { font-size: 3.5vw; padding: 2vw 6vw; }
}