body{ max-width: 800px; margin: auto; }
p{ margin: 0; }
ul{ padding: 0; margin: 0; }
li{ list-style: none;}
.left{ float: left;}
.right{ float: right;}
button{ border: none; background: none; }

.pic{ float: left; width: 100%; }
.pic img{ float: left; width: 100%; }
.piece{ float: left; width: 100%; }
.piece1{}
.piece1 .news{ float: left; width: 99%; padding: 10px 0 10px 15%; font-size: 16px; background: url(../images/bg1.png) no-repeat; background-size: 100% 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.piece2{ padding: 20px 0; background: url(../images/bg4.jpg) no-repeat; background-size: 100% 100%; }
.piece2 img{ width: 86%; margin-left: 7%; }
.piece3{ background: url(../images/bg5.jpg) no-repeat; background-size: 100% 100%; }
.piece3 ul li{ float: left; width: 46%; margin: 5px 2%; }
.piece3 ul li img{ width: 100%; }
.piece4 ul{ float: left; width: 100%; padding: 0 4%;
  background: -moz-linear-gradient(top, #fffdfb 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffdfb), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #fffdfb 0%,#ffffff 100%);
  background: -o-linear-gradient(top, #fffdfb 0%,#ffffff 100%);
  background: -ms-linear-gradient(top, #fffdfb 0%,#ffffff 100%);
  background: linear-gradient(to bottom, #fffdfb 0%,#ffffff 100%);
}
.piece4 ul li{ float: left; width: 46%; margin: 0 2%; padding-bottom: 10px; }
.piece4 ul li:last-child{ border-bottom: none; }
.piece4 ul li img{ width: 100%; }
.swiper{ float: left; width: 99%; background: url(../images/bg2.png) no-repeat; background-size: 100% 100%; }
.swiper-container{ width: 92%; margin: 0 4%; }
.swiper-container img{ width: 100%; }
.swiper-pagination{ width: 99%; float: left; padding-bottom: 20px; position: static; background: url(../images/bg3.jpg) no-repeat; background-size: 100% 100%; }
.swiper-pagination-bullet{ margin: 0 2px; background: #ff818b; opacity: 1; }
.swiper-pagination-bullet-active{ background: #e64e5a; }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}