@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;}
.zt_foot {width: 960px;height: 104px;margin: 0px auto;padding-top: 20px;}
.zt_foot p {text-align: center;height: 26px;line-height: 26px;color: #333;}
.zt_foot a{ color:#333;}

.warpper{ width:1090px; height:850px; 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;animation: move_in;animation-duration:1s;-webkit-animation:move_in 1s;}
.con{ width:633px; height:510px; position:absolute; top:332px; left:163px; background:url(images/b2.png) no-repeat top center;animation: con_in;animation-duration:1s;-webkit-animation:con_in 1s;}
.ah{ width:242px; height:613px; position:absolute; top:220px; left:-70px; z-index:101;animation: ah_in;animation-duration:2s;-webkit-animation:ah_in 2s;}
.ah .a1{ width:242px; height:64px; position:absolute; display:block; top:0; left:0; background:url(images/ban.png) no-repeat 0px -26px;}
.ah .a1:hover{background:url(images/ban1.png) no-repeat 0px -26px;}
.ah .a2{ width:242px; height:64px; position:absolute; display:block; top:80px; left:0; background:url(images/ban.png) no-repeat 0px -112px;}
.ah .a2:hover{background:url(images/ban1.png) no-repeat 0px -112px;}
.ah .a3{ width:242px; height:64px; position:absolute; display:block; top:160px; left:0; background:url(images/ban.png) no-repeat 0px -196px;}
.ah .a3:hover{background:url(images/ban1.png) no-repeat 0px -196px;}
.ah .a4{ width:242px; height:64px; position:absolute; display:block; top:240px; left:0; background:url(images/ban.png) no-repeat 0px -282px;}
.ah .a4:hover{background:url(images/ban1.png) no-repeat 0px -282px;}
.ah .a5{ width:242px; height:64px; position:absolute; display:block; top:320px; left:0; background:url(images/ban.png) no-repeat 0px -366px;}
.ah .a5:hover{background:url(images/ban1.png) no-repeat 0px -366px;}
.ah .a6{ width:242px; height:64px; position:absolute; display:block; top:400px; left:0; background:url(images/ban.png) no-repeat 0px -452px;}
.ah .a6:hover{background:url(images/ban1.png) no-repeat 0px -452px;}
.ah .a7{ width:242px; height:64px; position:absolute; display:block; top:480px; left:0; background:url(images/ban.png) no-repeat 0px -536px;}
.ah .a7:hover{background:url(images/ban1.png) no-repeat 0px -536px;}
.text{ width:275px; height:625px; background:url(images/z1.png) no-repeat top center; position:absolute; top:170px; right:-10px;animation: tx_in;animation-duration:2s;-webkit-animation:tx_in 2s;}


@keyframes move_in{0%{opacity: 0; top:120px;}100%{opacity: 1; top :50px;}}
@-webkit-keyframes move_in{0%{opacity: 0; top:120px;}100%{opacity: 1; top:50px;}}

@keyframes con_in{0%{opacity: 0; left:200px;}100%{opacity: 1; left:163px;}}
@-webkit-keyframes con_in{0%{opacity: 0; left:200px;}100%{opacity: 1; left:163px;}}

@keyframes ah_in{0%{opacity: 0; left:-100px;}100%{opacity: 1; left:-70px;}}
@-webkit-keyframes ah_in{0%{opacity: 0; left:-100px;}100%{opacity: 1; left:-70px;}}

@keyframes tx_in{0%{opacity: 0; right:-50px;}100%{opacity: 1; right:-10px;}}
@-webkit-keyframes tx_in{0%{opacity: 0; right:-50px;}100%{opacity: 1; right:-10px;}}