*{margin:0;padding:0;}
html{background-color:#53a39d;overflow:hidden;}
body{font:14px/1.5 "microsoft yahei","微软雅黑";text-align:center;color:#fff;}
a{display:inline-block;}

#content{width:1000px;height:800px;margin:0 auto;overflow:hidden;}

#top{height:32px;overflow:hidden}
#top p{float:left;}
#xunyou2014{width:164px;height:28px;background:url(../img/ico_second.png) left top no-repeat;margin:2px 30px 0 50px;display:none;position:relative;}
#download{width:130px;height:32px;background:url(../img/btn_second_hover.png) center top no-repeat;display:none;position:relative;}
#download_last{width:187px;height:48px;background:url(img/btn_index_hover.png) center top no-repeat;}
#download_last{background-image:url(../img/btn_third_hover.png);}
#download:hover,#download_last:hover{background-position:center bottom;}
#txt_msg{display:none}
#bg_txt_wd{height:24px;overflow:hidden;}
#txt_wd{font-size:16px;display:none;}

#mouse{padding-top:5px;}
#smouse{position:relative;}
#sdown{position:relative;}
#mouse p{display:none;}
#mouse .ico{display:inline-block;width:32px;height:32px;background:url(../img/ico_index.png) -325px -19px no-repeat;text-indent:-222px;}
#mouse .txt{display:inline-block;position:relative;top:6px;}
#page{position:fixed;right:20px;display:inline-block;height:148px;}
#page a{display:block;width:15px;height:15px;background-color:#fff;margin-bottom:22px;-moz-border-radius: 15px;-webkit-border-radius:15px;border-radius:15px;}
#page a.f{background-color:#adf2ed}

#bg{width:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:-1;}


/*上下悬浮*/
@keyframes mov1{
0% {transform:translate(0,0)}
50% {transform:translate(0,16px)}
100% {transform:translate(0,0)}
}
@-moz-keyframes mov1{
0% {transform:translate(0,0)}
50% {transform:translate(0,16px)}
100% {transform:translate(0,0)}	
}
@-webkit-keyframes mov1 {
0% {top:0;}
50% {top:16px}
100% {top:0;}
}

/*上下悬浮*/
@keyframes mov2{
0% {transform:translate(0,0)}
50% {transform:translate(0,4px)}
100% {transform:translate(0,0)}
}
@-moz-keyframes mov2{
0% {transform:translate(0,0)}
50% {transform:translate(0,4px)}
100% {transform:translate(0,0)}	
}
@-webkit-keyframes mov2 {
0% {top:0;}
50% {top:4px}
100% {top:0;}
}

/*投影渐变*/
@keyframes shade1{
0% {border-radius: 400px / 14px;width:400px;}
50% {border-radius: 444px / 14px;width:444px;}
100%{border-radius: 400px / 14px;width:400px;}
}
@-moz-keyframes shade1{
0% {-moz-border-radius: 400px / 14px;border-radius: 400px / 14px; }
50% {-moz-border-radius: 444px / 14px;border-radius: 444px / 14px;}
100%{-moz-border-radius: 400px / 14px;border-radius: 400px / 14px;}
}
@-webkit-keyframes shade1 {
0% {border-radius: 400px / 14px;width:400px;}
50% {border-radius: 444px / 14px;width:444px;}
100%{border-radius: 400px / 14px;width:400px;}
}
@-o-keyframes shade1 {
0% {-moz-border-radius: 400px / 14px; -webkit-border-radius: 400px / 14px; border-radius: 400px / 14px;width:400px;}
50% {-moz-border-radius: 444px / 14px; -webkit-border-radius: 444px / 14px; border-radius: 444px / 14px;width:444px;}
100%{-moz-border-radius: 400px / 14px; -webkit-border-radius: 400px / 14px; border-radius: 400px / 14px;width:400px;}
}

/*旋转*/
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}


.fadein1s{
animation-name: fadeIn;
animation-duration: 1s;
animation-iteration-count: 1;
animation-delay: 0s;

-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}

.fadein15s{
animation-name: fadeIn;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-delay: 0s;

-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}

.fadein2s{
animation-name: fadeIn;
animation-duration: 2s;
animation-iteration-count: 1;
animation-delay: 0s;

-webkit-animation-name: fadeIn;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}

.fadein25s{
animation-name: fadeIn;
animation-duration: 2s;
animation-iteration-count: 1;
animation-delay: 0s;

-webkit-animation-name: fadeIn;
-webkit-animation-duration: 25s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}

.fadein3s{
animation-name: fadeIn;
animation-duration: 3s;
animation-iteration-count: 1;
animation-delay: 0s;

-webkit-animation-name: fadeIn;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}

.fadein2sm{
animation-name: fadeIn2;
animation-duration: 0.2s;
animation-iteration-count: 3;
animation-delay: 0s;

-webkit-animation-name: fadeIn;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}