.contact {
  padding: .8rem 0 1rem;
}

.contactBox {
  display: flex;
}

.contactL {
  width: 7.6rem;
  margin-right: 1.2rem;
}

.contactLTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.36rem;
  color: #333333;
  padding-bottom: .2rem;
  position: relative;
  margin-bottom: .46rem;
}

.contactLTit::after {
  content: '';
  width: 0.58rem;
  height: 0.02rem;
  background: #28A0A2;
  position: absolute;
  left: 0;
  bottom: 0;
}

.conItem {
  display: flex;
  padding: .28rem 0;
  border-bottom: 0.01rem dashed #C8C2C2;
}

.conItem img {
  width: .25rem;
  height: .25rem;
  margin-right: .15rem;
}

.conItem p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #333333;
}

.contactR{
  width: 8.2rem;
  height: 4.5rem;
}

@media screen and (max-width:1024px){
    .contactBox{
        flex-direction: column;
        gap: .2rem;
    }
    .contactL,
    .contactR{
        width: 100%;
    }
    .conItem p{
        font-size: 14px;
    }
}