body {
  background: #145ec2;
}
@font-face {
  font-family: myFont;
  src: url('../font/fangzheng.ttf'), url('../font/fangzheng.eot');
  
  /* IE9+ */
}
#section1 {
  height: 767px;
}
#footer {
  color: #e2f0ff;
}
#footer a,
#footer p {
  color: #e2f0ff;
}
.mid-wrap {
  width: 1440px;
  margin: 0 auto;
  position: relative;
}
#sub-header {
  width: 1264px;
  right: 3px;
  overflow: hidden;
  border-bottom: solid 1px #5b92d5;
  padding: 15px 0 30px 0;
  margin-bottom: -85px;
  z-index: 4;
}
#sub-header .logo10 {
  float: left;
}
#sub-header .sub-nav {
  float: right;
}
#sub-header .sub-nav li {
  float: left;
  margin-left: 30px;
  *display: inline;
}
#sub-header .sub-nav a {
  color: #fff;
}
#section1-wrap {
  background: url("../images/section1.png") center 0 no-repeat #1461c2;
}
#section1 {
  position: relative;
}
#section1 #s1-ad {
  position: absolute;
  left: 15px;
  top: 150px;
  display: none;
}
#section1 #s1-ad div {
  position: absolute;
}
#section1 #s1-ad #s1-bg1 {
  background: url("../images/s1-bg1.png") no-repeat;
  width: 316px;
  height: 416px;
}
#section1 #s1-ad #s1-layer1,
#section1 #s1-ad #s1-layer2,
#section1 #s1-ad #s1-layer3 {
  background: url("../images/s1-kuang2.png") no-repeat;
  width: 265px;
  height: 440px;
}
#section1 #s1-ad #s1-layer1 {
  top: 0px;
  left: 120px;
  -ms-transform: scaleY(0.96);
  -moz-transform: scaleY(0.96);
  -webkit-transform: scaleY(0.96);
  transform: scaleY(0.96);
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#section1 #s1-ad #s1-layer2 {
  top: -5px;
  left: 160px;
  -ms-transform: scaleY(0.98);
  -moz-transform: scaleY(0.98);
  -webkit-transform: scaleY(0.98);
  transform: scaleY(0.98);
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#section1 #s1-ad #s1-layer3 {
  top: -10px;
  left: 200px;
  opacity: 1;
  filter: alpha(opacity=100);
}
#section1 #s1-ad #s1-layer4 {
  background: url("../images/s1-kuang1.png") no-repeat;
  width: 208px;
  height: 431px;
  left: 250px;
  top: -20px;
}
#section1 #s1-ad #s1-layer5 {
  width: 551px;
  height: 368px;
  left: 290px;
  top: 85px;
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-perspective-origin: 100% 100%;
}
#section1 #s1-ad #s1-layer5 .big {
  background: url("../images/big.png") no-repeat;
  width: 551px;
  height: 352px;
}
#section1 #s1-ad #s1-layer5 .small {
  background: url("../images/small.png") no-repeat;
  width: 223px;
  height: 352px;
  left: 298px;
  top: -15px;
}
#section1 #s1-ad #s1-layer5 .logomask {
  background: #0077fe;
  width: 190px;
  height: 160px;
  z-index: 4;
  left: 320px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#section1 #s1-ad #s1-layer5.opera {
  transform: none!important;
}
#section1 #s1-ad #round-wrap {
  -ms-transform: translateX(7px) translateY(-1px) scaleX(0.8);
  -moz-transform: translateX(7px) translateY(-1px) scaleX(0.8);
  -webkit-transform: translateX(7px) translateY(-1px) scaleX(0.8);
  transform: translateX(7px) translateY(-1px) scaleX(0.8);
}
#section1 #s1-ad #s1-round {
  background: url("../images/s1-quan.png") no-repeat;
  width: 205px;
  height: 205px;
  top: 80px;
  left: 37px;
}
#section1 #s1-ad #s1-tools {
  background: url("../images/s1-tools.png") no-repeat;
  width: 187px;
  height: 22px;
  bottom: 10px;
  left: 56px;
}
#section1 #s1-ad #s1-dun {
  background: url("../images/s1-dun.png") no-repeat;
  width: 109px;
  height: 136px;
  left: 130px;
  top: 112px;
  z-index: 3;
}
#section1 #s1-download {
  text-align: center;
  right: 160px;
  top: 270px;
  position: absolute;
  color: #fff;
  width: 370px;
}
#section1 #s1-download h1 {
  text-indent: -9999px;
  background: url("../images/s1-text.png") no-repeat;
  width: 343px;
  height: 44px;
  margin: 0 auto 20px auto;
  position: relative;
}
#section1 #s1-download p {
  margin-bottom: 45px;
}
#section1 #s1-download #s1-text,
#section1 #s1-download #s1-download-wrap {
  position: relative;
}
#section1 #s1-download #s1-download-wrap p {
  font-size: 14px;
}
#section1 #s1-download .download10 {
  margin: 20px auto;
}
.download10 {
  background: url("../images/download.png") no-repeat;
  width: 220px;
  height: 58px;
  display: block;
}
.download10:hover {
  background-position: 0 -58px;
}
#section3 {
  height: 767px;
  background: url("../images/section3.png") center no-repeat #f5b333;
}
#section3 .mid-wrap div {
  position: absolute;
}
#section3 #s3-text {
  width: 350px;
  height: 243px;
  top: 289px;
  left: 129px;
  color: #8d5d00;
  padding-left: 20px;
}
#section3 #s3-text p {
  margin-top: 24px;
  line-height: 28px;
  font-size: 16px;
  position: relative;
}
#section3 h2 {
  background: url("../images/s3-text.png") no-repeat;
  width: 203px;
  height: 112px;
  text-indent: -9999px;
  position: relative;
}
#section3 .animate {
  width: 673px;
  height: 613px;
  right: 50px;
  top: 25px;
}
#section3 .animate #rocket-wrap {
  width: 128px;
  height: 167px;
  left: 46px;
  top: 46px;
  z-index: 4;
}
#section3 .animate #rocket-wrap #rocket {
  background: url("../images/rocket.png") no-repeat;
  width: 128px;
  height: 167px;
  z-index: 3;
}
#section3 .animate #rocket-wrap #rocket-fire-wrap {
  -ms-transform: rotate(29deg);
  -moz-transform: rotate(29deg);
  -webkit-transform: rotate(29deg);
  transform: rotate(29deg);
  left: 21px;
  top: 125px;
  width: 34px;
  height: 60px;
}
#section3 .animate #rocket-wrap #rocket-fire {
  background: url("../images/rocket-fire.png") no-repeat;
  width: 34px;
  height: 60px;
}
#section3 .animate #s3-dot {
  background: url("../images/s3-icon.png") no-repeat;
  width: 419px;
  height: 327px;
  left: 152px;
  top: 200px;
  z-index: 3;
}
#section3 .animate .num {
  background: url("../images/s3-num-bg.png") no-repeat;
  width: 154px;
  height: 154px;
  right: 23px;
  bottom: 100px;
  color: #a97309;
}
#section3 .animate .num p {
  font-size: 14px;
}
#section3 .animate .num #s3-num {
  font-size: 47px;
  font-family: myFont;
  top: 30px;
  left: 30px;
  text-align: right;
  width: 110px;
}
#section3 .animate .num p {
  position: absolute;
  bottom: 45px;
  left: 23px;
}
#s3-line {
  background: url("../images/line1.png") no-repeat;
  width: 9px;
  height: 243px;
  left: 0;
  top: 0;
}
#s3-star-wrap {
  width: 249px;
  height: 249px;
  background: #fff;
  opacity: 1;
  border-radius: 125px;
  left: 217px;
  z-index: 2 ;
  top: 210px;
  overflow: hidden;
  background: url("../images/s3-rocket-bg.png") no-repeat;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
#s3-star-wrap .cloud {
  width: 215px;
  height: 78px;
  background: url("../images/s3-cloud.png") no-repeat;
  bottom: -1px;
  left: 17px;
}
#s3-star-wrap .star {
  background: #eaa727;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#s3-star-wrap .star-move {
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: none;
  z-index: 10;
  background: #eaa727;
}
#s3-stars {
  width: 240px;
  height: 240px;
  -ms-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.s3-round {
  background: url("../images/s3-round.png") no-repeat;
  width: 320px;
  height: 309px;
  left: 180px;
  top: 175px;
  z-index: 1;
}
#section2-wrap {
  background: #3b4aa7;
}
#section2 {
  height: 767px;
  color: #fff;
  overflow: hidden;
}
#section2 #s2-line {
  background: url("../images/s2-line.png") left top no-repeat;
  width: 10px;
  height: 188px;
  left: 0;
  top: 0;
}
#section2 #s2-light {
  background: url("../images/light.png") no-repeat;
  width: 268px;
  height: 268px;
  left: 50%;
  top: 50%;
  margin-left: -134px;
  margin-top: -134px;
  display: none;
}
#section2 .mid-wrap div {
  position: absolute;
}
#section2 .mid-wrap #s2-text {
  right: 80px;
  top: 248px;
  width: 375px;
  font-size: 16px;
  line-height: 28px;
  height: 244px;
  padding-left: 20px;
}
#section2 .mid-wrap #s2-text h2 {
  background: url("../images/s2-text.png") no-repeat;
  width: 303px;
  height: 111px;
  text-indent: -9999px;
  position: relative;
}
#section2 .mid-wrap #s2-text p {
  margin-top: 25px;
  position: relative;
}
#section2 .mid-wrap .animate {
  width: 690px;
  height: 690px;
  top: 22px;
  left: -30px;
}
#section2 .mid-wrap .animate #s2-bg {
  background: url("../images/s2-bg.png") no-repeat;
  width: 884px;
  height: 884px;
  left: 0;
  top: 0;
  -ms-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
#section2 #s2-bg1,
#section2 #s2-bg2 {
  background: url("../images/s2-bg2.png") no-repeat;
  width: 261px;
  height: 261px;
  left: 50%;
  top: 50%;
  margin-left: -130px;
  margin-top: -130px;
  z-index: 2;
}
#section2 #s2-bg2 {
  background: url("../images/xuanzhuang.png") no-repeat;
  z-index: 1;
  width: 232px;
  height: 232px;
  margin-left: -116px;
  margin-top: -116px;
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#section2 #shao {
  background: url("../images/shao.png") no-repeat;
  width: 136px;
  height: 164px;
  left: 375px;
  top: 347px;
  z-index: 3;
}
#section2 #s2-dot1 {
  background: url("../images/s2-dot1.png") no-repeat;
  width: 72px;
  height: 71px;
  left: 270px;
  top: 128px;
  z-index: 4;
}
#section2 #s2-dot2 {
  background: url("../images/s2-dot2.png") no-repeat;
  width: 53px;
  height: 53px;
  left: 160px;
  top: 311px;
  z-index: 4;
}
#section2 #s2-dot3 {
  background: url("../images/s2-dot3.png") no-repeat;
  width: 42px;
  height: 42px;
  right: 530px;
  bottom: 200px;
  z-index: 4;
}
#section2 #s2-dot4 {
  background: url("../images/s2-dot4.png") center no-repeat;
  width: 90px;
  height: 87px;
  right: 250px;
  bottom: 163px;
}
#section2 #s2-dot4 .round {
  background: url("../images/s2-round.png") center no-repeat;
  width: 87px;
  height: 87px;
  left: 2px;
  top: 2px;
}
#section4 {
  height: 764px;
  background: url("../images/section4.png") center no-repeat #53e0a8;
}
#section4 .mid-wrap div {
  position: absolute;
}
#section4 #s4-s1 {
  background: url("../images/s4-s1.png") no-repeat;
  width: 235px;
  height: 235px;
  left: 50%;
  top: 50%;
  margin-left: -117px;
  margin-top: -117px;
}
#section4 #s4-s2 {
  background: url("../images/s4-s2.png") no-repeat;
  width: 289px;
  height: 289px;
  left: 50%;
  top: 50%;
  margin-left: -144px;
  margin-top: -144px;
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
}
#section4 #s4-s3 {
  background: url("../images/s4-s3.png") no-repeat;
  width: 374px;
  height: 374px;
  left: 50%;
  top: 50%;
  margin-left: -187px;
  margin-top: -187px;
  opacity: 0.2 !important;
  filter: alpha(opacity=20);
}
#section4 #s4-s4 {
  background: url("../images/s4-s4.png") no-repeat;
  width: 548px;
  height: 548px;
  left: 50%;
  top: 50%;
  margin-left: -274px;
  margin-top: -274px;
  opacity: 0.1 !important;
  filter: alpha(opacity=10);
}
#section4 .animate {
  left: -10px;
  top: 80px;
  width: 639px;
  height: 639px;
}
#section4 .animate .rotation {
  top: 0!important;
  width: 639px;
  height: 639px;
}
#section4 .animate #s4-logo {
  background: url("../images/s4-logo.png") no-repeat;
  width: 300px;
  height: 298px;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -149px;
  z-index: 2;
}
#section4 .animate #s4-dot {
  background: url("../images/s4-dot.png") no-repeat;
  width: 515px;
  height: 487px;
  top: 88px;
  left: 35px;
  z-index: 4;
}
#section4 .animate #s4-dun {
  background: url("../images/s4-dun.png") no-repeat;
  width: 64px;
  height: 79px;
  left: 318px;
  top: 254px;
  z-index: 3;
}
#section4 .animate #s4-r1 {
  background: url("../images/s4-r1.png") no-repeat;
  width: 437px;
  height: 437px;
  left: 50%;
  top: 50%;
  margin-left: -218px;
  margin-top: -218px;
  z-index: 2;
}
#section4 .animate #s4-r2 {
  background: url("../images/s4-r2.png") no-repeat;
  width: 539px;
  height: 540px;
  left: 50%;
  top: 50%;
  margin-left: -270px;
  margin-top: -270px;
  z-index: 2;
}
#section4 .animate #s4-r3 {
  background: url("../images/s4-r3.png") no-repeat;
  width: 639px;
  height: 639px;
  left: 50%;
  top: 50%;
  margin-left: -319px;
  margin-top: -319px;
  z-index: 2;
}
#section4 .text {
  width: 338px;
  right: 120px;
  top: 243px;
  height: 235px;
  color: #fff;
  padding-left: 20px;
}
#section4 .text h2 {
  background: url("../images/s4-text.png") no-repeat;
  width: 237px;
  height: 119px;
  text-indent: -9999px;
  margin-bottom: 20px;
  position: relative;
}
#section4 .text p {
  position: relative;
}
#s4-line {
  background: url("../images/s4-line.png") left top no-repeat;
  width: 9px;
  height: 188px;
  left: 0;
  top: 0;
}
#section5 {
  height: 767px;
  background: url("../images/section5.png") center no-repeat #ebd33d;
  color: #8e6b00;
}
#section5 .mid-wrap div {
  position: absolute;
}
#section5 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
#section5 .text {
  top: 210px;
  left: 100px;
  width: 420px;
  height: 130px;
  padding-left: 20px;
}
#section5 .text h2 {
  background: url("../images/s5-text.png") no-repeat;
  width: 420px;
  height: 48px;
  text-indent: -9999px;
  margin-bottom: 20px;
  position: relative;
}
#section5 .text p {
  margin-bottom: 40px;
  position: relative;
}
#section5 #s5-dot1 {
  background: url("../images/s5-dot1.png") no-repeat;
  width: 49px;
  height: 49px;
  left: -60px;
  top: 216px;
  z-index: 3;
}
#section5 #s5-line {
  background: url("../images/s5-line.png") left top no-repeat;
  width: 9px;
  height: 188px;
  left: 0;
  top: 0;
}
#section5 #s5-dot2 {
  background: url("../images/s5-dot2.png") no-repeat;
  width: 55px;
  height: 55px;
  right: 34px;
  bottom: 17px;
  z-index: 3;
}
#section5 #s5-dot3 {
  background: url("../images/s5-dot3.png") no-repeat;
  right: -53px;
  top: 46px;
  width: 95px;
  height: 95px;
  z-index: 3;
}
#section5 .animate {
  right: 100px;
  top: 200px;
  width: 344px;
  height: 344px;
  background: url("../images/s5-shadu.png") no-repeat;
}
#section5 .animate .s5-warn,
#section5 .animate .warn-wave {
  width: 12px;
  height: 12px;
  background: #ff691f;
  border-radius: 12px;
}
#section5 .animate .warn-wave {
  left: 0;
  top: 0;
}
#section5 .animate #s5-warn1 {
  left: 158px;
  top: 125px;
}
#section5 .animate #s5-warn2 {
  right: 102px;
  top: 72px;
}
#section5 .animate #s5-warn3 {
  bottom: 70px;
  right: 128px;
}
#section5 .animate #s5-warn4 {
  left: 91px;
  top: 164px;
}
#s5-mask {
  width: 344px;
  height: 344px;
  background: #fff;
  opacity: 0.5;
  z-index: 2;
  border-radius: 200px;
  -ms-transform: scale(0.01);
  -moz-transform: scale(0.01);
  -webkit-transform: scale(0.01);
  transform: scale(0.01);
}
#s5-q {
  width: 344px;
  height: 344px;
  border-radius: 172px;
  border: solid 1px #fff;
  opacity: 0.7;
}
#s5-zhuan {
  background: url("../images/s5-zhuan.png") no-repeat;
  width: 344px;
  height: 344px;
}
#section7 {
  height: 854px;
  background: #2880e4;
  position: relative;
  overflow: hidden;
}
#section7 #s6-logo {
  background: url("../images/s6-logo.png") 0 0 no-repeat;
  overflow: hidden;
  width: 191px;
  height: 208px;
  margin: 0 auto 55px auto;
}
#section7 #s6-logo .static {
  background: url("../images/logo-static.png") 12px 18px no-repeat;
  width: 158px;
  height: 167px;
}
#section7 #s7-dun {
  background: url("../images/dun-ie.png") no-repeat;
  width: 194px;
  height: 194px;
  margin: 240px auto 55px auto;
}
#section7 #logo10-mini {
  margin-bottom: 55px;
  position: relative;
}
#section7 .download10 {
  margin: 0 auto;
  position: relative;
}
#section7 .mid-wrap {
  text-align: center;
}
#section7 .bubble {
  background: #fff;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.s6-star {
  background: url("../images/s6-star.png") no-repeat;
  width: 542px;
  height: 177px;
  position: absolute;
  top: 0;
  right: 0;
}
#s6-star1-wrap {
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#s6-star1 {
  right: -470px;
  top: -10px;
  -ms-transform: translate(400px);
  -moz-transform: translate(400px);
  -webkit-transform: translate(400px);
  transform: translate(400px);
}
#s6-star2-wrap {
  -ms-transform: rotate(135deg) translateX(670px);
  -moz-transform: rotate(135deg) translateX(670px);
  -webkit-transform: rotate(135deg) translateX(670px);
  transform: rotate(135deg) translateX(670px);
}
#s6-star2 {
  top: -130px;
  left: -390px;
  bottom: 0;
  -ms-transform: translate(700px);
  -moz-transform: translate(700px);
  -webkit-transform: translate(700px);
  transform: translate(700px);
}
#footer {
  background: #2880e4;
  position: relative;
  margin-top: -87px;
  z-index: 2;
}
.mid-wrap p {
  line-height: 28px;
  font-size: 16px;
}
#fix-header {
  display: none;
  _display: none!important;
  position: fixed;
  overflow: hidden;
  top: 0;
  background: #fff;
  opacity: 0.85;
  filter: alpha(opacity=85);
  height: 80px;
  width: 100%;
  z-index: 11;
}
#fix-header .sub-nav {
  float: right;
  margin-right: 20px;
}
#fix-header .sub-nav,
#fix-header .download {
  font-size: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 18px;
}
#fix-header .right {
  position: absolute;
  right: 0;
  top: 0;
}
#fix-header img {
  margin-top: 28px;
}
#fix-header .download {
  width: 0px;
  height: 44px;
  overflow: hidden;
  line-height: 44px;
  color: #fff;
  background: #0ed13c;
  text-align: center;
  text-decoration: none;
  float: right;
  -moz-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}
#fix-header .download.visible {
  width: 127px;
}
#fix-header .download:hover {
  background: #10e040;
}
#fix-header li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 20px;
}
#fix-header a {
  color: #363636;
  font-size: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 44px;
  line-height: 44px;
}
#sliderWrapper {
  position: fixed;
  bottom: 10px;
  left: 50%;
  margin-left: -250px;
  z-index: 10;
}
#sliderWrapper #slider {
  width: 500px;
}