.L_H_banner .yx_Banner_N{
  position:
  relative;
  height: 22vw;
  overflow:
  hidden;
  background: #000;
  max-height: 400px;
}
.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-repeat:
  repeat-y;
  background-position:
  center;
}
.L_H_banner .yx_BN_Img img {
    position: absolute;
    height: auto;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: .8;
}
.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%;
  padding-left:10px;
  padding-right:10px;
  max-width:1340px;
  text-align:
  center;
}
.L_H_banner .yx_Banner_N:before{
  content:
  '';
  display:
  block;
  position:
  absolute;
  width:100%;
  height:100%;
  background:
  linear-gradient(0deg,#436dc2,rgba(255,255,255,1));
  top:0;
  left:0;
  opacity: 0;
  z-index:2;
}
.L_H_banner .yx_Banner_N  .yx_Title{
  
  color:#fff;
  opacity:1;
  font-size: 40px;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 10px;
}
.L_H_banner .yx_Banner_N .yx_Summary{
  font-size:48px;
  color:#fff;
  font-weight:700;
  text-transform:uppercase;
}
.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;
}
}