.san-small-banner {
  width: 100%;
  overflow: hidden;position:relative;
  background-size: cover;
  background-position: center center;aspect-ratio:3.84 / 1;
}
.san-small-banner::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to left, rgba(0,0,0,0.4) 0%, transparent 100%);
}

.san-small-banner .ban-txt {
  width: 100%;position:relative;z-index:10;
  height: 100%;
  display: flex;
  align-items: center
}

.san-small-banner .container{display:flex;justify-content:flex-end;}


.san-small-banner .ban-txt .title h1,.san-small-banner .ban-txt .title h2,.san-small-banner .ban-txt .title p{color:#fff;text-align:left;}
.san-small-banner .ban-txt .title h1{font-size:clamp(24px, 3vw, 60px);line-height:1;margin:0 0 15px;}
.san-small-banner .ban-txt .title p{font-size:18px;margin:0;}






.san-crumbs {
  padding: 18px 0;
  border-bottom: 1px solid #ddd
}

.san-crumbs a,
.san-crumbs i,
.san-crumbs span {
  font-size: 13px;
  color: #666
}

.san-crumbs i {
  margin: 0 8px;
  font-style: normal
}


@media screen and (max-width:1441px) {
.san-small-banner .ban-txt .title p{font-size:17px;}
}

@media screen and (max-width:1280px) {
.san-small-banner .ban-txt .title p{font-size:16px;}
}

@media screen and (max-width:768px) {
.san-small-banner{aspect-ratio:2.5 / 1;}
.san-small-banner .ban-txt .title{max-width:50%;}
.san-small-banner .ban-txt .title p{font-size:15px;}
}

@media screen and (max-width:480px) {
.san-small-banner .ban-txt .title p{font-size:14px;}
}