.figure {
  position: relative;
}
.figure img {
  position: relative;
  z-index: 2;
}
.figure:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top:1em;
  left: -1em;
  background: #bbd2d0;
}
.figur-rt::before {
  left: 1em;
}

/* banner-swiper */
.banner-swiper h2 {
  font-weight: bold;
  padding: 0px 1rem;
}
.banner-swiper h2 span {
  color: #31a197;
}

.banner-swiper .swiper-bn-ft {
  position: absolute;
  left: 0px;
  bottom: 1rem;
  width: 100%;
}
.banner-swiper .swiper-bn-ft h2 {
  letter-spacing: 0.2em;
}
.banner-swiper .swiper-bn-ft h2 span {
  color: #fff;
  padding: 0px 1rem;
}
.banner-swiper .swiper-slide a {
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}
.banner-swiper .swiper-slide.bg-overlay-400:before {
  background: rgba(30,34,40,.1);
}

@media (max-width: 767px){
  .banner-swiper .swiper-bn-ft h2 {
    letter-spacing: 0px;
  }
  .banner-swiper .swiper-bn-ft h2 span {
    padding: 0px 0.2rem;
  }
  .swiper-controls .swiper-navigation .swiper-button {
    width: 1.2rem;
    height: 1.2rem;
  }
  .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev {
    left: 10px;
  }
  .swiper-controls .swiper-navigation .swiper-button.swiper-button-next {
    right: 10px;
  }
  
}




/* in-ab-sec */
.in-ab-sec .page-txt {
  line-height: 1.75;
  height: 7em;
  max-height: 7em;
}



/* in-custom-sec */
.in-custom-sec .page-sub {
  line-height: 2;
}


/* in-choose-sec */
.in-choose-sec .page-sub {
  line-height: 2;
}
.in-choose-sec .figure::before {
  left: 1em;
}


@media (max-width: 767px){
  .in-choose-sec .page-sub br {
    display: none;
  }
}

@media (max-width: 1640px) and (min-width: 993px){
  .pe-lg-17 {
    padding-right: 3rem!important;
  }
  .mb-lg-21 {
    margin-bottom: 6rem!important;
  }


  .in-ab-into .col-lg-7 {
    padding-left: 3rem!important;
  }


}


@media (max-width: 1240px){
  .in-custom-sec {
     margin-top: 0px!important;
  }
  .in-custom-sec .col-lg-7 {
     width: 100%;
  }
  .in-custom-sec .col-lg-5 {
     width: 100%;
  }
  .figure {
    width: 100%;
  }
}

@media (max-width: 992px){
  .in-ab-into .col-lg-7,
  .in-yanfa .col-lg-7 {
    padding-left: 1rem!important;
  }
  .pe-lg-17 {
    padding-right: 0.5rem!important;
  }

}

/* in-map */
.in-map .mapcon {
  padding-bottom: 34.8866%;
}

@media (max-width: 992px){

  .in-map .mapcon {
    padding-bottom: 60.8866%;
  }

  
}  

