.flv_audio_btn {
  border-radius: 50%;
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 20px;
  width: 40px;
  z-index: 3;
}
.flv_audio_btn .banner_video_default {
  background-image: url(/image/rimage/module/banner/icon_music.png?v=202512301156);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.banner_video_playBtn-online {
  animation: rotateMusicIcon 3s linear infinite;
}
.banner_video_playBtn-paused {
  animation-play-state: paused;
}
@keyframes rotateMusicIcon {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.banner_pic_item_wrap {
  animation-fill-mode: both;
}
.reduce_and_focus {
  overflow: hidden;
  transform: translate3d(100%, 0, 0);
}
.reduce_and_focus .banner_pic_item,
.reduce_and_focus .banner_video_item {
  transform: scale(1.3);
}
.reduce_and_focus_start {
  transform: translateZ(0);
}
.reduce_and_focus_start .banner_pic_item,
.reduce_and_focus_start .banner_video_item {
  transform: scale(1);
}
.reduce_and_focus_on {
  animation-name: reduce_and_focus_on;
}
.reduce_and_focus_on_reverse {
  animation-name: reduce_and_focus_on_reverse;
}
.reduce_and_focus_off {
  animation-name: reduce_and_focus_off;
}
.reduce_and_focus_off_reverse {
  animation-name: reduce_and_focus_off_reverse;
}
.reduce_and_focus_scale {
  animation: scaleUp linear both;
}
.higher_zIndex {
  overflow: hidden;
  z-index: 99 !important;
}
@keyframes reduce_and_focus_on {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes reduce_and_focus_off {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes reduce_and_focus_on_reverse {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes reduce_and_focus_off_reverse {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
.transition_type_2 .banner_pic_item,
.transition_type_2 .banner_video_item {
  transform: scale(1.3);
}
.transition_type_7 {
  perspective: none;
}
.transition_type_7 .banner_pic_group {
  perspective: 1600px;
}
.transition_type_7 .banner_pic_group * {
  backface-visibility: hidden;
}
.transition_type_7 .form {
  transform: translateZ(0);
  transform-style: preserve-3d;
}
.billboardItem_7 {
  transform: rotateY(90deg);
}
.billboardItem_7 * {
  backface-visibility: hidden;
}
.billboardItem_7_start {
  transform: rotateY(0deg);
}
.billboardItem_7_on {
  animation-name: billboardItem_7_on;
}
.billboardItem_7_on_reverse {
  animation-name: billboardItem_7_on_reverse;
}
.billboardItem_7_off {
  animation-name: billboardItem_7_off;
}
.billboardItem_7_off_reverse {
  animation-name: billboardItem_7_off_reverse;
}
@keyframes billboardItem_7_on {
  0% {
    transform: rotateX(90deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@keyframes billboardItem_7_on_reverse {
  0% {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@keyframes billboardItem_7_off {
  0% {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(-90deg);
  }
}
@keyframes billboardItem_7_off_reverse {
  0% {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(90deg);
  }
}
.transition_type_6 {
  perspective: none;
}
.transition_type_6 .banner_pic_group {
  perspective: 1600px;
}
.transition_type_6 .banner_pic_group * {
  backface-visibility: hidden;
}
.transition_type_6 .form {
  transform: translateZ(0);
  transform-style: preserve-3d;
}
.billboardItem_6_start {
  transform: rotateY(0deg);
}
.billboardItem_6_on {
  animation-name: billboardItem_6_on;
}
.billboardItem_6_on_reverse {
  animation-name: billboardItem_6_on_reverse;
}
.billboardItem_6_off {
  animation-name: billboardItem_6_off;
}
.billboardItem_6_off_reverse {
  animation-name: billboardItem_6_off_reverse;
}
@keyframes billboardItem_6_on {
  0% {
    transform: rotateY(-90deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes billboardItem_6_on_reverse {
  0% {
    transform: rotateY(90deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes billboardItem_6_off {
  0% {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(90deg);
  }
}
@keyframes billboardItem_6_off_reverse {
  0% {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-90deg);
  }
}
.transition_type_4 .form {
  transform: translateZ(0);
  transform-style: preserve-3d;
}
.transition_type_4 {
  perspective: none;
}
.transition_type_4 .banner_pic_group {
  perspective: 1600px;
}
.transition_type_4 .banner_pic_group * {
  backface-visibility: hidden;
}
.billboardItem_4_start {
  transform: rotateY(0deg);
}
.billboardItem_4_on {
  animation-name: billboardItem_4_on;
}
.billboardItem_4_on_reverse {
  animation-name: billboardItem_4_on_reverse;
}
.billboardItem_4_off {
  animation-name: billboardItem_4_off;
}
.billboardItem_4_off_reverse {
  animation-name: billboardItem_4_off_reverse;
}
@keyframes billboardItem_4_on {
  0% {
    transform: rotateY(-90deg);
  }
  50% {
    transform: rotateY(-90deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes billboardItem_4_on_reverse {
  0% {
    transform: rotateY(90deg);
  }
  50% {
    transform: rotateY(90deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes billboardItem_4_off {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(90deg);
  }
  to {
    transform: rotateY(90deg);
  }
}
@keyframes billboardItem_4_off_reverse {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-90deg);
  }
  to {
    transform: rotateY(-90deg);
  }
}
.transition_type_5 .form {
  transform: translateZ(0);
  transform-style: preserve-3d;
}
.transition_type_5 {
  perspective: none;
}
.transition_type_5 .banner_pic_group {
  perspective: 1600px;
}
.transition_type_5 .banner_pic_group * {
  backface-visibility: hidden;
}
.billboard5 .form {
  transform: translateZ(0);
  transform-style: preserve-3d;
}
.billboardItem_5 {
  transform: rotateX(90deg);
}
.billboardItem_5 * {
  backface-visibility: hidden;
}
.billboardItem_5_start {
  transform: rotateX(0deg);
}
.billboardItem_5_on {
  animation-name: billboardItem_5_on;
}
.billboardItem_5_on_reverse {
  animation-name: billboardItem_5_on_reverse;
}
.billboardItem_5_off {
  animation-name: billboardItem_5_off;
}
.billboardItem_5_off_reverse {
  animation-name: billboardItem_5_off_reverse;
}
@keyframes billboardItem_5_on {
  0% {
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes billboardItem_5_on_reverse {
  0% {
    transform: rotateX(90deg);
  }
  50% {
    transform: rotateX(90deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
@keyframes billboardItem_5_off {
  0% {
    transform: rotateX(0deg);
  }
  50% {
    transform: rotateX(90deg);
  }
  to {
    transform: rotateX(90deg);
  }
}
@keyframes billboardItem_5_off_reverse {
  0% {
    transform: rotateX(0deg);
  }
  50% {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateX(-90deg);
  }
}
.billboardItem_3_on {
  animation-name: billboardItem_3_on;
}
.billboardItem_3_on_reverse {
  animation-name: billboardItem_3_on_reverse;
}
.billboardItem_3_off {
  animation-name: billboardItem_3_off;
}
.billboardItem_3_off_reverse {
  animation-name: billboardItem_3_off_reverse;
}
@keyframes billboardItem_3_on {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes billboardItem_3_on_reverse {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes billboardItem_3_off {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes billboardItem_3_off_reverse {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
.transition_type_11 .banner_pic_item_wrap {
  animation-timing-function: linear;
  opacity: 0;
}
.transition_type_11 .billboardItem_11_start {
  opacity: 1;
}
.billboardItem_11_on_zoomOut {
  animation-name: billboardItem_11_on_zoomOut;
}
.billboardItem_11_on_zoomIn {
  animation-name: billboardItem_11_on_zoomIn;
}
@keyframes billboardItem_11_on_zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes billboardItem_11_on_zoomIn {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: scale(1.2);
  }
}
.billboardItem_2_on {
  animation-name: billboardItem_2_on;
}
.billboardItem_2_on_reverse {
  animation-name: billboardItem_2_on_reverse;
}
.billboardItem_2_off {
  animation-name: billboardItem_2_off;
}
.billboardItem_2_off_reverse {
  animation-name: billboardItem_2_off_reverse;
}
@keyframes billboardItem_2_on {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes billboardItem_2_on_reverse {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes billboardItem_2_off {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes billboardItem_2_off_reverse {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(1.3);
  }
  25% {
    transform: scale(1.2);
  }
  95% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scaleOff {
  0% {
    transform: scale(1) translateZ(0);
  }
  to {
    transform: scale(1) translate3d(-100%, 0, 0);
  }
}
.banner_flv_background .video-js,
.banner_video_item .video-js {
  background-color: initial;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.jz_screen_mobi .banner_flv_background .video-js,
.jz_screen_mobi .banner_video_item .video-js {
  left: 50%;
  max-height: unset;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.banner_flv_background .video-js .vjs-tech {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner_video_item .video-js .vjs-tech {
  left: 50%;
  max-height: unset;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
.banner_flv_background .vjs-loading-spinner,
.banner_flv_background .vjs-poster,
.banner_video_item .vjs-poster {
  display: none;
}
/*# sourceMappingURL=jzBanner.eb8dea97.css.map*/