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

.small-banner-sangni h2,.small-banner-sangni h2 a{
  font-size: 36px;
}

.small-banner-sangni h1,.small-banner-sangni h1 a{
  font-size: 36px;
}

.small-banner-sangni p{
  margin-top: 20px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.small-banner-sangni .title {
  width: 90%;
  margin-top: -10px
}

.small-banner-sangni .title h2,
.small-banner-sangni .title h2 a {
  font-size: 36px;
  color: #fff;
}

.small-banner-sangni .title h1,
.small-banner-sangni .title h1 a {
  font-size: 36px;
  color: #fff;
}

.small-banner-sangni .title p {
  margin-top: 30px;
  font-size: 18px
}

.small-banner-sangni .container,
.crumbs-sangni .container {
  width: 1400px;
  margin: 0 auto;
}

.small-banner-sangni .ban-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.small-banner-sangni .ban-txt .title h1,
.small-banner-sangni .ban-txt .title p {
  color: #fff
}

.small-banner-sangni .ban-txt .title {
  width: 66%
}

.small-banner-sangni .ban-txt .title p {
  opacity: .9;
  line-height: 34px
}

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

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

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

@media screen and (max-width:1580px) {

  .small-banner-sangni .container,
  .crumbs-sangni .container {
    width: 78%
  }
}

@media screen and (max-width:1280px) {
  .small-banner-sangni .ban-txt .title {
    width: 70%
  }
}

@media screen and (max-width:960px) {
  .small-banner-sangni .ban-txt .title {
    width: 100%
  }

  .small-banner-sangni .ban-txt .title p {
    line-height: 24px;
    font-size: 15px
  }

  .small-banner-sangni .container,
  .crumbs-sangni .container {
    width: 88%
  }
}