.page-title-box{
  position:relative;
  z-index:20;
}
.page-title-box .main-box{
  position:relative;
  z-index:99;
}
.mp4-title-box-canyou{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:10;
}
.page-title-box-banner{
  position:absolute;
  width:100%;
  padding-top:42px;
}
.page-title-box-banner img{
  width:100%;
}
.page-title-box-banner-wap{
  display:none;
}
.page-title-right-swiper-box{
  display:none;
}
.page-title{
  padding-top:102px;
}
.page-title-inner{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  color:#ffffff;
  position: relative;
  z-index: 99;
}
.page-title-left{
  font-size:40px;
  flex:none;
  height:40px;
  line-height:40px;
}
.page-title-right{
  display:flex;
  flex:none;
  font-size:18px;
}
.page-title-right-title{
  flex:none;
}
.page-title-right-list{
  display:flex;
  flex:none;
  margin-left:30px;
}
.page-title-right-list-unit{
  flex:none;
  margin-left:40px;
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,0);
  transition:0.5s;
  color:#ffffff;
  font-size:18px;
}
.page-title-right-list-unit:nth-child(0){
  margin-left:0;
}
.mp4-title-box{
  background-image: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  padding-bottom:10px;
}
.page-title-right-list{
  position:relative;
}
.page-title-right-list-unit{
  position:relative;
  z-index:10;
}
.page-title-right-list-unit.video-platform{
  display:flex;
  align-items:center;
}
.mp4-title-right-list-unit-title{
  flex:none;
}
.mp4-title-right-list-unit-img{
  flex:none;
  width:13px;
  margin-left:5px;
  transition:0.5s;
}
.video-platform-shadow{
  position:absolute;
  right:0;
  top:100%;
  z-index:99;
  display:none;
}
.video-platform-shadow-inner{
  padding:20px 22px 19px 29px;
  display:flex;
  align-items:center;
  background-color: #ffffff;
  border-radius: 10px;
}
.video-platform-shadow-left{
  flex:none;
  width:140px;
}
.video-platform-shadow-left-unit{
  margin-top:10px;
}
.video-platform-shadow-left-unit:hover .video-platform-shadow-left-unit-title{
  color: #e20413;
}
.video-platform-shadow-left-unit:first-of-type{
  margin-top:0;
}
.video-platform-shadow-left-unit-img{
  width:60px;
  margin-left:auto;
  margin-right:auto;
}
.video-platform-shadow-left-unit-title{
  display:block;
  text-align:center;
  font-size: 18px;
  margin-top:4px;
  transition:0.5s;
}
.video-platform-shadow-right{
  flex:none;
  width:80px;
  margin-left:10px;
}
.video-platform-shadow-right-img{
  width: 77px;
  margin-left:auto;
  margin-right:auto;
  transition:0.5s;
}
.video-platform-shadow-right-orcode{
  width:100%;
  margin-top:5px;
}
@media (min-width:1099px){
  .page-title-right-list-unit:hover{
    border-bottom:1px solid rgba(255,255,255,1);
  }
  .page-title-right-list-unit-no-hover:hover{
    border-bottom:1px solid rgba(255,255,255,0);
  }
}
@media (max-width:1400px){
  .page-title-box-banner{
    padding-top:2.8vw;
  }
  .page-title-left{
    font-size:3vw;
    height: 3vw;
    line-height: 3vw;
  }
  .page-title-right{
    font-size:1.3vw;
  }
  .page-title-right-list,.page-title-right-list-unit{
    margin-left:2vw;
  }
  .page-title{
    padding-top:8vw;
  }
}
@media (max-width:1099px){
  .page-title-right{
    font-size:1.8vw;
  }
}
@media (max-width:767px){
  .page-title-box-banner{
    padding-top:10vw;
  }
  .page-title-box-banner-wap{
    display:block;
  }
  .page-title-box-banner-pc{
    display:none;
  }
  .page-title-right-list{
    display:none;
  }
  .page-title-right-swiper-box{
    display:block;
  }
  .page-title{
    padding-top:17vw;
  }
  .page-title-left{
    font-size:5.33vw;
    height:5.33vw;
    line-height:5.33vw;
  }
  .page-title-right-list-unit{
    font-size: 3.47vw;
    line-height: 4.5vw;
    text-align:center;
    display:block;
  }
  .page-title-right-swiper{
    width:36.13vw;
  }
  .page-title-right-swiper-box{
    width:42.79vw;
    position:relative;
    margin-left:3vw;
  }
  .page-title-right-swiper-button-next.swiper-button-disabled, .page-title-right-swiper-button-prev.swiper-button-disabled{
    opacity:0.8;
    color:#ffffff;
  }
  .page-title-right-swiper-button-next:after, .page-title-right-swiper-button-prev:after{
    font-size:4vw;
  }
  .page-title-right-swiper-button-next, .page-title-right-swiper-button-prev{
    color:#e20413;
    width:3vw;
  }
  .page-title-right-swiper-button-prev{
    left:0;
  }
  .page-title-right-swiper-button-next{
    right:0;
  }
  .mp4-title-right-list-unit-img{
    display:none;
  }
  .page-title-right-list-unit.video-platform{
    justify-content:center;
  }
}