html {
  scroll-behavior: smooth;
 
}
body{
    overflow-x: hidden;
}

:root {
  --max-width: 1500px;
  --width: 90%;
  --color:#40a629;
   --fcolor:#ff8001;
}

#c_grid-116273709439191{
    position: sticky;
    top: 0px;
    z-index: 9;
    transition: all 0.3s;
}
@media only screen and (min-width: 769px) {

}
@media only screen and (max-width: 768px) {
  :root {
    --width: 95%;
  }
  .service_icon {
    color: #fff;
    margin-top: 0px;
    padding-right: 0px;
  }
  .swiper-wrapper {
    padding-bottom: 0px;
  }
 .pl_service .bottom_type {
        display:block;
    }
}
hr {
  margin: 20px auto;
}
* {
  word-break: break-word;
}


.pl_service4{
    right: 0px;
}


.pl_service4 .service_item{
  background: var(--color);
  border-radius:4px 0px 0px 4px;
  width:50px;
  height:50px;
  min-width: 50px;
  max-width: 50px;
  padding-left: 50px;
}


.pl_service4 .service_item{
  background: var(--fcolor);
  border-radius: 0px;
  width: 45px;
  height: 45px;
  min-width: 45px;
  max-width: 45px;
  padding-left: 45px;
}
.pl_service4 .item_con{
  height: 45px;
}
.pl_service4 > .item_con.clearfix{
display:none;  
}
.pl_service4 .service_icon{
  width: 45px;
  height: 45px;
}
.pl_service4 .service_icon .icon{
  margin: 7px 16px 0 10px;
  width: 27px;
}
.pl_service4 .service_value{
  padding: 4px 20px 10px 0;
}

.service_group .item_con.clearfix:nth-child(1) .service_item{background-color: #1976d2;}
.service_group .item_con.clearfix:nth-child(2) .service_item{background-color: #399bfd;}
.service_group .item_con.clearfix:nth-child(3) .service_item{background-color: #ff8c00;}
.service_group .item_con.clearfix:nth-child(4) .service_item{background-color: #ff4800;}