.impact-swiper-wrapper .swiper-slide {width: 100vw; height: 100%}
.impact-swiper-wrapper {overflow:hidden;height: calc(100vh - 3.75rem);}
.nav_box {position: absolute !important; width: 100%}
.impactSwiper{
height: 100%
}
.our_respon {
position: relative;
      width: 100%;
    height: 100%;
   overflow: hidden;

}
.our_respon .portlet, .our_respon .portlet >div  {height: 100%;}
.our_respon .portlet >div  {height: 100%;}


.our_impact {
    position: relative;
      width: 100%;
    height: 100%;
overflow: hidden
}
.our_impact  .portlet, .our_impact t .portlet >div  {height: 100%;}
 .our_impact   .portlet >div  {height: 100%;}

.our_respon ,.our_impact {width: 100%; margin: 0 auto;}
.about_contaiin {width: 100%; margin: 6rem auto 0;margin-left: 5%;position: absolute;}
.about_contaiin .biaoti {
    margin-bottom: 0.625rem;
}
.about_contaiin .biaoti .title {
    background: url(/uiFramework/commonResource/image/2025042917055267744.png) no-repeat left top;
    
    font-size: 1.5rem;
    color: #482571;
    letter-spacing: 0.3125rem;
    display: inline-block;
    white-space: nowrap;
    width: auto;
    font-weight: bold;
    padding: 1rem;

}
.about_contaiin .biaoti .title1 {

    font-size: 1.5rem;
    color: #ff5505;
    letter-spacing: 0.3125rem;
    display: inline-block;
    white-space: nowrap;
    width: auto;
    font-weight: bold;
    padding: 1rem 0;

}


.our_respon1 {
  background-image: url('/uiFramework/commonResource/image/2025062510362930323.png');
  background-size: 100% 100%;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
      width: 100%;
    height: 100%;
}
.our_impact1{
  background-image: url('/uiFramework/commonResource/image/2025062508531934887.png');
  background-size: 100% 100%;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
      width: 100%;
    height:40rem;
position: relative;
}


.enlarge-animation {
  -webkit-animation: scale-bg 6s ease-in-out 0s 1 ;
  animation: scale-bg 6s ease-in-out 0s 1;
    transform: scale(1.15, 1.15);
}

@-webkit-keyframes scale-bg {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
  }
}

@keyframes scale-bg {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
  }
}

@keyframes fadeInUp30 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2rem,0);
        transform: translate3d(0,2rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp30 {
    -webkit-animation-name: fadeInUp30;
    animation-name: fadeInUp30
}


@media screen and (max-width: 48rem) { 

  .our_respon {
    padding: 2rem 0 2rem !important}
  .our_respon .impactcon {margin: 8rem auto 1rem !important}

   .our_impact .serviceli {height: 14.0625rem}
   .about_contaiin  {    margin: 0rem auto 0 !important;margin-left:5% !important}
   .impactcon li {height:11rem!important}
}
@media (max-width: 26.25rem) {
    .begincon {
        padding-top: 12rem  !important;
    }

       .bigimpactcon {
        padding-top: 12rem !important;
    }
}