.articles article {
  width: 100%;  
  max-width: 600px; 
}

article .info {
  width: 100%;
}

.buildingInfo > .right {
  width: 600px;
}

article .info .titleP {
  display: flex;
  justify-content: space-between;
  align-items: baseline; 
}

article .info .titleP .title {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-weight: 600;
}

address {
  font-style: normal
}

address p {
  display: flex;
  align-items: center;
}

address p img {
  width: 1.2em;
  height: 1.2em;
  object-fit: contain;
  line-height: 1.2em;
  margin: 0.5em 2em;
}

/* 放大 */
.articles article .caseImg a {
  width: 600px;
  height: 365px;
  overflow: hidden;
  cursor: pointer;
}

.articles article .caseImg a {
  transition: transform 2s, opacity 1.5s ease-in-out;
  transform-origin: center center;
}

.articles article .caseImg:hover a img {
  opacity: 0.8;
  transform: scale(1.3);
}

.articles article .caseImg a {
  position: relative;
  height: 100%;
  display: block;
}

.articles article .caseImg:hover a .demo-gallery-poster {
  position: absolute;
  top: 50%;
  left: 50%;
}

.articles article .caseImg:hover a .demo-gallery-poster img {
  filter: brightness(100%);
}

address p a, address p span {
  font-size: 1.2em;
}

/* end 放大 */
@media screen and (max-width: 1300px) {
  .buildingBanners > div h1 {
    font-size: 2.5rem;
  }
  .buildingBanners > div {
    margin: 1.5em;
  }
  .articles article .caseImg  {
    width: 480px;
    height: 212px;
  }
  .buildingInfo > .right, .lectureInfo > .right {
    width: 480px;
  }
}

@media screen and (max-width: 1200px) {
  .buildingBanners > div h1 {
    font-size: 1.8rem;
  }
  .buildingBanners > div {
    margin: 1em;
  }
  .articles article .caseImg  {
    width: 392px;
    height: 206.5px;
  }
  .buildingInfo > .right, .lectureInfo > .right {
    width: 392px;
  }
}

@media screen and (max-width: 750px) {
  .buildingInfo {
    margin: 2em 0;
  }
  .buildingInfo .left, .decoration {
    display: none;
  }
  .buildingBanners > div h1 {
    font-size: 3rem;
  }
  .buildingBanners > div h2 {
    font-size: 2rem;
  }
  .articles {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
  }
  .articles article {
    width: 392px;
  }
  address p img {
    margin-left: 0;
  }
  .buildingBanners img {
    content: url('../../main/img/bn/bn01.jpg');
  }
}

@media screen and (max-width: 450px) {
  .articles article {
    width: 313.6px;
  }
  .articles article .caseImg {
    width: 313.6px;
    height: 165.2px;
  }
}