/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 13 2024 | 10:08:52 */
@charset "UTF-8";
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2023 | 06:12:35 */
.pageBanner {
  margin-top: 76px;
  width: 100%;
  height: 500px;
}
.pageBanner-box {
  display: block;
  max-width: 100%;
  height: 500px;
  position: relative;
  background: #000;
}
.pageBanner-box-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  clip-path: polygon(0% 0%, 100% 0%, 100% -96%, 0% 279%);
  /* 斜边形状的剪裁路径 */
  opacity: 0.7;
}
.pageBanner-box-img img {
  margin: auto;
  width: 100%;
  height: 100%;
}
@media (max-width: 500px) {
  .pageBanner-box {
    display: none;
  }
}
@media (hover: none) {
  .pageBanner-box {
    display: none;
  }
}
.pageBanner-mobile {
  display: none;
  max-width: 100%;
  height: 500px;
  position: relative;
  background: #000;
}
.pageBanner-mobile-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #6A5750;
  opacity: 0.7;
}
.pageBanner-mobile-img img {
  margin: auto;
  width: 100%;
  height: 100%;
}
@media (max-width: 500px) {
  .pageBanner-mobile {
    display: block;
  }
}
@media (hover: none) {
  .pageBanner-mobile {
    display: block;
  }
}
.pageBanner-text {
  position: relative;
  color: #fff;
  top: -180px;
}