.banner-vehicle{
  height: 600px;
}
.video-container{
  width: 100%;
  height: 100%;
  position: relative;
  background:url(https://mgmt.dfangche.com/xxfccn/image/home/background03.jpg) no-repeat;
}

@media screen and (max-width:1120px){
  .map-container{
    width: 100%;
    position: relative;
    color: #fff;
  }
  .map-city{
    font-size: 60px;
    position: absolute;
    top: 180px;
  }
  .map-company{
    font-size: 60px;
    width: 1120px;
    margin: 0 auto;
    position: absolute;
    top: 300px;
  }
}
.map-container{
  position: relative;
}
.map-city,.map-company{
  position: absolute;
}

@media screen and (min-width:1120px) and (max-width:1200px){
  .menu-container{
    max-width:1200px;
  }
}
@media screen and (min-width:1200px) and (max-width:1920px){
  .map-container{
    width: 100%;
    position: relative;
    color: #fff;
  }
  .map-city{
    font-size: 60px;
    position: absolute;
    top: 180px;
    left: 200px;
  }
  .map-company{
    font-size: 60px;
    width: 1120px;
    margin: 0 auto;
    position: absolute;
    top: 300px;
    left: 200px;
  }
}
@media screen and (min-width:1920px){
  .map-container{
    width: 100%;
    position: relative;
    color: #fff;
  }
  .map-city{
    font-size: 60px;
    position: absolute;
    top: 180px;
    left: 400px;
  }
  .map-company{
    font-size: 60px;
    width: 1120px;
    margin: 0 auto;
    position: absolute;
    top: 300px;
    left: 400px;
  }
}

.new-tt{
  font-size: 20px;
  color: #333;
  font-weight: 700;
}
.gallery-thumbs{
  width: 1120px;
}
.gallery-thumbs-box{
  height: 140px;
  padding: 10px 0;
}
.video-play{
  position: absolute;
  width: 770px;
  height: auto;
}
.activity-container{
  width: 100%;
  height: 100%;
  position: relative;
  background:url(https://mgmt.dfangche.com/xxfccn/image/home/background01.jpg) no-repeat;
}

.vehicle-container{
  width: 100%;
  height: 100%;
  background-position:bottom;
  position: relative;
}
.vehicle-bg{
  background:url(https://mgmt.dfangche.com/xxfccn/image/home/background02.jpg)  no-repeat;
}
.tour-t-l-00, .tour-b-r-01, .tour-t-r-02, .tour-b-l-03, .tour-t-l-04, .tour-b-r-05{
  cursor: pointer;
}
.tour-t-l-00:hover .show-detail, .tour-t-r-01:hover .show-detail, .tour-t-r-02:hover .show-detail,
.tour-t-l-03:hover .show-detail, .tour-t-l-04:hover .show-detail{
  display: block;
}
.tour-b-r-05:hover .show-detail{
  display: block;
  top: 170px;
  right: 0px;
}
.tour-t-l-00 .show-detail, .tour-b-r-05 .show-detail{
  display: none;
  background: #000;
  opacity: 0.6;
  width: 518px;
  height: 348px;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 300px;
  color: #000;
}
.tour-t-r-01 .show-detail,.tour-t-r-02 .show-detail{
  display: none;
  background: #000;
  opacity: 0.6;
  width: 255px;
  height: 160px;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 160px;
  color: #000;
}
.tour-t-l-03 .show-detail,.tour-t-l-04 .show-detail{
  display: none;
  background: #000;
  opacity: 0.6;
  width: 255px;
  height: 160px;
  position: absolute;
  top: 357px;
  text-align: center;
  line-height: 160px;
  color: #000;
}
.more-container{
  position: relative;
  margin-bottom: 50px;
}

.tour-t{
  color: #666;
  padding: 15px 30px;
  display: flex;
  border: 1px solid #eee;
}
/*.tour-t:hover{*/
/*background: linear-gradient(to right, #5DE6AD , #3EC6AD);*/
/*color: #fff;*/
/*padding: 10px;*/
/*display: flex;*/
/*}*/

/*.tour-t:hover .tour-t-s{*/
/*color: #fff;*/
/*}*/
/*.tour-t:hover .tour-t-s-b{*/
/*border-bottom: 3px solid #fff;*/
/*}*/
.tour-t-s, .tour-t-s-b{
  font-size: 54px;
  color: #E1E1E1;
  font-weight: 100;
  margin: 0 auto;
}
.tour-t-s-b{
  border-bottom: 3px solid #e1e1e1;
  width: 20px;
}
/*.tour-t:hover .tour-t-s-b{*/
/*color: #fff;*/
/*border-bottom: 3px solid #fff;*/
/*}*/
.tour-t-s-t{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 22px;
}
.item-c{
  /*width: 600px;*/
  /*height: 150px;*/
  padding: 10px;
  margin: 10px;
}
.title{
  width: 1200px;
  padding: 10px;
  padding-top: 100px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-c-img{
  width: 180px;
  height: 135px;
  margin-right: 20px;
}
.item-c-r{
  width: 350px;
  height: 135px;
}
.item-c-r .desc{
  margin: 28px 0;
  font-size: 14px;
  color: #666;
}
.item-c-r .time{
  font-size: 13px;
  color: #666;
}
.line-title{
  background: #1bbb9f;
  width: 30px;
  height: 5px;
  margin: 0 auto;
}
.swiper-container-top {
  width: 1120px;
  height: 481px;
}
.gallery-top img{
  width: 100%;
  height: 481px;
}
.swiper-wrapper-thu{
  /*max-width: 293px;*/
  margin: 0 !important;
}
.swiper-wrapper-thu img{
  width: 275px;
  height: 120px;
  /*border: 2px solid #fff;*/
}
.swiper-wrapper-thu img.active, .swiper-wrapper-thu img:hover{
  border: 2px solid #1bbb9f;
  padding: 5px;
  width: 271px;
  height: 116px;
}
.swiper-slide{
  /*margin-right: 0 !important;*/
}
.min-win-hc{
  width: 1070px;
}

.tour-detail{
  border: 1px solid rgb(255, 255, 255);
  padding: 10px;
  color: #fff;
  font-size: 14px;
}

.show-detail span{
  border: 1px solid rgb(255, 255, 255);
  padding: 10px 40px 10px 20px;
  color: #fff;
  font-size: 14px;
  position: relative;
}
.show-detail img{
  position: absolute;
  top: 10px;
  margin-left: 5px;
}
