body {
  line-height: 1.5;
}
.cont {
  padding-bottom: 7%;
}
.cont .title {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.cont .title .text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.cont .title p {
  font-family: 'Bank';
  color: #634f44;
  display: block;
  text-align: center;
  line-height: 1;
}
.cont .title p::after {
  content: '';
  display: block;
  width: 70px;
  height: 4px;
  background: #bc9480;
  margin: 18px auto 10px;
}
.cont .title span {
  color: #231815;
  display: block;
  text-align: center;
}
.cont .title .bg {
  width: 13.9%;
}
.cont .page1 {
  position: relative;
  padding-top: 5.5%;
}
.cont .page1 .bg_c {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #faf8f7;
}
.cont .page1 .w1440 {
  position: relative;
  overflow: initial;
}
.cont .page1 .pic_box {
  margin-top: 4%;
  display: flex;
  justify-content: space-between;
}
.cont .page1 .pic_box .img {
  width: 64%;
  overflow: hidden;
}
.cont .page1 .pic_box .img img {
  transition: all 0.5s;
}
.cont .page1 .pic_box .img:hover img {
  transform: scale(1.05);
}
.cont .page1 .pic_box .txt {
  width: 35%;
  margin-top: 4%;
}
.cont .page1 .pic_box .txt p {
  color: #231815;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: wrap;
}
.cont .page1 .pic_box .txt p::after {
  content: '';
  display: block;
  width: 70px;
  height: 1px;
  background: #bc9480;
  margin: 3% 0 6%;
}
.cont .page1 .pic_box .txt span {
  color: #231815;
  display: block;
  text-align: right;
}
.cont .page1 .pic_box .txt .ic_logo {
  width: 59.2%;
  float: right;
  margin-top: 7%;
}
.cont .page1 .storey {
  position: absolute;
  top: 80%;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.cont .page1 .storey p {
  display: block;
  overflow: hidden;
}
.cont .page1 .storey p:nth-child(1) {
  width: 26.388%;
  margin-right: 1%;
}
.cont .page1 .storey p:nth-child(2) {
  width: 35%;
}
.cont .page1 .storey p img {
  transition: all 0.5s;
}
.cont .page1 .storey p img:hover {
  transform: scale(1.05);
}
.cont .page2 {
  margin-top: 13.5%;
}
.cont .page2 .pic_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 5%;
}
.cont .page2 .pic_box ul {
  width: 49.51%;
}
.cont .page2 .pic_box ul p {
  position: absolute;
  bottom: 3%;
  left: 5%;
  color: #fff;
}
.cont .page2 .pic_box ul li {
  position: relative;
  margin-bottom: 1.84%;
  overflow: hidden;
}
.cont .page2 .pic_box ul li img {
  transition: all 0.5s;
}
.cont .page2 .pic_box ul li:hover img {
  transform: scale(1.05);
}
.cont .page2 .pic_box ul.p1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.cont .page2 .pic_box ul.p1 li:nth-child(1) {
  width: 100%;
}
.cont .page2 .pic_box ul.p1 li:nth-child(2) {
  width: 49.08%;
}
.cont .page2 .pic_box ul.p1 li:nth-child(3) {
  width: 49.08%;
}
.cont .page2 .pic_box ul.p2 li:nth-child(1) {
  width: 49.08%;
  float: left;
}
.cont .page2 .pic_box ul.p2 li:nth-child(2) {
  width: 49.08%;
  float: right;
}
.cont .page2 .pic_box ul.p2 li:nth-child(3) {
  width: 49.08%;
  float: left;
}
.cont .page2 .pic_box ul.p3 li:nth-child(1) {
  width: 49.08%;
  float: left;
}
.cont .page2 .pic_box ul.p3 li:nth-child(2) {
  width: 49.08%;
  float: right;
}
.cont .page2 .pic_box ul.p3 li:nth-child(3) {
  width: 49.08%;
  float: right;
}
.cont .page2 .pic_box ul.p4 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.cont .page2 .pic_box ul.p4 li:nth-child(1) {
  width: 100%;
}
.cont .page2 .pic_box ul.p4 li:nth-child(2) {
  width: 49.08%;
}
.cont .page2 .pic_box ul.p4 li:nth-child(3) {
  width: 49.08%;
}
/* 125% */
@media screen and (max-width: 1366px) {
  .cont .page1 .pic_box .txt {
    margin-top: 1%;
  }
  .cont .page1 .pic_box .txt .ic_logo {
    margin-top: 2%;
  }
}
/* 150 */
@media screen and (max-width: 998px) {
  .cont .title .bg {
    width: 30.16%;
  }
  .cont .page1 .pic_box {
    flex-wrap: wrap;
  }
  .cont .page1 .pic_box .img {
    width: 100%;
  }
  .cont .page1 .pic_box .txt {
    padding: 30px 0;
    width: 100%;
  }
  .cont .page1 .pic_box .txt p {
    align-items: center;
  }
  .cont .page1 .pic_box .txt span {
    text-align: center;
  }
  .cont .page1 .pic_box .txt .ic_logo {
    margin: 4% auto 0;
    float: none;
  }
  .cont .page1 .storey {
    position: static;
  }
  .cont .page1 .storey p:nth-child(1) {
    width: 43%;
  }
  .cont .page1 .storey p:nth-child(2) {
    width: 56%;
  }
  .cont .page2 .pic_box ul {
    width: 100%!important;
  }
}