.logo-l{position: fixed;
    z-index: 13;
    width: 80px;
    left: 80px;}
.hero-area-v2 .single-hero {
  position: relative;
  z-index: 1;
  background-color: #ccc; 
}
/*底部*/
.logo{position: fixed;left: 20px;top: 20px;z-index: 5;}


.liaotian{position: fixed;bottom: 70px;right: 70px;z-index: 5;}
.centul li{
  margin: 0px 30px;
}
.chakan img{display: none;}
.alert_ul{
  
    display: table;
    line-height: 55px;
}
.alert_ul li{
  float: left;

}
.alert_ul a{
  color: #fff;
}
.logps a{    width: 22px;
    height: 22px;
    display: inline-block;
        margin-top: 15px;
        margin-right: 50px;
}
.centul img {
    width: 66px;
}
/*底部*/

.hero-area-v2 .single-hero:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background: rgba(17, 17, 17, 0.6);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.vider{display: flex; margin-bottom: 60px;}
.vider video{width: 100%;
    margin: 0 auto;
    margin-top: 70px;
    box-shadow: #dd7e00 0px 0px 20px 5px;
  object-fit: fill;}
.hero-content{
  width: 800px;
    margin: 0 auto;}
h1{font-size: 68px;
    margin: 0px;
  }
  .hen{
  display: block;
  width: 100px;
  height: 2px;
  background-color: #000;
  margin-top: 5px;
}
.hero-area-v2 .single-hero .hero-content h1, .hero-area-v2 .single-hero .hero-content h5 {
    color: #fff;
}
/*.hero-area-v2::-webkit-scrollbar{*/
    /*display: none;*/
/*}*/
.hero-area-v2{    width: 100%;
    overflow: auto;
    white-space: nowrap;
    overflow-y:hidden;
    display: flex;
  }
/*.chemo{padding: 0px}*/
.hero-area-v2 img{    height: 496px;display: inline-block;}
.cha_img{width: 100px;}
.neirs{width: 787px;margin: 0 auto; margin-top: 40px;}
.opsf{width: 787px;margin: 0 auto; margin-top: 40px;}
.neirs p{margin: 0; margin-top: 6px;font-size: 10px;text-align: center;}
.bottom{
  background-color: #dd7e00;
  display: flex;
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 6;
}
.bott_alert{
  background-color: #dd7e00f2;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  
}
.bott_alert>div{
   text-align: center;
   line-height: 70px;
}
.bg_sds{width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 4;
  background-color: #00000099;}
.hhe{
   display: inline-block;
   width: 100px;
   height: 50px;
   margin: 0 auto;
   margin-top: 16px;
}
.opsf  {
  position: relative;
}
.hentiao{    position: absolute;
    top: 380px;
    width: 787px;
    text-align: center;}
.hentiao i{display: inline-block;width: 10px;height: 10px;background-color: #fff;margin:0px 5px;border-radius: 10px;}
.hentiao i.i_art{background-color: #f00;}
.videos{
  width: 500px;
  margin: 0 auto;
}
.neir{
  color: #fff;
  font-size: 16px;
  padding: 0px 15px;
}


.bg_img{
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 8;
  background-color: #00000052;

}
.bg_img img{
  width: 300px;
  margin: 0 auto;
  display: block;
  margin-top: 150px;
  border-radius: 10px;
}
.alert_ul a{
  color: #fff;
}

.qiehuan{    position: absolute;
    z-index: 5;
    top: 200px;
    width: 787px;}
.qiehuan img{width: 50px;cursor: pointer;}
.qiehuan .you{transform: rotate(180deg);float: right;}



.lc_shuo{font-size: 30px;top: -28px;position: relative;}
/*.alert_ul{overflow: hidden;}*/
@media (max-width: 767px) {
      .hero-area-v2 .single-hero .hero-social ul.social-link li span {
        margin-right: 10px; } }
@media (max-width: 767px) {
  .hero-area-v2 .single-hero .hero-content h1 {
    font-size: 32px;
    line-height: 44px; }
  .lc_shuo{font-size: 15px;top: -14px;}
}


@media only screen and (min-width: 100px) and (max-width: 767px) {
   .hero-content {
    width: 100%;
  }
  .logo-l{left: 27px;}
  .alert_ul li {
    font-size: 12px;
    margin: 0px 5px;
  }
  .qiehuan {
    top: 120px;
    width: 100%;
}
  .alert_ul li img {
    width: 25px;
    height: 25px;
    margin-right: 15px;
  }
  .cha_img{width: 40px;}
  .hen{width: 70px;
    height: 1px;
    margin: 0 auto;
    margin-top: 5px;
    }
  .neir{
    font-size: 12px;
  }
  .bott_alert>div {
      text-align: center;
      line-height: 50px;
      font-size: 7px;
  }
  .neirs {
    width: 100%;
  }

  .opsf{width: 100%;}
  .hero-area-v2,.hero-area-v2 img {height: 200px;}
  .hentiao {
    top: 235px;
    width: 100%;
}
.videos{width: 100%;border: 0;border-top: 3px solid #dd7e00;border-bottom: 3px solid #dd7e00;}
}