@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,p,span,form,input,h1,h2,h3,h4{margin:0;padding:0; font-family:"宋体","黑体","Arial"; color:#000; font-size:12px;}
ol,ul,li{list-style:none;}
img{border:none; margin:0; padding:0;}
a{color:#000;text-decoration:none; border:0;}
a:hover{text-decoration:underline; color:#F00;}

#header {
	BORDER-BOTTOM: #cccccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#D0D0D0); BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
.topNav {
	POSITION: relative; TEXT-ALIGN: right; LINE-HEIGHT: 55px; MARGIN: 0px auto; WIDTH: 980px; FONT-FAMILY: Arial, 宋体; HEIGHT: 55px; COLOR: #cdcdcd; FONT-SIZE: 13px
}
.topNav A:link {
	COLOR: #0002cd; TEXT-DECORATION: none
}
.topNav A:visited {
	COLOR: #0002cd; TEXT-DECORATION: none
}
.topNav A:hover {
	COLOR: #fe5900; TEXT-DECORATION: none
}

.headbox {
    background: url("images/bg.png") repeat-x scroll 0 0 transparent;
    height: 35px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
.headbox .inner {
    margin: 0 auto;
    position: relative;
    width: 95%;
}
.headbox .inner .topnav {
    float: right;
}
.headbox .inner .topnav li.cur {
    margin: 0;
}
.headbox .inner .topnav li {
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.headbox .inner .topnav li em {
    padding-right: 5px;
}
address, caption, cite, code, dfn, em, th, var, i {
    font-style: normal;
    font-weight: normal;
}
.headbox .inner .topnav li {
    font-size: 12px;
    line-height: 35px;
}
.headbox .inner .topnav li a {
    color: #C1C1C1;
}
.headbox .inner .topnav li.cur a {
    color: #FFFFFF;
}
.headbox .inner .topnav2 {
    float: left;
}
.headbox .inner .topnav2 li.cur2 {
	color:#FFF;
    margin: 0;
}
.headbox .inner .topnav2 li {
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding-right: 10px;
}
.headbox .inner .topnav2 li em {
    padding-right: 5px;
}
.headbox .inner .topnav2 li {
    font-size: 12px;
    line-height: 35px;
}
.headbox .inner .topnav2 li a {
    color: #C1C1C1;
}
.headbox .inner .topnav2 li.cur2 a {
    color: #FFFFFF;
}

body{ background:#fff;}
.wei{ width:960px; height:auto; display:block; overflow:hidden; background:#FFF; margin:0px auto;}
.foot {width: 100%;height: 138px;overflow: hidden; position:absolute; bottom:0;}
.zt_foot {width: 960px;height: 104px;margin: 0px auto;padding-top: 20px;}
.zt_foot p {text-align: center;height: 26px;line-height: 26px;color: #f5eaca;}
.zt_foot a{ color:#f5eaca;}

.warpper{ width:100%; height:auto; display:block; margin:0px auto; background:url(images/b1.png) no-repeat bottom center; position:relative;}
.title{ width:465px; height:279px; position:absolute; top:50px; left:50%; margin-left:-230px; background:url(images/t1.png) no-repeat top center; z-index:99;}
.con{ width:100%; height:auto; display:block; overflow:hidden; z-index:100;}
.con li{ height:122px; display:block; overflow:hidden; background-position:top center; z-index:101;}

.rbox{ width:1000px; height:90px; display:block; position:absolute; top:663px; left:50%; margin-left:-487px; z-index:5555;}
.rbox li{ width:90px; height:90px; float:left; text-align:center;display:box; display: -webkit-box; display: -moz-box; -webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;}
.x{ width:1231px; height:351px; background:url(images/x.png) no-repeat top center; position:absolute; top:61px; left:50%; margin-left:-615px;animation: move_in;animation-duration:3s; animation-iteration-count:infinite;-webkit-animation:move_in 3s infinite;}

.t1{ width:821px; height:177px; background:url(images/t1.png) no-repeat top center; position:absolute; top:112px; left:50%; margin-left:-410px;animation: con_in;animation-duration:2s;-webkit-animation:con_in 2s;}
.t2{ width:773px; height:50px; background:url(images/t2.png) no-repeat top center; position:absolute; top:317px; left:50%; margin-left:-395px;animation: run_in;animation-duration:2s;-webkit-animation:run_in 2s;}
.man{ width:490px; height:187px; background:url(images/r.png) no-repeat top center; position:absolute; top:388px; left:50%; margin-left:-510px;animation: man_in;animation-duration:5s;-webkit-animation:man_in 5s;}
.w1{ width:60px; height:92px; background:url(images/w1.png) no-repeat top center; position:absolute; top:399px; left:50%; margin-left:-50px;animation: text_in;animation-duration:6s;-webkit-animation:text_in 6s;}
.w2{ width:81px; height:58px; background:url(images/w2.png) no-repeat top center; position:absolute; top:437px; left:50%; margin-left:-600px;animation: text_in;animation-duration:6s;-webkit-animation:text_in 6s;}


@keyframes move_in{0%{ top:61px;}50%{ top :55px; margin-left:-620px;}100%{ top:61px; margin-left:-615px;}}
@-webkit-keyframes move_in{0%{ top:61px;}50%{ top:55px;margin-left:-620px;}100%{ top:61px;margin-left:-615px}}
@keyframes con_in{0%{opacity: 0; top:70px;}100%{opacity: 1; top:112px;}}
@-webkit-keyframes con_in{0%{opacity: 0; top:70px;}100%{opacity: 1; top:112px;}}
@keyframes run_in{0%{opacity: 0; top:347px;}100%{opacity: 1; top:317px;}}
@-webkit-keyframes run_in{0%{opacity: 0; top:347px;}100%{opacity: 1; top:317px;}}
@keyframes man_in{0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes man_in{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes text_in{0%{opacity: 0;}25%{opacity: 0;transform:scale(0.1);-ms-transform:scale(0.1);-webkit-transform:scale(0.1);-o-transform:scale(0.1);-moz-transform:scale(0.1);}100%{opacity: 1;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}}
@-webkit-keyframes text_in{0%{opacity: 0;}25%{opacity: 0;transform:scale(0.1);-ms-transform:scale(0.1);-webkit-transform:scale(0.1);-o-transform:scale(0.1);-moz-transform:scale(0.1);}100%{opacity: 1;transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}}