.l_h_banner .yx_banner_n{
  position:
  relative;
  height: 22vw;
  overflow:
  hidden;
  background: #000;
  max-height: 350px;
}
.l_h_banner .yx_bn_img img {
    position: absolute;
    opacity: 0;
}
.l_h_banner .yx_bn_img{
  position:
  absolute;
  width:100%;
  height:100%;
  transition:
  all 0.6s ease;
  object-fit:
  cover;
  opacity: 1;
  background-attachment:
  fixed;
  filter:
  gray;
  background-position: top;
  background-position: top right;
}
.l_h_banner .yx_bn_con{
  position:
  absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index:2;
  text-shadow:
  rgba(0,0,0,0.3) 6px 10px 6px;
  margin:0 auto;
  width:94%;
  max-width:1340px;
  text-align:
  center;
}
.l_h_banner .yx_banner_n  .yx_title{
  color:#fff;
  opacity:1;
  font-size: 38px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 130%;
}
.l_h_banner .yx_banner_n .yx_summary{
  font-size: 38px;
  color:#fff;
  font-weight: 700;
  line-height: 150%;
}
.l_h_banner .yx_banner_n .yx_line{
  position:
  relative;
  width:21px;
  height:30px;
  overflow:
  hidden;
  border-radius:21px;
  margin:48px auto 0;
  border:2px solid
  rgba(255,255,255,0.85);
  display: none;
}
.l_h_banner .yx_banner_n .yx_line:before{
  content:'';
  display:block;
  width:2px;
  height:6px;
  position:absolute;
  left:45%;
  bottom:5px;
  transform:translatex(-50%);
  background:#fff;
  -webkit-animation:scroll-icon 1.6s infinite ease;
  animation:scroll-icon 2s infinite ease;
  margin:2% auto 0;
}
@keyframes scroll-icon{
  0% {
    -webkit-transform:translatey(-5px);
    transform: translatey(-5px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
    opacity: 0;
  }
}
@media only screen and (max-width: 768px){
.l_h_banner .yx_banner_n{
    height: 31vh;
  }
  .l_h_banner .yx_bn_img img{
    width: auto;
    height: 100%;
  }
.l_h_banner .yx_bn_img{
    background-size: auto 100%;
    background-attachment: scroll;
    background-position: center;
}
.l_h_banner .yx_banner_n .yx_title {
    font-size: 28px;
    word-break: break-word;
}
.l_h_banner .yx_banner_n .yx_summary {
    font-size: 24px;
}
.l_h_banner .yx_banner_n .yx_line {
    margin: 28px auto 0;
}
}