/* ================================================
   Grearth 首页 — About Us 绿色装饰色块
   效果：视频上下各有 [白 | 绿] 分栏，视频在连接处
   ================================================ */


/* ── 1. mainBox ─────────────────────────────────── */
.bossgoo-index-about72 .mainBox {
  position: relative;
  overflow: hidden;
}


/* ── 2. innerbox（文字区） ───────────────────────── */
.bossgoo-index-about72 .innerbox {
  position: relative;
  z-index: 2;
}


/* ── 3. imgbox（图片/视频区） ────────────────────── */
.bossgoo-index-about72 .imgbox {
  position: relative;
  z-index: 1;
}


/* ── 4. 图片和播放控件层级高于绿色块 ──────────────
   图片盖在绿色上方，绿色只在图片空白处露出         */
.bossgoo-index-about72 .imgbox > img:first-child {
  position: relative;
  z-index: 2;
}

.bossgoo-index-about72 .imgbox .shade {
  z-index: 3;
}

.bossgoo-index-about72 .imgbox .play {
  position: absolute;
  z-index: 4;
}


/* ── 5. 右侧绿色块（上）────────────────────────────
   占 imgbox 右边 70% 宽、上边 50% 高
   z-index:0 → 图片盖住中间重叠部分，只露出上方绿色  */
.bossgoo-index-about72 .imgbox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 50%;

  background-color: #4a9c2f;
  z-index: 0;
  pointer-events: none;
}


/* ── 6. 右侧绿色块（下）────────────────────────────
   同上，从底部往上占 50%，露出视频下方的绿色         */
.bossgoo-index-about72 .imgbox::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 50%;

  background-color: #4a9c2f;
  z-index: 0;
  pointer-events: none;
}


/* ── 7. 隐藏原来飘出去的元素 ────────────────────── */
.bossgoo-index-about72 .colorRPhone {
  display: none;
}

.colorR {
  display: none;
}


/* ── 8. 响应式 ──────────────────────────────────── */
@media (max-width: 768px) {
  .bossgoo-index-about72 .imgbox::before,
  .bossgoo-index-about72 .imgbox::after {
    width: 55%;
    height: 40%;
  }
}