/***
@author:yangxian
@design:zhanglifang
@update:2013-05-30
***/
.wp{  background:url(../img/bg.png) no-repeat center top #2c345b; height:2074px;}
.main{ width:960px; margin:0 auto; position:relative;  height:2074px; overflow:hidden;}
.hd{ text-indent:-999em;}
.car, .tips_div, .re_top, .j_ico, .p_clo, .p_cont li, .over_btn:hover{background:url(../img/spr2.png) no-repeat;}
.banner{ background: url(../img/banner.png) no-repeat; height:569px; position:relative; z-index:50;}

.j_ico{ background-position:-341px -462px; width:77px; height:69px; position:absolute; left:160px; top:70px;-webkit-animation:scajum 3s infinite linear; -moz-animation:scajum 3s infinite linear;-ms-animation:scajum 3s infinite linear;-o-animation:scajum 3s infinite linear;}
@-webkit-keyframes scajum{0%{-webkit-transform:translateY(0);}50%{-webkit-transform:translateY(5px);}to{-webkit-transform:translateY(0);}}
@-moz-keyframes scajum{0%{-moz-transform:translateY(0);}50%{-moz-transform:translateY(5px);}to{-moz-transform:translateY(0);}}
@-ms-keyframes scajum{0%{-ms-transform:translateY(0);}50%{-ms-transform:translateY(5px);}to{-ms-transform:translateY(0);}}
@-o-keyframes scajum{0%{-o-transform:translateY(0);}50%{-o-transform:translateY(5px);}to{-o-transform:translateY(0);}}

.b_txt{ background:url(../img/spr1.png) no-repeat; width:524px; height:193px; text-indent:-999em; position:absolute; left:160px; top:85px;}
.b_txt{-webkit-animation:fadeInDownBig 1s .2s ease both;-moz-animation:fadeInDownBig 1s .2s ease both;}
@-webkit-keyframes fadeInDownBig{
	0%{opacity:0;-webkit-transform:translateX(-100px)}
	100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInDownBig{
	0%{opacity:0;-moz-transform:translateX(-100px)}
	100%{opacity:1;-moz-transform:translateX(0)}}

.car{ background-position:0 0;  width:485px; height:296px; position:absolute; left:0; top:235px; -webkit-animation:s_area 1.5s ease-in-out;-moz-animation:s_area 1.5s ease-in-out;-ms-animation:s_area 1.5s ease-in-out;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;}
@-webkit-keyframes s_area{
	0%{opacity:0;}
	75%{opacity:0;-webkit-transform:rotateX(150deg) scale(.1, .1);}
	92%{-webkit-transform:rotateX(-50deg) scale(1.05, 1.05);}
	100%{opacity:1;-webkit-transform:rotateX(0deg) scale(1, 1);}
}
@-moz-keyframes s_area{
	0%{opacity:0;}
	75%{opacity:0;-moz-transform:rotateX(150deg) scale(.1, .1);}
	92%{-moz-transform:rotateX(-50deg) scale(1.05, 1.05);}
	100%{opacity:1;-moz-transform:rotateX(0deg) scale(1, 1);}}

@-ms-keyframes s_area{
		0%{opacity:0;}
		75%{opacity:0;-ms-transform:rotateX(150deg) scale(.1, .1);}
		92%{-ms-transform:rotateX(-50deg) scale(1.05, 1.05);}
		100%{opacity:1;-ms-transform:rotateX(0deg) scale(1, 1);}}

.rule{ position:absolute; top:345px; right:296px; font: normal 16px/24px \5FAE\8F6F\96C5\9ED1; color:#ffffff;}
.cont{  overflow:hidden; font: normal 15px/24px \5FAE\8F6F\96C5\9ED1; color:#ffffff;}
.cont h4{ font-size:18px;color:#ace2ff; margin-bottom:10px;}
.b1{ background:url(../img/b1.png) no-repeat; height:404px; position:relative;}
.b2{ background:url(../img/b2.png) no-repeat; height:275px; position:relative;}
.b3{ background:url(../img/b3.png) no-repeat; height:407px; position:relative;}
.b4{ background:url(../img/b4.png) no-repeat; height:419px; position:relative;}
.c1{ position:absolute; left:80px; top:170px; width:400px; }
.c2{ position:absolute; left:260px; top:40px; width:500px; }
.c3{ position:absolute; left:130px; top:50px; width:500px; }
.c4{ position:absolute; left:300px; top:40px; width:500px; }
.c1 li{ float:left; width:150px;}
.c2 li{ float:left; width:200px;}
.tips_div{ background-position:-5px -315px; width:264px; height:294px; position:fixed; _position:absolute; top:80px; right:10px; text-align:center; z-index:51;}
.tips{ margin-top:100px; line-height:24px; font: normal 16px/24px \5FAE\8F6F\96C5\9ED1; color:#ffffff;}
.kt_vip{ background:url(../img/spr1.png) no-repeat 0 -204px; display:inline-block; width:165px; height:57px; line-height:50px; font-size:22px; color:#ffffff; margin-top:10px;}
.re_top{ background-position:-348px -337px; width:64px; height:64px; position:fixed; _position:absolute; right:10px; bottom:150px;}
.fc01{ color:#ffde42;}
.fc02{ color:#ed2f31;}
.fc03{ color:#f20d0f;}
.over_btn{ display:block; width:115px; height:117px;  position:absolute; left:70px; bottom:16px; _bottom:15px; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius:80px; text-indent:-999em; }
.over_btn:hover{ background-position:0 -646px;}
.foot, .foot a{ color:#5263b2;} 

.popbg{ background:#000; position:fixed; _position:absolute; left:0; top:0; right:0; bottom:0; z-index:99; filter:alpha(opacity=50); opacity:.5; width:100%;}
.p_box{ background:#dcf5ff; border:#38bcf4 solid 5px; width:378px; height:227px; position:absolute; left:50%; top:50%; margin-left:-189px;  z-index:100;  }
.p_clo{ background-position:-352px -560px; display:block; width:50px; height:51px; position:absolute; top:-23px; right:-22px; text-indent:-999em;}
.p_tit{font: normal 16px/30px \5FAE\8F6F\96C5\9ED1; color:#1c4296; border-bottom:#a2e4ff solid 1px; margin-bottom:15px;}
.p_cont{ padding:10px;}
.p_cont li{ background-position:-483px -598px; padding-left:30px; color:#161d39;  font: normal 14px/24px \5FAE\8F6F\96C5\9ED1;}


/**edit by weixiang**/
.re_top{
	z-index:52;
}