body,ul,h1,h2,h3,p,h5,img,ol{
	margin: 0;padding: 0;
	font-family: "microsoft yahei", 'Helvetica';
}
li{
	list-style: none;
}
body,html{
	width: 100%;
	height: 100%;
}
body{
	
}
img{
	border: none;
}
/*@-webkit-keyframes orbloop {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes orbloop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}*/
@-webkit-keyframes orbmove {
  from {
    -webkit-transform: translateX(0px);
  }
  to {
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes orbmove {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(-2000px);
  }
}
#bg{
	width: 100%;
	height: 100%;
	background: fixed;
	top: 0;left: 0;
}
#circle {
  position: fixed;
  width: 1000px;
  height: 1000px;
  top: 50%;
  left: 50%;
  margin-left: -500px;
  margin-top: -500px;
  z-index: -1;
}
#circle img{
	width: 100%;
}
#circle div div {
  position: absolute;
}
#circle {
  opacity: 1;
  filter:alpha(opacity=100);
}
#circle .row1 div {
  -webkit-animation: orbmove 48s linear infinite;
  animation: orbmove 96s linear infinite;
}
#circle .row1 .orb1 {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -380px;
}
#circle .row1 .orb1 div {
  width: 100%;
  height: 100%;
  /*border-radius: 60px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row1 .orb2 {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-left: 450px;
  margin-top: 50px;
}
#circle .row1 .orb2 div {
  width: 100%;
  height: 100%;
  /*border-radius: 100px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row1 .orb1c {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-left: 1970px;
  margin-top: -380px;
}
#circle .row1 .orb1c div {
  width: 100%;
  height: 100%;
  /*border-radius: 60px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row1 .orb2c {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  margin-left: 2450px;
  margin-top: 50px;
}
#circle .row1 .orb2c div {
  width: 100%;
  height: 100%;
 /* border-radius: 100px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row2 div {
  -webkit-animation: orbmove 24s linear infinite;
  animation: orbmove 48s linear infinite;
}
#circle .row2 .orb1 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-left: -500px;
  margin-top: -300px;
}
#circle .row2 .orb1 div {
  width: 100%;
  height: 100%;
  /*border-radius: 200px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row2 .orb2 {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  margin-left: 175px;
  margin-top: -125px;
}
#circle .row2 .orb2 div {
  width: 100%;
  height: 100%;
  /*border-radius: 250px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row2 .orb1c {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-left: 1500px;
  margin-top: -300px;
}
#circle .row2 .orb1c div {
  width: 100%;
  height: 100%;
  /*border-radius: 200px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row2 .orb2c {
  position: absolute;
  width: 400px;
  height: 400px;
  top: 50%;
  left: 50%;
  margin-left: 2100px;
  margin-top: -200px;
}
#circle .row2 .orb2c div {
  width: 100%;
  height: 100%;
  /*border-radius: 400px;
  background: -webkit-linear-gradient(top, #ffffff, #dedede);
  background: linear-gradient(to bottom, #ffffff, #dedede);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row3 div {
  -webkit-animation: orbmove 12s linear infinite;
  animation: orbmove 24s linear infinite;
}
#circle .row3 .orb1 {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin-left: 850px;
  margin-top: -300px;
}
#circle .row3 .orb1 div {
  width: 100%;
  height: 100%;
  /*border-radius: 300px;
  background: -webkit-linear-gradient(top, #dedede, #ffffff);
  background: linear-gradient(to bottom, #dedede, #ffffff);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row3 .orb2 {
  position: absolute;
  width: 600px;
  height: 600px;
  top: 50%;
  left: 50%;
  margin-left: 0px;
  margin-top: 0px;
}
#circle .row3 .orb2 div {
  width: 100%;
  height: 100%;
  /*border-radius: 600px;
  background: -webkit-linear-gradient(top, #dedede, #ffffff);
  background: linear-gradient(to bottom, #dedede, #ffffff);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row3 .orb1c {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin-left: 2850px;
  margin-top: -300px;
}
#circle .row3 .orb1c div {
  width: 100%;
  height: 100%;
  /*border-radius: 300px;
  background: -webkit-linear-gradient(top, #dedede, #ffffff);
  background: linear-gradient(to bottom, #dedede, #ffffff);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}
#circle .row3 .orb2c {
  position: absolute;
  width: 600px;
  height: 600px;
  top: 50%;
  left: 50%;
  margin-left: 2000px;
  margin-top: 0px;
}
#circle .row3 .orb2c div {
  width: 100%;
  height: 100%;
  /*border-radius: 600px;
  background: -webkit-linear-gradient(top, #dedede, #ffffff);
  background: linear-gradient(to bottom, #dedede, #ffffff);*/
  -webkit-animation: orbloop 6s linear infinite;
  animation: orbloop 6s linear infinite;
}

/*内容*/
#content{
	width:100%;
	height:100%;
	display: block;
	background: url(../image/bg-container.png) repeat-x;
}
#content .box{
	width:100%;
	height:100%;
	text-align: center;
	position:relative;
}
#conter{
	width: 1000px;
	height: 400px;
	text-align: center;
	position: absolute;
	left: 50%;top: 50%;
	margin-top: -340px;
	margin-left: -500px;
}
#conter .download{
	float: right;
	width: 216px;
	text-align: center;
}
#conter .download span{
    font-size: 14px;
    color: #888;
    margin-top: 10px;
}
#conter p{
	margin-top:155px;
	font-size:38px;
	font-weight: 500;
}
#conter .spa{
	font-size: 16px;
	color: #555;
	margin-top:10px
}
#conter>img{
	margin-top:45px;
	width: 100%;
}
#add_scrolling {
    width: 128px;
    height: 54px;
    position: fixed;
    left: 50%;
    bottom: 10px;
    margin-left: -64px;
    background: url('../image/scrolling.png');
}
/*右下角logo*/
.two_logo img{
	width: 200px;
	border: 1px solid #999;
	padding: 2px;
	border-radius: 4px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
/*第二页*/
#two .pic{
	width: 480px;
	height: 455px;
	background: url(../image/two_t.png);
	position: absolute;
	top: 50%;left: 50%;
	margin-top: -255px;
	margin-left: -240px;
	/*display: none;*/
}
/*第三页*/
#three #p2_pop,#four #p3_pop{
	width: 850px;
	height:600px;
	position: absolute;
	top: 50%;left: 50%;
	margin-top: -320px;
	margin-left: -425px;
}
#three #p2_pop #p2_pop_2{
	width: 850px;
	height:454px;
}

#three #p2_pop #p2_pop_5 img{
	position: absolute;
	bottom: -214px;
    left: 46%;
}
/*第四页*/
#four #p3_pop div{
	position: absolute;
}
/*四个圆点*/
#R_LI{
	width:20px;
	height:136px;
	position:fixed;
	top:50%;
	margin-top:-80px;
	right:30px;
	z-index: 999;
	}
#R_LI ul li{ 
	width:12px;
	height:12px;
	border:1px solid #5a97ff; 
	margin:15px 0;
	border-radius:100%;
	list-style:none;
	cursor:pointer;
	}
#R_LI ul li.on{ 
	background:#5a97ff;
	}


/*日志*/
#version{
	width: 1000px;
	margin:150px auto;
	
}
#version .logo_2{
	width: 405px;
	height: 57px;
	margin:80px auto;
	background: url(../image/version_logo.png) no-repeat;
}
#version #version_txt{
	width:50% ;
	height:auto;
	border-left: 4px solid #6aa1ff;
	position: relative;
	left: 50%;
}
/*头和底*/
#version #version_txt .v_top,#version #version_txt .v_bottom{
	width: 280px;
	height: 50px;
	position: relative;
	left: 25px;
	padding:10px 20px 30px 0;
	font-size: 14px;
	color: #000;
}
#version #version_txt .v_top .v_top_box{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #6AA1FF;
	position: absolute;
	top:0;left:-48px;
	transform:rotateZ(-45deg);
	-moz-transform:rotateZ(-45deg);
    -webkit-transform:rotateZ(-45deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); 
}
#version #version_txt .v_top .v_top_box_light{
	position: absolute;
	top:8px;left:-44px;
}
#version #version_txt .v_bottom span:nth-child(2){
	position: absolute;
	bottom: 0;left: 0;
}
#version #version_txt .v_bottom .linx{
	display: inline-block;
	position: absolute;
	left:-37px;bottom:-5px;
	width:20px; 
    height:20px; 
    background: url(../image/version_logo.png) no-repeat -61px -62px;
}
/*右边*/
#version #version_txt .v_txt1{
	width: 320px;
	height: auto;
	background:#999 ;
	position: relative;
	left: 25px;
	color: #fff;
	padding: 20px 30px;
	font-size: 14px;
}
#version #version_txt .v_txt1 .sanjiao{
	width:0; 
    height:0; 
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #999;
	position: absolute;
	left:-10px;top:5px;
}
#version #version_txt .v_txt1 .linx{
	display: inline-block;
	position: absolute;
	left:-36px;top:5px;
	width:20px; 
    height:20px; 
    background: url(../image/version_logo.png) no-repeat -61px -62px;
}
#version #version_txt .v_txt1 .span1{
	font-size: 28px;
}
#version #version_txt .v_txt1 ol li span{
	font-size: 14px;
	line-height:34px;
}
/*左边*/
#version #version_txt .v_txt2{
	width: 320px;
	height: auto;
	background:#999 ;
	position: relative;
	left: -349px;
	color: #fff;
	padding: 20px 30px;
	font-size: 14px;
}
#version #version_txt .v_txt2 .sanjiao{
	width:0; 
    height:0; 
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #999;
	position: absolute;
	right:-10px;top:5px;
}
#version #version_txt .v_txt2 .linx{
	display: inline-block;
	position: absolute;
	right:-37px;top:5px;
	width:20px; 
    height:20px; 
    background: url(../image/version_logo.png) no-repeat -61px -62px;
}
#version #version_txt .v_txt2 .span1{
	font-size: 28px;
}
#version #version_txt .v_txt2 ol li span{
	font-size: 14px;
	line-height:34px;
}

/*版权*/
.bq{
	color: #000;
	width: 232px;
	font-size: 12px;
	position: fixed;
	bottom: 30px;left:30px;
}