@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td, 
img{
  border:medium none;
  margin: 0;
  padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
  font: 12px/1.5 ,tahoma, Srial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { text-decoration: underline; color:#F40; }
/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
body {background-color: #f4bce9;}
.nav{
  position: fixed;
  top: 0;
  left: 50%;
  width: 750px;
  height: 135px;
  background:url(../images/nav.png) no-repeat center top;
  transform: translate(-50%, 0);
  z-index: 20;
}
.nav .apk{
  position: absolute;
  width: 186px;
  height: 70px;
  top: 30px;
  left: 148px;
}
.nav .ios{
  position: absolute;
  width: 186px;
  height: 70px;
  top: 30px;
  right: 220px;
}
.nav .android{
  position: absolute;
  width: 186px;
  height: 70px;
  top: 30px;
  right: 15px;
}
.bg{
  width: 100%;
  height: 4370px;
  background:url(../images/bg.png) no-repeat center top;
}
.btn{
  width: 750px;
  height: 80px;
  position: absolute;
  top: 1305px;
  left: 50%;
  transform: translate(-50%, 0);
}
.btn .ios{
  width: 270px;
  height: 110px;
  position: absolute;
  top: 10px;
  left: 70px;
}
.btn .android{
  width: 290px;
  height: 110px;
  position: absolute;
  top: 10px;
  right: 50px;
}
.btn .apk{
  width: 270px;
  height: 110px;
  position: absolute;
  top: 250px;
  left: 70px;
}
.btn .gw{
  width: 290px;
  height: 110px;
  position: absolute;
  top: 250px;
  right: 50px;
}
.btn img{
  width: 100%;
  height: 100%;
}
.btn1{
  width: 750px;
  height: 93px;
  position: absolute;
  top: 2105px;
  left: 50%;
  transform: translate(-50%, 0);
}
.btn1 .facebook{
  width: 270px;
  height: 93px;
  position: absolute;
  top: 0;
  right: 82px;
}

.swiper{
  width: 750px;
  height: 400px;
  position: absolute;
  top: 3535px;
  left: 50%;
  transform: translate(-50%, 0);
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 650px;
  height: 100%;
}