* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 14px;
	background: #fff;
  	min-width: 1200px;
}
button {
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
button:focus {
	outline: none;
}
a {
	outline: none;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
a img {
	border: none;
	outline: none;
}
ul {
	list-style: none;
}
li {
	float: left;
}
i,
em {
	font-style: normal;
}
h1,
h3,
h4 {
	font-weight: normal;
}
.container{
	overflow: hidden;
	background: url(../img/bg.png) no-repeat ;
	height: 1690px;
	background-size: 100% 100%;
}
.wrap{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.section{
	width: 100%;
}
.btn{
	display: block;
	width: 280px;
	height: 64px;
	text-indent: -9999px;
	background: url(../img/btn-download.png) no-repeat;
}
.btn:hover{
	background-position: 0 -64px;
}
.section01{
	height: 637px;
}
.section01 .left-box{
	float: left;
	margin-top: 154px;
}
.section01 .btn-download{
	margin-top: 9px;	
}
.section01 .right-box{
	margin-top: 202px;
	float: right;
}
.section01 .wrap{width: 1250px; padding-left: 25px;}
.section02{
	height: 916px;
	background: url(../img/2.png) no-repeat top center;
}


/* 右侧 */
.right-nav {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: 620px;	
	width: 300px;
	height: 300px;
	background: url(../img/bg-float.png) no-repeat;
	z-index: 32;
}
.right-nav .close{
	position: absolute;
	cursor: pointer;
	width: 32px;
	height: 22px;
	right: 0;
	top: 0;
}
.right-nav .countdown-wrap {
	margin: 70px auto 10px;
	font-size: 14px;
	color: #FDF942;
	text-align: center;
}
.right-nav .countdown-wrap .text_show {
	color: #fff;
}
.right-nav .btn-download{
	display: block;
}


.right-box{
    width: 625px;
  }
   .swiper-container {
      width: 100%;
      height: 325px;
      /* padding-left: 40px;
      box-sizing: border-box; */
    }
    .swiper-wrapper{
      padding-left: 48px;
    }
    .swiper-slide {
      position: relative;
      text-align: center;
      font-size: 18px;
     
      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;
      transition: 300ms;
      transform: scale(0.9);
      z-index: 1;
      
  }
  .swiper-slide img{width: 598px; height: 323px;border: 1px solid transparent;}
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1) translateX(-50px);
      z-index: 2;      
      
	}
  .swiper-slide-active img, .swiper-slide-duplicate-active img{
    border: 1px solid rgba(36,177,247,0.33);
  }


  .bg04{
	max-width: 1920px;
	margin: -80px auto 0;
  }
  #footer p,#footer i{color: #fff;}
  #footer {
	  width: 1200px;
	  padding: 20px 0;
	  margin: 0 auto;
  }
  #footer .logoImg {
	  display: block;
	  margin: 0px auto 15px;
	  border-bottom: 1px solid #2f2f2f;
	  text-align: center;
	  padding-bottom: 15px;
  }
  
  .foot {
	  margin-top: 100px;
  } /*height: 300px;*/
  .copyright {
	  padding: 25px 0;
	  text-align: center;
	  color: #bbb9b9;
  }
  .copyright a {
	  color: #bbb9b9;
  }
  .copyright .wen-logo {
	  margin: -10px 0 0 10px;
	  position: relative;
	  bottom: -10px;
  }
  .botLogo {
	  margin-bottom: 10px;
  }
  
  #footer a,
  #footer .bottom p {
	  font-size: 14px;
	  line-height: 24px;
  }
  #footer .bottom h3 {
	  margin-top: 5px;
  }
  #footer .bottom {
	  margin-top: 4px;
	  padding-bottom: 20px;
  }
  #footer .bottom p,
  #footer .bottom a {
	  color: #ffffff;
  }
  #footer .bottom li {
	  display: inline-block;
	  margin-right: 5px;
  }
  #footer .bottom li:not(:last-child):after {
	  content: '|';
	  padding-left: 10px;
	  color: #ffffff;
  }
  #footer .bottom .botLogo {
	  display: block;
  }
  #footer .bottom .botLogo a {
	  display: inline-block;
	  margin-right: 18px;
  }
  #footer .bottom-left {
	  width: 420px;
	  float: left;
	  margin-right: 257px;
  }
  #footer .bottom-right {
	  margin-top: 5px;
	  width: 516px;
	  float: left;
  }
  #footer .bottom-right i {
	  margin-left: 5px !important;
	  display: inline !important;
  }
  #footer .bottom-right p img {
	  width: 20px;
	  height: 20px;
  }