@charset "utf-8";
/* CSS Document */
html,body{height:100%;text-align:left;font-size:12px; font-family:Verdana, Geneva, sans-serif;
background-color:#222;
/*background-color:#415955;*/
} 
img{border:0px}
*{margin:0;padding:0;}
.clear {clear:both;}

A {FONT-SIZE: 12px; COLOR: #FFF;}
A:link {COLOR: #FFF; TEXT-DECORATION: none;}
A:visited {COLOR: #FFF; TEXT-DECORATION: none;}
A:hover {color:#00ffff;text-decoration: underline;}
A:active {COLOR: #FFF; TEXT-DECORATION: none;}

.TotalBackgroundColor{width:100%;height:100%;}
/* Head css */
.ContentBackgroundColor{width:980px; height:80px; margin:0 auto; }
.HeadContent{width:980px; height:80px;color:#FFF;position:absolute;z-index:11; left:50%; margin-left:-490px; margin-top:-80px;}
.HeadContentLogo{width:300px;height:80px;float:left;}
.WebLogo{margin:20px 0 0 20px; width:212px; height:30px; display:block;}
.HeadContentLogo span{margin-left:22px;margin-top:4px;display:block; color:#999;list-style:none; list-style-position: outside;}
.HeadContentLogo span em{color:#999; font-size:10px;}
.HeadContentMenu{width:680px; height:80px;float:left;}
.HeadCountentMenuTop{width:680px; height:30; text-align:right; margin-top:18px; display:block;}
.HeadCountentMenuTop a{margin-left:10px; color:#999; cursor:pointer;}
.HeadCountentMenuTop a:hover{margin-left:10px; color:#00ffff; cursor:pointer;}
.HeadCountentMenuTop input{width:80px; height:12px; border:1px #999; margin-left:10px; margin-right:13px; color:#000;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;}
.HeadCountentMenuButtom{width:680px; height:45px; text-align:right;}
.HeadCountentMenuButtom a{ padding:3px 15px; color:#fff; margin:20px 13px 0 15px;; display:block; float:right;text-decoration: none; }
.HeadCountentMenuButtom a:hover{color:#00ffff;text-decoration: underline; background-color:#000;}
/* Body Background css */
.HeadBackgroundColor{width:100%; height:80px; background-color:#000; position:absolute; top:0; left:0; z-index:10;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7; z-index:10;}
.BodyBackgroundImage{width:980px; height:100%; margin:0 auto;left:50%; margin-left:-490px; position:absolute; z-index:10; }
.BodyImage{position:absolute; width:100%; height:100%;z-index:1; overflow:hidden;}
/* Body Content css */
.BodyContentBackgroundColor{width:980px; height:150px; z-index:20; position:absolute; bottom:0; left:50%; margin-left:-490px;}
.BodyContentALink{width:925px; height:50px; line-height:50px; background-color:#000;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6; display:block; float:left;margin-left:25px; position:absolute;}
.BodyContentBackgroundColor span{display:block; margin-left:25px; position:absolute; z-index:18;}
.BodyContentBackgroundColor a{ width:185px; height:50px; line-height:50px; text-align:center; display:block; float:left; text-decoration:none; z-index:20; color:#cccccc;}
#No1:hover{ background-image:url(../HDP_Images/Index-Background01.gif); font-size:1px; line-height:99px;}
#No2:hover{ background-image:url(../HDP_Images/Index-Background02.gif); font-size:1px; line-height:99px;}
#No3:hover{ background-image:url(../HDP_Images/Index-Background03.gif); font-size:1px; line-height:99px;}
#No4:hover{ background-image:url(../HDP_Images/Index-Background04.gif); font-size:1px; line-height:99px;}
#No5:hover{ background-image:url(../HDP_Images/Index-Background05.gif); font-size:1px; line-height:99px;}
/* About Content css */
.BodyContentTotal{width:100%; height:100%; left:0; background-color:#222; position:absolute; z-index:6; top:0;}
.BodyContent{width:980px; height:100%; top:0; position:absolute; z-index:7; background-color:#222; left:50%; margin-left:-490px;}
.BodyContent H2{color:#fff; width:535px; height:25px; margin-top:110px; display:block; float:right;}
.BodyContent span{color:#B4B4B4; width:558px; height:65%; display:block; float:right; line-height:28px; margin-top:1px; overflow:auto; background-color:#000; padding:10px 3px 10px 8px;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;
scrollbar-arrow-color: #00ffff; /*图6,三角箭头的颜色*/
scrollbar-face-color: #222; /*图5,立体滚动条的颜色*/
scrollbar-3dlight-color: #222; /*图1,立体滚动条亮边的颜色*/
scrollbar-highlight-color: #333; /*图2,滚动条空白部分的颜色*/
scrollbar-shadow-color: #333; /*图3,立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #222; /*图4,立体滚动条强阴影的颜色*/
scrollbar-track-color: #222; /*图7,立体滚动条背景颜色*/
scrollbar-base-color:#333; /*滚动条的基本颜色*/
Cursor:url(mouse.cur); /*自定义个性鼠标*/
}
.BodyContent span strong{color:#00ffff;}
.BodyContentList{width:980px; height:100%; top:0; position:absolute; z-index:7; background-color:#222; left:50%; margin-left:-490px;}
.BodyContentList H2{color:#00ffff; width:400px; height:25px; margin-top:130px; display:block; float:right;}
.BodyContentList span{color:#B4B4B4; width:400px; height:auto; display:block; float:right; line-height:23px; margin-top:1px; overflow:auto; margin-left:500px;}
.BodyContentList span li{margin:0px; list-style:none; list-style-position: outside; margin-left:3px;}
.BodyContentList span li a{margin-left:6px; color:#CCC; text-decoration:none;}
.BodyContentList span li a:hover{color:#fff;}
.BodyContentform{width:980px; height:100%; top:0; position:absolute; z-index:7; background-color:#222; left:50%; margin-left:-490px; color:#CCC;}
.BodyContentform H2{color:#00ffff; width:400px; height:25px; margin-top:130px; display:block; float:right;}
.BodyContentformC{color:#B4B4B4; width:400px; height:auto; display:block; float:right; line-height:23px; margin-top:1px; margin-left:500px; background-color:#000; filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7; padding:5px 0 20px 10px;}
.BodyContentformC span{margin:0px; display:block; }
/* Foot css */
.FootBackgroundColor{width:100%; height:35px; background-color:#000; position:absolute; position:absolute; bottom:0; z-index:20;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.FootContentColor{width:980px; height:35px; bottom:0px; position:absolute; z-index:21; left:50%; margin-left:-490px; overflow:hidden;}
.FootContent{width:980px; height:35px;color:#FFF;position:absolute;z-index:22; left:50%; margin-left:-490px; bottom:0px;}
.FootContent a{padding:3px 10px; color:#666; display:block; text-decoration:none; float:left; margin:8px;}
.FootContent a:hover{color:#00ffff; text-decoration:underline;}
.FootContent a em{font-size:9px; margin-right:5px;}
.FootContent span{font-size:10px; margin:10px; display:block; color:#666; float:right; font-family:Arial, Helvetica, sans-serif;}