/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,select,option,td,th,form,fieldset,input,textarea{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
address,em,th{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
ol,ul{list-style:none outside none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/* css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
body{ font:12px/1.6em "Microsoft YaHei",Arial,Helvetica,sans-serif;height:100%; margin:0 auto; width:100%;}
a:link{color: #898a89;text-decoration:none;}
a:visited{color: #ffad00}
a:hover{color:#ffad00;}
a:active{color: #898a89}


/* layout */

/* header */
.header{ width: 100%;min-width:960px; height: 285px; background: url(../images/pic_01.png) no-repeat top center #41c975;}
.cen_01{width:100%;min-width:960px;height: 518px; background: url(../images/pic_02.png) no-repeat top center #f2f5fa;}
.cen_02{width:100%;min-width:960px;height: 361px; background: url(../images/pic_03.png) no-repeat top center #f2f5fa;}
.cen_03{width:100%;min-width:960px;height: 361px; background: url(../images/pic_04.png) no-repeat top center #f2f5fa;}
.cen_04{width:100%;min-width:960px;height: 361px; background: url(../images/pic_05.png) no-repeat top center #f2f5fa;}
.cen_05{width:100%;min-width:960px;height: 250px; background: url(../images/pic_06.png) no-repeat top center #e8ebf0;}
.cen_06{width:100%;min-width:960px;height: 391px; background: url(../images/pic_07.png) no-repeat top center #36b157;}
.cen_07{width:100%;min-width:960px;height: 580px; background: url(../images/pic_08.png) no-repeat top center #4bbc6a;}
.cen_08{width:100%;min-width:960px;height: 580px; background: url(../images/pic_09.png) no-repeat top center #36b157;}
.cen_09{width:100%;min-width:960px;height: 580px; background: url(../images/pic_10.png) no-repeat top center #4bbc6a;}
.cen_10{width:100%;min-width:960px;height: 580px; background: url(../images/pic_11.png) no-repeat top center #36b157;}
.footer{width:100%;min-width:960px;height: 553px; background: url(../images/pic_12.png) no-repeat top center #212b34;}
.footer a{position: absolute; top: 355px; width: 208px; height: 54px; float: left;left: 361px;}
.fixed{ position:fixed;right:50%; top:50%; margin-right:-640px; margin-top:-81px;width:145px; height: 162px;background: url(../images/tan_02.png) no-repeat;}
.fixed a{width: 110px;height: 162px; float: left;}
.fixed span{float: right;width: 28px;height: 28px;}
.tan{display:none; z-index: 99; width: 960px;height: 575px; position: fixed; top: 50%;left: 50%; margin-left: -480px; margin-top: -287px;background: url(../images/tan_01.png) no-repeat;}
.tan a{width:48px;height: 48px;float: right; margin: 8px;}
.graybg{display:none; z-index: 98;background:#000;filter:alpha(opacity=50);position:absolute;left:0; top:0;width: 100%; height: 5400px; background:rgba(0,0,0,0.5);}
.move_body{position:relative;width: 960px; margin: 0 auto;}
.cen_07 span.move_04{position: absolute; left:192px; top:100px; z-index:11;}
.cen_07 span.move_04.move_play{animation: move07 1s linear; -webkit-animation: move07 1s linear;}
.cen_07 span.move_05{position: absolute; left:520px; top:320px; z-index:11;}
.cen_07 span.move_05.move_play{animation: move08 1s linear;-webkit-animation: move08 1s linear;}

.cen_08 span.move_01{position: absolute; left:78px; top:-46px; z-index:11;animation: move01 70s linear infinite;-webkit-animation: move01 70s linear infinite;}
.cen_08 span.move_02{position: absolute; left:-10px; top:-30px; z-index:10;animation: move02 70s linear infinite;-webkit-animation: move02 70s linear infinite;}
.cen_08 span.move_03{position: absolute; left:306px; top:60px; z-index:9;animation: move03 70s linear infinite;-webkit-animation: move03 70s linear infinite;}
.cen_08 span.move_04{position: absolute; left:820px; top:108px; z-index:11;}
.cen_08 span.move_04.move_play{animation: move09 1s linear;-webkit-animation: move09 1s linear;}
.cen_08 span.move_05{position: absolute; left:414px; top:310px; z-index:11;}
.cen_08 span.move_05.move_play{animation: move10 1s linear;-webkit-animation: move10 1s linear;}

.cen_09 span.move_04{position: absolute; left:152px; top:102px; z-index:11;}
.cen_09 span.move_04.move_play{animation: move11 1s linear;-webkit-animation: move11 1s linear;}
.cen_09 span.move_05{position: absolute; left:458px; top:324px; z-index:11;}
.cen_09 span.move_05.move_play{animation: move12 1s linear;-webkit-animation: move12 1s linear;}

.cen_10 span.move_01{position: absolute; left:284px; top:-30px; z-index:11;animation: move04 70s linear infinite;-webkit-animation: move04 70s linear infinite;}
.cen_10 span.move_02{position: absolute; left:324px; top:16px; z-index:10;animation: move05 70s linear infinite;-webkit-animation: move05 70s linear infinite;}
.cen_10 span.move_03{position: absolute; left:56px; top:74px; z-index:9;animation: move06 70s linear infinite;-webkit-animation: move06 70s linear infinite;}
.cen_10 span.move_04{position: absolute; left:753px; top:96px; z-index:11;}
.cen_10 span.move_04.move_play{animation: move13 1s linear;-webkit-animation: move13 1s linear;}
.cen_10 span.move_05{position: absolute; left:112px; top:324px; z-index:11;}
.cen_10 span.move_05.move_play{animation: move14 1s linear;-webkit-animation: move14 1s linear;}

@keyframes move01 {0% {left:78px;}50%{left:478px;}100% {left:78px;}}
@keyframes move02 {0% {left:-10px;}50%{left:390px;}100% {left:-10px;}}
@keyframes move03 {0% {left:240px;}25%{left:0;}50%{left:240px;}75%{left:480px;}100% {left:240px;}}
@keyframes move04 {0% {left:184px;}25%{left:0px;}50%{left:184px;}75%{left:368px;}100% {left:184px;}}
@keyframes move05 {0% {left:224px;}25%{left:40px;}50%{left:224px;}75%{left:408px;}100% {left:224px;}}
@keyframes move06 {0% {left:0px;}25%{left:220px;}50%{left:440px;}75%{left:220px;}100% {left:0px;}}
@keyframes move07 {0% {top:50px; opacity: 0;}40% {top:100px; opacity: 1;}80% {top:90px; opacity: 1;}100%{top:100px; opacity:1;}}
@keyframes move08 {0% {top:270px; opacity: 0;}40% {top:320px; opacity: 1;}80% {top:310px; opacity: 1;}100%{top:320px; opacity:1;}}
@keyframes move09 {0% {top:58px; opacity: 0;}40% {top:108px; opacity: 1;}80% {top:98px; opacity: 1;}100%{top:108px; opacity:1;}}
@keyframes move10 {0% {top:260px; opacity: 0;}40% {top:310px; opacity: 1;}80% {top:300px; opacity: 1;}100%{top:310px; opacity:1;}}
@keyframes move11 {0% {top:52px; opacity: 0;}40% {top:102px; opacity: 1;}80% {top:92px; opacity: 1;}100%{top:102px; opacity:1;}}
@keyframes move12 {0% {top:274px; opacity: 0;}40% {top:324px; opacity: 1;}80% {top:314px; opacity: 1;}100%{top:324px; opacity:1;}}
@keyframes move13 {0% {top:46px; opacity: 0;}40% {top:96px; opacity: 1;}80% {top:86px; opacity: 1;}100%{top:96px; opacity:1;}}
@keyframes move14 {0% {top:274px; opacity: 0;}40% {top:320px; opacity: 1;}80% {top:314px; opacity: 1;}100%{top:324px; opacity:1;}}

@-webkit-keyframes move01 {0% {left:78px;}50%{left:478px;}100% {left:78px;}}
@-webkit-keyframes move02 {0% {left:-10px;}50%{left:390px;}100% {left:-10px;}}
@-webkit-keyframes move03 {0% {left:240px;}25%{left:0;}50%{left:240px;}75%{left:480px;}100% {left:240px;}}
@-webkit-keyframes move04 {0% {left:184px;}25%{left:0px;}50%{left:184px;}75%{left:368px;}100% {left:184px;}}
@-webkit-keyframes move05 {0% {left:224px;}25%{left:40px;}50%{left:224px;}75%{left:408px;}100% {left:224px;}}
@-webkit-keyframes move06 {0% {left:0px;}25%{left:220px;}50%{left:440px;}75%{left:220px;}100% {left:0px;}}
@-webkit-keyframes move07 {0% {top:50px; opacity: 0;}40% {top:100px; opacity: 1;}80% {top:90px; opacity: 1;}100%{top:100px; opacity:1;}}
@-webkit-keyframes move08 {0% {top:270px; opacity: 0;}40% {top:320px; opacity: 1;}80% {top:310px; opacity: 1;}100%{top:320px; opacity:1;}}
@-webkit-keyframes move09 {0% {top:58px; opacity: 0;}40% {top:108px; opacity: 1;}80% {top:98px; opacity: 1;}100%{top:108px; opacity:1;}}
@-webkit-keyframes move10 {0% {top:260px; opacity: 0;}40% {top:310px; opacity: 1;}80% {top:300px; opacity: 1;}100%{top:310px; opacity:1;}}
@-webkit-keyframes move11 {0% {top:52px; opacity: 0;}40% {top:102px; opacity: 1;}80% {top:92px; opacity: 1;}100%{top:102px; opacity:1;}}
@-webkit-keyframes move12 {0% {top:274px; opacity: 0;}40% {top:324px; opacity: 1;}80% {top:314px; opacity: 1;}100%{top:324px; opacity:1;}}
@-webkit-keyframes move13 {0% {top:46px; opacity: 0;}40% {top:96px; opacity: 1;}80% {top:86px; opacity: 1;}100%{top:96px; opacity:1;}}
@-webkit-keyframes move14 {0% {top:274px; opacity: 0;}40% {top:320px; opacity: 1;}80% {top:314px; opacity: 1;}100%{top:324px; opacity:1;}}
