html,body{margin:0; padding:0; height: 100%; width: 100%;  font-family: "Microsoft YaHei",'寰蒋闆呴粦'; font-size: 12px;}
html{background-color:#0053C0;}
ul,li{ margin:0; padding:0; list-style:none;}
a{color:#04bce5; text-decoration: none;}
a:hover{color:#39dbff;}
.bd{position: absolute; height: 100%; width: 100%; left:0; top:0; right: 0; bottom:0; overflow: hidden;}
.header{height: 100px; position: relative;}
.logo{position: absolute; left: auto; top:15px; width:200px; height: 50px; background:url(../img/logo.png) no-repeat center center; z-index: 101;}
.bd .top{position: relative;}
img {border: none;}

@media screen and (min-width : 1920px) {html{background-size: 100%;}}
.content{ zoom:1;}
.content, .content .page{position: absolute; height: 100%; width: 100%; left:0; top:0; }
.content .page{filter: alpha(opacity=0); opacity: 0; display:none;}
.content .cur-page{filter: alpha(opacity=100); opacity: 1;  z-index: 5;}
.content .page .inner{position: absolute; width:740px; margin-left:-370px; left:50%; height: 500px; top:60%; margin-top:-260px; filter: alpha(opacity=0); opacity: 0; zoom:1;}
.content .page .info-box{height: 340px; margin-bottom: 42px; position: relative;  z-index: 3; }
.content .page0 .info-box{position: relative;}
.content .page1 .info-box{background-position:-8px -424px;*margin-top:26px;}
.content .page2 .info-box{background-position:-8px -824px;}
.content .page3 .info-box{background-position:16px -1194px;}

.step{position: absolute; width: 18px; height: 135px; overflow: hidden; top:60%; margin-top:-133px; right: 50px; z-index: 100}
.step li{height: 18px; margin-bottom:17px; }
.step li a{height: 18px; display: block;}
.step li.s0 a{ background: url(../img/019.png) no-repeat; }
.step li.s0 a:hover,
.step li.s0 a.cur{ background: url(../img/021.png) no-repeat; }
.step li.s1 a{ background: url(../img/019.png) no-repeat; }
.step li.s1 a:hover,
.step li.s1 a.cur{ background: url(../img/021.png) no-repeat; }
.step li.s2 a{background: url(../img/019.png) no-repeat;}
.step li.s2 a:hover,
.step li.s2 a.cur{background: url(../img/021.png) no-repeat;}
.step li.s3 a{background: url(../img/019.png) no-repeat;}
.step li.s3 a:hover,
.step li.s3 a.cur{background: url(../img/021.png) no-repeat;}

.download-box{text-align: center; zoom:1;}
.download{width: 216px; height: 59px; display: block; margin: 0 auto 20px; background-position:-30px -1617px; _background-position:-30px -1616px;}
.download:hover{background-position:-30px -1696px; }
.go-home,.share{font-size: 14px;}
.go-home span{font-family: "瀹嬩綋"; padding:0 3px;}
.line{padding:0 12px; color:#154c5c; filter: alpha(opacity=60); opacity: 0.6;}

.content .page .inner i,
.content .page .inner .i-outer{position: absolute; z-index: 1;}
.page0-box-0{width:149px; height: 152px; left:200px; top:-50px; background: url(../img/003.png); }
.page0-box-1{width:68px; height: 70px; left:350px; top:-50px; background: url(../img/004.png); }
.page0-box-2{width:678px; height: 216px; left:16px; top:135px;}
.page0-box-2 i{width:416px; height: 216px; left:0; top:-1px; background-position:-24px -136px;}
.page0-box-2 i.end{width:270px; height: 172px; left:411px; top:63px; background-position:-435px -200px;}

.page1-box-0{width:116px; height: 38px; left:525px; top:340px; z-index: 10;}
.page1-box-1, .page1-box-1-end{width:712px; height: 495px; left:0%; top:51px;}

.page1-box-2{width:112px; height: 160px; left:96px; top:120px; background-position:-104px -544px; }
.page1-box-3{width:329px; height: 106px; left:207px; top:126px; background-position:-215px -550px;}
.page1-box-4{width:316px; height: 44px; left:204px; top:230px; background-position:-212px -654px;}
.page1-box-5{width:652px; height: 21px; left:46px; top:0px; background-position:-54px -746px;}
.page2-box-0{width:544px; height: 138px; left:90px; top:14px; background-position:-97px -838px;}
.page2-box-1{width:374px; height: 82px; left:8px; top:183px;}
.page2-box-1 i.text{width:378px; height: 49px; left:0px; top:15px; background-position:-17px -1022px;}
.page2-box-1 i.l0{width:166px; height: 1px; left:94px; top:1px; background-position:-110px -1008px;}
.page2-box-1 i.l1{width:116px; height: 1px; left:229px; top:74px; _top:70px; background-position:-244px -1081px;}
.page2-box-1 i.l2{width:116px; height: 1px; left:167px; top:79px; background-position:-183px -1086px;}
.page2-box-2{width:148px; height: 174px; left:359px; top:164px; }
.page2-box-2 i.l0{width:148px; height: 33px; left:0px; top:0px; background-position:-367px -988px;}
.page2-box-2 i.l1{width:94px; height: 107px; left:27px; _left:26px; top:34px; background-position:-394px -1022px;}
.page2-box-2 i.l2{width:23px; height: 92px; left:7px; top:83px; background-position:-374px -1071px;}
.page2-box-2 i.l3{width:106px; height: 34px; left:30px; top:140px; _top:139px; background-position:-397px -1128px;}
.page2-box-2 i.l4{width:22px; height: 70px; left:125px; top:33px; background-position:-493px -1011px;}
.page2-box-3{width:156px; height: 36px; left:483px; top:265px; background-position:-491px -1079px;}

.page3-box-0{width:534px; height: 136px; left:98px; top:18px; background-position:-82px -1212px;}
.page3-box-1{width:204px; height: 54px; left:36px; top:202px; background-position:-20px -1396px;}
.page3-box-2{width:178px; height: 178px; left:247px; top:166px;}
.page3-box-2 .l0{width:176px; height: 49px; left:0px; top:0px; background-position:-231px -1360px;}
.page3-box-2 .l1{width:170px; height: 50px; left:0px; top:126px; background-position:-231px -1486px;}
.page3-box-2 .l2{width:20px; height: 79px; left:0px; top:48px; background-position:-231px -1408px;}
.page3-box-2 .l3{width:20px; height: 64px; left:158px; _left:157px; top:48px; background-position:-389px -1408px;}
.page3-box-2 .l4{width:11px; height: 14px; left:158px; _left:157px; top:112px; background-position:-389px -1473px;}
.page3-box-2 .l5{width:205px; height: 32px; left:169px; top:106px; background-position:-400px -1466px;}
.page3-box-2 .l6-outer{width:100px; height: 77px; left:40px; top:49px; overflow: hidden;}
.l6-outer .i-outer{width:32px; height: 77px; left:0px; bottom:0px; overflow: hidden;}
.l6-outer .l61-div{left:34px; height: 35px;}
.l6-outer .l62-div{left:68px; height: 50px;}
.page3-box-2 .l6{width:32px; height: 77px; left:0px; bottom:0px; background-position:-271px -1409px;}
.page3-box-3{width:192px; height: 46px; left:434px; top:216px; background-position:-418px -1410px;}
.page3-box-4{width:116px; height: 28px; left:626px; top:232px; background-position:-610px -1426px;}

.welcome-page .download-box{display: none;}
.welcome-page .content .page0 .info-box{margin-top:5px;}
.welcome-page .page0-box-1{top:-2px;}

.welcome-page .content .page1 .info-box{margin-top:20px;}
.welcome-page .page1-box-5{top:330px;}

.welcome-page .content .page2 .info-box{margin-top:20px;}
.welcome-page .content .page2 .page2-box-3{margin-top:12px;}

.welcome-page .content .page3 .info-box{margin-top:20px;}
.welcome-page .content .page3 .page3-box-1,
.welcome-page .content .page3 .page3-box-2,
.welcome-page .content .page3 .page3-box-3,
.welcome-page .content .page3 .page3-box-4{margin-top:12px;}



#eeLOGO {
  width: 100%;
  height: 75px;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 100;
}
#eeLOGO .eeLOGO_1 {
  width: 1000px;
  height: 75px;
  margin: 0 auto;
  position: relative;
}
.logo_f{
  position: absolute;
  z-index: 102;
  top: 0px;
  left: 8px;
  width: 45px;
  height: 45px;
}
#navline {height:3px; width:74px; background:#2871d5; position:absolute; top:60px; left:625px; z-index:9;}
#eeLOGO .eeLOGO_1 ul {
  float: right;
  font: 13px/20px "寰蒋闆呴粦";
  padding-top: 10px;
  width: 410px;
}
#eeLOGO .eeLOGO_1 li {
  float: left;
  padding: 0 2px;
  text-align: center;
  width: 75px;
  height: 50px;
}
#eeLOGO .eeLOGO_1 li a {
  color: #444;
  width: 60px;
  display: block;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
}
#eeLOGO .eeLOGO_1 li a:hover {
  color: #0B57CC;
  border-bottom: 2px solid #2871d5;
}
#eeLOGO .eeLOGO_1 .nav_xz {
  border-bottom: 2px solid #2871d5;
  color: #0B57CC;
}
#eeLOGO .eeLOGO_1 .navline_5 {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  display: block;
  width: 79px;
  float: right;
  color: #666;
}
#eeLOGO .eeLOGO_1 .lavaLamp span {  /*for IE7*/
  *position: absolute;
  *top: 8px;
  *left: 91%;
  *border: none;
  *width: 95px;
}
#eeLOGO .eeLOGO_1 .lavaLamp a {
  /**width: 80px;*/
}


.navline_5:hover {
  border: none;
  color: #0B57CC;
}
.page0,.page1,.page2 {
  background:url(../img/bg.png) repeat center center; 
}
.page0_text {
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 280px;
  left: auto;
}
.page0_text h1 {
  font: 40px/65px "寰蒋闆呴粦";
}
.page0_text h2 {
  font: 25px/45px "寰蒋闆呴粦";
}
.page0_text h3 {
  font: 13px/5px "寰蒋闆呴粦";
}
.page0_text h1,.page0_text h2,.page0_text h2 {
  margin: 0px;
}
.info_ljgd {
  position: absolute;
  top: -57px;
  left: 425px;
}
.page0_text a img {
  margin-top: 30px;
  border: none;
}



.page0_text_2 {
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 370px;
  left: auto;
}
.page0_text_2 h1 {
  font: 40px/65px "寰蒋闆呴粦";
}
.page0_text_2 h2 {
  font: 25px/45px "寰蒋闆呴粦";
}
.page0_text_2 h3 {
  font: 13px/5px "寰蒋闆呴粦";
}
.page0_text_2 h1,.page0_text h2,.page0_text h2 {
  margin: 0px;
}
.page0_text_2 a img {
  margin-top: 30px;
  border: none;
}


/*.main_down {width:38px; height:29px; background:url(../img/002.png) no-repeat; margin-left:13px; position:absolute; left:49%; bottom:30px; z-index:9; cursor:pointer;}*/
.main_down {width:38px; height:29px; background:url(../img/002.png) no-repeat; margin-left:13px; position:fixed; left:49%; bottom:30px; z-index:9; cursor:pointer;}

.info-box_3 {
  text-align: center;
}
.box_3_img1 {
  width: 64px;
  height: 64px;
  position: absolute;
}
.box_3_img2 {
  width: 290px;
  height: 77px;
  position: absolute;
}
.info-box_3_img1 {
  top: 0px;
  left: 0px;
}
.box_3_img3 {
  position: absolute;
}
.info-box_3_img1 {
  top: -35px;
  left: -8%;
}
.info-box_3_img2 {
  top: -35px;
  left: 98%;
}
.info-box_3_img3 {
  top: 290px;
  left: 98%;
}
.info-box_3_img4 {
  top: 290px;
  left: -8%;
}
.info-box_3_img5 {
  top: 35px;
  left: -5%;
}
.info-box_3_img6 {
  top: 35px;
  left: 65%;
}
.info-box_3_img7 {
  top: 205px;
  left: -5%;
}
.info-box_3_img8 {
  top: 205px;
  left: 65%;
}
.info-box_3_img9 {
  top: 66px;
  left: 36.5%;
}
.info-box_3_img10 {
  top: 50px;
  left: 34%;
}
.info-box_3_img11 {
  top: 325px;
  left: 25%;
}
.info-box_3_img13 {
  position: absolute;
  top: 325px;
  left: 70%;
}
.info-box_3_text {
  position: absolute;
  top: 315px;
  left: 0px;
  width: 100%;
  font: 25px/40px "寰蒋闆呴粦";
  color: #fff;
}
.page0_text_3 {
  position: absolute;
  width: 100%;
  top: 450px;
  left: 0px;
  color: #fff;
}
.page0_text_3 h3 {
  font: 13px/13px "寰蒋闆呴粦";
}
.page0_text_3 h1,.page0_text h2,.page0_text h2 {
  margin: 0px;
}
.page0_text_3 a img {
  margin-top: 30px;
  border: none;
}
.page3 {
  background: #fff;
  width: 100%;
  height: 500px;
}
.info-box_4_w {
  margin-top: 10%;
}
.info-box_4_w li {
  float: left;
  padding: 0 28px 35px;
}
.info-box_4 p {
  font: 25px/25px "寰蒋闆呴粦";
  color: #B5B5B5;
  text-align: left;
  padding-left: 25px;
  margin-bottom: -60px;
}

.footer {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  color: #adadad;
  margin-top: 100px;
  margin-bottom: 50px;
}
.footer a {
  color: #adadad;
  font-size: 12px;
}


/*.inner_toTop {
  position: relative;
  width: 712px;
  height: 495px;
  overflow: hidden;
}
.inner_toTop img {
  position: absolute;
  top: 500px;
}*/
.xz_d {
  width:30px;
  height:20px;
  background:url(../img/xz.png) no-repeat 0px -8px;
}
/*.logo_1 {
  top: 0px;
  left: 8px;
}
*/


/*绔嬪嵆涓嬭浇鍔ㄧ敾*/
.xz_p {
  -webkit-animation-name:xz_box;
  -webkit-animation-timing-function:steps(10,end);
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-duration:1s;
  -moz-animation-name:xz_box;
  -moz-animation-timing-function:steps(10,end);
  -moz-animation-iteration-count:infinite;
  -moz-animation-duration:1s;
  -o-animation-name:xz_box;
  -o-animation-timing-function:steps(10,end);
  -o-animation-iteration-count:infinite;
  -o-animation-duration:1s;
  -ms-animation-name:xz_box;
  -ms-animation-timing-function:steps(10,end);
  -ms-animation-iteration-count:infinite;
  -ms-animation-duration:1s;
  animation-name:xz_box;
  animation-timing-function:steps(10,end);
  animation-iteration-count:infinite;
  animation-duration:1s;
}
@-webkit-keyframes xz_box {
    0% {background-position:0px 0px;}
    100% {background-position:-352px 0px}
}
@-moz-keyframes xz_box {
    0% {background-position:0px 0px;}
    100% {background-position:-352px 0px}
}
@-o-keyframes xz_box {
    0% {background-position:0px 0px;}
    100% {background-position:-352px 0px}
}
@-ms-keyframes xz_box {
    0% {background-position:0px 0px;}
    100% {background-position:-352px 0px}
}
@keyframes xz_box {
    0% {background-position:0px 0px;}
    100% {background-position:-352px 0px}
}
.xzdh {display:block;
       width:auto;
       height:32px;
       position:absolute;
       z-index:11;
       top:20px; 
       *top: 20px;  /*for IE7*/
       left: 41px;
       -webkit-animation:xz_box 1s linear 0s infinite;
       /*-webkit-transform:translate(41px,-61px);*/
       -moz-animation:xz_box 1s linear 0s infinite;
       /*-moz-transform:translate(41px,-61px);*/
       -o-animation:xz_box 1s linear 0s infinite;
       /*-o-transform:translate(41px,-61px);*/
       -ms-animation:xz_box 1s linear 0s infinite;
       /*-ms-transform:translate(41px,-61px);*/
       animation:xz_box 1s linear 0s infinite;
       /*transform:translate(41px,-61px);*/
       }
.xzan {
  	position: fixed;
	width: 271px;
	height: 76px;
	margin: 0 auto;
	margin-left: -120px;
	left: 50%;
	top: 80%;
	z-index: 100;
	background: #0053C0;
	
}
.xzan img {
	background: url(../img/bg.png) repeat center center;
}

.page0 .inner{
  animation: page0Scale .5s ease-out forwards;
  -webkit-animation: page0Scale .5s ease-out forwards;
  -moz-animation: page0Scale .5s ease-out forwards;
  -o-animation: page0Scale .5s ease-out forwards;
  -ms-animation: page0Scale .5s ease-out forwards;
}
@keyframes page0Scale{
  0%{opacity: 0;transform: scale(1.6);}
  100%{opacity: 1;transform: scale(1);}
}
@-webkit-keyframes page0Scale{
  0%{opacity: 0;-webkit-transform: scale(1.6);}
  100%{opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes page0Scale{
  0%{opacity: 0;-moz-transform: scale(1.6);}
  100%{opacity: 1;-moz-transform: scale(1);}
}
@-o-keyframes page0Scale{
  0%{opacity: 0;-o-transform: scale(1.6);}
  100%{opacity: 1;-o-transform: scale(1);}
}
@-ms-keyframes page0Scale{
  0%{opacity: 0;-ms-transform: scale(1.6);}
  100%{opacity: 1;-ms-transform: scale(1);}
}
.page1-box-0
,.page1-box-1
,.page1-box-5
,.page2-box-1
,.page2-box-2
,.page2-box-3
,.page3-box-1
,.page3-box-2
,.page3-box-3
,.page3-box-4
,.page3-box-2 .l5
{
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
}
.ie9 .page1-box-0
,.ie9 .page1-box-1

,.ie9 .page1-box-5
,.ie9 .page2-box-1
,.ie9 .page2-box-2
,.ie9 .page2-box-3
,.ie9 .page3-box-1
,.ie9 .page3-box-2
,.ie9 .page3-box-3
,.ie9 .page3-box-4
,.ie9 .page3-box-2 .l5
{
  transform: scale(1);
  -ms-transform: scale(1);
}

/*澶ч娇杞浆鍔�*/
.cur-page .page0-box-0{
  -webkit-animation:circle-outer 9s linear infinite;
  -moz-animation:circle-outer 9s linear infinite;
  -ms-animation:circle-outer 9s linear infinite;
  -o-animation:circle-outer 9s linear infinite;
  animation:circle-outer 9s linear infinite
}
  @-webkit-keyframes circle-outer{
    from{-webkit-transform:rotate(360deg)}
    to{-webkit-transform:rotate(0deg)}
  }
  @-moz-keyframes circle-outer{
    from{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(0deg)}
  }
  @-ms-keyframes circle-outer{
    from{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(0deg)}
  }
  @-o-keyframes circle-outer{
    from{-o-transform:rotate(360deg)}
    to{-o-transform:rotate(0deg)}
  }
  @keyframes circle-outer{
    from{transform:rotate(360deg)}
    to{transform:rotate(0deg)}
  }

/*灏忛娇杞浆鍔�*/
.cur-page .page0-box-1{
  -webkit-animation:circle-outer_x 5s linear infinite;
  -moz-animation:circle-outer_x 5s linear infinite;
  -ms-animation:circle-outer_x 5s linear infinite;
  -o-animation:circle-outer_x 5s linear infinite;
  animation:circle-outer_x 5s linear infinite
}
  @-webkit-keyframes circle-outer_x{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
  }
  @-moz-keyframes circle-outer_x{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
  }
  @-ms-keyframes circle-outer_x{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
  }
  @-o-keyframes circle-outer_x{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
  }
  @keyframes circle-outer_x{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
  }

/*鍚戜笅绠ご鍔ㄧ敾*/
.main_down {
  -webkit-animation:main_down_x 1s linear infinite;
  -moz-animation:main_down_x 1s linear infinite;
  -ms-animation:main_down_x 1s linear infinite;
  -o-animation:main_down_x 1s linear infinite;
  animation:main_down_x 1s linear infinite
}
  @-webkit-keyframes main_down_x{
    0%{-webkit-transform:translateY(0px)}
    50%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0px)}
  }
  @-moz-keyframes main_down_x{
    0%{-moz-transform:translateY(0px)}
    50%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0px)}
  }
  @-ms-keyframes main_down_x{
    0%{-moz-transform:translateY(0px)}
    50%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0px)}
  }
  @-o-keyframes main_down_x{
    0%{-o-transform:translateY(0px)}
    50%{-o-transform:translateY(-10px)}
    100%{-o-transform:translateY(0px)}
  }
  @keyframes main_down_x{
    0%{transform:translateY(0px)}
    50%{transform:translateY(-10px)}
    100%{transform:translateY(0px)}
  }

/*绗笁椤靛ぇ榻胯疆鏃嬭浆*/
.info-box_3_img9 {
  -webkit-animation:info-box_3_x 5s linear infinite;
  -moz-animation:info-box_3_x 5s linear infinite;
  -ms-animation:info-box_3_x 5s linear infinite;
  -o-animation:info-box_3_x 5s linear infinite;
  animation:info-box_3_x 5s linear infinite;
}
  @-webkit-keyframes info-box_3_x{
    from{-webkit-transform:rotate(360deg)}
    to{-webkit-transform:rotate(0deg)}
  }
  @-moz-keyframes info-box_3_x{
    from{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(0deg)}
  }
  @-ms-keyframes info-box_3_x{
    from{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(0deg)}
  }
  @-o-keyframes info-box_3_x{
    from{-o-transform:rotate(360deg)}
    to{-o-transform:rotate(0deg)}
  }
  @keyframes info-box_3_x{
    from{transform:rotate(360deg)}
    to{transform:rotate(0deg)}
  }
/*绗笁椤靛鍦堟棆杞�*/
.info-box_3_img10 {
  -webkit-animation:info-box_3_Y 5s linear infinite;
  -moz-animation:info-box_3_Y 5s linear infinite;
  -ms-animation:info-box_3_Y 5s linear infinite;
  -o-animation:info-box_3_Y 5s linear infinite;
  animation:info-box_3_Y 5s linear infinite;
}
  @-webkit-keyframes info-box_3_Y{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
  }
  @-moz-keyframes info-box_3_Y{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
  }
  @-ms-keyframes info-box_3_Y{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
  }
  @-o-keyframes info-box_3_Y{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
  }
  @keyframes info-box_3_Y{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
  }



/*绗簩椤典簡瑙ｆ洿澶氱Щ鍔�*/
.cur-page .page1-box-0{
  -webkit-animation: page1Box0 .3s ease-out forwards;
  -moz-animation: page1Box0 .3s ease-out forwards;
  -o-animation: page1Box0 .3s ease-out forwards;
  -ms-animation: page1Box0 .3s ease-out forwards;
  animation: page1Box0 .3s ease-out forwards;
  -webkit-transform-origin:-650% 50%;
  -moz-transform-origin:-650% 50%;
  -o-transform-origin:-650% 50%;
  -ms-transform-origin:-650% 50%;
  transform-origin:-650% 50%;
}
@keyframes page1Box0{
  0% {opacity: 0; transform: translateX(-200px)}
  100% {opacity: 1;transform: translateX(0px)}
}
@-webkit-keyframes page1Box0{
  0% {opacity: 0; -webkit-transform: translateX(-200px)}
  100% {opacity: 1;-webkit-transform: translateX(0px)}
}
@-moz-keyframes page1Box0{
  0% {opacity: 0; -moz-transform: translateX(-200px)}
  100% {opacity: 1;-moz-transform: translateX(0px)}
}
@-o-keyframes page1Box0{
  0% {opacity: 0; -o-transform: translateX(-200px)}
  100% {opacity: 1;-o-transform: translateX(0px)}
}
@-ms-keyframes page1Box0{
  0% {opacity: 0; -ms-transform: translateX(-200px)}
  100% {opacity: 1;-ms-transform: translateX(0px)}
}
/*绗簩椤电晫闈笂娴�*/
.cur-page .page1-box-5{
  -webkit-animation: page1Box5 .5s linear forwards;
  -moz-animation: page1Box5 .5s linear forwards;
  -o-animation: page1Box5 .5s linear forwards;
  -ms-animation: page1Box5 .5s linear forwards;
  animation: page1Box5 .5s linear forwards;
}
@keyframes page1Box5 {
  0% {opacity: 0;transform: translateY(500px)}
  100% {opacity: 1;transform: translateX(0)}
}
@-webkit-keyframes page1Box5 {
  0% {opacity: 0;-webkit-transform: translateY(500px)}
  100% {opacity: 1;-webkit-transform: translateY(0)}
}
@-moz-keyframes page1Box5 {
  0% {opacity: 0;-moz-transform: translateY(500px)}
  100% {opacity: 1;-moz-transform: translateY(0)}
}
@-ms-keyframes page1Box5 {
  0% {opacity: 0;-moz-transform: translateY(500px)}
  100% {opacity: 1;-moz-transform: translateY(0)}
}
@-o-keyframes page1Box5 {
  0% {opacity: 0;-o-transform: translateY(500px)}
  100% {opacity: 1;-o-transform: translateY(0)}
}
@-ms-keyframes page1Box5 {
  0% {opacity: 0;-ms-transform: translateY(500px)}
  100% {opacity: 1;-ms-transform: translateY(0)}
}

/*鑴夊啿1*/
.cur-page .info-box_mc{
  -webkit-animation:info-box_mc 20s linear infinite;
  -moz-animation:info-box_mc 20s linear infinite;
  -ms-animation:info-box_mc 20s linear infinite;
  -o-animation:info-box_mc 20s linear infinite;
  animation:info-box_mc 20s linear infinite
}
@keyframes info-box_mc {
  from {transform: translateX(0%)}
  to {transform: translateX(100%)}
}
@-webkit-keyframes info-box_mc {
  from {-webkit-transform: translateX(0%)}
  to {-webkit-transform: translateX(100%)}
}
@-moz-keyframes info-box_mc {
  from {-moz-transform: translateX(0%)}
  to {-moz-transform: translateX(100%)}
}
@-o-keyframes info-box_mc {
  from {-o-transform: translateX(0%)}
  to {-o-transform: translateX(100%)}
}
@-ms-keyframes info-box_mc {
  from {-ms-transform: translateX(0%)}
  to {-ms-transform: translateX(100%)}
}

/*鑴夊啿2*/
.cur-page .info-box_mcx{
  -webkit-animation:info-box_mcx 20s linear infinite;
  -moz-animation:info-box_mcx 20s linear infinite;
  -ms-animation:info-box_mcx 20s linear infinite;
  -o-animation:info-box_mcx 20s linear infinite;
  animation:info-box_mcx 20s linear infinite
}
@keyframes info-box_mcx {
  from {transform: translateX(-100%)}
  to {transform: translateX(0%)}
}
@-webkit-keyframes info-box_mcx {
  from {-webkit-transform: translateX(-100%)}
  to {-webkit-transform: translateX(0%)}
}
@-moz-keyframes info-box_mcx {
  from {-moz-transform: translateX(-100%)}
  to {-moz-transform: translateX(0%)}
}
@-o-keyframes info-box_mcx {
  from {-o-transform: translateX(-100%)}
  to {-o-transform: translateX(0%)}
}
@-ms-keyframes info-box_mcx {
  from {-ms-transform: translateX(-100%)}
  to {-ms-transform: translateX(0%)}
}

/*LOGO鏃嬭浆鍔ㄧ敾*/
.logo_2 {
  -webkit-animation:logo_2 1s linear infinite;
  -moz-animation:logo_2 1s linear infinite;
  -ms-animation:logo_2 1s linear infinite;
  -o-animation:logo_2 1s linear infinite;
  animation:logo_2 1s linear infinite;
}
  @-webkit-keyframes logo_2{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
  }
  @-moz-keyframes logo_2{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
  }
  @-ms-keyframes logo_2{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
  }
  @-o-keyframes logo_2{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
  }
  @keyframes logo_2{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
  }