@import url("Layout.css");
@import url("Font.css");

/*===============================top===============================*/
#top{margin:5px auto 0px auto;width:1000px;height:120px;}
#top #head_logo{width:240px;float:left;height:76px;line-height:76px;}#top #head_navi{width:570px;float:right;text-align:left;}
#head_navi ul#us{float:right; margin:5px 5px 10px -5px;}
#head_navi ul li{width:65px; float:left; height:22px; line-height:22px;}

#head_navi ul#nav{float:right; margin:10px 5px 0px -5px;}
#head_navi ul#nav li{width:104px; float:left; background:url(../images/JobOff.gif) no-repeat center center; height:28px; line-height:30px; font-size:14px; color:#fff; font-weight:600; text-align:center; overflow:hidden;}
#head_navi ul#nav li a{color:#fff; text-decoration:none; display:block;},#head_navi ul#nav li a:hover{color:#fff;display:block;}
#head_navi ul#nav li.show{width:104px; float:left; background:url(../images/JobOn.gif) no-repeat center center; height:28px; line-height:28px;}
#head_navi ul#nav li.show a{color:#333; text-decoration:none;display:block;}
#head_top{margin:0px auto;width:1002px;height:33px; line-height:33px; background:url(../images/JobBg.gif) repeat-x; clear:both;}
#head_top ul{width:100%;}
#head_top ul li{ width:60px; float:left; font-weight:normal; height:29px; line-height:29px;font-weight:bold;}
#head_top ul li a{color:#fff; text-decoration:none;},#head_top ul li a:hover{ color:#ee0000;}
#head_top ul li#checkOn{ background:(../images/JobCheck.gif) center center; width:100px;}
#head_top ul li.clon{width:80px; float:left; font-weight:normal;}
/*======================================== botton ==================================================*/

.inputse{ border:1px solid #ccc; padding:2px; width:130px; color:#ccc;}
.inputse:hover{ border:1px solid #006DA1;}
.submit2{ border:none; background:url(../images/jobser.gif) no-repeat; width:129px; height:23px; color:#fff; font-weight:bold;}

/*======================================== botton ==================================================*/

/*bottom*/
#bottom{width:1000px;margin:10px auto; background:url(../images/JobBg.gif) repeat-x; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
#bottom h6{ width:100%;margin:0px auto;text-align:center;height:29px; line-height:29px; color:#ee0000; font-weight:normal;}
#bottom a:link,#bottom a:visited{color:#333; text-decoration:none;}
#bottom a:hover{ text-decoration:underline;}
#bottom ul{ width:630px; float:left;text-align:left; margin-top:5px;}
#bottom ul li{width:100%;height:22px; line-height:22px;}
#bottom ul li b{ margin-left:10px;}
#bottom ul li span{ margin-right:7px;}
#bottom dl{ width:340px; float:right;}
#bottom dl dt{width:100%;height:22px; line-height:22px; text-align:right;}
#bottom dl dd{ width:100%; height:40px; line-height:40px; margin-top:20px;  font-weight:bold; text-align:right;}

/*main*/
#hunter{margin:0px auto; width:1000px; height:100%; background:#fff;}
#hunter #hunter-l{width:350px; float:left;}
#hunter #hunter-r{width:630px; float:right;}

#hunter-l #hbnn{ width:100%; height:450px; overflow:hidden; margin:0px auto; text-align:center;}

#hunter-l #news{ width:100%;margin-top:10px;}
#news h5{width:100%; height:28px; line-height:32px; text-align:left; text-indent:24px; overflow:hidden;background:url(../images/log1.gif) no-repeat 6px 9px;border-bottom:2px solid #8B9FBE;}
#news ul{ width:100%; margin:5px auto;}
#news ul li{width:100%; height:22px; line-height:22px; text-align:left; background:url(../images/arrow.gif) no-repeat 3px 9px; text-indent:10px; text-overflow:clip; overflow:hidden; white-space:nowrap; color:#999;}
#news ul li span{ width:280px; float:left; color:#525C65;}
#news ul li a:link,#news ul li a:visited{ color:#525C65;}
#news ul li a:hover{ text-decoration:underline;}
/*====================right======================*/
#hunter-r #huntop{ width:100%; height:135px; background:url(../images/topbg.gif) no-repeat left top; overflow:hidden;clear:both;}
#huntop h5{ width:98%; height:26px; line-height:26px; text-align:left; background:url(../images/pagingNext.gif) no-repeat 5px 4px; text-indent:24px; color:#455680; font-size:14px; margin:4px auto; margin-top:10px;}
#huntop ul{ width:96%; margin:0px auto; background:url(../images/listbg24.gif) repeat-y;}
#huntop ul li{ width:150px; float:left; height:24px; line-height:24px; text-align:left; text-indent:8px;}
#huntop ul li a:link{color:#333;}
#huntop ul li a:visited{color:#666;}
#huntop ul li a:hover{ color:#dd0000;}


#hunter-r #search{ width:100%; height:140px; margin:0px auto; background:url(../images/serbg.gif) no-repeat right top;}
#search dl{width:470px; float:right; margin-top:40px;}
#search dl dt{ width:80px; float:left; height:30px; line-height:34px; text-align:left; overflow:hidden; font-weight:bold;}
#search dl dt.btn{width:100%;text-align:center;}
#search dl dd{ width:140px; float:left; height:30px; line-height:30px; text-align:left;color:#666;}

#hunter-r #hposts{width:100%; margin-top:8px;}
#hposts h5{ width:100%;height:25px; text-align:center;font-size:12px;}
#hposts h5 p{width:110px;cursor:pointer;float:left;}
#hposts h5 p.mOut{height:24px;line-height:24px;background:url(../images/Off.gif) no-repeat;border-bottom:1px solid #8B9FBE; color:#000;}
#hposts h5 p.mOn{height:25px;line-height:25px;background:url(../images/On.gif) no-repeat; color:#2457A8;}
#hposts h5 p.sp{width:410px; height:24px;line-height:24px;border-bottom:1px solid #8B9FBE;}
.hposts-c{ width:629px; border:1px solid #8B9FBE; border-top:none;padding-top:5px; margin-top:-1px; height:320px;}

#hposts_c_1 h6{width:96%; margin:0px auto; height:26px; line-height:26px; font-size:12px; text-align:left; clear:both; background:#F2F2F2;}
#hposts_c_1 h6 span{ width:200px;float:left; height:26px; line-height:26px; display:block; background:#F2F2F2; text-indent:12px; font-weight:bold; border-left:1px solid #fff; overflow:hidden;}
#hposts_c_1 h6.more{ font-weight:normal; text-align:right; background:none; border-bottom:1px dashed #eee;}
#hposts_c_1 ul{ width:96%;  margin:0px auto; background:url(../images/bg24.gif) repeat-y;}
#hposts_c_1 ul li{ width:200px; float:left; height:24px; line-height:24px; text-align:left; text-indent:12px; border-left:1px solid #fff; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#hposts_c_1 ul li.salr{ width:130px;}

#hposts_c_2 h5{ width:96%; margin:0px auto; height:26px; line-height:26px; text-align:left; background:#EAF0F3; font-size:14px; clear:both;}
#hposts_c_2 h5 span{ width:300px; height:26px; display:block; background:#fff; font-weight:bold;}
#hposts_c_2 #postarea{ width:96%; margin:2px auto; height:24px; line-height:24px; border-bottom:1px dashed #ccc; text-align:right;}
#hposts_c_2 h6{ width:96%; margin:0px auto; height:24px; line-height:24px; font-size:12px; text-align:left; clear:both;}
#hposts_c_2 h6.more{ font-weight:normal; text-align:right; background:none; border-bottom:1px solid #eee;}
#hposts_c_2 ul{ width:96%; margin:0px auto; background:url(../images/listbg24.gif) repeat-y; clear:both;}
#hposts_c_2 ul li{ width:300px; float:left; height:24px; line-height:24px; text-align:left;background:url(../images/arrow.gif) no-repeat 6px 9px; text-indent:12px; text-overflow:clip; overflow:hidden; white-space:nowrap;}


/*===============================Command=======================================*/

#hcom{margin:0px auto; width:1000px; height:100%; background:#fff;}
#hcom #hcom-l{width:230px; float:left;}
#hcom #hcom-r{width:750px; float:right;}

#hcom-l #hser{ width:100%; margin:0px auto; background:url(../images/nmid.gif) repeat-y;}
#hser h6{ width:100%; height:11px; line-height:11px; background:url(../images/ntop.gif) no-repeat center bottom #fff;}
#hser h6.bot{ width:100%; background:url(../images/nbot.gif) no-repeat center top #fff; height:11px;}
#hser h5{width:92%; margin:0px auto; height:24px; line-height:26px; text-align:left; text-indent:12px; background:url(../images/sebg.gif) no-repeat center center; color:#fff;}
#hser dl{width:92%; margin:10px auto;}
#hser dl dt{width:70px; float:left; height:30px; line-height:30px; text-align:right; overflow:hidden; font-weight:bold;}
#hser dl dt.btn{width:100%;text-align:center; margin:0px auto;}
#hser dl dd{ width:100px; float:left; height:30px; line-height:30px; text-align:left; _padding-top:4px; color:#5A71A2;}

#hcom-l #tool{ width:100%; margin:0px auto; background:url(../images/nmid.gif) repeat-y; margin-top:8px; _margin-top:0px;}
#tool h6{ width:100%; background:url(../images/ntop.gif) no-repeat center bottom #fff; height:11px;}
#tool h6.bot{ width:100%; background:url(../images/nbot.gif) no-repeat center top #fff; height:11px;}
#tool h5{width:92%; margin:0px auto; height:24px; line-height:26px; text-align:left; text-indent:12px; background:url(../images/sebg.gif) no-repeat center center; color:#fff;}
#tool ul{ width:90%; margin:2px auto;}
#tool ul li{width:100%; height:24px; line-height:24px; text-align:left; text-indent:18px; border-bottom:1px solid #BFCAD9; background:url(../images/lig1.gif) no-repeat 6px 8px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#tool ul li a:link{color:#5A71A2;}
#tool ul li a:visited{color:#5A71A2;}
#tool ul li a:hover{ color:#666;}

#hcom-l #about{width:100%;background:url(../images/amid.gif) repeat-y;margin-top:10px;}
#about h6{ width:100%; background:url(../images/atop.gif) center top; height:42px;}
#about h6.abot{ width:100%; background:url(../images/abot.gif) center top; height:22px;}
#about ul{width:210px; margin:0px auto; padding-top:5px;}
#about ul li{width:100%; height:20px; line-height:20px; text-align:left;  text-indent:12px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#about ul li.tel{ height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#2478AF; font-family:Arial, Helvetica, sans-serif;}
#about ul li.email{ color:#666;font-family:Arial, Helvetica, sans-serif;}
#about ul li.line{ height:2px; line-height:2px; border-bottom:1px solid #DBECEF;}

/*====================Post======================*/
#hcom-r #banner{ width:100%; overflow:hidden; margin-top:5px;}
#hcom-r h1{width:100%; height:24px; line-height:24px; text-align:left; text-indent:12px; font-size:12px; font-weight:bold;background:url(../images/zwbg.gif) no-repeat left top; clear:both; color:#fff; margin-top:10px;}

#hcom-r #hlist h5{ width:100%; margin:0px auto 10px auto; height:26px; line-height:26px; text-align:left; border-bottom:2px solid #BFCAD9; color:#2D4E7E; font-size:14px; clear:both;}
#hlist h6{ width:100%; margin:0px auto; height:24px; line-height:24px; font-size:12px; font-weight:bold;background:url(../images/zwbg.gif) no-repeat left top; clear:both; color:#fff;}
#hlist h6 span{ width:220px; float:left; display:block; height:100%; height:24px; line-height:24px; text-align:left; text-indent:6px; font-weight:bold;}

#hlist .list{ width:748px; margin:0px auto;border:1px solid #DDE2E8;}
.list ul{ width:98%; margin:5px auto; text-align:center; clear:both;border-bottom:1px dashed #ccc;}
.list ul li{ width:100%; height:auto; line-height:24px; text-align:left;}
.list ul li span{ width:220px; float:left; display:block; height:100%; line-height:24px; text-align:left;}
.list a{ display:block; color:#333;cursor:pointer;}
.list a:hover{ display:block; background:#E9F0F8; cursor:pointer;}
.fy{ width:98%; margin:2px auto; text-align:center; height:24px; line-height:24px;}

#hcom-r #jobinfo{ width:100%; margin:5px auto; background:url(../images/zwmid.gif) repeat-y;}
#jobinfo h5{width:100%;height:91px;line-height:150px;color:#fff;text-align:left; text-indent:24px; background:url(../images/zwtop.gif) no-repeat center top; overflow:hidden; font-size:12px; clear:both;}
#jobinfo h5.zwbot{height:15px; line-height:15px; background:url(../images/zwbot.gif) no-repeat center top; clear:both;}
#jobinfo h1{ width:675px; margin:5px auto; height:57px; line-height:57px; text-align:left; text-indent:30px; font-size:14px; color:#2D4E7E; background:url(../images/zwx.gif) no-repeat center top; font-family:Arial, Helvetica, sans-serif;}
#jobinfo h1 span{ color:#F58028;}
#jobinfo h6{width:96%;text-indent:20px;font-size:14px; height:26px; line-height:26px; text-align:left; background:#E9F0F8; clear:both;}
#jobinfo #old{padding:2px; color:#660000; border:1px solid #cc6666; background:#ffffee; height:auto; line-height:22px; font-weight:bold;}
#jobinfo ul#xinz{width:96%; margin:10px auto; clear:both;}
#jobinfo ul#xinz li{width:49%; float:left; height:22px; line-height:22px; text-align:left; text-indent:12px;}
#jobinfo p{width:92%; text-align:left; margin:10px auto; height:auto; line-height:22px; word-break:break-all; overflow:hidden;}
#jobinfo ul#lianx{width:96%; margin:10px auto; clear:both;}
#jobinfo ul#lianx li{ width:49%; float:left;height:22px; line-height:22px; text-align:left; text-indent:12px;}

/*====================Intro======================*/
#hcom-r #introlist{ width:748px; border:1px solid #DDE2E8;}
#introlist dl{ width:100%; margin-top:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;clear:both;}
#introlist dl dt{width:200px; float:left; text-align:center;margin-top:10px; margin-left:5px;}
#introlist dl dd{width:500px; float:left; text-align:left; height:20px;line-height:20px;color:#FF781F; font-size:14px; font-weight:bold;margin-top:10px;}
#introlist dl dd img{ vertical-align:middle;}
#introlist dl dd span{color:#ee0000; margin-left:8px;}
#introlist dl dd.qxx{font-weight:normal; height:auto; line-height:22px; font-size:12px; color:#333; }

/*====================kehu======================*/
#hcom-r #Typical{width:748px; border:1px solid #DDE2E8; clear:both; padding-bottom:5px;}
#Typical h5{width:100%; height:28px; line-height:28px; text-align:left; text-indent:24px;text-indent:22px; background:url(../images/gif-0623.gif) no-repeat 6px 7px;}
#Typical dl{width:240px; float:left; background:#F5F5F5;  border:1px solid #ddd; margin:5px 2px 0px 4px;_margin:3px 2px 0px 3px; height:60px; overflow:hidden;}
#Typical dl.bi1{ height:70px;}
#Typical dl.bi2{ height:80px;}
#Typical dl dt{width:220px; padding:2px; margin-top:5px; font-size:1px; background:#fff; text-align:center;}



/*====================kehu======================*/
#hcom-r #aboutus{ width:748px; border:1px solid #DDE2E8;}
#aboutus h5{width:100%; margin:0px auto; height:24px; line-height:24px; text-align:left; color:#fff; font-size:12px; background:url(../images/zwbg.gif) no-repeat left top;text-indent:12px;clear:both;}
#aboutus p{width:96%; text-align:left; margin:10px auto; height:auto; line-height:22px; word-break:break-all; overflow:hidden; text-indent:24px;}
#aboutus p.goods{ text-indent:0px; line-height:25px; font-size:13px;}
#aboutus strong{ display:block; font-size:14px; color:#c60; text-indent:0px;}
#aboutus #ln{ font-size:20px;  text-align:left; text-indent:24px;}

