#beauty-city {
  height: 704px;
}

#beauty-city .beauty-city-left .yxst-logo {
  margin-top: 57px;
  margin-bottom: 32px;
}
#beauty-city .beauty-city-right{
 margin: 48px 0 0 0;
}
#beauty-city .beauty-city-right .line {
  display:none;
  width: 24px;
  height: 2px;
  background: #8b6d4d;
  margin: 48px 0 16px 0;
}

#beauty-city .beauty-city-right .title {
  
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  color: #806447;
  line-height: 32px;
  font-size: 24px;
}

#beauty-city .beauty-city-right .subTitle {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  color: #806447;
  line-height: 20px;
  font-size: 20px;
  /* margin-left: 24px; */
}

#beauty-city .beauty-city-img {
  margin-top: 48px;
}

#beauty-city .beauty-city-img img {
  width: 31%;
  max-width: 100%;
  margin-right: 2%;
}

#beauty-city .beauty-city-img img:last-child {
  margin-right: 0;
}

@media (max-width: 992px) {
  #beauty-city .beauty-city-right .line {
    margin: 16px 0;
  }
  #beauty-city .beauty-city-right .title{
  font-size:16px;
  line-height:20px;
  }
  #beauty-city .beauty-city-right .subTitle{
  font-size:16px;
  }
  .commercialProjects #beauty-city .beauty-city-right ul li {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 20px;
}
 .commercialProjects #beauty-city .beauty-city-right ul li .big{
  font-size: 14px;
  line-height:20px;
 }
 #beauty-city .beauty-city-img{
   margin-top:32px;
 }
}

@media (max-width: 530px) {
  #beauty-city .beauty-city-right .subTitle {
    display: block;
    margin-left: 0;
    margin-top: 8px;
  }
  #beauty-city .beauty-city-img img {
    width: 100%;
    margin-right: 0;
  }
}
/*# sourceMappingURL=beauty.css.map */<!--ºÄʱ1762602472.9475Ãë-->