h4,h5,ul,li {
  margin-block-start: 0;
  margin-block-end: 0;
}
body{
  background-color: #e8edf8;
}

.company-introduction {
  width: 1192px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-inline-start: 0;
  padding-bottom: 48px;
}

.company-introduction-item {
  box-sizing: border-box;
  width: 386px;
  height: 340px;
  list-style: none;
  cursor: pointer;
  text-align: center;
  border-radius: 8px; 
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(230, 236, 248, 1);
  margin-bottom: 16px;
}
.company-introduction-item-img-box{
  width: 100%;
  height: 240px;
  border-radius: 8px 8px 0px 0px;
  background: rgba(232, 237, 248, 1);
  margin-block-start: 0em;
  margin-block-end: 0em;
  text-align: center;
}
.company-introduction-item-img{
   width: 100%;
}

.company-introduction-item-title {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 700;
  color: rgba(24, 24, 24, 1);
  margin-bottom: 8px;
}

.company-introduction-item:hover .company-introduction-item-title {
  color: rgba(27, 209, 209, 1);
}

.company-introduction-item-desc{
  font-size: 14px;
  font-weight: 400;
  color: rgba(78, 89, 105, 1);
}

@media ((min-width: 1024px) and (max-width: 1439px)) {
  .company-introduction {
    width: 1000px;
    height: auto;
  }
  .company-introduction-item-img-box{
    height: 200px;
  }
  .company-introduction-item{
    width: 324px;
    height: 300px;
  }
}

@media ((min-width: 600px) and (max-width: 1023px)) {
  .company-introduction {
    width: auto;
    padding: 0 12px;
  }
  .company-introduction-item{
    width: calc((100% - 24px)/3);
    height: auto;
  }
  .company-introduction-item-img-box{
    height: auto;
  }
  .company-introduction-item-img {
    width: 100%;
    /* height: 212px; */
  }
  .company-introduction-item-title {
    margin-top: 8px;
    font-size: 18px;
  }
  .company-introduction-item-desc{
     margin-bottom: 20px;
  }
  
}

@media (max-width: 599px) {
  .company-introduction {
    width: 100%;
    padding: 0 12px;
  }
  .company-introduction-item{
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
  .company-introduction-item-img-box{
    height: 180px;
  }
  .company-introduction-item-img {
     height: 180px;
     width: auto;
  }
  .company-introduction-item-title {
    margin-top: 8px;
    font-size: 16px;
  }
  .company-introduction-item-desc {
    margin-top: 8px;
    font-size: 12px;
    margin-bottom: 16px;
  }
  
}