.branch-box {
  padding-top: 67px;
  padding-bottom: 120px;
}
.branch-title {
  margin-bottom: 35px;
}
.branch-title h6 {
  font-size: 43px;
  color: #000000;
}
.branch-box p {
  color: #333333;
  line-height: 32px;
  margin-bottom: 40px;
}
.red-line {
  width: 82px;
  height: 0px;
  border: 3px solid #b11f23;
  margin-top: 8px;
}
.branch-ul {
    width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.branch-ul li {
  width: calc((100% - 39px) / 4);
  margin-right: 13px;
  margin-bottom: 21px;
}
.branch-ul li:nth-child(4n) {
  margin-right: 0;
}
.branch-ul span {
  text-align: center;
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 45px;
  color: #000;
}
.img-b {
  overflow: hidden;
  border-radius: 15px 15px 15px 15px;

}
.img-b img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: all .5s ease;
}
.img-b img:hover{
    transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .branch-box {
  padding-top: 0.52rem;
  padding-bottom: 0.52rem;
}
.branch-title {
  margin-bottom: 0.51rem;
}
.branch-title h6 {
  font-size: 0.43rem;
}
.branch-box p {
  line-height: 0.55rem;
  margin-bottom:0.74rem;
}
.red-line {
  width: 0.82rem;
  border: 1px solid #b11f23;
  margin-top: 0.15rem;
}

.branch-ul li {
  width:100%;
  margin-right: unset;
  margin-bottom:unset;
}

.branch-ul span {
  line-height: 1rem;
}
.img-b {
  overflow: hidden;
  border-radius: 0.15rem;

}

}