html,
body {
  position: relative;
  height: 100%;
  font-size: 0.01666667rem;
}
body {
  font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.clear {
  clear: both;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide {
  text-align: center;
  overflow: hidden;
}
.swiper-container .swiper-slide .title {
  background: url("../images/t1.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.3765625rem;
  width: 100%;
  font-size: 0.03958333rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .title2 {
  background: url("../images/t2.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.3765625rem;
  width: 100%;
  font-size: 0.03958333rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .title3 {
  background: url("../images/t3.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.3765625rem;
  width: 100%;
  font-size: 0.03958333rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .title4 {
  background: url("../images/t4.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.3765625rem;
  width: 100%;
  font-size: 0.03958333rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .title5 {
  background: url("http://static.zhen22.com/wp-content/uploads/2015/08/whbl.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.3765625rem;
  width: 100%;
  font-size: 0.03958333rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .title6 {
  background: url("../images/t6.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.3765625rem;
  width: 100%;
  font-size: 0.03958333rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .title7 {
  background: url("../images/qcbj.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.315625rem;
  width: 100%;
  font-size: 0.04166667rem;
  line-height: 0.05208333rem;
  position: absolute;
  top: 0rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 95px;
  left: 0;
}
.swiper-container .swiper-slide .shu {
  background: url("../images/shu.jpg") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.2421875rem;
  width: 0.375rem;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  right: 0.08333333rem;
  z-index: 10;
}
.swiper-container .swipe {
  position: absolute;
  left: 50%;
  bottom: 0.02083333rem;
  background: url("../images/swipe_up.png") no-repeat left top;
  background-size: 0.04583333rem 0.0625rem;
  width: 0.04583333rem;
  height: 0.0625rem;
  margin-left: -0.02291667rem;
  z-index: 1000;
  opacity: 0;
}
.swiper-container .p1 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p1 .bg .mid {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/page1.min.jpg") transparent no-repeat 50% 50%;
  background-size: 100%;
}
.swiper-container .p1 .bg .top,
.swiper-container .p1 .bg .bottom {
  position: absolute;
  height: 50%;
  width: 100%;
  left: 0;
  top: 0;
  background: #ade2ff;
}
.swiper-container .p1 .bg .bottom {
  top: 50%;
  background: #3598dc;
}
.swiper-container .p2 {
  position: relative;
}
.swiper-container .p2 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p2 .bg .top,
.swiper-container .p2 .bg .bottom {
  position: absolute;
  height: 50%;
  width: 100%;
  left: 0;
  top: 0;
  background: #f0d6d7;
}
.swiper-container .p2 .bg .bottom {
  background: #ffffff;
}
.swiper-container .p2 .house-out {
  height: 1.39375rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.696875rem;
}
.swiper-container .p2 .swiper-wrapper {
  position: relative;
  padding-top: 0.14583333rem;
  box-sizing: border-box;
}
.swiper-container .p2 .sTitle {
  display: block;
  text-align: center;
  margin-top: 0.125rem;
}
.swiper-container .p2 .sTitle span {
  font-size: 0.05208333rem;
  font-weight: bold;
  padding: 0.01354167rem 0.05208333rem;
  color: #a04848;
}
.swiper-container .p2 .content {
  padding: 0 0.03125rem;
  padding-top: 0.046875rem;
}
.swiper-container .p2 .list .house {
  width: 46%;
  margin: 0.01041667rem 2% 0;
  float: left;
  text-decoration: none;
}
.swiper-container .p2 .list .house .pic {
  margin: 0.009375rem;
  height: 0.26041667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.swiper-container .p2 .list .house .pic img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.swiper-container .p2 .list .house .detail {
  padding-top: 0.00520833rem;
  font-size: 0.03958333rem;
  color: #333333;
  text-align: left;
  line-height: 0.05208333rem;
}
.swiper-container .p2 .list .house .detail span {
  color: #ff0000;
}
.swiper-container .p2-2 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p2-2 .bg .top,
.swiper-container .p2-2 .bg .bottom {
  background: #d5e7f4;
}
.swiper-container .p2-2 .bg .bottom {
  background: #ffffff;
}
.swiper-container .p2-3 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p2-3 .bg .top,
.swiper-container .p2-3 .bg .bottom {
  background: #ebe2c8;
}
.swiper-container .p2-3 .bg .bottom {
  background: #ffffff;
}
.swiper-container .p2-4 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p2-4 .bg .top,
.swiper-container .p2-4 .bg .bottom {
  background: #d3ebdd;
}
.swiper-container .p2-4 .bg .bottom {
  background: #ffffff;
}
.swiper-container .p3 {
  position: relative;
  background: #ade2ff;
}
.swiper-container .p3 .content {
  padding-top: 0.14583333rem;
  height: 1.3rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.65rem;
  width: 100%;
  z-index: 11;
}
.swiper-container .p3 .content #bm {
  background-size: auto 0.10208333rem;
  padding-top: 0.171875rem;
  padding-bottom: 10.41666667rem;
  margin-top: 0.0625rem;
}
.swiper-container .p3 .content #bm .form_group {
  width: 0.796875rem;
  margin: 0 auto 0.03125rem;
  font-size: 0.05rem;
  color: #363636;
  text-align: left;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.swiper-container .p3 .content #bm .form_group input {
  display: inline-block;
  height: 0.09375rem;
  background: #ffffff;
  border: 0rem solid #c0c0c0;
  width: 0.61458333rem;
  -webkit-appearance: none;
  border-radius: 0.01041667rem;
  outline: none;
}
.swiper-container .p3 .content #bm #tsub {
  width: 0.75625rem;
  height: 0.1375rem;
  margin: 0 auto;
  color: #ffb337;
  border: 0;
  line-height: 0.08333333rem;
  font-size: 0.05208333rem;
  background: url("../images/bmtp.jpg") #ade2ff no-repeat 0 100%;
  background-size: 100% auto;
  margin-top: 0.0625rem;
}
.swiper-container .p3 .content .t705 {
  background-color: #fff;
  width: 0.61458333rem;
  height: 0.09375rem;
  position: absolute;
  border: 0;
  margin-left: 5px;
  border-radius: 5px;
}
.swiper-container .p3 .content .t569 {
  background: url("../images/share.jpg") no-repeat no-repeat 0 100%;
  width: 0.75625rem;
  height: 0.1375rem;
  margin: 0 auto;
  left: 10.375rem;
  border: 0;
  bottom: 3.125rem;
  margin-top: 0.02083333rem;
  background-size: 100% auto;
}
.swiper-container .p2-1 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p2-1 .bg .top,
.swiper-container .p2-1 .bg .bottom {
  background: #ade2ff;
}
.swiper-container .p2-1 .bg .bottom {
  background: #ade2ff;
}
.arrow {
  display: none;
  position: absolute;
  background: transparent;
  width: 0.05208333rem;
  height: 0.05208333rem;
  left: 0.015625rem;
  top: 55%;
  z-index: 2000;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.arrow.prev {
  left: auto;
  right: 0.015625rem;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.arrow span {
  position: absolute;
  width: 0.05208333rem;
  height: 0.05208333rem;
  background: #33322d;
}
.arrow span.r {
  width: 0.00651042rem;
  left: 0;
}
.arrow span.l {
  height: 0.00651042rem;
  bottom: 0;
  left: 0;
}
.mask {
  display: none;
  background: url("../images/bg_share.png") rgba(0, 0, 0, 0.85) no-repeat 85% top;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 0.746875rem 0.3rem;
  left: 0;
  z-index: 20;
  top: 0;
}
.animated {
  display: block;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}