.logo{position: fixed;left: 20px;top: 20px;z-index: 5;}
body{background-color: #000;}

.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;
}
.hero-area-v2 .single-hero {
  position: relative;
  z-index: 1;
  background-color: #ccc; 
}
.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;
}

ul.dsf{
  display: table;
    margin: 0 auto;
}
ul.dsf li {
    float: left;
    margin: 55px 40px;
    box-shadow: #dd7e00 0px 0px 20px 5px;
    border-radius: 50px;
}
ul.dsf img {
    width: 100px;
    height: 100px;
}



.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;
}
.ulvs{display: block;margin:0 auto;width: 1145px;}
.ulvs li{float: left;display: inline-block;}
.ulvs .rlv{width: 325px;box-shadow: #dd7e00 0px 0px 20px 5px;    margin: 30px 26px;height: 577px;}
.bg_cover{
  height: 720px;padding-top: 150px;
}
.opli p{
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.videos{
      width: 787px;
    margin: 0 auto;
    box-shadow: #dd7e00 0px 0px 20px 5px;
    display: block;
}
.ssd{font-size: 10px;
    position: relative;
    left: 555px;
    top: -138px;
    display: inline-block;}
._sdh>p{line-height: 16px;text-indent:2em;line-height: 24px;}
.boay{background-color: #000;display: flex;}
.boays{padding: 20px 0px;  display: flex;}
.boays img{    width: 90%;
    margin: 0 auto;
    display: flex;    margin-top: 70px;}
.bott_color{background-color: #000;color: #fff;display: flex;padding-top: 20px;padding-bottom: 50px;}
._sdh{display: inline-block;
    width: 787px;
    margin: 0 auto;
    padding-bottom: 1.5vw;
  }
.ci_lists{    width: 49%;
    margin-top: 1.5vw;}
.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;}
}



.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;
}


@media only screen and (min-width: 100px) and (max-width: 767px) {
   .hero-content {
    width: 100%;
  }
  .logo-l{left: 27px;}
  .cha_img{width: 40px;}
 .hen{width: 70px;
    height: 1px;
    margin: 0 auto;
    margin-top: 5px;
    }
    .alert_ul li {
    font-size: 12px;
    margin: 0px 5px;
  }

  .alert_ul li img {
    width: 25px;
    height: 25px;
    margin-right: 15px;
  }
  .bott_alert>div {
      text-align: center;
      line-height: 50px;
      font-size: 7px;
  }
  .videos{
    width: 100%;border: 0;border-top: 3px solid #dd7e00;border-bottom: 3px solid #dd7e00;
  }
  ._sdh {
    width: 100%;
}
.ci_lists {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
    max-height: 400px;
    border: 0;border-top: 3px solid #dd7e00;border-bottom: 3px solid #dd7e00;
}
._sdh p {
    font-size: 13px;
}
.ssd p{font-size: 8px;    text-indent: 3em;}
.ssd{left: 0px;top: 0px;}
._sdh>p{line-height: 16px;}

}