@charset "utf-8";

*{padding:0; margin:0;font-family:"微软雅黑", "Microsoft YaHei"}
img,input{border:0}
li{list-style:none}
a{ text-decoration:none}
body{ background:#eeeeee url(../image/bg.png) center repeat-y}

.oCt{ font-size:14px; line-height:2em; color:#666666}
.o1k{ width:1000px; margin:0 auto}
.gray{color:rgb(85,85,85)}
.black{ color:rgb(68,68,68)}
.yellow{ color:#ffde6c}
.orange{ color:#ffaf00}
.hov{}



.headerWrap{ height:60px; width:100%; background:rgb(68,68,68);}
.logo{margin:8px 0 0 22px; float:left}
.header ul{ float:right; height:45px; width:auto; margin-top:15px}
.header li{ float:left; width:80px; margin-right:30px; height:45px; line-height:50px; text-align:center;position:relative; }
.header li a{ font-size:14px; font-weight:bolder; color:#ececec;z-index:2; position:relative}
.Navbg{ background:#292928; height:40px; width:0; position:absolute; top:2px; left:0; z-index:1;border-top:2px solid #292928; border-bottom:3px solid #292928}
@keyframes Navbg{0%  { width:0;background:rgb(68,68,68); margin-left:40px;}75%  { width:80px; margin-left:0px;}100% {background:#292928;}}
@-moz-keyframes Navbg{0%  { width:0;background:rgb(68,68,68); margin-left:40px;}75%  { width:80px; margin-left:0px;}100% {background:#292928;}}
@-webkit-keyframes Navbg{0%  { width:0;background:rgb(68,68,68); margin-left:40px;}75%  { width:80px; margin-left:0px;}100% {background:#292928;}}
@-o-keyframes Navbg{0%  { width:0;background:rgb(68,68,68); margin-left:40px;}75%  { width:80px; margin-left:0px;}100% {background:#292928;}}
.header li:hover .Navbg,.on .Navbg{ width:80px; animation:Navbg 0.6s}
.header_r{ float:right; width:177px; height:60px}
.join{ height:30px; background:url(../image/join.jpg) no-repeat 0 0 #ffdc63; width:78px; padding-top:30px; display:block;font-weight:bolder; color:#646060; text-align:center; float:left; margin-right:10px}
.loginWrap a{ display:inline-block; width:39px; height:17px;  font-size:12px; color:#ececec; text-align:center; line-height:17px}
.denglu a{ display:inline-block; width:auto; height:17px; font-size:12px; color:#ececec;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url(../image/zhangh.png) no-repeat right; padding-right:20px;}
.login{border:1px solid #FFDC63;}
.login:hover{ background:#FFDC63; color:#646060}
.signIn{ border:1px solid rgb(68,68,68)}
.signIn:hover,.denglu a:hover{color:#FFDC63;}



.footerWrap{ width:100%; height:auto; background:rgb(68,68,68); padding:22px 0; font-size:12px; color:#ececec; float:left}
.footer a{ color:#ececec}
.footer a:hover{ color:#FFFFFF}
.footer{ width:834px; margin:0 auto; background:#373535; height:auto; min-height:120px; padding:15px 33px;}
.footer .left{ float:left; width:246px; text-align:center}
.footer .right{ float:right; width:560px; height:auto; border-left:1px solid #BFBFBF; padding-left:26px;line-height:18px}
.copyRight{ float:left}
.footer .right ul{ line-height:18px; height:18px}
.footer .right li{ float:left; width:auto; padding:0 15px; border-right:1px solid #BFBFBF; height:12px; line-height:12px}
.footer .bottom{ float:left; width:100%; text-align:center; line-height:18px; padding-top:10px}
.footer .bottom p{ padding-top:5px}
.footer .bottom img{ margin:0 4px -6px 16px}



.son_banner{ width:100%; overflow:hidden; height:auto;}
.son_banner img{ position:relative; left:50%; margin-left:-960px}


.login1{ position:fixed; z-index:100; top:80px; left:50%; margin-left:-150px; display:none}