#banner {
  width: 100%;
  min-width: 1280px;
  /*height: 100%;*/
  position: relative;
  top: 0;
  left: 0;
}
#banner #ban-main {
  width: 100%;
  /*height: 900px;*/
  position: absolute;
  bottom: 69px;
  top: 0;
  left: 0;
  background: url(../image/index/index_01.jpg) 0 0 no-repeat;
  background-position: center top;
  background-size: cover;
}
#banner img{
	width: 100%;
	height: 100%;
}
#main {
  width: 100%;
  min-width: 1280px;
  margin-top: -3px;
  height: 1887px;
}
#main #wrap-bkg {
	width: 100%;
	height: 663px;
  background: url(../image/index/index_02.jpg) 0 0 no-repeat;
  background-position: center top;
  background-size: cover;
}
#main #main-wrap {
	width: 1056px;
	height: 390px;
  position: relative;
  top: 175px;
  left: 0;
	margin: 0 auto;
  padding: 12px;
  background: #FFFFFF;
  box-shadow: -2px -2px 15px #DEDEDE;
}
#main #main-wrap .swiper-Container {
  width: 100%;
  height: 390px;
  overflow: hidden;
}
#main #main-wrap .swiper-Container .swiper-wrapper {
  width: 100%;
}
#main #main-wrap .swiper-Container .swiper-wrapper .swiper-slide {
  width: 100%;
}
#main #main-wrap .swiper-Container .swiper-wrapper .swiper-slide img {
  width: 49.25%;
  height: 390px;
  float: left;
}
#main #main-wrap .swiper-Container .swiper-wrapper .swiper-slide img:first-child {
  margin-right: 1.5%;
}
#main #main-wrap .swiper-Container .swiper-pagination {
  width: 100%;
  height: 0px;
}
#main #main-wrap .swiper-Container .swiper-pagination span {
  width: 8px;
  height: 8px;
  background-color: #696969;
  margin: 0 10px;
}
#main #main-wrap .swiper-Container .swiper-button-prev,
#main #main-wrap .swiper-Container .swiper-button-next {
  z-index: 2;
  width: 50px;
  height: 88px;
  background-color: rgba(235, 235, 235, 0.6);
  margin-top: -44px;
}
#main #app-download {
	width: 100%;
	height: 555px;
  background: url(../image/index/index_03.jpg) 0 0 no-repeat;
  background-position: center top;
  background-size: cover;
}
#main #intro-bkg {
	width: 100%;
	height: 669px;
  background: url(../image/index/index_04.jpg) 0 0 no-repeat;
  background-position: center top;
  background-size: cover;
}
#main #intro {
  width: 1080px;
  height: 100%;
  position: relative;
  top: -80px;
  left: 0;
  margin: 0 auto;
}
#main #intro div {
	float: left;
	width: 25%;
	height: auto;
	position: absolute;
}
#main #intro div:nth-of-type(1) {
	width: 1%;
	height: 100%;
	bottom: 0;
	left: 0;
}
#main #intro div:nth-of-type(2) {
	bottom: 0;
	left: 0;
}
#main #intro div:nth-of-type(3) {
	bottom: 0;
	left: 25%;
}
#main #intro div:nth-of-type(4) {
	bottom: 0;
	left: 50%;
}
#main #intro div:nth-of-type(5) {
	bottom: 0;
	left: 75%;
}
#main #intro div img {
	display: block;
	margin: 0 auto;
	width: 80%;
	height: 80%;
}
#main #intro div img:hover {
	width: 84.4%;
	height: 84.4%;
}

/*# sourceMappingURL=index.css.map */