.logo{position: fixed;left: 20px;top: 20px;z-index: 5;}


.liaotian{position: fixed;bottom: 70px;right: 70px;z-index: 5;}
.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;
}

/*底部*/

.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;
}

.hen{
  display: block;
  width: 100px;
  height: 2px;
  background-color: #000;
  margin-top: 5px;
}
.hhe{
   display: inline-block;
   width: 100px;
   height: 50px;
   margin: 0 auto;
   margin-top: 16px;
}
.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;
}
.hero-area-v2 .single-hero {
  position: relative;
  z-index: 1;
}
.hero-area-v2 .single-hero:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero-content{
  width: 800px;
    margin: 0 auto;}
h1{font-size: 68px;
    margin: 0px;
  }
.hero-area-v2 .single-hero .hero-content h1, .hero-area-v2 .single-hero .hero-content h5 {
    color: #fff;
}
.cha_img{width: 100px;}
.bg_sds{width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 4;
  background-color: #00000099;}
.bottom{
  background-color: #dd7e00;
  display: flex;
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 3;
}


.codps{box-shadow: #dd7e00 0px 0px 20px 5px;width: 800px;object-fit: fill;}
body{background-color: #000;}
.neir{
  color: #fff;
  font-size: 16px;
  padding: 0px 15px;
}
.sdsdf{width: 49.4%;}
.pxun{margin-bottom: 50px;}
.pos{text-align: center;margin-bottom: 90px;}
.pos input{padding: 10px 40px;background-color: #dd7e00;border:0px;border-radius: 20px;    margin: 0px 20px;cursor: pointer;}
.juz{width: 787px;margin: 100px auto;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dd7e00;}
.juz p{text-align: center;line-height: 20px}
.juz img{width: 100%;}

.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) {
  .hen{width: 70px;
    height: 1px;
    margin: 0 auto;
    margin-top: 5px;
    }
  
  .bott_alert>div {
      text-align: center;
      line-height: 50px;
      font-size: 7px;
  }
  .logo-l{
    left: 27px;}
   .hero-content {
    width: 100%;
  }

  .cha_img{width: 40px;}

  .neir{
    font-size: 12px;
  }
  #videos{
    width: 100%;
  }
  .sdsdf{border:0;}
  .juz{width: 100%;margin: 20px 0px;}
  .juz p{font-size: 10px;text-align: center;}
  .codps{border: 0;border-top: 3px solid #dd7e00;border-bottom: 3px solid #dd7e00;}
}
