@charset "utf-8";
/* CSS Document */
.yushun-banner{width: 100%;position: relative;overflow: hidden;}
.yushun-banner img{ width: 100%;}

.yushun-banner video{ position: absolute; left: 0;top: 0; width: 100%; height: 100%; object-position: center;object-fit: cover; z-index: 100;}

.yushunxwz{position: absolute;left:0;top:0; width: 100%; height: 100%; padding-top: 20%; background-color: rgba(0, 0, 0, 0.25); z-index: 1000;}
.yushunxwz h2{color:#ffffff;font-size:48px;font-weight: bold;}
.yushunxwz h3{color:#ffffff;font-size:16px;margin-top:1.5vw}
.yushunxwz a{ display: block; width: 200px; height: 50px; line-height: 50px; background-color: rgba(102, 231, 12, 0.85); background-image: url(https://www.yushunmachine.com/videopng.png); background-repeat: no-repeat; background-position: 158px center; border-radius: 25px; font-size: 16px; color: #fff; padding-left: 20px; margin-top: 1.85vw; -webkit-transition: all .3s ease; transition: all .3s ease;}
.yushunxwz a:hover{ background-color: rgba(102, 231, 12, 1); padding-left: 35px;}

.yushun-banner {
 width: 100%;
  position: relative;
  overflow: hidden;
}


.yushun-banner video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  z-index: 100; }@media (max-width: 1280px) {
  .navx {
    width:75%;
  }
.yushunxwz h2{font-size:30px;}
.yushunxwz h3{font-size:14px;}
.yushunxwz a{ width: 140px; height: 40px; line-height: 40px; background-position: 105px center; background-size: 20px 20px; font-size: 14px; padding-left: 15px;}
.yushunxwz a:hover{ padding-left: 25px;}
}



@media (max-width: 990px) {
  .yushun-banner .container{padding-left:27px;padding-right:27px;}
  .yushunxwz h2{font-size:24px;}
}

@media (max-width: 800px) {
  .yushunxwz{padding-top: 15%;}
  .yushunxwz h2{font-size:24px;}
  .yushunxwz h3{line-height: 24px;}
}

@media (max-width: 640px) {
  .yushunxwz{padding-top: 12.5%;}
}

@media (max-width: 480px) {
  .yushunxwz{padding-top: 5%;}
  .yushunxwz h2{font-size:16px;}
  .yushunxwz h3{font-size:12px;}
  .yushunxwz a{ width: 110px; height: 30px; line-height: 30px; background-position: 84px center; background-size: 16px 16px; font-size: 12px; padding-left: 10px;}
  .yushunxwz a:hover{ padding-left: 10px;}
}