.banner-pie .container {
  position: relative;
}
.banner-pie .section-sup,
.banner-pie .section-tit1 {
  font-weight: 400;
}
.banner-pie .section-tit1 {
  margin-bottom: 0;
}
.banner-pie .btn-icon {
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1440px) and (min-width: 1440px) {
  .banner-pie .container {
    width: 1416px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  .banner-pie .section-tit1 {
    font-size: 92px;
    line-height: 96px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .banner-pie .section-tit1 {
    font-size: 76px;
    line-height: 80px;
  }
}
@media (min-width: 768px) {
  .banner-pie .section-sup,
.banner-pie .section-tit1 {
    padding-right: 170px;
  }
  .banner-pie .btn-icon {
    width: 120px;
    height: 120px;
  }
  .banner-pie .btn-icon [class^=icon-], .banner-pie .btn-icon [class*=" icon-"] {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .banner-pie {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner-pie .section-sup,
.banner-pie .section-tit1 {
    padding-right: 110px;
  }
  .banner-pie .btn-icon {
    width: 60px;
    height: 60px;
  }
  .banner-pie .btn-icon [class^=icon-], .banner-pie .btn-icon [class*=" icon-"] {
    font-size: 30px;
  }
}

.mainContent > .banner-pie {
  background: linear-gradient(84.66deg, #BC3B4A 18.29%, #D05559 84.5%);
  color: #FFFFFF;
}
.mainContent > .banner-pie .section-sup,
.mainContent > .banner-pie .section-tit1 {
  color: #FFFFFF;
}
.mainContent > .banner-pie .btn-icon {
  border-color: #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
}
.mainContent > .banner-pie .btn-icon:focus:after {
  content: "";
  border: 1px solid #FFFFFF;
  border-radius: inherit;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
}
.mainContent > .banner-pie .btn-icon:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #BC3B4A;
}
@media (min-width: 768px) {
  .mainContent > .banner-pie {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

section .banner-pie {
  color: #BC3B4A;
  border-top: 1px solid #BC3B4A;
  border-bottom: 1px solid #BC3B4A;
}
section .banner-pie .section-tit1 {
  color: #BC3B4A;
}
section .banner-pie .btn-icon {
  border-color: #BC3B4A;
  background-color: transparent;
  color: #BC3B4A;
}
section .banner-pie .btn-icon:focus:after {
  content: "";
  border: 1px solid #BC3B4A;
  border-radius: inherit;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
}
section .banner-pie .btn-icon:hover {
  border-color: #BC3B4A;
  background-color: #BC3B4A;
  color: #FFFFFF;
}
@media (min-width: 1440px) {
  section .banner-pie {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (max-width: 1439px) {
  section .banner-pie {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 768px) {
  section .banner-pie {
    margin-top: 80px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  section .banner-pie {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}/*# sourceMappingURL=bannerPie.css.map */