@charset "utf-8";
/* other css */
body { font:12px/26px "宋体",Verdana,sans-serif; background:#000 url(images/bg.jpg) center 0 no-repeat;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td ,li,ul{ margin:0; padding:0; }
body,html{ height:100%;}
li{ list-style-type:none;}
img{ vertical-align:top; border:0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
.fb{ font-weight:bold;}
.left{ float:left;}
.right{ float:right;}
.clear { zoom:1;}
.clear:after { content:''; display:block; clear:both; }
.hied{ display:none;}
.fb{ font-weight:bold;}

/* font link css */
a { text-decoration:none; outline:0;}
a:hover { text-decoration:underline;}

#wrap{ width:1002px; margin:0 auto; overflow:hidden; color:#f8dca3;}
#mask{ width:100%; height:100%; background:#000; position:fixed; _position:absolute; left:0; top:0; filter:alpha(opacity:50); opacity:0.5; z-index:9998;}
#mask,#login,#login2{ display:none;}
#login{ width:386px; height:298px; background:url(images/login.jpg) no-repeat; position:absolute; top:50%; left:50%; margin:-149px 0 0 -198px; z-index:9999;}
#login .rel{ position:relative;}
#login .closed{ display:block; width:10px; height:10px; position:absolute; top:8px; right:8px;}
#login input{ width:172px; height:20px; position:absolute; left:122px; border:0; outline:0;}
#login .name{ top:92px;}
#login .password{ top:122px;}
#login .ver{ top:154px; width:82px;}
#login .ver_img{ position:absolute; top:148px; left:214px;}
#login .submit{ width:131px; height:36px; top:219px; left:125px; cursor:pointer; background:transparent;}
#login .tip{ position:absolute; top:183px; left:122px; font-weight:bold; font-size:14px; color:#fff;}
#login2{ width:386px; height:372px; background:url(images/login2.jpg) no-repeat; position:absolute; top:50%; left:50%; margin:-186px 0 0 -198px; z-index:9999;}
#login2 .rel{ position:relative;}
#login2 .closed{ display:block; width:10px; height:10px; position:absolute; top:8px; right:8px;}
#login2 input{ width:172px; height:20px; position:absolute; left:122px; border:0; outline:0;}
#login2 .name{ top:92px;}
#login2 .password{ top:122px;}
#login2 .ver{ top:244px; width:82px;}
#login2 .ver_img{ position:absolute; top:238px; left:214px;}
#login2 .xm{ top:152px;}
#login2 .card{ top:183px;}
#login2 .mail{ top:213px;}
#login2 .submit{ width:131px; height:36px; top:300px; left:125px; cursor:pointer; background:transparent;}
#login2 .tip{ position:absolute; top:266px; left:122px; font-weight:bold; font-size:14px; color:#fff;}
.layer01{ background:url(images/index_1.jpg) no-repeat; height:231px;}
.layer02{ background:url(images/index_2.jpg) no-repeat; height:593px; position:relative;}
.layer02 .login1 a{ display:block; width:133px; height:34px; position:absolute; top:0; left:4px; outline:0; z-index:999; background:url(images/btn.jpg) no-repeat;}
.layer02 .login1 .old_name{ top:42px; background-position:0 -43px;}
.layer02 .login2{ font-size:16px; position:absolute; z-index:999; left:2px;}
.layer02 .login2 a{ color:#fff;}
.layer02 object{ position:absolute; top:-5px; left:70px;}
.layer03{ background:url(images/index_3.jpg) no-repeat; height:194px;}
.layer03 .left{ width:608px; _padding-top:4px;}
.layer03 .right{ width:392px;}
.layer03 ul{ padding-left:22px;}
.layer03 li{ height:26px; line-height:26px; vertical-align:top;}
.layer03 em{ width:14px; height:14px; line-height:14px; text-align:center; margin:6px 8px 0 0; display:inline; overflow:hidden; background:#685755;}
.layer03 em,.layer03 span{ float:left;}
.layer03 table{ width:378px;}
.layer03 tbody td{ background:url(images/line.gif) repeat-x 0 bottom;}
.layer03 td{ padding:0 8px;}
.layer03 tbody .no_bg{ background:none;}
#rolling_warp{ width:356px; height:130px; position:relative; overflow:hidden;}
#rolling{ position:absolute; top:0;}
.layer04{ background:url(images/index_4.jpg) no-repeat; height:90px; color:#fff; padding:50px 0 0 210px;}