@charset "utf-8";

* { margin:0; padding:0; }
html, body { background:#000000; color:#FFFFFF; height:100%; width:100%;line-height:180%; font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; text-align:center;  background:url(../images/bg_hr.jpg) center; }

.Framework { height:100%; width:100%; text-align:left; display:table; margin:0 auto; position:relative; }

.Framework > div { display:table-row; }

.Framework_Top {height:70px; width:100%; }
.Framework_Top02 {height:50px; width:100%; }

.Framework_Bottom {background:url(../images/bg01.jpg) repeat-x top; height:45px; width:100%; }

.Framework_Body { display:table-cell; vertical-align:top; }

.nav{position:absolute; bottom:0px; left:20px; width:200px; height:450px;}
.copyright{position:absolute; bottom:0px; right:20px; width:240px; height:45px;}
.products01{position:absolute; bottom:-150px; left:100px; width:800px; height:600px;}
/**********************************************************布局样式**********************************************************************************/
#index{background:#000000; height:100%; width:100%;}
#aboutus{ background:url(../images/bg_aboutus.jpg) center;}
#products{ background:url(../images/bg_pro01.jpg) center;}
#hr{ background:url(../images/bg_hr.jpg) center;}

h1{ font-size:14px; color:#fff;}
h2{ font-size:14px; color:#FFF;}
h3{ font-size:14px; color:#FFF;}
h4{ font-size:12px; float:left; margin-top:3px; margin-left:10px; display:inline; color:#FFF; font-weight:normal; line-height:24px; height:24px; width:150px; overflow:hidden;  text-align:left}



a:link, a:visited{color:#ffffff; text-decoration: none;}
a:hover, a:active{color:#FF0000;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝内容区 start＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content{width:1000px; height:450px; margin:0 auto;  position:relative; }

#sidebar{ float:left; width:180px; background:url(../images/bg02.jpg);  min-height:450px; _height:450px;}
#sidebar ul.menu li a{ display:block; width:180px; height:23px; line-height:23px; color:#FFFFFF; border-bottom:#000000 solid 1px; }
#sidebar ul.menu li a:hover{ color:#FFFFFF; background:#000000;}

#ne #sidebar{ background:url(../images/news1.jpg);}
#project #sidebar{ background:url(../images/project.jpg);}
#project #main{  background:url(../images/memberbg.jpg) no-repeat;}

#member #sidebar{ background:url(../images/member.jpg);}
#HRO #sidebar{ background:url(../images/HR.jpg);}
#HRO #news_main{  background:url(../images/memberbg.jpg) no-repeat;}
#wl #sidebar{ background:url(../images/wl.jpg);}
#wl #main{  background:url(../images/memberbg.jpg) no-repeat;}

#main{float:right; width:810px; min-height:450px; _height:450px; background:url(../images/03_PRbg.jpg) no-repeat;}

#member #main{  background:url(../images/memberbg.jpg) no-repeat;}
#member #news_main{  background:url(../images/memberbg.jpg) no-repeat;}
 
#member #news{ width:500px; border-bottom:#333 dotted 1px; height:350px}
#member #news li {   display:block; width:500px; height:23px; line-height:23px; color:#FFFFFF;   }
#member #news li a{   display:block; width:500px; height:23px; line-height:23px; color:#FFFFFF;   }
#member #news li a:hover{ color:#FF0000;  }


#HRO #news{ width:500px; border-bottom:#333 dotted 1px; height:350px}
#HRO #news li {   display:block; width:500px; height:23px; line-height:23px; color:#FFFFFF;   }
#HRO #news li a{   display:block; width:500px; height:23px; line-height:23px; color:#FFFFFF;   }
#HRO #news li a:hover{ color:#FF0000;  }



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝内容区 product＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/ 


#pro_sidebar{width:180px; min-height:450px; _height:450px; background:#000}

#pro_fenei_pr{ float:left;}
 
#pro_P{ float:left;}
#pro_pr{float:left; display:inline; margin-top:5px; margin-left:10px;}
#pro_foot{float:left; display:inline; width:180px; height:21px; margin-top:10px; text-align:center}

#main ul{float:left; width:750px; min-height:360px; _height:360px; margin-left:30px; margin-top:30px; display:inline; }
#main li{ width:160px; height:160px; float:left; margin-left:20px; margin-top:20px; text-align:center}
#main li a{ display:block; color:#000; padding:4px; border:#666 solid 1px; }
#main li a:hover{ background:#fff; border:#fff solid 1px; }

#page{ float:left; width:750px; margin-top:20px; display:inline}

#pro_left{ float:left; display:inline; margin-left:10px; width:450px; height:450px;   background:#000;}

#pro_right{float:left; display:inline; margin-left:10px; width:350px; height:450px; background:#000;}
#pro_right ul{float:left; display:inline;  width:320px; height:410px;  overflow-x:hidden;overflow-y:auto;  margin-left:20px; margin-top:20px; }
#pro_right li{ width:90px; height:130px; float:left; margin-left:8px; margin-top:10px; text-align:center}
#pro_right li a{ display:block; color:#000; padding:2px; border:#666 solid 1px; }
#pro_right li a:hover{ background:#fff; border:#fff solid 1px; }
#pro_right P{ height:30px; line-height:15px; width:70px; margin-left:10px; float:left; display:inline;}

#wl_right{float:left; display:inline; text-align:left; width:320px; height:410px;  overflow-x:hidden;overflow-y:auto;  margin-left:20px; margin-top:20px;}
#wl_right01{float:left; display:inline; text-align:left; width:320px; height:380px;  overflow-x:hidden;overflow-y:auto;  margin-left:20px; margin-top:20px;}


#news_main{float:right; width:810px; min-height:450px; _height:450px; background:url(../images/03_PRbg.jpg) no-repeat;}

#news{ width:750px; border-bottom:#333 dotted 1px; height:350px}
#news li {   display:block; width:750px; height:23px; line-height:23px; color:#FFFFFF;   }
#news li a{   display:block; width:750px; height:23px; line-height:23px; color:#FFFFFF;   }
#news li a:hover{ color:#FF0000;  }

#hr01{text-align:left; margin:10px; padding:20px; border:#333333 solid 1px; height:300px;  overflow-x:hidden;overflow-y:auto; }
.hr02{text-align:left; margin:10px; padding:20px; height:390px; }
#hr03{text-align:left; margin:10px; padding:20px;  height:390px;  overflow-x:hidden;overflow-y:auto;}




 
#ne #new ul{ width:730px; border:#333 dotted 1px; height:350px; overflow:hidden; margin-top:10px; }
#ne #new li {   display:block; width:730px; height:23px; line-height:23px; color:#FFFFFF; border-bottom:#333 dotted 1px;   }
#ne #new li a{   display:block; width:730px; height:23px; line-height:23px; color:#FFFFFF;  }
#ne #new li a:hover{ color:#FF0000; }




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝内容区   product＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/




.collow000{ background:#000000;width:810px; }
.main04{text-align:left; margin:10px; padding:20px; border:#333333 dotted 1px; height:390px; }
#news_show{overflow-x:hidden;overflow-y:auto; width:750px; height:295px;}
#member_show{overflow-x:hidden;overflow-y:auto; width:750px; height:370px; margin-top:5px;}

#left{}
#right{}