
@media screen and (max-width: 1600px) {
  .detail-box{
    width: 1200px;
    margin: 30px auto;
  }
  .intro-info-left{
    width: 48%;
    padding-right: 2%;
    float: left;
  }
  .intro-info-right{
    width: 44%;
    padding: 10px 3%;
    float: left;
    background: #EFEFEF;
  }
  .executive-img-box-left{
    width: 24%;
    float: left;
  }
  .executive-img-box-center{
    width: 32%;
    float: left;
    padding-left: 10px;
  }
  .executive-img-box-right{
    width: 42%;
    float: left;
    padding-left: 10px;
  }
  .executive-img-box img{
    max-height: 383px;
  }
  .movie-list-contanier{
    width: 1200px;
    margin: 30px auto;
  }
  .movie-list-contanier li video{
    height: 300px;
  }
}
@media screen and (min-width: 1600px) {
  .detail-box{
    width: 1600px;
    margin: 30px auto;
  }
  .intro-info-left{
    width: 48%;
    padding-right: 2%;
    float: left;
  }
  .intro-info-right{
    width: 44%;
    padding: 10px 3%;
    float: left;
    background: #EFEFEF;
  }
  .porperty-img-box-left{
    width: 40%;
    float: left;
  }
  .porperty-img-box-right{
    width: 59%;
    float: left;
    padding-left: 10px;
  }
  .executive-img-box-left{
    width: 24%;
    float: left;
  }
  .executive-img-box-center{
    width: 32%;
    float: left;
    padding-left: 10px;
  }
  .executive-img-box-right{
    width: 42%;
    float: left;
    padding-left: 10px;
  }
  .executive-img-box img{
    max-height: 510px;
  }
  .movie-list-contanier{
    width: 1600px;
    margin: 30px auto;
  }
  .movie-list-contanier li video{
    height: 400px;
  }
}

/*时间线*/
.time-vertical {
  list-style-type: none;
  border-left: 1px solid #707070;
  padding: 0px;
  height: 200px;
}
 
.time-vertical li {
  height: 26px;
  position: relative;
}
 
.time-vertical li a {
  display: inline-block;
  margin-left: 20px;
  margin-top: 12px;
  text-decoration: none;
  color: #000;
}
 
.time-vertical li b:before {
  content: '';
  position: absolute;
  top: 15px;
  left: -7px;
  width: 9px;
  height: 9px;
  border: 2px solid #898989;
  border-radius: 10px;
  background: #898989;
}

.time-vertical li .green:before {
  content: '';
  position: absolute;
  top: 12px;
  left: -9px;
  width: 13px;
  height: 13px;
  border: 2px solid #614e40;
  border-radius: 10px;
  background: #614e40;
}
.movie-list-contanier li image{
  width: 30%;
}

.movie-list-contanier li{
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  position: relative;
}
.movie-list-contanier li video{
  background-color: #1a191a;
}
.movie-list-contanier li div{
  flex: 1;
  margin-left: 30px;
}

.movie-list-contanier li div h3{
  font-size: 32px;
}
.movie-list-contanier li div p{
  position: absolute;
  bottom: 0;
}
.movie-list-contanier li div p img{
  display: inline-block;
  vertical-align: middle;
}
.movie-list-contanier li div p span{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}