@import url("Layout.css");
@import url("Font.css");

/* top */

#top{margin:0px auto 0px auto;width:1000px;height:170px;}
#top h5{width:100%; height:26px; line-height:26px; background:#eee; padding-top:1px; border-top:2px solid #f60;}
#top #head_logo{width:240px;float:left;height:76px;line-height:76px; text-align:left;}
#top #head_navi{width:750px;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:12px 5px 0px -5px;}
#head_navi ul#nav li{width:104px; float:left; background:url(../images/JobOff.gif) no-repeat center center; height:26px; line-height:26px; font-size:14px; color:#fff; font-weight:600; text-align:center; text-indent:2px; overflow:hidden;}
#head_navi ul#nav li a{color:#333; text-decoration:none;},#head_navi ul#nav li a:hover{color:#dd0000;}
#head_navi ul#nav li.show{width:104px; float:left; background:url(../images/JobOn.gif) no-repeat center center; height:26px; line-height:26px;}
#head_navi ul#nav li.show a{color:#fff; text-decoration:none;}

#head_top{margin:0px auto;width:1000px;height:90px; background:url(../images/serachbg.gif) no-repeat top center; clear:both; position:relative;}
#head_top #serlist{ width:830px; float:left;}
#head_top #arealist{ width:160px; float:right; margin-top:31px;}
#head_top ul#search{width:100%; float:left; margin-top:15px;}
#head_top ul#search li{ width:140px; float:left; height:29px; text-align:left; line-height:29px; color:#333;}
#head_top ul#search li.inpt{width:305px;}
#head_top ul#search li.ser{width:80px; text-align:center;}
#head_top .spaceline{ width:810px; float:left; margin:5px 0px 5px 20px; _margin-left:10px; height:0px; border-top:1px solid #FAAE4A; border-bottom:1px solid #EB6C00; overflow:hidden; clear:both;}
#head_top dl#key{width:100%;margin-top:0px; clear:both;}
#head_top dl#key dt{ width:90px; float:left; height:22px; line-height:22px;text-align:left; text-indent:20px; font-weight:bold; color:#FEFAA2;}
#head_top dl#key dd{ width:600px; float:left; height:22px; line-height:22px;text-align:left;}
#head_top dl#key dd a{ color:#fff;},#head_top dl#key dd a:hover{ color:#FEFAA2; text-decoration:underline;}

/*======================================== botton ==================================================*/
.seinput{border:none; background:url(../images/seinput.gif) no-repeat; width:135px; height:23px; line-height:23px; text-align:center; cursor:pointer;}
.inputse{ height:18px; line-height:18px; border:1px solid #C3CAD0; padding:2px; width:290px; color:#999;}
.inputse:hover{ border:1px solid #ee0000;}
.inputse2{ height:18px; line-height:18px; border:1px solid #C3CAD0; padding:2px; width:130px; color:#999;}
.inputse2:hover{ border:1px solid #ee0000;}
.input2{ border:none; background:url(../images/input.gif) no-repeat; width:450px; height:24px;}
.submit{ border:none; background:url(../images/s01.gif) no-repeat; width:126px; height:24px; color:#fff; cursor:pointer;}
.sbtn{border:none; background: url(../images/sbtn.gif) no-repeat; width:73px; height:25px; line-height:25px; color:#fff; font-weight:bold; cursor:pointer;}
.searcher{border:none; background: url(../images/searcher.gif) no-repeat; width:81px; height:26px; line-height:26px; color:#fff; font-weight:bold; cursor:pointer;}
/*======================================== botton ==================================================*/

/*main*/
#area{margin:0px auto; width:980px; height:100%; background:#fff;}
#area #area-l{width:220px; float:left;}
#area #area-ml{width:240px; float:left;margin-left:4px;}
#area #area-mr{width:250px; float:left;}
#area #area-r{width:250px; float:right;}

#area-l{ width:100%; margin:0px auto; border:1px solid #4185B8; height:158px;}
#clreg{ width:210px; height:64px; float:right; background:url(../images/clr.gif) no-repeat 6px 0px; margin-top:15px;}
#clreg b{ width:100%; text-align:left; text-indent:28px; height:30px; line-height:30px; font-size:14px; color:#fff; display:block;}
#clreg span{ width:100%; text-align:left; text-indent:28px; height:30px; line-height:36px; display:block; overflow:hidden; background:url(../images/tit_3.gif) no-repeat 10px 2px; font-weight:bold;}
#clreg b a{ color:#fff;}
#clreg b a:hover{ color:#ee0000;}
#clreg:hover{-moz-opacity:0.6;filter:alpha(opacity=60);}
#area-l dl{width:100%; margin:5px auto;}
#area-l dl dt{width:100%; text-align:center; margin:5px auto;}
#area-l dl dd{ width:100%; text-align:left; height:22px; line-height:22px; font-size:12px; text-indent:12px; margin-top:10px;}

#area-ml #plg{ width:100%; margin:0px auto; border:1px solid #FAAD06; border-right:none; height:158px; margin-right:-5px; _margin-right:0px;_margin-left:3px;}
#plg h5{width:100%; height:24px; line-height:24px; text-align:left; text-indent:22px; background:url(../images/log1.gif) no-repeat 6px 4px;border-bottom:1px dashed #FAAD06;}
#plg dl{ width:100%; height:125px; padding:10px auto;border-right:1px solid #FAAD06; margin-top:4px;}
#plg dl dt{ width:70px; float:left; height:30px; line-height:34px; color:#666; text-align:right; overflow:hidden;}
#plg dl dt.btn{width:100%;text-align:center;}
#plg dl dd{ width:110px; float:left; height:30px; line-height:30px; text-align:left; _padding-top:3px;}

#area-mr{width:100%;border:1px solid #FAAD06; border-left:none; margin-left:5px; _margin-left:0px; height:158px;}
#area-mr h5{width:100%; height:24px; line-height:24px; text-align:left;text-indent:25px; background:url(../images/a2.gif) no-repeat 3px 2px;border-bottom:1px dashed #FAAD06;}
#area-mr #dqzp{width:100%; margin:3px -5px 0px 5px;}
#area-mr #dqzp dl{width:55px; float:left; height:60px; margin:2px 3px 2px 3px;_margin:2px 2px 2px 2px;}
#area-mr #dqzp dl dt{ width:100%;font-size:0px;}
#area-mr #dqzp dl dt img{ width:55px; height:40px;}
#area-mr #dqzp dl dd{ width:100%; height:19px; line-height:19px; margin-top:1px;}
#area-mr #dqzp a{color:#333;}
#area-mr #dqzp a:hover{ color:#333; text-decoration:underline;}
/*background:url(../images/dq.gif) no-repeat center center; height:130px;*/
#area-r{width:100%;}
.container{width:248px; height:158px;border:1px solid #FAAD06; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:248px; height:158px; display:block;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{float:left;color:#f60;text-align:center;line-height:16px;width:16px;height:16px;font-family:Arial;font-size:12px;cursor:pointer;overflow: hidden;margin:3px 1px;border:1px solid #FAAD06;background-color:#fff;}
.num li.on{color: #fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin:0 1px;border: 0;background-color: #f60;font-weight: bold;}
/*====================choosearea======================*/
#area #to-l{ width:420px; float:left;border-bottom:1px dashed #ccc; padding-bottom:3px;}
#area #to-m{ width:300px; float:left;margin-top:5px; margin-left:5px;}
#area #to-r{ width:250px; float:right;margin-top:5px;}

#to-l h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px;border-bottom:2px solid #FAAD06; margin:5px auto;}
#to-l h5 span{margin-left:200px; *+margin-left:240px; _margin-left:240px;font-size:12px;}
#to-l ul#scr2{width:100%; margin:0px auto; clear:both; background:url(../images/listbg24.gif) repeat-y; height:120px; overflow:hidden;}
#to-l ul#scr2 li{width:100%; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#to-l ul#scr2 li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #ffffee;}
#to-l ul#scr2 li span a{color:#666; text-decoration:none;},#to-l ul#scr2 li a:hover{ color:#ee0000; text-decoration:underline;}

#to-m dl{width:100%;}
#to-m dl dt{ width:150px; float:left; text-align:center;}
#to-m dl dt img{ width:144px; height:158px; border:1px solid #4F8FBD;}

#to-r dl{width:100%; clear:both;}
#to-r dl dt{width:125px; float:left; text-align:justify;}
#to-r dl dt img{ width:121px; height:78px; border:1px solid #4F8FBD;}
#to-r .meet{width:248px; height:73px; *+height:74px; _height:74px; border:1px solid #cc6666; background:#ffeeee;}
#to-r .meet h5{ width:90%; margin:2px auto; height:24px; line-height:24px; text-align:left; color:#f60; border-bottom:1px dashed #cc6666;}
#to-r .meet ul{ width:90%; margin:2px auto;}
#to-r .meet ul li{ height:20px; line-height:20px; text-align:left;background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

#area #hunter{width:100%;border-bottom:2px solid #4F8FBD;border-top:2px solid #4F8FBD; margin-top:10px;overflow:hidden;}
#hunter p.smt{ width:90px; float:left; text-align:center; height:26px; line-height:30px; overflow:hidden; font-weight:bold; color:#ee0000;background:#EFF4F9;}
#hunter ul#scr{width:890px; float:left; background:#EFF4F9; margin:2px 0px; height:24px; overflow:hidden;}
#hunter ul#scr li{ width:295px; float:left; text-align:left; height:24px; line-height:24px;background:url(../images/arrow.gif) no-repeat 6px 9px;text-indent:12px;text-overflow:clip; overflow:hidden; white-space:nowrap;}
#hunter ul#scr li a{ color:#333;},#hunter ul#scr li a:hover{ color:#666; text-decoration:underline;}
#hunter ul#scr li span a{ color:#ee0000;},#hunter ul#scr li span a:hover{ color:#f60;}


/*====================Tong======================*/
#area #middlead img{width:980px; height:60px; margin:3px auto;clear:both;}

#area #Fea{width:100%; clear:both;}
#Fea dl{width:190px;_width:189px; float:left; background:#f8f8f8;  border:1px solid #eee; margin:4px 2px 0px 2px;}
#Fea dl:hover{ background:#fffffe; border-bottom:1px solid #fff;}
#Fea dl dt{width:184px; padding:2px; font-size:1px; background:#fff; text-align:justify;}
#Fea dl dt img{width:184px; height:42px;text-align:left; }
#Fea dl dd{ width:185px;text-align:left; text-indent:6px; height:20px; line-height:20px; text-overflow:clip; overflow:hidden; white-space:nowrap;}
#Fea dl dd.zw{ font-weight:normal;}
#Fea dl dd.zw a{ color:#333; text-decoration:none;},#Fea dl dd.zw a:hover{ color:#ee0000; text-decoration:underline;}

/*====================Connected======================*/
#area #prcon-l{ width:440px; float:left; margin-top:5px;}
#area #prcon-r{ width:530px; float:right;}


/*====================left======================*/

#prcon-l #ltad{width:100%;}
#ltad dl{width:100%; float:left; height:65px;}
#ltad dl dt{width:100%;text-align:left; }
#ltad dl dt img{width:440px; height:60px; vertical-align:middle;border:1px solid #9CB6CF;}

#prcon-l dl#lad{ width:100%; margin-top:5px;}
#prcon-l dl#lad dt{width:140px; float:left; height:86px;text-align:center; border:1px solid #9CB6CF; background:#EBF0F6; margin:0px 2px 4px 2px; font-size:1px; padding-top:5px;}
#prcon-l dl#lad dt:hover{ border:1px solid #ee0000; background:#ffffee;}
#prcon-l dl#lad dt img{ width:130px; height:80px;}

/*====================right======================*/
#prcon-r #info{ width:100%; border:1px solid #FAAD06; margin-top:5px; padding-bottom:8px; _padding-bottom:6px;}
#info h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; background:url(../images/JobBot2.gif) repeat-x; margin-bottom:5px;}
#info h5 p{width:75px;cursor:pointer;float:left;text-align:center;}
#info h5 p.mOut{height:24px;line-height:24px;  color:#333; font-size:12px; padding-top:4px; overflow:hidden;}
#info h5 p.mOn{height:24px;line-height:24px;background:url(../images/sj.gif) no-repeat left 4px; color:#fff; font-size:12px; padding-top:2px;_padding-top:3px;overflow:hidden;}
.info-c{width:100%; height:576px; background:url(../images/listbg24.gif) repeat-y; overflow:hidden;}
.info-c ul{width:99%; margin:0px auto; clear:both;}
.info-c ul li{width:262px; float:left;height:24px; line-height:24px;  text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.info-c ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #ffffee;}

#prcon-r #Hot ul li span a{color:#666; text-decoration:none;},#prcon-r #Hot ul li span a:hover{ color:#ee0000; text-decoration:underline;}

#prcon-r #fam{ width:100%; margin-top:5px; border:1px solid #84A9D2;}
#fam h5{width:100%; font-size:14px; text-align:left; height:27px; line-height:27px;background:url(../images/he_h22.gif) no-repeat; text-indent:18px;border-bottom:1px solid #84A9D2;}
#fam ul{width:100%; margin:2px auto; clear:both;}
#fam ul li{width:265px; float:left; height:24px; line-height:24px; text-align:left; background:url(../images/arrow.gif) no-repeat 8px 10px; text-indent:16px;color:#f60;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#fam ul li:hover{background:url(../images/arrow.gif) no-repeat 8px 10px #ffffee;}
#fam ul li span a{color:#666; text-decoration:none;},#fam ul li span a:hover{ color:#ee0000; text-decoration:underline;}


/*====================Link======================*/
#area #link{width:100%;}
#link h5{width:100%; font-size:14px; text-align:left; height:26px; line-height:26px; border-bottom:2px solid #FAAD06; margin-top:10px; clear:both;background:url(../images/r5.gif) no-repeat 3px 4px; text-indent:25px;}
#link ul{ width:100%; margin:5px auto;}
#link ul li{ width:102px; float:left; height:20px; line-height:20px; margin:0px 4px 4px 0px;text-overflow:clip; overflow:hidden; white-space:nowrap;}
#link span{ font-size:12px; margin-left:820px;}

/*bottom*/
#bottom{width:1000px;margin:10px auto; background:url(../images/top_bg.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:#fff; font-weight:normal;}
#bottom h6 a{ color:#fff; margin:0px 4px;}
#bottom h6 a:hover{ color:#fff; 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 ul li a:link,#bottom ul li a:visited{color:#333; text-decoration:none;}
#bottom ul li a:hover{ text-decoration:underline;}
#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;}




#onlyBig{width:0; height:0; background:transparent; z-index:99; position:absolute;}
#onlyBig #onlySmall{width:750px; height:auto;border:2px solid #CFD9E4;border-bottom:6px solid #CFD9E4; background:url(../images/Only-bg.gif) repeat-x left 1px #fefefe;}
#onlyBig #onlySmall h5#onlyCity{ width:100%; height:25px;line-height:25px; overflow:hidden; text-align:left; color:#213B4F; font-size:12px; background:url(../images/info.gif) no-repeat 9px 4px; text-indent:32px;cursor:move;}
#onlyBig #onlySmall ul{ width:99%; margin:1px auto; padding:15px 2px; clear:both; background:#fefefe;}
#onlyBig #onlySmall ul li{width:96%; margin:0px auto; height:auto; line-height:22px; text-align:left; color:#59768C;}
#onlyBig #onlySmall ul li span{ width:24%; float:left; display:block;}
#onlyBig #onlySmall ul li b{ margin-left:20px; display:inline-block; font-weight:normal;}
#onlyBig #onlySmall ul li.citytit{border-bottom:1px dashed #CFD9E4; padding-bottom:3px;}
#onlyBig #onlySmall ul li.aly{ margin:5px auto; text-align:left;}
#onlyBig #onlySmall ul li#selResult{border:1px solid #CFD9E4; background:#eee; height:22px; line-height:22px;}
#onlyBig #onlySmall ul li.lineonly{width:100%; background:url(../images/line.gif) no-repeat center center; border:none; height:3px; clear:both;}
#onlyBig #onlySmall ul li.buton{ text-align:center; margin:2px auto;}
#onlyBig #onlySmall .ok{ background:url(../images/Oi.gif) no-repeat; border:none; width:72px; height:20px;cursor:pointer;}

#onlyBig #onlySmall2{width:350px; height:auto;border:2px solid #CFD9E4;border-bottom:6px solid #CFD9E4; background:url(../images/Only-bg.gif) repeat-x left 1px #fefefe; margin-top:10px;}
#onlyBig #onlySmall2 h5#onlyzw{ width:100%; height:25px;line-height:25px; overflow:hidden; text-align:left; color:#213B4F; font-size:12px; background:url(../images/info.gif) no-repeat 9px 4px; text-indent:32px;cursor:move;}
#onlyBig #onlySmall2 ul{ width:99%; margin:1px auto; padding:15px 2px; clear:both; background:#fefefe;}
#onlyBig #onlySmall2 ul li{width:96%; margin:0px auto; height:auto; line-height:22px; text-align:center; color:#59768C;}
#onlyBig #onlySmall2 ul li.lineonly{width:100%; background:url(../images/line.gif) no-repeat center center; border:none; height:3px; clear:both;}
#onlyBig #onlySmall2 ul li.buton{ text-align:center; margin:2px auto;}
#onlyBig #onlySmall2 .ok{ background:url(../images/Oi.gif) no-repeat; border:none; width:72px; height:20px;cursor:pointer;}