html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, textarea, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; outline: none;}
body {font-family: "微软雅黑","黑体", Verdana, Arial, Helvetica, sans-serif; font-size: 14px;overflow-y: auto;}
a {text-decoration: none;outline: none;}
a:hover{text-decoration:none;outline: none;}
ul {padding: 0; margin: 0;}
li {list-style-type: none;}
i,em{font-style:normal;}
img {border: 0; display:block;}
.clear {clear: both;height: 0;font-size: 0;overflow:hidden}
.clear{zoom: 1}
.fr {float: right;}
.fl {float: left;}
.c:before , .c:after { content: ""; display: table; }
.c:after { clear: both; }
.hide {display:none}
.show {display:block}
input{ border:none;outline:none;}
select{border:none;background: none;-webkit-appearance: none;}
option { color: #000; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }
a,img,p,span,div{
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
strong{ overflow:hidden; display:none; width: 0; height: 0; }
/*ranger*/
body,html {
	width: 750px;
	height: 100%;
	overflow-x: hidden;
	background: #000;
}
section {
	position: relative;
	display: block;
	width: 750px;
	overflow: hidden;
}
.cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 11;
}
/* leaf */
.leaf-1 , .leaf-2 {
  position: absolute;
  animation-name: drop;
  animation-duration: 12.22983s;
  animation-delay: .52236s;
  -webkit-animation-iteration-count: infinite;
  pointer-events: none;
}
.leaf-1 {
  width: 59px;
  height: 45px;
  top: -150px;
  left: -161px;
}
.leaf-2 {
  width: 43px;
  height: 42px;
  top: -50px;
  left: -361px;
}
.leaf-1 img , .leaf-2 img {
  position: absolute;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-transform-origin: 50% -100%;
  animation-name: clockwiseSpin;
}
.leaf-1 img {
  width: 59px;
  height: 45px;
  animation-duration: 5.41389s;
}
.leaf-2 img {
  width: 43px;
  height: 42px;
  animation-duration: 8.41389s;
}
@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); }
    100% { -webkit-transform: translate(880px, 1650px); transform: translate(880px, 1650px); }
}
@-webkit-keyframes fade
{
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-100deg); transform: rotate(-100deg); }
    100% { -webkit-transform: rotate(100deg); transform: rotate(100deg); }
}
/*header*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background: rgba(23,23,23,.9);
	box-shadow: 0px 6px 10px rgba(0,0,0,.4);
	z-index: 11;
}
.header img {
	float: left;
	margin: 18px 0 0 20px;
}
.h_m {
	float: left;
	margin: 27px 0 0 20px;
	/*width: 342px;*/
	font: normal 22px/39px '微软雅黑';
	color: #fff;
  letter-spacing: 1px;
}
.h_m h1 {
	margin-right: 7px;
	font-size: 30px;
}
.h_m h1 , .h_m h2 { display: block; }
.h_m h2 {
  color: #d0d0cf;
}
.download_btn {
  display: none;
	float: right;
	margin: 25px 20px 0 0;
	width: 221px;
	height: 63px;
	background:url(../img/download-btn-bg.png) no-repeat;
	font-size: 30px;
	text-align: center;
	line-height: 63px;
  color: #e5e5e5;
}
/*background*/
.top {
	height: 1475px;
	background: url(../img/top_bg.jpg) 0 110px no-repeat;
}
.bottom {
  padding-top: 170px;
	height: 1685px;
	background: url(../img/bom_bg.jpg) no-repeat;
}
/*top*/
.logo {
	position: absolute;
	top: 167px;
	left: 22px;
	z-index: 10;
}
.solgan {
  position: absolute;
  top: 150px;
  right: 62px;
  width: 121px;
  height: 389px;
  background: url(../img/solgan.png) no-repeat;
  z-index: 6;
  -webkit-transform: translateX(200px);
  -webkit-animation:bounceInRight .5s 1s ease-in forwards;
}
/* @-webkit-keyframes solgan {
  to{-webkit-transform: translateX(0);}
} */
.video_btn {
  position: absolute;
  top: 350px;
  right: 167px;
  width: 136px;
  height: 136px;
  z-index: 6;
}
.video_btn span {
  position: absolute;
  top: 0;
  left: 0;
  width: 136px;
  height: 136px;
}
.v-r {
  background: url(../img/v-bg.png) no-repeat;
  -webkit-animation: Clockwise 1.5s linear infinite alternate;
}
.v-c {
  background: url(../img/v-icon.png) no-repeat;
}
.download_big {
  display: none;
	position: absolute;
	top: 1150px;
	left: 116px;
	width: 533px;
	height: 171px;
	background: url(../img/download-btn.png) no-repeat;
	z-index: 10;
}
/*swiper*/
/* s */
.s-swiper-box {
  margin: 0 auto;
  width: 690px;
}
.s-swiper {
  height: 760px;
}
.s-swiper-pagination {
  position: absolute;
  top: 742px;
  text-align: center;
  width: 100%;
  z-index: 999;
}
/* b */
.b-swiper-box {
  display: none;
  position: absolute;
  top: 124px;
  left: 15px;
  width: 720px;
  z-index: 12;
}
.b-swiper-pagination {
  position: absolute;
  top: 970px;
  text-align: center;
  width: 100%;
  z-index: 999;
}
.b-swiper-pagination .swiper-pagination-bullet , .s-swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 17px;
  background: url(../img/q-s.png) no-repeat;
  opacity: 1;
}
.b-swiper-pagination .swiper-pagination-bullet-active , .s-swiper-pagination .swiper-pagination-bullet-active {
  width: 18px;
  height: 17px;
  background: url(../img/q-k.png) no-repeat;
}

.s-swiper-box .swiper-slide {
  width: 426px;
  height: 723px;
}
/*bottom*/
.download {
  display: block;
  margin: 105px auto 100px;
  width: 450px;
  font-weight: 600;
}
.download img {
  margin: 0 auto 50px;
}
.bottom p {
	width: 100%;
	text-align: center;
}
.bottom h3 , .bottom h4 {
	width: 100%;
	text-align: center;
	font-size: 26px;
}
.bottom h3 {
  color: #000;
  font-size: 32px;
  line-height: 50px;
}
.bottom h3 i {
  color: #9a0202;
}
.bottom h4 {
  color: #000;
  font-size: 28px;
}
/*footer*/
footer {
	padding-top: 80px;
	width: 100%;
	height: 300px;
	color: #b4b4b4;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
}
footer a:link , footer a:visited {
  color: #eee;
}
/*ani*/
@-webkit-keyframes Clockwise{
  to {
    -webkit-transform:scale(.9);
    transform:scale(.9);
  }
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*小分辨率手机*/
@media screen and (max-height: 1100px) {
	
}