.container {
  max-width: 1000px; }

.container.hall-header-container {
  max-width: 1200px; }

body {
  background-color: #fff; }

.product-hall-banner {
  width: 100%;
  height: 530px;
  background: url(../images/hall/banner.jpg) center; }

.product-hall-img {
  position: relative; }
  .product-hall-img .content {
    position: absolute;
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    max-width: 380px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .product-hall-img .container::after {
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0; }

.product-hall-img1 {
  width: 100%;
  height: 519px;
  background: url(../images/hall/1.jpg) center;
  text-align: center;
  color: #fff; }
  .product-hall-img1 .content {
    right: 20px;
    top: 210px;
    color: #fff; }

.product-hall-img2 {
  width: 100%;
  height: 540px;
  background: url(../images/hall/2.jpg) center;
  text-align: center; }
  .product-hall-img2 .content {
    right: 20px;
    top: 250px; }

.product-hall-img3 {
  width: 100%;
  height: 540px;
  background: url(../images/hall/3.jpg) center;
  text-align: center; }
  .product-hall-img3 .content {
    left: 20px;
    top: 200px;
    color: #fff; }

.product-hall-img4 {
  width: 100%;
  height: 539px;
  background: url(../images/hall/4.jpg) center; }
  .product-hall-img4 .content {
    left: 20px;
    top: 210px;
    color: #fff; }

/*# sourceMappingURL=hall.css.map */