/*
* @author: xujun
* @design: mayue
* @update: (2013-04-09)
*/
html{overflow-x:hidden;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clearfix {*zoom:1;}

.wp{ padding-top:60px;_padding-top:0px; background:url(../img/bg.jpg) no-repeat center 60px #ABE5EA; _background-position:center top; }
.wp .main{ width:960px; margin:0 auto;}

.wp .main h1{ background:url(../img/banner.jpg) no-repeat center top; height:328px; text-indent:-999em;}
.thid{ position:absolute; left:-9999em;}


.con{ background:url(../img/main.jpg) no-repeat center top; height:458px;position:relative;}

.yun01{position:absolute;left:-97px;top:-249px;width:130px; height:63px; background:url(../img/bg-yun01.png) no-repeat 0 0;-webkit-animation:yun01 7s ease-in infinite;}
@-webkit-keyframes yun01 {
	0%, 100%{-webkit-transform: translateX(0);}
    20%,60% {-webkit-transform: translateX(-10px);opacity:1;}
    40%,80% {-webkit-transform: translateX(15px);opacity:1;}
}


.yun02{position:absolute;left:325px;top:-358px;width:200px; height:110px; background:url(../img/bg-yun02.png) no-repeat 0 0;-webkit-animation:yun01 10s ease-in infinite;}
@-webkit-keyframes yun02 {
	0%, 100%{-webkit-transform: translateX(0);}
    20%,60% {-webkit-transform: translateX(-5px);opacity:1;}
    40%,80% {-webkit-transform: translateX(15px);opacity:1;}
}

.yun03{position:absolute;left:790px;top:180px;width:310px; height:150px; background:url(../img/bg-yun03.png) no-repeat 0 0;-webkit-animation:yun03 12s ease-in infinite;}
@-webkit-keyframes yun03 {
	0%, 100%{-webkit-transform: translateX(0);}
    20%,60% {-webkit-transform: translateX(-5px);opacity:1;}
    40%,80% {-webkit-transform: translateX(5px);opacity:1;}
}

.yun04{position:absolute;left:-50px;top:150px;width:170px; height:100px; background:url(../img/bg-yun04.png) no-repeat 0 0;-webkit-animation:yun01 6s ease-in infinite;}
@-webkit-keyframes yun04 {
	0%, 100%{-webkit-transform: translateX(0);}
    20%,60% {-webkit-transform: translateX(-5px);opacity:1;}
    40%,80% {-webkit-transform: translateX(15px);opacity:1;}
}


.txt01{position:absolute;left:492px;top:-253px;width:340px; height:60px; background:url(../img/txt01.png) no-repeat 0 0;-webkit-animation:txt01 .5s ease-in ;text-indent: -9999em;overflow:hidden;}
@-webkit-keyframes txt01 {
	0% {opacity: 0;top: -263px;}
	100% {top: -253px;}
}

.txt02{position:absolute;left:325px;top:-217px;width:520px; height:130px; background:url(../img/txt02.png) no-repeat 0 0;-webkit-animation:txt02 1s ease-in ;text-indent: -9999em;overflow:hidden;}
@-webkit-keyframes txt02 {
	0% {opacity: 0;top: -190px;}
	100% {top: -217px;}
}
.txt02:hover{-webkit-animation:txt02hover .5s ease-in ;}
@-webkit-keyframes txt02hover{
	0%{-webkit-transform: scale(1)}
	60%{-webkit-transform: scale(1.1)}
	100%{-webkit-transform: scale(1)}
}


.link-join{ position:absolute;left:510px;top:-60px;height:61px;width: 201px; overflow:hidden;background:url(../img/btn-join.png) no-repeat 0 0;text-indent: -9999em;}
.link-join:hover{ background-position: 0 -64px; }
.link-join:active{ background-position: 0 -128px;}

.eyebox,.eyebox02{ position:absolute;left:96px;top:-134px;height:20px;width: 20px; overflow:hidden;}
.eyebox span{ position:absolute;height:8px;width:8px; overflow:hidden;background:url(../img/bgeye.png) no-repeat 0 0;}
.eyebox02{left:144px;top: -137px}


/*footer*/
.sys_footer{ width:100%; font:12px/1.6 tahoma,\5B8B\4F53;position:absolute;left:0px;top:330px;}
.sys_footer .foot .links,.sys_footer .foot .links a{ color:#606264 !important;}
.sys_footer .foot p,.sys_footer .foot p a{ color:#6D9195 !important;}