* {
  margin: 0;
  padding: 0;
}
body,
html {
  width: 100%;
  height: 100%;
}
.page-box {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  background-size: 100% 100%;
}
.content{
  width: 100%;
}
.swiper{
  width: 100%;
  max-width: 550px;
  overflow: hidden;
}
.content .swiper .swiper-wrapper{
	width:100%;
}
.content .swiper2 .swiper-slide{
  width: 15%;
  margin:0 0.7% 0 1%;
}
.content .swiper3{
	height: 8rem;
	max-height: 130px;
}
.content .swiper3 .swiper-slide{
  height: 50%;
}
.content img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.kefu-box{
  max-width: 80px;
  position: fixed;
  top: 35%;
  right: 0;
  z-index: 99;
}
.kefu-box img{
  width: 100%;
  display: block;
}


.bottom{
  width: 100%;
  max-width: 550px;
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
.bottom img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.tg-box{
  position: relative;
  top: -100px;
  z-index: 99;
  display: block;
}
.tg-box img{
  width: 100%;
  display: block;
}
.top_lunbo{
	position: absolute;
    top: 5.5rem;
    padding: 0 0 0 2rem;
    width: 40%;
    max-width: 250px;
    max-height: 40%;
}
.lunbo{
	background: url(../img/contents4.js) no-repeat;
    background-size: 100% auto;
}
.lunbo .list{
	margin: 0 auto;
    width: 85%;
    padding-top: 3rem;
    padding-bottom: 1rem;
}
.down_btn1{
	margin:0 auto;width: 70%;max-width: 424px;height: 100%;max-height: 102px;padding-top: 3%; padding-bottom: 3%;
}
.bottom button {
    width: 40%;
    height: 70%;
    background: url(../img/btn2.js) center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 5%;
    top: 15%;
    -webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
    -webkit-appearance: none;
    border: none;
}
.tiaodong{
	-webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
	width:100%;
}
@-webkit-keyframes myfirst{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes myfirst{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}
.content ul{
	width: 90%;
    padding: 20px 0 20px 5%;
}
.content ul li{
	width:31%;
	list-style: none;
	margin:1% 1% 1% 1%;
	float:left;
}
.content ul li img{
	-webkit-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
}