.cp-big-quote-image-video-v6 {
  background-color: #fff;
}

.cp-big-quote-image-video-v6 .is-pc {
  display: block;
}

.cp-big-quote-image-video-v6 .is-mo {
  display: none;
}

.cp-big-quote-image-video-v6 img, .cp-big-quote-image-video-v6 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cp-big-quote-image-video-v6__inner {
  height: -webkit-calc(100vh - 60px);
  height: calc(100vh - 60px);
  height: calc(100vh - 60px);
}

.cp-big-quote-image-video-v6__wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.cp-big-quote-image-video-v6__media {
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(1.5% 3%, 99% 3%, 99% 100%, 1.5% 100%);
  clip-path: polygon(1.5% 3%, 99% 3%, 99% 100%, 1.5% 100%);
  overflow: hidden;
}

.cp-big-quote-image-video-v6__media .type-video-wrap {
  width: 100%;
  height: 100%;
  font-size: 0;
}

.cp-big-quote-image-video-v6__media .media-cover {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.cp-big-quote-image-video-v6__media .video-controller {
  position: absolute;
  width: 100%;
  max-width: 1920px;
  max-width: 192rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 100px;
  top: 10rem;
}

.cp-big-quote-image-video-v6__media .video-controller .toggle-btn {
  top: 0;
  right: 140px;
  right: 14rem;
}

.cp-big-quote-image-video-v6__media.dimmed-both::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 499px;
  height: 49.9rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5.86%, rgba(0, 0, 0, 0.9)), color-stop(70.89%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 5.86%, rgba(0, 0, 0, 0) 70.89%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 5.86%, rgba(0, 0, 0, 0) 70.89%);
  z-index: 1;
}

.cp-big-quote-image-video-v6__media.dimmed-both::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 499px;
  height: 49.9rem;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(11.65%, rgba(0, 0, 0, 0.9)), color-stop(52.89%, rgba(0, 0, 0, 0.5)), color-stop(94.48%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.5) 52.89%, rgba(0, 0, 0, 0) 94.48%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.5) 52.89%, rgba(0, 0, 0, 0) 94.48%);
  z-index: 1;
}

.cp-big-quote-image-video-v6__media.dimmed-top::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 499px;
  height: 49.9rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5.86%, rgba(0, 0, 0, 0.9)), color-stop(70.89%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 5.86%, rgba(0, 0, 0, 0) 70.89%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 5.86%, rgba(0, 0, 0, 0) 70.89%);
  z-index: 1;
}

.cp-big-quote-image-video-v6__media.dimmed-bottom::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 499px;
  height: 49.9rem;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(11.65%, rgba(0, 0, 0, 0.9)), color-stop(52.89%, rgba(0, 0, 0, 0.5)), color-stop(94.48%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.5) 52.89%, rgba(0, 0, 0, 0) 94.48%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.5) 52.89%, rgba(0, 0, 0, 0) 94.48%);
  z-index: 1;
}

.cp-big-quote-image-video-v6__headline {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 120px;
  bottom: 12rem;
  z-index: 2;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
}

.cp-big-quote-image-video-v6__headline .headline-box {
  max-width: 1920px;
  max-width: 192rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 140px;
  padding-left: 14rem;
}

.cp-big-quote-image-video-v6__headline .headline-box > * {
  max-width: 801px;
  max-width: 80.1rem;
}

.cp-big-quote-image-video-v6__headline .cm-section-desc__text {
  margin-top: 40px;
  margin-top: 4rem;
}

.cp-big-quote-image-video-v6__headline .headline-btn {
  margin-top: 40px;
  margin-top: 4rem;
}

.cp-big-quote-image-video-v6__headline .headline-btn .el-btn {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  display: inline-block;
  position: relative;
}

.cp-big-quote-image-video-v6__headline .headline-btn .el-btn::before {
  content: '';
  width: 16px;
  width: 1.6rem;
  height: 16px;
  height: 1.6rem;
  display: block;
  position: absolute;
  right: -20px;
  right: -2rem;
  bottom: 3px;
  bottom: 0.3rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2.34315 8.15685H13.6569M13.6569 8.15685L10.3008 4.80083M13.6569 8.15685L10.2608 11.5529" stroke="black" stroke-opacity="1" stroke-width="1.5"/></svg>');
  background-repeat: no-repeat;
}

.cp-big-quote-image-video-v6__headline .headline-btn .el-btn::after {
  content: '';
  display: block;
  background-color: #000;
  width: 0;
  height: 1px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.cp-big-quote-image-video-v6__headline .headline-btn .el-btn:hover::after {
  width: 100%;
}

.cp-big-quote-image-video-v6__headline .headline-btn.type-target .el-btn::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 1H1V11H11V6H12V12H0V0H6V1ZM12 4H11V1.70703L6.85352 5.85352L6.14648 5.14648L10.293 1H8V0H12V4Z" fill="black"/></svg>');
  bottom: 1px;
  bottom: 0.1rem;
}

.cp-big-quote-image-video-v6__headline::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -120px;
  bottom: -12rem;
  left: 0;
  width: 100%;
  height: 499px;
  height: 49.9rem;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(11.65%, rgba(0, 0, 0, 0.9)), color-stop(52.89%, rgba(0, 0, 0, 0.5)), color-stop(94.48%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.5) 52.89%, rgba(0, 0, 0, 0) 94.48%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.5) 52.89%, rgba(0, 0, 0, 0) 94.48%);
  z-index: -1;
}

.type-dark .cp-big-quote-image-video-v6 {
  background-color: #111;
}

.type-dark .cp-big-quote-image-video-v6__headline .headline-btn .el-btn {
  color: #fff;
}

.type-dark .cp-big-quote-image-video-v6__headline .headline-btn .el-btn::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2.34315 8.15685H13.6569M13.6569 8.15685L10.3008 4.80083M13.6569 8.15685L10.2608 11.5529" stroke="white" stroke-opacity="1" stroke-width="1.5"/></svg>');
}

.type-dark .cp-big-quote-image-video-v6__headline .headline-btn .el-btn::after {
  background-color: #fff;
}

.type-dark .cp-big-quote-image-video-v6__headline .headline-btn.type-target .el-btn::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 1H1V11H11V6H12V12H0V0H6V1ZM12 4H11V1.70703L6.85352 5.85352L6.14648 5.14648L10.293 1H8V0H12V4Z" fill="white"/></svg>');
}

@media (max-width: 1919px) {
  .cp-big-quote-image-video-v6__media .video-controller .toggle-btn {
    right: 120px;
    right: 12rem;
  }
  .cp-big-quote-image-video-v6__headline .headline-box {
    padding-left: 120px;
    padding-left: 12rem;
  }
}

@media (max-width: 1599px) {
  .cp-big-quote-image-video-v6__media .video-controller .toggle-btn {
    right: 100px;
    right: 10rem;
  }
  .cp-big-quote-image-video-v6__headline .headline-box {
    padding-left: 100px;
    padding-left: 10rem;
  }
}

@media (max-width: 1359px) {
  .cp-big-quote-image-video-v6__media .video-controller .toggle-btn {
    right: 76px;
    right: 7.6rem;
  }
  .cp-big-quote-image-video-v6__headline .headline-box {
    padding-left: 76px;
    padding-left: 7.6rem;
  }
}

@media (max-width: 1200px) {
  .cp-big-quote-image-video-v6__headline .headline-btn .el-btn {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media (max-width: 1023px) {
  .cp-big-quote-image-video-v6 .is-pc {
    display: none;
  }
  .cp-big-quote-image-video-v6 .is-mo {
    display: block;
  }
  .cp-big-quote-image-video-v6__media {
    -webkit-clip-path: polygon(4.5% 5%, 95% 5%, 95% 100%, 4.5% 100%);
    clip-path: polygon(4.5% 5%, 95% 5%, 95% 100%, 4.5% 100%);
  }
  .cp-big-quote-image-video-v6__media .video-controller {
    top: 70px;
    top: 7rem;
  }
  .cp-big-quote-image-video-v6__media .video-controller .toggle-btn {
    right: 20px;
    right: 2rem;
  }
  .cp-big-quote-image-video-v6__media.dimmed-both::before {
    height: 294px;
    height: 29.4rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-7.99%, rgba(0, 0, 0, 0.9)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(75.34%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) -7.99%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 75.34%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) -7.99%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 75.34%);
  }
  .cp-big-quote-image-video-v6__media.dimmed-both::after {
    height: 436px;
    height: 43.6rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(2.19%, #000), color-stop(48.26%, rgba(0, 0, 0, 0.67)), color-stop(89.44%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #000 2.19%, rgba(0, 0, 0, 0.67) 48.26%, rgba(0, 0, 0, 0) 89.44%);
    background: linear-gradient(0deg, #000 2.19%, rgba(0, 0, 0, 0.67) 48.26%, rgba(0, 0, 0, 0) 89.44%);
  }
  .cp-big-quote-image-video-v6__media.dimmed-top::before {
    height: 294px;
    height: 29.4rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-7.99%, rgba(0, 0, 0, 0.9)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(75.34%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) -7.99%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 75.34%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) -7.99%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 75.34%);
  }
  .cp-big-quote-image-video-v6__media.dimmed-bottom::after {
    height: 436px;
    height: 43.6rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(2.19%, #000), color-stop(48.26%, rgba(0, 0, 0, 0.67)), color-stop(89.44%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #000 2.19%, rgba(0, 0, 0, 0.67) 48.26%, rgba(0, 0, 0, 0) 89.44%);
    background: linear-gradient(0deg, #000 2.19%, rgba(0, 0, 0, 0.67) 48.26%, rgba(0, 0, 0, 0) 89.44%);
  }
  .cp-big-quote-image-video-v6__headline {
    bottom: 60px;
    bottom: 6rem;
  }
  .cp-big-quote-image-video-v6__headline .headline-box {
    max-width: none;
    padding: 0 20px;
    padding: 0 2rem;
  }
  .cp-big-quote-image-video-v6__headline .headline-btn .el-btn::before {
    bottom: 1px;
    bottom: 0.1rem;
  }
  .cp-big-quote-image-video-v6__headline .headline-btn .el-btn::after {
    width: 100%;
  }
  .cp-big-quote-image-video-v6__headline .headline-btn.type-target .el-btn::before {
    bottom: -1px;
    bottom: -0.1rem;
  }
  .cp-big-quote-image-video-v6__headline::after {
    height: 436px;
    height: 43.6rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(2.19%, #000), color-stop(48.26%, rgba(0, 0, 0, 0.67)), color-stop(89.44%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #000 2.19%, rgba(0, 0, 0, 0.67) 48.26%, rgba(0, 0, 0, 0) 89.44%);
    background: linear-gradient(0deg, #000 2.19%, rgba(0, 0, 0, 0.67) 48.26%, rgba(0, 0, 0, 0) 89.44%);
    bottom: -60px;
    bottom: -6rem;
  }
}