#studies {
  position: relative;
  color: #50525F;
  margin: 0 20px;
}
.studies-container {
  position: relative;
}
.studies-container-content {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  border-radius: 35px;
}
.studies-container-title {
  font-size: 48px;
  text-align: center;
  padding: 80px 0;
  font-family: 'SourceHanSansCN-Bold';
}
.studies-container-brand {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.studies-container-brand+.studies-container-brand {
  margin: 84px 0;
}
.studies-container-product+.studies-container-product {
  margin-left: 54px;
}
.product-img {
  position: relative;
}
.product-img:hover .mask,
.product-img:hover .mask-text {
  display: block;
}
.mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  border-radius: 10px;
}
.mask-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 40px;
  border-radius: 10px;
  text-align: center;
  transform: translate(0px, -50%);
}

.product-brand {
  margin-top: 30px;
  font-size: 30px;
  font-family: 'SourceHanSansCN-Medium';
}
.product-introduce {
  font-size: 24px;
  font-family: 'SourceHanSansCN-Normal';
}
@media (max-width: 990px) {
  #studies {
    margin: 0 0.67rem;
  }
  .studies-container-content {
    padding: 0 0.67rem;
  }
  .studies-container-title {
    font-size: 1.33rem;
    padding: 2.2rem 0 1.7rem;
  }
  .studies-container-brand+.studies-container-brand {
    margin: 0.73rem 0 1.46rem;
  }
  .studies-container-product+.studies-container-product {
    margin-left: 1.25rem;
  }
  .product-brand {
    margin-top: 0.8rem;
    font-size: 1rem;
  }
  .product-introduce {
    font-size: 0.8rem;
  }
}